:root{
  --bg:#F9FAFB; --surface:#FFFFFF; --line:#E5E7EB; --fg:#111827; --muted:#4B5563;
  --clay:#306BFF; --clay-2:#2558E8; --sea:#1D4ED8; --sea-soft:#EFF6FF; --gold:#33BFFF;
  --band:#111827; --band-fg:#F9FAFB; --band-muted:#9CA3AF;
  --chip:#EFF6FF; --chip-fg:#1D4ED8; --ring:rgba(17,24,39,.06); --ring-2:#D1D5DB;
  --sh-sm:0 1px 2px 0 rgba(0,0,0,.05);
  --sh:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  --sh-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  --sh-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#030712; --surface:#111827; --line:#1F2937; --fg:#F3F4F6; --muted:#9CA3AF;
  --clay:#5B8CFF; --clay-2:#7EA4FF; --sea:#93C5FD; --sea-soft:#172554; --gold:#33BFFF;
  --band:#030712; --band-fg:#F3F4F6; --band-muted:#9CA3AF;
  --chip:#172554; --chip-fg:#93C5FD; --ring:rgba(255,255,255,.1); --ring-2:#374151; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#030712; --surface:#111827; --line:#1F2937; --fg:#F3F4F6; --muted:#9CA3AF;
  --clay:#5B8CFF; --clay-2:#7EA4FF; --sea:#93C5FD; --sea-soft:#172554; --gold:#33BFFF;
  --band:#030712; --band-fg:#F3F4F6; --band-muted:#9CA3AF;
  --chip:#172554; --chip-fg:#93C5FD; --ring:rgba(255,255,255,.1); --ring-2:#374151; color-scheme:dark}

/* base type: text-gray-900, tracking-tight headings */
body{font-size:16px;line-height:1.75;font-variant-numeric:tabular-nums}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;line-height:1.15}
h2{font-size:clamp(1.875rem,3.4vw,2.75rem)}
h3{font-weight:600;letter-spacing:-.015em}
.lede{font-size:1.125rem;line-height:1.75;color:var(--muted)}
section{padding-block:clamp(64px,8vw,112px)}
.eyebrow{font-size:.875rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--clay)}
.note{color:#6B7280}

/* buttons: rounded-lg · shadow-sm · ring-inset */
.btn{border-radius:8px;padding:11px 18px;font-size:.9rem;font-weight:600;border:0;box-shadow:var(--sh-sm);transition:background-color .15s,color .15s,box-shadow .15s}
.btn-clay{background:var(--clay);color:#fff}
.btn-clay:hover{background:var(--clay-2)}
.btn-line{background:var(--surface);color:var(--fg);box-shadow:inset 0 0 0 1px var(--ring-2),var(--sh-sm)}
.btn-line:hover{background:var(--bg)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--clay);outline-offset:2px}

/* header: bg-white/80 backdrop-blur */
.top{background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.brand b{font-family:var(--display);font-weight:700;letter-spacing:-.025em;color:var(--fg);font-size:1.3rem}
.brand small{color:#6B7280}
.nav{font-size:.875rem;font-weight:600}
.nav a{color:var(--fg)}
.nav a:hover{color:var(--clay)}
.nav a.on{color:var(--clay)}
.nav a.on::before{background:var(--clay)}
.mnav{background:var(--surface);border-top:1px solid var(--line)}
.mnav a{border-radius:999px}
.mnav a.on{background:var(--chip);color:var(--chip-fg)}

/* hero: original split layout, light with a soft blue glow */
.hero{background:radial-gradient(60% 80% at 15% 0%,rgba(48,107,255,.12),transparent 70%),linear-gradient(var(--surface),var(--bg));color:var(--fg)}
.hero-grid{gap:clamp(24px,4vw,56px);min-height:600px;padding-block:clamp(24px,3vw,40px)}
.hero .eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;background:var(--surface);color:var(--fg);font-size:.82rem;font-weight:500;padding:5px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);letter-spacing:0;text-transform:none}
.hero .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#22C55E}
.hero h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;letter-spacing:-.035em;color:var(--fg)}
.hero h1 em{font-style:normal;font-weight:600;color:var(--clay);letter-spacing:-.015em}
.hero p{color:var(--muted);font-size:1.125rem}
.hero .btn-line{color:var(--fg)}
.hero-img{border-radius:24px;box-shadow:var(--sh-xl),0 0 0 1px var(--ring);margin-block:clamp(16px,2vw,28px)}
.hero-img figcaption{background:rgba(17,24,39,.55);backdrop-filter:blur(6px);padding:4px 9px;border-radius:6px;opacity:1;text-shadow:none}
.facts{gap:1px;background:var(--line);border:0;border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm),0 0 0 1px var(--ring);margin-bottom:clamp(24px,4vw,48px)}
.facts div{background:var(--surface);border:0;padding:22px 24px}
.facts b{font-family:var(--body);color:var(--fg);font-weight:700!important;letter-spacing:-.03em}
.facts b small{color:#6B7280}
.facts span{color:var(--muted);font-size:.875rem}

/* cards: rounded-2xl bg-white shadow-sm ring-1 ring-gray-900/5 */
.partners,.ladder{gap:16px;background:none;border:0;overflow:visible}
.partners div,.ladder div,.unit,.cs-col,.lg-card,.lm-addr,.findy,.faq-pane details,.pc-bill{border:0;border-radius:16px;background:var(--surface);box-shadow:var(--sh-sm),0 0 0 1px var(--ring)}
.partners b{font-family:var(--body);font-weight:600;font-size:1.05rem}
.unit[data-unit]:hover,.lg-card:hover{box-shadow:var(--sh-lg),0 0 0 1px var(--ring);transform:translateY(-2px)}
.unit{transition:box-shadow .2s,transform .2s}
.unit h3{font-family:var(--body)}
.unit .tw .h,.ladder .lv{color:var(--clay);letter-spacing:.05em}
.cs-col{border-top:0;box-shadow:var(--sh-sm),0 0 0 1px var(--ring),inset 0 3px 0 var(--clay)}

/* tables: divide-y gray-200 */
.spec th{color:#6B7280;font-weight:500}
.spec td{color:var(--fg)}
.spec th,.spec td{border-top:1px solid var(--line)}
.tower img,.mosaic figure,.zoomable,.am-best figure,.strip figure,.rs-photo,.vid{border-radius:16px}
.tower img{box-shadow:var(--sh-lg)}

/* image captions: bg-gray-900/60 backdrop-blur pill */
.mosaic figcaption,.strip figcaption,.am-best figcaption{inset:auto auto 10px 10px;padding:4px 10px;background:rgba(17,24,39,.6);backdrop-filter:blur(6px);color:#fff;border-radius:6px;font-family:var(--body);font-size:.78rem;font-weight:500;line-height:1.4;text-shadow:none;max-width:calc(100% - 20px)}
.am-best figure.b figcaption{font-size:.95rem;padding:6px 12px}
.zoom-tag{background:rgba(17,24,39,.6);backdrop-filter:blur(6px);border-radius:6px}
.lm-fly{margin-top:clamp(28px,4vw,40px);aspect-ratio:2048/834;box-shadow:var(--sh-lg)}
.fly-tag{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#15803D;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px;box-shadow:var(--sh)}
.fly-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#22C55E}

/* location stats */
.band b{font-family:var(--body);font-weight:700;color:var(--clay);letter-spacing:-.03em}

/* tabs: segmented control (bg-gray-100 p-1, active bg-white shadow) */
.am-tabs,.ud-tabs{display:inline-flex!important;width:auto;max-width:100%;gap:4px!important;padding:4px;background:#F3F4F6;border-radius:10px;overflow-x:auto;scrollbar-width:none}
.am-tabs::-webkit-scrollbar,.ud-tabs::-webkit-scrollbar{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .am-tabs,:root:not([data-theme="light"]) .ud-tabs{background:#1F2937}}
:root[data-theme="dark"] .am-tabs,:root[data-theme="dark"] .ud-tabs{background:#1F2937}
.am-tabs button,.ud-tabs button{border:0!important;background:transparent!important;color:var(--muted)!important;border-radius:7px!important;padding:8px 14px!important;min-height:40px;font-weight:600;font-size:.875rem;white-space:nowrap}
.am-tabs button:hover,.ud-tabs button:hover{color:var(--fg)!important}
.am-tabs button[aria-selected="true"],.ud-tabs button[aria-selected="true"]{background:var(--surface)!important;color:var(--fg)!important;box-shadow:var(--sh)}
.am-tabs button small{background:var(--line);border-radius:999px;padding:0 6px;font-size:.72rem;opacity:1}

/* plan hotspots */
.hs:hover,.hs:focus-visible{border-color:var(--clay);box-shadow:0 0 0 3px rgba(48,107,255,.4)}
.hs.on{border-color:#fff;background:rgba(48,107,255,.35);box-shadow:0 0 0 4px var(--clay),0 0 14px 4px rgba(48,107,255,.5)}
@keyframes hsP{50%{box-shadow:0 0 0 6px var(--clay),0 0 22px 8px rgba(48,107,255,.35)}}
.vp-brand{background:var(--fg)}
.vp-title b,.aer-brand b{font-family:var(--body);font-weight:700;letter-spacing:-.02em}
#vpAv button{border:0;box-shadow:inset 0 0 0 1px var(--ring-2);border-radius:8px}
#vpAv button:hover{box-shadow:inset 0 0 0 2px var(--clay)}

/* price & calculator */
.big,.cs-card b,.pc-sum .tot b,.pc-bill .tot b,.cmp-price,.mh-stats b,.tline b,.milestones b,.phone{font-family:var(--body);font-weight:700;letter-spacing:-.03em}
.pc-plan button{border:0;box-shadow:inset 0 0 0 1px var(--ring-2);border-radius:12px}
.pc-plan button[aria-selected="true"]{background:var(--sea-soft);color:var(--fg);box-shadow:inset 0 0 0 2px var(--clay)}
.pc-plan button[aria-selected="true"] small{color:var(--muted)}
.pc-unit{border-radius:12px}
.pc-bill .save{background:#F0FDF4;color:#15803D;border-radius:8px}
.cs-loan{border-radius:16px;box-shadow:inset 0 0 0 1px rgba(48,107,255,.15)}

/* form controls: rounded-md ring-1 ring-inset ring-gray-300 → focus ring-2 */
input,select,textarea{border:0!important;border-radius:8px!important;background:var(--surface);color:var(--fg);box-shadow:inset 0 0 0 1px var(--ring-2),var(--sh-sm)!important;font-size:16px}
input:focus,select:focus,textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--clay)!important}
form{border:0;border-radius:16px;background:var(--surface);box-shadow:var(--sh-lg),0 0 0 1px var(--ring)}
label{font-size:.875rem;font-weight:600}

/* rental: light, stats as cards */
.rent{background:var(--surface);color:var(--fg)}
.rent .eyebrow{color:var(--clay)}
.rent .lede,.rent .note,.rent ul,.rc-occ{color:var(--muted)}
.rc-in label{color:var(--fg)}
.rent input,.rent select{background:var(--surface);color:var(--fg)}
.rent select option{color:inherit}
.rgrid{background:none!important;border:0!important;gap:16px!important}
.rgrid div{background:var(--bg);border-radius:16px;box-shadow:0 0 0 1px var(--ring)}
.rgrid b{font-family:var(--body);font-weight:700;color:var(--fg);letter-spacing:-.03em}
.rgrid span{color:var(--muted)}
.rc-occ button{border:0;box-shadow:inset 0 0 0 1px var(--ring-2);background:var(--surface);color:var(--fg);border-radius:8px}
.rc-occ button[aria-pressed="true"]{background:var(--clay);color:#fff;box-shadow:none}
.rc-tbl{border:0!important;border-radius:16px!important;overflow:hidden;box-shadow:0 0 0 1px var(--ring)}
.rc-tbl td{border-top-color:var(--line);color:var(--muted)}
.rc-tbl td:last-child{color:var(--fg)}
.rc-tbl tr.in td:last-child{color:var(--clay)}

/* proof, visit, legal, faq */
.visit{background:var(--fg);color:#fff;border-radius:16px;background-image:radial-gradient(60% 120% at 100% 0%,rgba(48,107,255,.45),transparent 70%)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .visit{background-color:#1F2937}}
:root[data-theme="dark"] .visit{background-color:#1F2937}
.visit .eyebrow{color:#93C5FD}
.visit .btn-clay{background:#fff;color:#111827}
.visit .btn-clay:hover{background:#F3F4F6}
.lg-card img{border-radius:8px}
.faq-pane details[open]{box-shadow:var(--sh),0 0 0 1px var(--ring)}
.fd-of{display:grid;gap:2px;color:var(--fg)!important}
.fd-of b{font-size:.8rem;color:#6B7280;font-weight:600}
.findy .btn{justify-self:start;padding:8px 14px;font-size:.85rem}
#copyPhone{border-radius:8px;box-shadow:inset 0 0 0 1px var(--ring-2)}

/* footer: bg-gray-900 */
footer{background:#111827;color:#9CA3AF}
footer b,footer a{color:#F9FAFB}
.mbar{background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.mbar .btn-line{color:var(--clay)}
dialog.ud{border-radius:16px}
@media (max-width:560px){.hero-img{border-radius:16px}.facts div{padding:16px}.am-tabs,.ud-tabs{display:flex!important}}

/* --- fixes round 2 --- */
p,.lede,li,figcaption{text-wrap:pretty}
.head .lede{max-width:68ch}
/* rental totals readable on the light panel */
.rc-tbl tr.sum td,.rc-tbl tr.sum td:last-child{color:var(--fg);font-weight:700;background:var(--bg)}
/* interior gallery: the big tile follows the row height so bottoms line up */
.int3{align-items:stretch}
.int3 figure{height:100%}
.int3 .i-big img{position:absolute;inset:0}
/* selects: chevron inset from the edge (Tailwind forms) */
select{-webkit-appearance:none;appearance:none;padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236B7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px}
input[type="date"]{padding-right:14px!important}
input[type="date"]::-webkit-calendar-picker-indicator{margin-right:2px;cursor:pointer}
/* Findy credentials */
.fd-cred{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
.fd-cred li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--fg)}
.fd-cred li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--chip) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23306BFF'%3E%3Cpath fill-rule='evenodd' d='M16.7 5.3a1 1 0 010 1.4l-8 8a1 1 0 01-1.4 0l-4-4a1 1 0 111.4-1.4L8 12.6l7.3-7.3a1 1 0 011.4 0z' clip-rule='evenodd'/%3E%3C/svg%3E") center/12px no-repeat}
.vp-pick select{background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236B7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px}
.rc-in{align-items:end}

/* --- round 3 --- */
/* header: Sailing mark + Findy lockup */
.brand{gap:12px}
.hd-sep{width:1px;height:28px;background:var(--line);flex:none}
.brand .hd-findy{width:auto;height:26px;object-fit:contain}
@media (max-width:520px){.brand{gap:8px}.brand .hd-findy{height:19px}.hd-sep{height:22px}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hd-findy{background:#fff;border-radius:6px;padding:3px 6px;box-sizing:content-box}}
:root[data-theme="dark"] .hd-findy{background:#fff;border-radius:6px;padding:3px 6px;box-sizing:content-box}
/* footer: white-text logo on charcoal */
footer .ft-logo{width:min(220px,60%);height:auto;background:none;padding:0;border-radius:0}
/* Findy credentials without a card */
.findy{background:none;border:0;box-shadow:none;padding:0}
/* policy cards: no blue top shadow */
.cs-col{box-shadow:var(--sh-sm),0 0 0 1px var(--ring)}
/* hero: real photo at its native 3:4, no crop */
.hero-img{align-self:center;aspect-ratio:3/4;height:auto;max-height:none}
.hero-img img{height:100%;object-fit:cover}
@media (max-width:860px){.hero-img{width:min(100%,calc(64vh*.75));margin-inline:auto;max-height:none}}
/* overview poster at 4:5, stays in view beside the long spec table */
.tower{height:auto;min-height:0;aspect-ratio:1080/1350;align-self:start;position:sticky;top:96px}
.tower img{height:100%;object-fit:cover}
@media (max-width:860px){.tower{position:relative;top:auto;height:auto;width:min(100%,520px);margin-inline:auto}}
/* location poster: square */
.lm-persp{aspect-ratio:1/1}
/* amenity highlights: 6 tiles in 2 rows (big · 2×2 · tall), equal captions */
@media (min-width:701px){
 .am-best{grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:repeat(2,clamp(180px,19vw,250px));grid-auto-flow:dense}
 .am-best .b{grid-column:1;grid-row:1/3}
 .am-best figure:last-child{grid-column:4;grid-row:1/3}
}
@media (max-width:700px){
 .am-best{grid-template-rows:210px;grid-auto-rows:150px}
 .am-best .b{grid-column:1/-1;grid-row:1}
 .am-best figcaption,.am-best .b figcaption,.am-best figure.b figcaption{font-size:.76rem!important}
 .am-best figure:nth-child(n+6){display:block}
 .am-best figure:last-child{grid-column:1/-1}
}
.am-best figcaption,.am-best .b figcaption,.am-best figure.b figcaption{font-size:.82rem;padding:4px 10px;line-height:1.4}

/* --- round 4 --- */
/* header: Findy lockup only */
.brand .hd-findy{height:30px}
@media (max-width:520px){.brand .hd-findy{height:22px}}
/* interactive plan: floor plan on top, unit card below (square layout | details) */
.vp-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}
.vp-plan{padding:clamp(12px,2vw,24px)}
.aer{width:100%;max-width:1040px;margin-inline:auto}
.vp-plan .legend{justify-content:center}
.vp-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch;border:0;border-radius:16px;box-shadow:var(--sh-sm),0 0 0 1px var(--ring)}
.vp-lay{aspect-ratio:1/1!important;border-bottom:0!important;border-right:1px solid var(--line)!important;padding:clamp(10px,2vw,24px)!important}
.vp-info{align-content:center;padding:clamp(20px,3vw,40px)!important;gap:18px}
.vp-title b{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.vp-info dl{font-size:1rem;gap:10px 16px}
.vp-info dt,.vp-info dd{padding-bottom:10px;border-bottom:1px solid var(--line)}
@media (max-width:760px){.vp-panel{grid-template-columns:minmax(0,1fr)!important}.vp-lay{border-right:0!important;border-bottom:1px solid var(--line)!important}}
.vp-panel{display:grid!important}
.vp-info dl{row-gap:10px;column-gap:0}
.vp-info dt{padding-right:16px}
/* green "in stock" dot centred in the hotspot ring */
.hs.av::after{right:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:10px!important;height:10px!important}
/* 360 viewer on Findy palette */
.p360{border-radius:16px;box-shadow:var(--sh-lg);margin-top:clamp(28px,4vw,40px);margin-bottom:0}
.p360-tag{position:absolute;left:12px;top:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#15803D;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px;box-shadow:var(--sh)}
.p360-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#22C55E}
.p360 .pnlm-controls-container{top:48px}
.p360-hint{background:rgba(17,24,39,.6)}
.p360-hs b{background:rgba(17,24,39,.85);font-family:var(--body)}
.p360-hs i{background:#33BFFF;box-shadow:0 0 0 3px rgba(51,191,255,.35)}
.p360-hs::after{background:linear-gradient(#33BFFF,rgba(51,191,255,.2))}
.p360-hs.me b{background:var(--clay);font:700 15px/1 var(--body)}
@media (max-width:560px){.p360:not(.full) #p360Full .lbl{display:none}.p360:not(.full) #p360Full{min-width:44px;padding:10px 14px;font-size:1.1rem}}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sale-who{display:grid;gap:0;margin:6px 0 2px}
.sale-who span{font-size:1.15rem;font-weight:700;color:var(--fg)}
.sale-who small{font-size:.8rem;color:var(--muted)}
/* hero poster 1639×2048 (4:5), shown whole */
.hero-img{aspect-ratio:1639/2048}
@media (max-width:860px){.hero-img{width:min(100%,calc(64vh*.8))}}
/* VI | EN switch */
.lang{display:inline-flex;flex:none;padding:3px;border-radius:8px;background:#F3F4F6;gap:2px}
.lang a{min-width:34px;padding:6px 8px;border-radius:6px;text-align:center;font-size:.78rem;font-weight:700;color:var(--muted);text-decoration:none;line-height:1}
.lang a[aria-current="true"]{background:var(--surface);color:var(--fg);box-shadow:var(--sh-sm)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .lang{background:#1F2937}}
:root[data-theme="dark"] .lang{background:#1F2937}
@media (max-width:520px){.lang a{min-width:28px;padding:6px 6px}}
/* header: Findy Home logo (720×195) */
.brand .hd-findy{height:38px;width:auto}
@media (max-width:520px){.brand .hd-findy{height:30px}}
footer .wrap{padding-top:28px}
/* banner đầu: ảnh luôn căn giữa trên mobile; tên dự án co theo màn hình nhỏ, không tràn ngang */
.hero-img{margin:0}
@media (max-width:860px){.hero-img{margin-inline:auto}}
@media (max-width:420px){.hero h1{font-size:min(2.4rem,9.6vw)}}
/* header: cân đối logo – menu – VI|EN – nút */
@media (min-width:1200px){
  .top .wrap{gap:0}
  .brand{flex:none;margin-right:48px}
  .nav{margin-left:auto;margin-right:32px;gap:16px;font-size:.85rem}
  .lang{margin-right:12px}
}
@media (max-width:1199px){
  .brand{flex:none}
  .lang{margin-left:auto}
  .hot{margin-left:0}
}
/* điện thoại nhỏ: logo + VI|EN + nút vừa 1 hàng */
@media (max-width:380px){.brand .hd-findy{height:26px}.hot{padding:8px 11px;font-size:.8rem}}
@media (max-width:340px){.brand .hd-findy{height:22px}.top .wrap{gap:8px}.lang a{min-width:26px;padding:6px 4px}.hot{padding:8px 9px;font-size:.76rem}}
/* hàng chip mục lục (mobile/tablet): đệm trên = đệm dưới, cách đều đường kẻ header */
@media (max-width:1199px){.mnav{padding:10px max(16px,env(safe-area-inset-right,0px),calc((100% - var(--max))/2 + 16px)) 10px max(16px,env(safe-area-inset-left,0px),calc((100% - var(--max))/2 + 16px))}}
/* bấm mục lục: tiêu đề mục không bị header che (header mobile ~132px, desktop ~71px) */
html{scroll-padding-top:88px}
@media (max-width:1199px){html{scroll-padding-top:144px}}
.vp,.vp-panel,.pc,.post,.nr-divider{scroll-margin-top:0}

.top{top:0}
.nr-side{top:76px}