/* AMS v2 — giao dien moi. 22/10/2026: mau theo logo moi — trang + xanh #1d8fcb (nen xanh chu trang, nen trang chu xanh) */
/* Font giu nhu web cu: Open Sans (file cu trong fonts/) + Roboto Condensed */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/OpenSans.woff) format("woff")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/OpenSans-Semibold.woff) format("woff")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/OpenSans-Bold.woff) format("woff")}
@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/OpenSans-Italic.woff) format("woff")}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/RobotoCondensed-Regular.woff) format("woff")}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/v2/roboto-condensed-vietnamese-600-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/v2/roboto-condensed-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/v2/roboto-condensed-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/v2/roboto-condensed-vietnamese-700-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/v2/roboto-condensed-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/v2/roboto-condensed-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


:root{
  --ams-blue:#1d8fcb;
  --ams-blue-dark:#1677b0;
  --ams-blue-tint:#eaf5fb;
  --ams-ink:#0d5d8c;
  --ams-ink-deep:#0b4f78;
  --ams-safety:#1d8fcb;
  --ams-text:#0e3f5e;
  --ams-muted:#4d7690;
  --ams-line:#d6e7f2;
  --ams-paper:#f1f8fc;
  --ams-white:#fff;
  --wrap:1240px;
  --gutter:24px;
  --head-font:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  --body-font:"Open Sans",Arial,Helvetica,Tahoma,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ams-white);color:var(--ams-text);font:400 15px/1.65 var(--body-font)}
img{max-width:100%;height:auto;display:block;border:0}
a{color:var(--ams-blue-dark);text-decoration:none}
a:hover{color:var(--ams-ink)}
h1,h2,h3,h4{font-family:var(--head-font);font-weight:700;color:var(--ams-ink);line-height:1.15;margin:0 0 .5em;letter-spacing:.005em}
p{margin:0 0 1em}
ul,ol.crumbs{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ams-blue);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}

/* ---------- nut ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 22px;border:2px solid var(--ams-blue-dark);background:var(--ams-blue-dark);color:#fff;font:600 15px/1 var(--head-font);letter-spacing:.06em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--ams-ink);border-color:var(--ams-ink);color:#fff}
.btn--line{background:transparent;color:var(--ams-ink);border-color:var(--ams-ink)}
.btn--line:hover{background:var(--ams-ink);border-color:var(--ams-ink);color:#fff}
.btn--safety{background:var(--ams-blue-dark);border-color:var(--ams-blue-dark);color:#fff}
.btn--safety:hover{background:var(--ams-ink);border-color:var(--ams-ink);color:#fff}
.link-more{font-size:14.5px;font-weight:600;color:var(--ams-blue);white-space:nowrap}
.link-more::after{content:" ›"}
.link-more:hover{text-decoration:underline}

/* ---------- topbar ---------- */
.topbar{background:var(--ams-blue-dark);color:rgba(255,255,255,.9);font-size:13.5px}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:16px}
.topbar a{color:#fff}
.topbar a:hover{color:#fff;text-decoration:underline}
.topbar__contact span{white-space:nowrap}
.topbar__contact b{font-weight:600;color:#fff}
.topbar__right{display:flex;align-items:center;gap:18px}
.topbar__social{display:flex;gap:14px}
.lang{display:flex;border:1px solid #4d7690}
.lang a{display:block;padding:2px 9px;font:600 12.5px/1.6 var(--body-font);letter-spacing:.04em;color:rgba(255,255,255,.9)}
.lang a.is-on{background:#fff;color:var(--ams-ink)}

/* ---------- masthead ---------- */
.masthead{background:#fff}
.masthead .wrap{display:flex;align-items:center;gap:24px;min-height:96px}
.brand{display:flex;align-items:center;gap:16px;color:var(--ams-ink);margin-right:auto}
.brand img{width:64px;height:64px}
.brand__name{display:block;font:700 22px/1.1 var(--head-font);letter-spacing:.04em;text-transform:uppercase;color:var(--ams-ink)}
.brand__tag{display:block;margin-top:4px;font-size:14.5px;color:var(--ams-muted)}
.brand:hover .brand__name{color:var(--ams-blue)}
.search{display:flex;width:300px;border:1px solid #c3dcec;background:#fff}
.search input{flex:1;min-width:0;height:42px;padding:0 12px;border:0;background:transparent;font-size:15px}
.search input:focus{outline:none}
.search:focus-within{border-color:var(--ams-blue)}
.search button{width:44px;border:0;background:var(--ams-blue);color:#fff;cursor:pointer}
.search button:hover{background:var(--ams-blue)}
.masthead .btn--safety{flex:none}
.nav-toggle{display:none}

/* ---------- menu chinh ---------- */
.mainnav{position:sticky;top:0;z-index:50;background:#fff;border-top:1px solid var(--ams-line);border-bottom:1px solid var(--ams-line)}
.mainnav.is-stuck{box-shadow:0 1px 0 var(--ams-line),0 6px 14px rgba(9,62,94,.06)}
.menu{display:flex;flex-wrap:wrap;position:relative}
.menu>li{position:relative}
.menu>li>a{display:flex;align-items:center;gap:6px;height:52px;padding:0 15px;font:600 15.5px/1 var(--head-font);letter-spacing:.06em;text-transform:uppercase;color:var(--ams-ink);border-bottom:3px solid transparent;margin-bottom:-1px}
.menu>li:first-child>a{padding-left:0}
.menu>li>a:hover,.menu>li.is-active>a,.menu>li:focus-within>a{color:var(--ams-blue);border-bottom-color:var(--ams-blue)}
.menu .caret{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.submenu-btn{display:none}
.dropdown{position:absolute;left:0;top:100%;min-width:260px;background:#fff;border:1px solid var(--ams-line);border-top:3px solid var(--ams-blue);padding:8px 0;visibility:hidden;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s,visibility 0s .12s;z-index:60}
.menu>li:hover>.dropdown,.menu>li:focus-within>.dropdown{visibility:visible;opacity:1;transform:none;transition:opacity .12s,transform .12s}
.menu>li:nth-last-child(-n+3)>.dropdown{left:auto;right:0}
.dropdown a{display:block;padding:8px 18px;font-size:14.5px;line-height:1.35;color:var(--ams-text)}
.dropdown a:hover{background:var(--ams-paper);color:var(--ams-blue)}
.dropdown ul ul a{padding-left:32px;font-size:14px;color:var(--ams-muted)}
/* mega menu cho Sản phẩm: cap 2 la tieu de cot, cap 3 la danh sach */
.menu>li.has-mega{position:static}
.dropdown--mega{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px;left:0;right:0;min-width:0;padding:16px 10px}
.menu>li:nth-last-child(-n+3)>.dropdown--mega{left:0}
.dropdown--mega>li>a{font:600 15px/1.25 var(--head-font);letter-spacing:.03em;color:var(--ams-ink);border-bottom:1px solid var(--ams-line);padding-bottom:9px;margin-bottom:4px}
.dropdown--mega ul a{padding:6px 18px;color:var(--ams-muted)}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--ams-ink-deep);overflow:hidden}
.hero__track{position:relative;aspect-ratio:2.6/1;max-height:560px;width:100%}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;display:block}
.hero__slide.is-on{opacity:1;z-index:1}
.hero__slide img{width:100%;height:100%;object-fit:cover}
.hero__slide.is-contain img{object-fit:contain}
.hero__bars{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;justify-content:center;gap:8px}
.hero__bars button{width:34px;height:4px;padding:0;border:0;background:rgba(255,255,255,.45);cursor:pointer}
.hero__bars button.is-on{background:#fff}
.hero__arrow{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;border:0;background:rgba(9,62,94,.55);color:#fff;cursor:pointer;font-size:22px;line-height:44px}
.hero__arrow:hover{background:var(--ams-blue)}
.hero__arrow--prev{left:0}
.hero__arrow--next{right:0}

/* ---------- section chung ---------- */
.section{padding:72px 0}
.section--paper{background:var(--ams-paper)}
.section--tight{padding:56px 0}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--ams-line)}
.section-title{font-size:32px;font-weight:700;margin:0;color:var(--ams-ink)}

/* the san pham / danh muc */
.grid{display:grid;gap:24px}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ams-line);color:var(--ams-text);transition:border-color .15s}
.tile__media{position:relative;aspect-ratio:4/3;background:#fff;overflow:hidden;border-bottom:1px solid var(--ams-line)}
.tile__media img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .3s ease}
.tile__media--cover img{object-fit:cover;padding:0}
.tile__media--fit img{padding:0}
.tile__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:16px 18px 18px;border-top:3px solid transparent;margin-top:-1px;transition:border-color .15s}
.tile__title{font:600 19px/1.25 var(--head-font);color:var(--ams-ink);margin:0}
.tile__meta{font-size:13.5px;color:var(--ams-muted);letter-spacing:.02em}
.tile .link-more{margin-top:auto;font-size:14px}
.tile:hover{border-color:#b9d6e8}
.tile:hover .tile__body{border-top-color:var(--ams-blue)}
.tile:hover .tile__title{color:var(--ams-blue)}
.noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:repeating-linear-gradient(135deg,#e3f0f8 0 10px,#f4f4f4 10px 20px);color:rgba(255,255,255,.75);font:600 13px/1 var(--head-font);letter-spacing:.12em;text-transform:uppercase}

/* gioi thieu trang chu */
.about{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.about__media{position:relative}
.about__media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.about__title{font-size:34px;font-weight:700;margin-bottom:18px}
.about__text{color:#2f5d7a}
.about__text p{margin:0 0 .9em}
.about__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* du an */
.projects{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:240px;gap:16px}
.project{position:relative;display:block;overflow:hidden;background:var(--ams-ink)}
.project:first-child{grid-row:span 2}
.project img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.project__cap{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:rgba(9,62,94,.82);color:#fff}
.project__cap h3{margin:0;font-size:18px;color:#fff;line-height:1.25}
.project__cap span{display:block;margin-top:4px;font-size:13px;color:#c3dcec}
.project:hover img{transform:scale(1.04)}
.project:hover .project__cap{background:rgba(30,144,204,.92)}

/* doi tac */
.partners{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--ams-line);border-left:1px solid var(--ams-line)}
.partner{display:flex;align-items:center;justify-content:center;aspect-ratio:7/4;padding:14px 18px;border-right:1px solid var(--ams-line);border-bottom:1px solid var(--ams-line);background:#fff}
.partner img{max-height:100%;width:auto;object-fit:contain}
.partners-more{margin-top:18px;text-align:center}
.partners.is-collapsed .partner:nth-child(n+13){display:none}

/* tin tuc */
.news{display:grid;grid-template-columns:1.25fr 1fr;gap:32px}
.news-lead{display:block;color:var(--ams-text)}
.news-lead__media{aspect-ratio:16/9;overflow:hidden;background:var(--ams-paper)}
.news-lead__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.news-lead h3{font-size:26px;margin:18px 0 10px}
.news-lead p{color:#2f5d7a;margin:0}
.news-lead:hover h3{color:var(--ams-blue)}
.news-lead:hover img{transform:scale(1.03)}
.news-list li+li{border-top:1px solid var(--ams-line)}
.news-item{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px 0;color:var(--ams-text)}
.news-list li:first-child .news-item{padding-top:0}
.news-item__media{aspect-ratio:4/3;overflow:hidden;background:var(--ams-paper)}
.news-item__media img{width:100%;height:100%;object-fit:cover}
.news-item h3{font-size:18px;margin:2px 0 6px}
.news-item:hover h3{color:var(--ams-blue)}
.date{font-size:13px;color:var(--ams-muted);letter-spacing:.03em;text-transform:uppercase}

/* ---------- trang trong ---------- */
.pagehead{background:var(--ams-paper);border-bottom:1px solid var(--ams-line)}
.pagehead .wrap{padding-top:28px;padding-bottom:26px}
.crumbs{display:flex;flex-wrap:wrap;gap:4px 0;font-size:13.5px;color:var(--ams-muted);margin-bottom:10px}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 9px;color:#9fc3da}
.crumbs a{color:var(--ams-muted)}
.crumbs a:hover{color:var(--ams-blue)}
.crumbs .clr{display:none}
.pagehead h1{font-size:30px;font-weight:700;margin:0}
.pagehead--slim .wrap{padding-top:14px;padding-bottom:14px}
.pagehead--slim .crumbs{margin:0}
.page{padding:48px 0 72px}
.layout{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}
.sidenav{position:sticky;top:72px;max-height:calc(100vh - 92px);overflow:auto}
.sidenav summary{display:flex;align-items:center;gap:10px;padding:0 0 12px;margin-bottom:6px;border-bottom:2px solid var(--ams-blue);list-style:none;pointer-events:none}
.sidenav summary::-webkit-details-marker{display:none}
.sidenav summary>i,.sidenav__cur{display:none}
.sidenav__title{font:700 15px/1.3 var(--head-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ams-ink)}
.sidenav ul{margin:0;padding:0;list-style:none}
.sidenav__row{display:flex;align-items:flex-start;border-bottom:1px solid var(--ams-line)}
.sidenav__row>a{flex:1;min-width:0;display:block;padding:10px 0 10px 12px;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--ams-text);border-left:3px solid transparent}
.sidenav a:hover{color:var(--ams-blue)}
.sidenav a.is-on{color:var(--ams-blue);border-left-color:var(--ams-blue)}
.sidenav__tog{flex:none;width:34px;height:40px;border:0;background:none;color:var(--ams-muted);cursor:pointer}
.sidenav__tog i{transition:transform .2s}
.sidenav__tog:hover{color:var(--ams-blue)}
.sidenav .is-open>.sidenav__row .sidenav__tog i{transform:rotate(180deg)}
.sidenav li>ul{display:none;margin:6px 0 8px 15px;border-left:1px solid var(--ams-line)}
.sidenav li.is-open>ul{display:block}
.sidenav li>ul a{display:block;padding:6px 8px 6px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:13px;line-height:1.4;color:var(--ams-muted)}
.sidenav li>ul a.is-on{color:var(--ams-blue);font-weight:600;border-left-color:var(--ams-blue)}
.cat-intro{margin-bottom:28px;color:#2f5d7a}
.empty{padding:40px;border:1px dashed #c3dcec;text-align:center;color:var(--ams-muted)}

/* phan trang (pageList tra ve <li><a>) */
.pager{margin-top:36px}
.pager ul{display:flex;flex-wrap:wrap;gap:6px}
.pager li{list-style:none}
.pager a,.pager span,.pager b{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--ams-line);color:var(--ams-text);font-weight:500}
.pager a:hover{border-color:var(--ams-blue);color:var(--ams-blue)}
.pager .active a,.pager a.active,.pager .current,.pager b{background:var(--ams-blue);border-color:var(--ams-blue);color:#fff}

/* chi tiet san pham */
.product{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.gallery__main{display:block;aspect-ratio:4/3;background:#fff;border:1px solid var(--ams-line)}
.gallery__main img{width:100%;height:100%;object-fit:contain;padding:18px}
.gallery__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
.gallery__thumbs button{aspect-ratio:4/3;padding:0;border:1px solid var(--ams-line);background:#fff;cursor:pointer}
.gallery__thumbs button img{width:100%;height:100%;object-fit:contain;padding:4px}
.gallery__thumbs button.is-on{border-color:var(--ams-blue);box-shadow:inset 0 0 0 1px var(--ams-blue)}
.product__title{font-size:36px;font-weight:700;margin:0 0 14px}
.spec{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.spec th,.spec td{padding:10px 0;border-bottom:1px solid var(--ams-line);text-align:left;vertical-align:top}
.spec th{width:40%;font-weight:500;color:var(--ams-muted)}
.product__summary{color:#2f5d7a;margin-bottom:24px}
.product__cta{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0;border-top:3px solid var(--ams-ink)}
.product__hotline{display:flex;flex-direction:column;justify-content:center;font-size:13px;color:var(--ams-muted);line-height:1.3}
.product__hotline a{font:700 20px/1.2 var(--head-font);color:var(--ams-ink);letter-spacing:.02em}
.tabs-title{margin:56px 0 24px;padding-bottom:12px;border-bottom:1px solid var(--ams-line);font-size:26px;font-weight:700;position:relative}

/* noi dung bai viet tu CKEditor */
.prose{max-width:820px;color:#0e3f5e;font-size:16.5px;line-height:1.7;overflow-wrap:anywhere}
.prose--wide{max-width:none}
.prose h1,.prose h2,.prose h3,.prose h4{margin:1.6em 0 .6em}
.prose h2{font-size:28px}
.prose h3{font-size:22px}
.prose img{max-width:100%!important;height:auto!important;margin:1.2em 0}
.prose figure{margin:1.4em 0;max-width:100%!important;width:auto!important}
.prose figcaption{font-size:14px;color:var(--ams-muted);margin-top:-.6em}
.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1em}
.prose ul{list-style:square}
.prose li{margin:.3em 0}
.prose table{border-collapse:collapse;margin:1.2em 0;max-width:100%;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid var(--ams-line);padding:8px 10px}
.prose iframe,.prose video{max-width:100%}
.prose a{text-decoration:underline;text-underline-offset:2px}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid var(--ams-safety);color:var(--ams-muted)}

/* chi tiet bai viet */
.article{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:start}
.article__meta{display:flex;gap:18px;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--ams-line);font-size:14px;color:var(--ams-muted)}
.article__lead{font-size:19px;line-height:1.6;color:var(--ams-ink);margin-bottom:24px}
.share{display:flex;align-items:center;gap:10px;margin-top:36px;padding-top:18px;border-top:1px solid var(--ams-line);font-size:14px;color:var(--ams-muted)}
.share a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--ams-line);color:var(--ams-ink)}
.share a:hover{border-color:var(--ams-blue);color:var(--ams-blue)}
.aside h2{font-size:18px;letter-spacing:.06em;text-transform:uppercase;padding-bottom:10px;border-bottom:3px solid var(--ams-ink)}
.aside-list li+li{border-top:1px solid var(--ams-line)}
.aside-list a{display:grid;grid-template-columns:84px 1fr;gap:12px;padding:12px 0;color:var(--ams-text);font-size:14.5px;line-height:1.35}
.aside-list img{width:84px;height:63px;object-fit:cover;background:var(--ams-paper)}
.aside-list a:hover{color:var(--ams-blue)}

/* danh sach tin dang hang ngang */
.rows li{border-bottom:1px solid var(--ams-line)}
.row-item{display:grid;grid-template-columns:280px 1fr;gap:28px;padding:24px 0;color:var(--ams-text)}
.rows li:first-child .row-item{padding-top:0}
.row-item__media{aspect-ratio:16/10;overflow:hidden;background:var(--ams-paper)}
.row-item__media img{width:100%;height:100%;object-fit:cover}
.row-item h2{font-size:23px;margin:6px 0 10px}
.row-item p{color:#2f5d7a;margin:0 0 12px}
.row-item:hover h2{color:var(--ams-blue)}

/* tai lieu */
.docs{border-top:3px solid var(--ams-ink)}
.doc{display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--ams-line)}
.doc__type{display:flex;align-items:center;justify-content:center;width:46px;height:54px;border:1px solid #c3dcec;font:700 12px/1 var(--head-font);letter-spacing:.06em;color:var(--ams-ink);position:relative}
.doc__type::before{content:"";position:absolute;top:-1px;right:-1px;border-style:solid;border-width:0 12px 12px 0;border-color:transparent #fff #c3dcec transparent}
.doc__type--pdf{color:#c0392b}
.doc h3{font:600 17px/1.3 var(--body-font);margin:0}
.doc h3 a{color:var(--ams-ink)}
.doc h3 a:hover{color:var(--ams-blue)}
.doc small{display:block;color:var(--ams-muted);font-size:13px;margin-top:3px}

/* video */
.ytlite{display:block;position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.ytlite img{width:100%;height:100%;object-fit:cover;opacity:.88}
.ytlite::after{content:"";position:absolute;left:50%;top:50%;width:64px;height:44px;margin:-22px 0 0 -32px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);transform:scale(.55)}
.ytlite iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* form */
.form{display:grid;gap:16px}
.form--2{grid-template-columns:1fr 1fr}
.form .full{grid-column:1/-1}
.field label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--ams-ink)}
.field input,.field textarea,.field select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #c3dcec;background:#fff;border-radius:0}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--ams-blue);box-shadow:0 0 0 1px var(--ams-blue)}
.hp{position:absolute!important;left:-9999px!important}
.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:48px}
.contact__info{padding:28px;background:var(--ams-paper);border-top:3px solid var(--ams-blue)}
.contact__info h2{font-size:24px}
.map{margin-top:48px;aspect-ratio:21/8;background:var(--ams-paper)}
.map iframe{width:100%!important;height:100%!important;border:0}

/* ---------- trang trong (dot 2) ---------- */
.layout__main{min-width:0}
.article__title{font-size:36px;font-weight:700;margin:0 0 14px}
.article--project{grid-template-columns:1fr 300px}
.article .gallery{margin-bottom:28px}
.aside-box{margin-top:28px;padding:22px;background:var(--ams-paper);border-top:3px solid var(--ams-safety)}
.aside-box h2{border:0;padding:0;margin:0 0 8px;font-size:19px}
.aside-box p{font-size:14.5px;color:#2f5d7a}
.aside-list span{display:block}
.aside-list small{display:block;margin-top:4px}
.aside-list .noimg{width:84px;height:63px}
.tile__text{margin:0;font-size:14.5px;color:#2f5d7a}
.tile--video .tile__media{position:relative;aspect-ratio:16/9}
.play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;background:rgba(9,62,94,.78);border-radius:50%}
.play::after{content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent #fff}
.tile--video:hover .play{background:var(--ams-blue)}
.folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:32px}
.folder{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--ams-line);color:var(--ams-ink);font-weight:600;font-size:14.5px;line-height:1.35}
.folder i{font-size:20px;color:var(--ams-blue)}
.folder:hover{border-color:var(--ams-blue);color:var(--ams-blue)}
.doc--single{border:1px solid var(--ams-line);padding:16px;margin-bottom:28px}
.request{display:grid;gap:24px}
.request__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.request__box{margin:0;padding:22px 24px 24px;border:1px solid var(--ams-line);min-width:0}
.request__box legend{float:left;width:100%;padding:0;margin:0 0 16px;font:700 20px/1.2 var(--head-font);color:var(--ams-ink)}
.request__box legend+*{clear:both}
.checks{display:grid;gap:10px}
.check{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;cursor:pointer}
.check input{margin-top:3px;width:17px;height:17px;accent-color:var(--ams-blue);flex:none}
.notice{padding:12px 16px;border-left:3px solid var(--ams-blue);background:var(--ams-blue-tint);font-size:14.5px;margin:0 0 16px}
.notice--ok{border-left-color:#2e7d32;background:#edf6ee}
.notice--err{border-left-color:#c0392b;background:#fbeeec}
.contact__title{font-size:26px;margin-bottom:18px}
.contact__row{display:grid;grid-template-columns:22px 1fr;gap:12px;margin-top:16px;font-size:14.5px}
.contact__row i{color:var(--ams-blue);margin-top:4px}
.contact__row p{margin:0 0 4px}
.search--page{width:100%;max-width:560px;margin-bottom:24px}
.result-count{color:var(--ams-muted);margin:0 0 20px}
@media (max-width:900px){
  .request__grid{grid-template-columns:1fr}
  .article__title{font-size:28px}
}

/* cot grid co duoc khi noi dung co chuoi dai (URL, email) */
.contact>*,.footer-cols>*,.layout>*,.article>*,.about>*,.news>*,.product>*,.request__grid>*{min-width:0}
.footer-company,.contact__info,.prose{overflow-wrap:anywhere}
.topbar__contact{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.topbar__contact span{margin-right:22px}

/* bang tinh gia */
.calc{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}
.calc__step{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 18px}
.calc__step span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ams-blue);color:#fff;font-size:17px}
.calc__add .form{gap:14px}
.calc__spec{font-size:14px}
.calc__spec .spec{margin:0 0 8px;font-size:14px}
.calc__spec details summary{cursor:pointer;color:var(--ams-blue);font-weight:600}
.calc__spec .prose{font-size:14px;margin-top:8px}
.calc__note{margin:0;font-size:13px;color:var(--ams-muted)}
.calc__list{min-width:0}
.calc__export{margin-top:4px}
.form--3{grid-template-columns:repeat(4,minmax(0,1fr))}
.form--3 .field--wide{grid-column:1/-1}
.calc__export .btn{margin-top:4px}
.table-wrap{overflow-x:auto;margin-bottom:14px;border:1px solid var(--ams-line)}
.quote{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.quote th{background:var(--ams-blue);color:#fff;font-weight:600;text-align:left;padding:10px;white-space:nowrap;font-size:13.5px}
.quote td{padding:10px;border-top:1px solid var(--ams-line);vertical-align:middle}
.quote td small{display:block;color:var(--ams-muted);font-size:13px}
.quote .num{text-align:right;white-space:nowrap}
.quote tfoot td{background:var(--ams-paper);font-weight:600}
.quote .dims{white-space:nowrap}
.quote .dims input{width:64px;padding:6px;border:1px solid #c3dcec}
.link-del{width:30px;height:30px;border:1px solid var(--ams-line);background:#fff;color:#c0392b;font-size:18px;line-height:1;cursor:pointer}
.link-del:hover{border-color:#c0392b}
@media (max-width:900px){
  .calc{grid-template-columns:1fr}
  .form--3{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){ .form--3{grid-template-columns:1fr} }

/* ---------- footer ---------- */
.cta-band{background:#fff;color:var(--ams-text);border-top:1px solid var(--ams-line)}
.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:30px;padding-bottom:30px}
.cta-band h2{color:var(--ams-blue);font-size:28px;margin:0 0 4px}
.cta-band p{margin:0;color:var(--ams-muted)}
.cta-band .btn--safety{flex:none}
.site-footer{background:var(--ams-blue-dark);color:rgba(255,255,255,.88);font-size:15px}
.site-footer a{color:#fff}
.site-footer a:hover{color:#fff;text-decoration:underline}
.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:48px;padding:56px 0 40px}
.site-footer h2{color:#fff;font-size:19px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.footer-company p{margin:0 0 6px}
.footer-links{columns:2;column-gap:24px}
.footer-links li{margin:0 0 8px;break-inside:avoid}
.footer-links a{color:rgba(255,255,255,.88)}
.subscribe{display:flex;margin-top:14px;border:1px solid #4d7690}
.subscribe input{flex:1;min-width:0;height:44px;padding:0 12px;border:0;background:transparent;color:#fff}
.subscribe input::placeholder{color:rgba(255,255,255,.75)}
.subscribe input:focus{outline:none}
.subscribe button{border:0;padding:0 18px;background:#fff;color:var(--ams-blue-dark);font:600 14px/1 var(--head-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.social{display:flex;gap:8px;margin-top:20px}
.social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #3f6a86;color:#fff}
.social a:hover{border-color:#fff;background:#fff;color:var(--ams-blue)}
.social img{width:18px;height:18px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.3)}
.footer-bottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:18px;padding-bottom:18px;font-size:13.5px;color:rgba(255,255,255,.75)}
.footer-bottom p{margin:0}
.footer-bottom a{color:rgba(255,255,255,.88)}

/* nut lien he co dinh */
.quick{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;gap:6px}
.quick a,.quick button{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:0;background:var(--ams-blue);color:#fff;cursor:pointer;font-size:18px}
.quick a:hover,.quick button:hover{background:var(--ams-blue);color:#fff}
.quick .quick__zalo{background:#fff;border:1px solid var(--ams-line)}
.quick img{width:26px;height:26px}
.quick .quick__top{opacity:0;visibility:hidden;transition:opacity .2s}
.quick .quick__top.is-on{opacity:1;visibility:visible}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .search{width:240px}
  .menu>li>a{padding:0 10px;font-size:14.5px}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .partners{grid-template-columns:repeat(4,1fr)}
  .partners.is-collapsed .partner:nth-child(n+9){display:none}
  .dropdown--mega{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-cols{grid-template-columns:1fr 1fr}
  .footer-company{grid-column:1/-1}
}
@media (max-width:900px){
  :root{--gutter:16px}
  .topbar__contact span+span{display:none}
  .topbar__social{display:none}
  .masthead .wrap{min-height:72px;gap:12px}
  .brand img{width:48px;height:48px}
  .brand__name{font-size:18px}
  .brand__tag{font-size:13px}
  .masthead .search,.masthead .btn--safety{display:none}
  .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0 11px;border:1px solid var(--ams-line);background:#fff;cursor:pointer}
  .nav-toggle span{display:block;height:2px;background:var(--ams-ink)}
  .mainnav{position:fixed;top:0;bottom:0;left:0;width:min(86vw,360px);overflow-y:auto;border:0;transform:translateX(-102%);transition:transform .25s ease;z-index:80;box-shadow:none}
  .nav-open .mainnav{transform:none;box-shadow:0 0 0 100vmax rgba(9,62,94,.5)}
  .nav-open{overflow:hidden}
  .mainnav .wrap{padding:0}
  .mainnav__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--ams-blue);color:#fff;font:600 16px/1 var(--head-font);letter-spacing:.1em;text-transform:uppercase}
  .mainnav__head button{width:40px;height:40px;border:1px solid #4d7690;background:transparent;color:#fff;font-size:22px;cursor:pointer}
  .mainnav__search{display:flex;margin:14px 16px;border:1px solid #c3dcec}
  .mainnav__search input{flex:1;min-width:0;height:42px;padding:0 10px;border:0}
  .mainnav__search button{width:44px;border:0;background:var(--ams-blue);color:#fff}
  .menu{display:block}
  .menu>li{border-bottom:1px solid var(--ams-line)}
  .menu>li>a,.menu>li:first-child>a{height:auto;padding:14px 56px 14px 16px;border:0;margin:0}
  .menu .caret{display:none}
  .submenu-btn{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:52px;height:48px;border:0;border-left:1px solid var(--ams-line);background:transparent;cursor:pointer}
  .submenu-btn::before{content:"";width:8px;height:8px;border-right:2px solid var(--ams-ink);border-bottom:2px solid var(--ams-ink);transform:rotate(45deg);transition:transform .2s}
  .is-open>.submenu-btn::before{transform:rotate(-135deg)}
  .dropdown,.dropdown--mega{position:static;display:none;min-width:0;visibility:visible;opacity:1;transform:none;border:0;border-top:1px solid var(--ams-line);padding:4px 0;background:var(--ams-paper);grid-template-columns:1fr}
  .menu>li:hover>.dropdown{display:none}
  .menu>li.is-open>.dropdown{display:block}
  .dropdown--mega>li>a{border:0;margin:0;padding:9px 16px 9px 28px;font:500 15px/1.35 var(--body-font)}
  .dropdown a{padding:9px 16px 9px 28px}
  .dropdown ul ul a,.dropdown--mega ul a{padding-left:44px}
  .mainnav__cta{padding:16px}
  .mainnav__cta .btn{width:100%;justify-content:center}
  .section{padding:52px 0}
  .section-title{font-size:30px}
  .about,.news,.product,.article,.layout,.contact{grid-template-columns:1fr}
  .about{gap:36px}
  
  .projects{grid-template-columns:1fr 1fr;grid-auto-rows:200px}
  .project:first-child{grid-column:1/-1;grid-row:auto}
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .sidenav{position:static;max-height:none;overflow:visible;border:1px solid var(--ams-line)}
  .sidenav summary{pointer-events:auto;cursor:pointer;margin:0;padding:12px 14px;border-bottom:0;background:var(--ams-paper)}
  .sidenav[open] summary{border-bottom:1px solid var(--ams-line)}
  .sidenav summary>i{display:block;margin-left:auto;color:var(--ams-muted);transition:transform .2s}
  .sidenav[open] summary>i{transform:rotate(180deg)}
  .sidenav__title{flex:none;font-size:13px}
  .sidenav__cur{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ams-blue)}
  .sidenav__cur::before{content:"/";margin-right:8px;color:#9fc3da}
  .sidenav nav{padding:4px 14px 10px}
  .sidenav__row:last-child{border-bottom:0}
  .pagehead h1{font-size:26px}
  .aside{display:none}
  .cta-band .wrap{flex-direction:column;align-items:flex-start}
}
@media (min-width:901px){
  .mainnav__head,.mainnav__search,.mainnav__cta{display:none}
}
@media (max-width:600px){
  .topbar .wrap{min-height:34px}
  .hero__bars{bottom:10px;gap:4px;padding:0 16px}
  .hero__bars button{flex:1;max-width:28px;height:3px}
  .hero__arrow{display:none}
  .grid--4,.grid--3{grid-template-columns:1fr 1fr;gap:12px}
  .tile__body{padding:12px}
  .tile__title{font-size:16.5px}
  .tile .link-more{display:none}
  .partners{grid-template-columns:repeat(2,1fr)}
  .partner{padding:12px 16px}
  .projects{grid-template-columns:1fr;grid-auto-rows:220px}
  .news-item{grid-template-columns:110px 1fr;gap:14px}
  .news-item h3{font-size:16.5px}
  .row-item{grid-template-columns:1fr;gap:14px}
  .form--2{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr;gap:32px;padding:44px 0 32px}
  .product__title{font-size:28px}
  .gallery__thumbs{grid-template-columns:repeat(4,1fr)}
  .doc{grid-template-columns:44px 1fr;gap:12px}
  .doc .btn{grid-column:2;justify-self:start;min-height:38px;padding:0 14px}
  .map{aspect-ratio:4/3}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- Ho so nang luc (type 10): trinh doc tung trang ---------- */
.profile-view{--pf-navy:var(--ams-blue);--pf-navy-deep:var(--ams-ink-deep);--pf-ink:var(--ams-text);--pf-muted:var(--ams-muted);color:var(--pf-ink)}
.profile-hero{background:var(--pf-navy);color:#fff}
.profile-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:48px;padding-top:48px;padding-bottom:48px}
.profile-hero h1{color:#fff;font-size:44px;line-height:1.1;margin:0 0 12px}
.profile-hero p{color:rgba(255,255,255,.9);font-size:15.5px;margin:0}
.profile-hero__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.profile-hero__links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;font-size:14px;font-weight:700}
.profile-hero__primary,.profile-hero__primary:hover{background:#fff;color:var(--ams-blue)}
.profile-hero__secondary,.profile-hero__secondary:hover{border:1px solid rgba(255,255,255,.45);color:#fff}
.profile-hero__secondary:hover{background:rgba(255,255,255,.08)}
.profile-cover{display:flex;justify-content:flex-end}
.profile-cover img{display:block;width:100%;height:auto;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.profile-cover--spread img{aspect-ratio:642/910;object-fit:cover;object-position:right center}
.profile-crumbs{padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--ams-line)}
.profile-crumbs .crumbs{margin:0}
.profile-section{padding:34px 0 88px;background:#f2f6f8}
.profile-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 16px}
.profile-intro p{margin:0;color:var(--pf-muted);font-size:14px}
.profile-total{font:700 22px/1 var(--head-font);color:#0e4771;white-space:nowrap}
.profile-total span{font-size:15px;color:#92a4b1}
.profile-reader{overflow:hidden;background:#e3ebf0;border:1px solid #d5e0e7;outline-offset:3px}
.profile-stage{display:flex;align-items:center;justify-content:center;min-height:460px;padding:36px;background:#e6ecf0;overflow:hidden}
.profile-book{display:flex;align-items:stretch;justify-content:center;width:min(100%,1060px);box-shadow:0 2px 8px rgba(12,39,62,.18);transition:opacity .2s}
.profile-book.is-turning{opacity:.6}
.profile-book.is-single{width:min(100%,520px)}
.profile-book.is-wide{width:min(100%,1060px)}
.profile-page{position:relative;flex:1 1 0;min-width:0;aspect-ratio:642/910;margin:0;background:#fff;box-shadow:inset 0 0 15px rgba(0,0,0,.11)}
.profile-page[hidden]{display:none}
.profile-page img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.profile-page:first-child:not(:last-child){box-shadow:inset -16px 0 21px rgba(0,0,0,.13)}
.profile-page:nth-child(2){box-shadow:inset 16px 0 21px rgba(0,0,0,.13)}
.profile-page figcaption{position:absolute;bottom:11px;right:15px;padding:3px 7px;background:rgba(255,255,255,.82);color:#596e7e;font-size:11px;font-weight:700;line-height:1}
.profile-page:nth-child(2) figcaption{right:auto;left:15px}
.profile-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;background:var(--ams-blue-dark);color:#fff}
.profile-nav,.profile-tools{display:flex;align-items:center;gap:6px}
.profile-toolbar button{border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.08);color:#fff;min-width:39px;min-height:39px;padding:6px 11px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}
.profile-nav button{font-size:24px;line-height:1}
.profile-toolbar button:hover,.profile-toolbar button:focus-visible,.profile-toolbar button[aria-pressed="true"]{background:#17638b}
.profile-toolbar button:disabled{opacity:.4;cursor:not-allowed}
.profile-nav [data-profile-status]{min-width:136px;text-align:center;font-size:13px;font-weight:700;white-space:nowrap}
.profile-progress{display:flex;align-items:center;gap:18px;padding:14px 22px;background:#fff;border:1px solid #d5e0e7;border-top:0}
.profile-progress label{font-size:13px;font-weight:700;white-space:nowrap}
.profile-progress input[type="range"]{min-width:0;flex:1;accent-color:#0d6999;cursor:pointer}
.profile-jump{display:flex;align-items:center;gap:8px;color:#718696;font-size:13px;font-weight:600}
.profile-jump input{width:56px;height:36px;padding:3px 6px;border:1px solid #c9d8e2;text-align:center;color:var(--pf-navy);font:inherit;font-size:14px;font-weight:700}
.profile-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;color:#63788a;font-size:13px}
.profile-note p{margin:0}
.profile-note a{color:#0e648f;font-weight:700;white-space:nowrap}
.profile-note a:hover{text-decoration:underline}
.profile-reader:fullscreen,.profile-reader.profile-fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;max-height:100dvh;background:var(--pf-navy)}
.profile-reader:fullscreen .profile-stage,.profile-reader.profile-fullscreen .profile-stage{flex:1;min-height:0;padding:12px}
.profile-reader:fullscreen .profile-book,.profile-reader.profile-fullscreen .profile-book{width:min(100%,calc((100dvh - 155px)*1.411))}
.profile-reader:fullscreen .profile-book.is-single,.profile-reader.profile-fullscreen .profile-book.is-single{width:min(100%,calc((100dvh - 155px)*.705))}
.profile-reader:fullscreen .profile-book.is-wide,.profile-reader.profile-fullscreen .profile-book.is-wide{width:min(100%,calc((100dvh - 155px)*1.411))}
.profile-reader.profile-fullscreen{position:fixed;inset:0;z-index:9999;max-height:none}
.profile-reader:fullscreen .profile-toolbar,.profile-reader.profile-fullscreen .profile-toolbar,.profile-reader:fullscreen .profile-progress,.profile-reader.profile-fullscreen .profile-progress{flex:none}
@media (max-width:800px){
  .profile-hero__inner{grid-template-columns:minmax(0,1fr) 180px;gap:28px}
  .profile-stage{padding:25px;min-height:360px}
  .profile-toolbar{padding:13px}
  .profile-progress{padding:12px 14px}
  .profile-progress label{display:none}
}
@media (max-width:767px){
  .profile-hero__inner{grid-template-columns:1fr;padding-top:32px;padding-bottom:32px}
  .profile-hero h1{font-size:34px}
  .profile-cover{display:none}
  .profile-section{padding:20px 0 65px}
  .profile-intro{margin:17px 0}
  .profile-intro p{font-size:13px}
  .profile-total{display:none}
  .profile-stage{min-height:0;padding:20px 14px}
  .profile-book,.profile-book.is-single{width:min(100%,440px)}
  .profile-book.is-wide{width:100%}
  .profile-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}
  .profile-nav{justify-content:center}
  .profile-nav button{flex:0 0 38px}
  .profile-nav [data-profile-status]{min-width:111px}
  .profile-tools{justify-content:center}
  .profile-tools button{flex:1;max-width:180px}
  .profile-progress{gap:10px}
  .profile-note{align-items:flex-start;flex-direction:column;gap:7px}
  .profile-reader:fullscreen .profile-book,.profile-reader.profile-fullscreen .profile-book,.profile-reader:fullscreen .profile-book.is-single,.profile-reader.profile-fullscreen .profile-book.is-single{width:min(100%,calc((100dvh - 195px)*.705))}
}
@media (max-width:390px){
  .profile-nav{gap:3px}
  .profile-nav button{flex-basis:34px;min-width:34px;padding:5px}
  .profile-nav [data-profile-status]{min-width:104px;font-size:12px}
  .profile-stage{padding:12px 9px}
  .profile-progress{gap:6px}
}
@media (prefers-reduced-motion:reduce){.profile-book{transition:none}}
/* 404 */
.notfound{padding-top:40px;padding-bottom:72px;max-width:720px}
.notfound p{color:#2f5d7a}
.notfound__search{display:flex;gap:8px;margin:20px 0}
.notfound__search input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--ams-line);font:inherit}