:root{
  --surface-0:#fff;--surface-100:#eaf6fc;--surface-navy:#0f2a44;--ink:#0f2a44;--text:#2b3640;--text-muted:#425466;--text-on-navy:#c9d6e2;
  --border:#e3e9ee;--brand-cyan:#4bbbef;--brand-sky:#b8dced;--brand-blue:#2a71ec;--brand-indigo:#3232b1;--action:#1e5bc6;--action-ink:#fff;
  --alert:#c0262d;--ok:#1e7a4c;--caution:#8a5a00;
  --font-sans:"Noto Sans TC","Noto Sans JP","Noto Sans KR",system-ui,sans-serif;--font-latin:Roboto,"Noto Sans TC",system-ui,sans-serif;
  --r-sm:4px;--r-sig:120px;--wrap:1200px
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-0);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.8}
img{max-width:100%;height:auto;display:block}
a{color:var(--action)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brand-cyan);outline-offset:2px}
h1,h2,h3{color:var(--ink);line-height:1.35;margin:0 0 .5em}
h1{font-size:clamp(30px,4vw,44px);font-weight:700}
h2{font-size:clamp(24px,3vw,34px);font-weight:900}
h3{font-size:20px;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
@media (max-width:640px){.wrap{padding:0 16px}}
.eyebrow{font-family:var(--font-latin);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--action);margin:0 0 8px}
.lead{font-size:19px;line-height:1.75;color:var(--text)}
.muted{color:var(--text-muted)}
.small{font-size:14px}
.skip{position:absolute;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip:focus{width:auto;height:auto;clip:auto;inset-inline-start:16px;top:8px;background:#fff;padding:8px;z-index:9}

.hd{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:5}
.hd .wrap{display:flex;align-items:center;gap:24px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;white-space:nowrap}
.logo img{height:32px;width:auto}
.nav{display:flex;gap:4px;flex:1;flex-wrap:nowrap;min-width:0;overflow:hidden}
.nav a{white-space:nowrap;flex:none;color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:var(--r-sm);font-weight:500}
.nav a:hover,.nav a[aria-current]{background:var(--surface-100)}
.hd-tools{display:flex;gap:10px;align-items:center}
.search{display:flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}
.search input{border:0;padding:8px 10px;font:inherit;font-size:14px;width:150px}
.search button{border:0;background:var(--surface-100);color:var(--ink);padding:0 12px;font:inherit;cursor:pointer}
.menu-btn{display:none;border:1px solid var(--border);background:#fff;border-radius:var(--r-sm);padding:6px 12px;font:inherit}
@media (max-width:960px){
  .nav,.hd-tools .search{display:none}.menu-btn{display:block}
  .hd.open .nav{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:8px 16px}
}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:var(--r-sm);font-weight:700;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font:inherit;font-weight:700}
.btn-primary{background:var(--action);color:var(--action-ink)}
.btn-primary:hover{background:#174ca8}
.btn-secondary{background:#fff;color:var(--ink);border-color:var(--ink)}
.btn-on-navy{background:var(--brand-cyan);color:var(--ink)}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px}
.btns{display:flex;gap:12px;flex-wrap:wrap}

.sec{padding:72px 0}.sec-tight{padding:40px 0}
.sec-alt{background:var(--surface-100)}
.sec-navy{background:var(--surface-navy);color:var(--text-on-navy)}.sec-navy h2,.sec-navy h3{color:#fff}.sec-navy .eyebrow{color:var(--brand-cyan)}
@media (max-width:640px){.sec{padding:48px 0}}
.crumb{font-size:14px;color:var(--text-muted);padding:16px 0 0}.crumb a{color:var(--text-muted)}
.page-hd{padding:24px 0 32px}

.hero{padding:56px 0 64px;background:linear-gradient(180deg,var(--surface-100),#fff)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(40px,6vw,60px);font-weight:900;line-height:1.15;margin-bottom:16px}
.hero figure{margin:0;position:relative}
.hero figure img{border-radius:0 var(--r-sig) 0 0;aspect-ratio:4/3;object-fit:cover;width:100%}
.hero figcaption{font-size:13px;color:var(--text-muted);margin-top:6px}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}}
.geo{position:absolute;left:-18px;bottom:-18px;width:72px;height:72px;display:grid;grid-template-columns:1fr 1fr}
.geo i{display:block}.geo i:nth-child(1){background:var(--brand-cyan)}.geo i:nth-child(2){background:var(--brand-blue);border-radius:0 0 0 100%}.geo i:nth-child(4){background:var(--brand-indigo)}

.grid{display:grid;gap:24px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:#fff;text-decoration:none;color:var(--text);height:100%}
.card:hover{border-color:var(--action)}
.card .ph{background:#fff;border-bottom:1px solid var(--border);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:contain}
.card .ph.cover img{object-fit:cover}
.card .ph.none{color:var(--text-muted);font-size:14px;background:var(--surface-100)}
.card .bd{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1;border-top:4px solid var(--brand-blue)}
.card.pa .bd{border-top-color:var(--brand-cyan)}.card.conf .bd{border-top-color:var(--brand-blue)}.card.dect .bd{border-top-color:var(--brand-indigo)}.card.av .bd{border-top-color:var(--brand-sky)}
.card h3{margin:0;font-size:20px}
.card .codes{font-family:var(--font-latin);font-size:14px;color:var(--text-muted);margin-top:auto}
.tag{display:inline-block;font-size:12px;font-weight:700;border:1px solid currentColor;border-radius:4px;padding:0 8px;line-height:20px}
.tag.ok{color:var(--ok)}.tag.eol{color:var(--caution)}.tag.ai{color:var(--text-muted)}
.ph .ai-mark{position:absolute;top:8px;right:8px;background:rgba(15,42,68,.75);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px}

.pillar{border:1px solid var(--border);border-radius:var(--r-sm);padding:28px;background:#fff;display:flex;flex-direction:column;gap:10px;border-top:6px solid var(--brand-cyan)}
.pillar.conf{border-top-color:var(--brand-blue)}.pillar.dect{border-top-color:var(--brand-indigo)}
.pillar .num{font-family:var(--font-latin);font-weight:900;font-size:14px;color:var(--text-muted)}
.pillar .codes{font-family:var(--font-latin);font-size:14px;color:var(--text-muted);margin-top:auto}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.steps li{list-style:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:var(--r-sm);padding:20px}
.steps b{display:block;color:#fff;font-size:18px}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}}

.stats{display:flex;gap:48px;flex-wrap:wrap}.stat b{display:block;font-family:var(--font-latin);font-weight:900;font-size:36px;color:var(--ink);line-height:1.1}

.model{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:start}
.model .shot{background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);padding:24px;display:flex;align-items:center;justify-content:center;min-height:320px}
.model .shot.none{color:var(--text-muted);background:var(--surface-100)}
.thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.thumbs img{width:72px;height:56px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:4px;cursor:pointer}
@media (max-width:860px){.model{grid-template-columns:minmax(0,1fr)}}
.keyfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}
.keyfacts div{border-left:3px solid var(--brand-cyan);padding:4px 12px}.keyfacts b{display:block;color:var(--ink);font-size:20px;font-family:var(--font-latin)}

.tbl-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-sm)}
table.spec,table.cmp{border-collapse:collapse;width:100%;font-size:15px;font-variant-numeric:tabular-nums}
.spec th,.cmp th{text-align:start;background:var(--surface-100);color:var(--ink);padding:10px 14px;vertical-align:top;font-weight:700}
.spec th{width:32%}
.spec thead th{width:auto}

.docs td.code,.docs th{white-space:nowrap}
.docs tr.grp th{background:var(--ink);color:#fff;font-size:15px;padding:10px 14px}
.docs tr.sgrp th{background:var(--surface-100);font-size:15px;border-top:1px solid var(--border);padding:10px 14px}
.docs td.code{width:30%}.docs td.dl{width:34%}

.docs td.dl a{white-space:nowrap;display:inline-block;margin-right:12px}
.docs td.dl a:last-child{margin-right:0}
.docs td.dl a.long{white-space:normal;display:block;margin:0 0 4px}
.spec td,.cmp td{padding:10px 14px;border-top:1px solid var(--border);vertical-align:top}
.spec tr:first-child td,.spec tr:first-child th{border-top:0}
.cmp thead th{border-bottom:1px solid var(--border);white-space:nowrap}
.src{font-size:13px;color:var(--text-muted);margin-top:8px}
.todo{color:var(--caution)}

.list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border)}
.list li{border-bottom:1px solid var(--border);padding:12px 0;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.list .code{font-family:var(--font-latin);font-weight:700;min-width:150px}
.list a{text-decoration:none}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 12px;font-size:14px;text-decoration:none;color:var(--ink);background:#fff;cursor:pointer;font-family:inherit}
.chip[aria-pressed=true],.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}

.arch{display:grid;gap:12px}
.arch .tier{border:1px solid var(--border);border-radius:var(--r-sm);padding:16px 20px;background:#fff}
.arch .tier h3{font-size:16px;margin:0 0 6px}
.arch .arrow{text-align:center;color:var(--text-muted);font-size:14px}
.arch .items{display:flex;gap:8px;flex-wrap:wrap}
.arch .items a,.arch .items span{border:1px solid var(--border);border-radius:4px;padding:2px 10px;font-family:var(--font-latin);font-size:14px;text-decoration:none;color:var(--ink);background:var(--surface-100)}

.wiz{border:1px solid var(--border);border-radius:var(--r-sm);padding:24px;background:#fff}
.wiz fieldset{border:0;padding:0;margin:0 0 18px}.wiz legend{font-weight:700;color:var(--ink);margin-bottom:8px}
.wiz .opts{display:flex;gap:8px;flex-wrap:wrap}
.wiz .res{background:var(--surface-100);border-radius:var(--r-sm);padding:18px;margin-top:8px}
.faq details{border-bottom:1px solid var(--border);padding:14px 0}.faq summary{font-weight:700;color:var(--ink);cursor:pointer}

.ft{background:var(--surface-navy);color:var(--text-on-navy);padding:56px 0 32px;font-size:14px}
.ft a,.ft a:visited,.ft a:active{color:var(--text-on-navy);text-decoration:none}.ft a:hover{color:#fff;text-decoration:underline}
.ft .cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.ft h4{color:#fff;font-size:15px;margin:0 0 10px}.ft ul{list-style:none;padding:0;margin:0}.ft li{margin:4px 0}
.ft .tagline{font-family:var(--font-latin);font-weight:700;color:var(--brand-cyan);letter-spacing:.06em}
.ft .bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:32px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (max-width:860px){.ft .cols{grid-template-columns:1fr 1fr}}
.preview-bar{background:var(--caution);color:#fff;text-align:center;font-size:13px;padding:4px 8px}
.filter{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 24px}
.filter select,.filter input{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:#fff}
.note{border-left:4px solid var(--brand-cyan);background:var(--surface-100);padding:14px 18px;border-radius:0 var(--r-sm) var(--r-sm) 0;margin:16px 0}
.note.eol{border-left-color:var(--caution)}
.hero figcaption{margin-top:26px;padding-left:64px}
@media (max-width:640px){.geo{display:none}.hero figcaption{padding-left:0;margin-top:6px}.hero{padding:32px 0 40px}}


.upd-h{font-size:16px;margin:18px 0 6px;color:var(--text)}
.imp{border-left:3px solid var(--brand-cyan);background:#fff;border:1px solid var(--border,#D5E2EC);border-left-width:3px;padding:10px 14px;margin:8px 0;border-radius:0 var(--r-sm) var(--r-sm) 0}
.imp p{margin:4px 0 0}
.pending{display:inline-block;font-size:12px;color:var(--caution);border:1px dashed currentColor;border-radius:4px;padding:0 6px;margin-left:4px}
table.gen th.cur,table.gen td.cur{background:var(--surface-100);font-weight:700}
.list.upd li{align-items:flex-start}
table.gen{table-layout:fixed;width:100%}
table.gen th:first-child{width:120px}
table.gen thead th{background:#fff;text-align:left}

.story-sec h2{margin-bottom:8px}
.srow{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:36px 0;border-bottom:1px solid var(--border)}
.srow:last-child{border-bottom:0}
.srow.rev .smedia{order:2}
.srow.noimg{grid-template-columns:1fr;padding:24px 0}
.smedia{position:relative}
.smedia>img,.smedia>.vbox{width:100%;height:auto;border-radius:var(--r-md,10px);display:block;background:#fff}
.vbox{aspect-ratio:16/9;width:100%}
div.vbox iframe{width:100%;height:100%;border:0;border-radius:var(--r-md,10px)}
.sthumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.sthumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;cursor:zoom-in;border:1px solid var(--border)}
.zoom{cursor:zoom-in}
.demo{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.92);color:var(--text-muted);font-size:12px;padding:1px 8px;border-radius:4px}
.stext h3{font-size:24px;line-height:1.35;margin:4px 0 10px}
.stext p{color:var(--text-muted);line-height:1.8;margin:0 0 8px}
.sl{margin:0;padding-left:20px;color:var(--text-muted);line-height:1.8}
.lb{position:fixed;inset:0;background:rgba(10,20,30,.88);display:flex;align-items:center;justify-content:center;z-index:50;cursor:zoom-out}
.lb img{max-width:94vw;max-height:90vh;border-radius:6px;background:#fff}
.teaser{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}
.teaser img{width:100%;height:220px;object-fit:cover;border-radius:8px}
@media (max-width:760px){.srow,.srow.rev{grid-template-columns:1fr;gap:16px;padding:24px 0}.srow.rev .smedia{order:0}.stext h3{font-size:20px}.teaser{grid-template-columns:1fr 1fr}.teaser img{height:140px}}
.scards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px 0;border-bottom:1px solid var(--border)}
.scard{border:1px solid var(--border);border-top:4px solid var(--brand-cyan);border-radius:var(--r-sm,6px);padding:16px 18px;background:#fff}
.scard h3{font-size:17px;margin:0 0 6px}.scard p{color:var(--text-muted);margin:0;line-height:1.7;font-size:15px}
@media (max-width:760px){.scards{grid-template-columns:1fr}}

@media (max-width:640px){
 .docs thead{display:none}
 .docs,.docs tbody,.docs tr,.docs td,.docs th{display:block;width:auto!important}
 .docs tr:not(.grp):not(.sgrp){padding:10px 14px;border-top:1px solid var(--border)}
 .docs tr[style*="none"]{display:none}
 .docs td{border:0;padding:2px 0}
 .docs td.code a{display:inline-block;margin-right:10px}.docs td.code br{display:none}
 .docs td.dl{padding-top:6px}
}

.feed li{align-items:baseline}.feed .tag{margin-right:4px}
.latest{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin:8px 0 0;padding:8px 12px;background:var(--surface-100);border-left:3px solid var(--brand-cyan);border-radius:var(--r-sm)}
.awards-line{margin:8px 0 0;color:var(--text-muted)}
.awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.award{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--border);border-left:3px solid var(--caution,#b8860b);border-radius:var(--r-sm);text-decoration:none;color:var(--text)}
.award:hover{border-color:var(--action)}.award .code{font-weight:700}
.sub-box{border:1px solid var(--border);border-radius:var(--r-sm);padding:24px;background:var(--surface-100)}
.sub-box h2{margin-top:0}.sub-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sub-row input,.sub-row select{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;min-width:0;flex:1 1 200px}
.chip input{margin:0 4px 0 0}
.fp-r{margin:20px 0}.fp-r h3{font-size:16px;margin:0 0 8px;color:var(--text-muted)}
.fp-panel{margin-top:12px;padding:16px 20px;border:1px solid var(--border);border-left:4px solid var(--brand-blue);border-radius:var(--r-sm);background:#fff}
.fp-panel h4{margin:0 0 8px;font-size:18px}
@media (max-width:1200px){.nav{gap:0;flex-wrap:nowrap}.nav a{padding:8px 7px;font-size:15px;white-space:nowrap}.search input{width:110px}}
.search button,header .btn{white-space:nowrap}
.latest{display:block}.latest .tag{margin-right:6px}
.chip[aria-pressed=true] .muted{color:#cfd8e3}

table.mx{border-collapse:collapse;width:100%;font-size:15px;background:#fff}
.mx th,.mx td{border:1px solid var(--border);padding:9px 12px;text-align:center;vertical-align:middle}
.mx thead th{background:var(--surface-100);color:var(--ink);font-weight:700}
.mx thead th a{font-family:var(--font-latin);text-decoration:none}.mx thead th span{display:block;font-size:12px;font-weight:400;color:var(--text-muted)}
.mx tbody th{text-align:left;background:#F6F8FA;white-space:nowrap;font-weight:700;color:var(--ink)}
.mx tr.diff td,.mx tr.diff th{background:#FFF6E5}
.mx .yes{color:#2E7D32;font-weight:700;font-size:18px}.mx .no{color:#9AA8B5}
.vs{margin-bottom:16px}
.btn-doc{border:1px solid #B26A00;color:#8a5200;background:#fff}
.h2row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.h2row>span{display:flex;gap:12px;align-items:center}
.cmp-add{margin-left:auto;border:1px solid var(--action);color:var(--action);background:#fff;border-radius:var(--r-sm);padding:3px 10px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.cmp-add[aria-pressed=true]{background:var(--action);color:#fff}
.cmp-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--ink);color:#fff;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 16px;flex-wrap:wrap}
.cmp-bar .codes{font-family:var(--font-latin);font-weight:700}.cmp-bar .clr{background:none;border:1px solid #fff;color:#fff;border-radius:var(--r-sm);padding:4px 10px;cursor:pointer}
.cmp-bar a[aria-disabled]{opacity:.6;pointer-events:none}
.cmp-tbl thead th{min-width:180px}.cmp-tbl .rm{display:block;margin:6px auto 0;border:0;background:none;color:var(--text-muted);font-size:12px;cursor:pointer;text-decoration:underline}
.cmp-tbl td{text-align:left}
.aw-sum{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:12px 0 20px}
.aw-sum div{border:1px solid var(--border);border-left:3px solid #B8860B;border-radius:var(--r-sm);padding:10px 14px;display:flex;flex-direction:column;gap:2px}
.aw-sum b{color:var(--ink)}.aw-sum span{font-size:14px;color:var(--text-muted)}
.aw-list .code{min-width:56px}
@media (max-width:640px){.mx td,.mx thead th{min-width:120px;font-size:14px}.mx tbody th,.mx thead th:first-child{position:sticky;left:0;z-index:1;min-width:88px;white-space:normal}.mx thead th:first-child{background:var(--surface-100)}}


.lang-sw{position:relative;font-size:14px}.lang-sw summary{cursor:pointer;list-style:none;display:flex;align-items:center;color:var(--ink);padding:7px 9px;border:1px solid var(--border);border-radius:var(--r-sm);white-space:nowrap}
.lang-sw summary::-webkit-details-marker{display:none}.lang-sw div{position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--border);z-index:50;min-width:170px;padding:6px 0;box-shadow:0 6px 18px rgba(15,42,68,.12)}
.lang-sw div a{display:block;padding:6px 14px;color:var(--ink);text-decoration:none}.lang-sw div a:hover{background:var(--surface-100)}
.langs-ft a{color:inherit}

html[dir=rtl] body{direction:rtl;font-family:"Noto Sans Arabic",var(--font-sans)}

html[dir=rtl] .code,html[dir=rtl] .codes,html[dir=rtl] table.spec td{unicode-bidi:plaintext}
html[lang=ja] body{font-family:"Noto Sans JP",var(--font-sans)}html[lang=ko] body{font-family:"Noto Sans KR",var(--font-sans)}html[lang=zh-Hans] body{font-family:"Noto Sans SC",var(--font-sans)}


.site-form label{display:block;font-size:14px;color:var(--ink)}.site-form input:not([type=checkbox]):not([type=radio]),.site-form select,.site-form textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;font-size:16px;background:#fff}
.site-form .tabs{display:flex;gap:8px}.form-msg{font-weight:700;color:var(--ink)}.prose h2{font-size:22px;margin-top:28px}


.hd.compact .nav,.hd.compact .hd-tools .search{display:none}
.hd.compact .menu-btn{display:block}
.hd.compact .hd-tools{margin-left:auto}
.hd.compact.open .nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:8px 16px;overflow:visible}
.hd.compact.open .nav a{white-space:normal}
.hd-tools a,.hd-tools summary,.menu-btn{white-space:nowrap}

.hd.tight .wrap{gap:14px}.hd.tight .nav a{padding:8px 8px}.hd.tight .search input{width:96px}.hd.tight .hd-tools{gap:6px}
.hd.tight2 .nav a{padding:8px 5px;font-size:15px}.hd.tight2 .logo span{display:none}.hd.tight2 .search input{width:72px}

.home-kv{padding:20px 0 0}
.kv{margin:0;position:relative}.kv img{display:block;width:100%;height:auto;border-radius:var(--r-sm)}
.kv .ai-mark{position:absolute;top:8px;right:8px;background:rgba(15,42,68,.75);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px}
.kv-home img{aspect-ratio:1600/568;object-fit:cover}
@media (max-width:640px){.kv-home img{aspect-ratio:auto}}
.aw-strip{margin:4px 0 20px}.aw-strip img{display:block;width:100%;max-width:960px;height:auto}
.trust-badges{height:28px;width:auto;margin-right:8px}
.kv-wrap{padding-top:16px}.kv-wrap .kv img{max-height:420px;object-fit:cover}
.trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 6px;margin:12px 0 0;padding:12px 16px;border:1px solid var(--border);border-left:4px solid #B8860B;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-weight:500;background:#fff}
.trust i{color:var(--text-muted);font-style:normal}.trust b{color:var(--action);margin-left:6px}.trust:hover{background:var(--surface-100)}
.next-expo{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:12px 0 0;padding:10px 16px;background:var(--surface-100);border-left:4px solid var(--brand-cyan);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ink);text-decoration:none}
.next-expo .tag{color:var(--action)}
.hero-text{padding:40px 0 48px;background:#fff}.hero-text .wrap{grid-template-columns:1fr}.hero-text .wrap>div{max-width:900px}
.aw-badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.aw-badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#7a5a00;background:#fbf3dc;border:1px solid #e3c770;border-radius:999px;padding:2px 12px;text-decoration:none}
.aw-badge::before{content:"★";color:#B8860B}
.aw-top{margin:8px 0 16px}
.aw-year{margin:28px 0 10px;font-family:var(--font-latin);font-size:22px;border-bottom:2px solid var(--border);padding-bottom:4px}
.aw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.aw-card{margin:0;border:1px solid var(--border);border-top:3px solid #B8860B;border-radius:var(--r-sm);background:#fff;display:flex;flex-direction:column;overflow:hidden}
.aw-card.corp{border-top-color:var(--brand-blue)}
.aw-card img{width:100%;aspect-ratio:3/2;object-fit:cover;cursor:zoom-in;background:var(--surface-100)}
.aw-card .bd{padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.aw-card .code{align-self:flex-start}
.aw-mark{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;background:var(--surface-100);color:#7a5a00;font-weight:900;font-size:18px}
.aw-card.corp .aw-mark{color:var(--brand-indigo)}
.expo-up{display:grid;gap:12px}
.expo-card{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:0;border:1px solid var(--border);border-left:4px solid var(--brand-cyan);border-radius:var(--r-sm);background:#fff;overflow:hidden}
.expo-card img{width:100%;height:100%;object-fit:cover}.expo-card .bd{padding:16px 20px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.expo-card:not(:has(img)){grid-template-columns:1fr}
.expo-past{margin:0}.expo-past img{cursor:zoom-in}.expo-past .bd b{font-size:16px}
.room-photos{margin-bottom:16px}.room-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm);cursor:zoom-in}
.aespec{margin-top:20px;border:1px solid var(--border);border-left:4px solid var(--brand-blue);border-radius:var(--r-sm);padding:14px 18px;background:#fff}
.aespec h3{margin:0;font-size:18px}
.aespec-text{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:15px;line-height:1.75;background:var(--surface-100);padding:12px 14px;border-radius:var(--r-sm);margin:8px 0 0}
@media (max-width:640px){.expo-card{grid-template-columns:1fr}.trust{justify-content:flex-start;font-size:14px}.kv-wrap .kv img{max-height:240px}}

td.code{white-space:normal;overflow-wrap:anywhere}td.code a{display:inline-block;margin-inline-end:6px}
@media (max-width:760px){table.mx,table.spec{display:block;max-width:100%;overflow-x:auto}.btn{white-space:normal}.btns{flex-wrap:wrap}}
@media (max-width:480px){.logo span{display:none}}


.menu-btn{white-space:nowrap}
.spec td,.spec th,.cmp td,.cmp th{overflow-wrap:anywhere}
.spec td.code{word-break:break-word}
@media (max-width:600px){.btn{white-space:normal;text-align:center}.btns{flex-wrap:wrap}}
@media (max-width:480px){.hd .logo span{display:none}}
html[dir=rtl] .geo{left:auto;right:-18px}
html,body{max-width:100%}
body{overflow-x:clip}
select{max-width:100%}.filter{flex-wrap:wrap}.filter select,.filter input{min-width:0;max-width:100%}
.lang-sw div{right:auto;inset-inline-end:0}
@media (max-width:480px){.lang-sw div{inset-inline-end:auto;inset-inline-start:0}}