:root{
  --primary:#FFD400; --ink:#141414; --accent:#FF5A5F; --accent-dark:#E04146;
  --success:#12B76A; --warning:#F79009; --danger:#F04438; --info:#2E90FA;
  --canvas:#FFFFFF; --surface:#F7F7F5; --border:#E5E5E1; --border-strong:#C9C9C4;
  --text:#141414; --text-2:#5C5C57; --text-3:#8A8A84;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --pill:999px;
  --shadow:0 1px 2px rgba(20,20,20,.05),0 4px 12px rgba(20,20,20,.06);
  --shadow-lg:0 4px 8px rgba(20,20,20,.06),0 12px 32px rgba(20,20,20,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--text);background:var(--canvas);line-height:1.55}
button{font-family:inherit;cursor:pointer}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.hidden{display:none!important}

/* ===== Header ===== */
header{background:var(--ink);color:#fff;position:sticky;top:0;z-index:50}
.hrow{display:flex;align-items:center;gap:20px;height:62px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:21px;letter-spacing:-.5px;cursor:pointer;user-select:none;color:inherit}
.logo,.vtab{text-decoration:none}
.logo .dot{width:26px;height:26px;border-radius:8px;background:var(--primary);display:grid;place-items:center;color:var(--ink);font-size:14px}
.vtabs{display:flex;gap:8px;margin-left:8px}
.vtab{border:1.5px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:var(--pill);padding:7px 16px;font-size:13.5px;font-weight:600}
.vtab.active{background:var(--primary);color:var(--ink);border-color:var(--primary)}
.vtab.soon{opacity:.55;cursor:default}
.vtab .tag{font-size:9.5px;background:rgba(255,255,255,.18);border-radius:4px;padding:1px 5px;margin-left:5px;vertical-align:1px}
.hspacer{flex:1}
.cursel{border:1.5px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:var(--pill);padding:7px 14px;min-height:44px;font-size:13.5px;font-weight:700}
@media(max-width:760px){.vtabs{display:none}}

/* ===== Hero ===== */
.hero{background:var(--primary);position:relative;overflow:hidden;padding:56px 0 96px}
.hero .blob{position:absolute;border-radius:50%;background:rgba(20,20,20,.05)}
.hero .blob-one{width:340px;height:340px;top:-120px;right:-60px}
.hero .blob-two{width:180px;height:180px;bottom:-60px;right:280px}
.hero h1{font-size:clamp(34px,5vw,54px);font-weight:800;letter-spacing:-1.5px;line-height:1.08;max-width:640px}
.hero p.sub{margin-top:12px;font-size:17px;font-weight:500;color:rgba(20,20,20,.75);max-width:560px}
.searchwrap{margin-top:-58px;position:relative;z-index:5}
.searchcard{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:18px;display:grid;grid-template-columns:1.5fr 1.2fr 1fr auto;gap:12px;align-items:end}
@media(max-width:900px){.searchcard{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.searchcard{grid-template-columns:1fr}}
.field label{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:6px}
.fieldbox{position:relative}
.inputlike{width:100%;border:1.5px solid var(--border);border-radius:var(--r-md);padding:12px 14px;font-size:15px;font-weight:600;background:#fff;display:flex;align-items:center;gap:8px;min-height:48px;text-align:left}
.inputlike:focus-within,.inputlike:focus{border-color:var(--ink);outline:none}
.inputlike input{border:none;outline:none;font:inherit;width:100%;background:transparent}
.dd{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);max-height:290px;overflow:auto;z-index:30}
.dd .opt{padding:11px 14px;display:flex;gap:10px;align-items:center;font-size:14.5px;font-weight:600;cursor:pointer}
.dd .opt:hover,.dd .opt.hl{background:var(--surface)}
.dd .opt .meta{margin-left:auto;font-size:12px;color:var(--text-3);font-weight:500}
.seg{display:flex;background:var(--surface);border-radius:var(--r-sm);padding:3px;margin-bottom:8px;width:max-content}
.seg button{border:none;background:transparent;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:700;color:var(--text-2)}
.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.stepper{display:flex;align-items:center;gap:0;border:1.5px solid var(--border);border-radius:var(--r-md);min-height:48px;overflow:hidden}
.stepper button{width:46px;height:46px;border:none;background:#fff;font-size:20px;font-weight:700;color:var(--ink)}
.stepper button:hover{background:var(--surface)}
.stepper .val{flex:1;text-align:center;font-weight:800;font-size:16px}
.quick{display:flex;gap:6px;margin-top:8px}
.quick button{border:1px solid var(--border);background:#fff;border-radius:var(--pill);padding:3px 11px;font-size:12px;font-weight:700;color:var(--text-2);min-height:44px}
.quick button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.cta{background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);padding:0 28px;height:48px;font-size:16px;font-weight:800;letter-spacing:-.2px;box-shadow:0 6px 18px rgba(255,90,95,.35);transition:transform .12s}
.cta:hover{background:var(--accent-dark);transform:translateY(-1px)}
select.needsel{width:100%;border:1.5px solid var(--border);border-radius:var(--r-md);padding:12px;font:inherit;font-size:14.5px;font-weight:600;min-height:48px;background:#fff}

/* ===== Sections ===== */
section.block{padding:52px 0 8px}
.sechead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}
.sechead h2{font-size:24px;font-weight:800;letter-spacing:-.6px}
.sechead a{font-size:13.5px;font-weight:700;color:var(--accent);text-decoration:none}
.destgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px}
.destcard{border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;background:#fff;cursor:pointer;transition:box-shadow .15s,transform .15s;display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none}
.destcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.destcard .flag{font-size:34px}
.destcard h3{font-size:16.5px;font-weight:800}
.destcard .from{font-size:13px;color:var(--text-2);font-weight:600}
.destcard .from b{color:var(--ink);font-size:15px}
.pergb{margin-left:auto;font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:var(--pill)}
.pergb.q-green{background:#E7F8F0;color:#0E8A57}
.pergb.q-amber{background:#FEF2E4;color:#B85E05}
.pergb.q-red{background:#FDE8E6;color:#C4320A}
.pergb.neutral{background:var(--surface);color:var(--text-2)}
.trust{background:var(--surface);border-radius:var(--r-lg);padding:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:8px}
@media(max-width:760px){.trust{grid-template-columns:1fr}}
.trust h3{font-size:16.5px;font-weight:800;margin-bottom:6px}
.trust p{font-size:13.5px;color:var(--text-2)}
.trust .ico{width:38px;height:38px;border-radius:10px;background:var(--primary);display:grid;place-items:center;font-size:18px;margin-bottom:12px}
.faq{max-width:760px}
.faq details{border-bottom:1px solid var(--border);padding:15px 4px}
.faq summary{font-weight:700;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.faq summary::after{content:"+";font-weight:800;color:var(--text-3)}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:8px;font-size:14px;color:var(--text-2)}
.cruiseband{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:30px 34px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cruiseband h3{font-size:20px;font-weight:800}
.cruiseband p{color:rgba(255,255,255,.7);font-size:14px}
.btn-ghostw{border:1.5px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:var(--pill);padding:10px 20px;font-weight:700;font-size:14px;margin-left:auto}
.cruiseicon{font-size:34px}
footer{background:var(--ink);color:rgba(255,255,255,.75);margin-top:64px;padding:44px 0 26px;font-size:13px}
.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:28px}
@media(max-width:700px){.fcols{grid-template-columns:1fr 1fr}}
.fcols h2{color:#fff;font-size:13px;font-weight:800;margin-bottom:10px}
.fcols a{display:block;color:rgba(255,255,255,.65);text-decoration:none;padding:3px 0}
.fcols a:hover{color:var(--primary)}
.legal{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;font-size:12px;color:rgba(255,255,255,.5)}
.legal a{color:inherit}

/* ===== Results ===== */
.resultsbar{background:var(--ink);padding:14px 0}
.compact{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.compact .pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--pill);padding:8px 16px;font-size:13.5px;font-weight:700;display:flex;gap:8px;align-items:center}
.compact .edit{background:var(--primary);color:var(--ink);border:none;border-radius:var(--pill);padding:8px 18px;font-weight:800;font-size:13.5px}
.reslayout{display:grid;grid-template-columns:262px 1fr;gap:26px;padding:26px 0}
@media(max-width:860px){.reslayout{grid-template-columns:1fr}.filters{display:none}}
.filters{align-self:start;position:sticky;top:76px}
.fgroup{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;padding:16px;margin-bottom:12px}
.fgroup h2,.fgroup h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px}
.frow{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;font-weight:600;cursor:pointer}
.frow input{accent-color:var(--accent);width:15px;height:15px}
.frow .hint{margin-left:auto;font-size:11.5px;color:var(--text-3);font-weight:600}
.tgl{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13.5px;font-weight:600;cursor:pointer}
.sw{width:34px;height:20px;border-radius:var(--pill);background:var(--border-strong);position:relative;transition:.15s;flex-shrink:0}
.sw::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.15s}
.tgl.on .sw{background:var(--success)}
.tgl.on .sw::after{left:16px}
.tabs3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.tab3{border:1.5px solid var(--border);background:#fff;border-radius:var(--r-md);padding:13px 16px;text-align:left;transition:.12s}
.tab3 .tl{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}
.tab3 .tp{font-size:21px;font-weight:800;letter-spacing:-.5px;margin:2px 0 1px}
.tab3 .ts{font-size:12px;color:var(--text-2);font-weight:600}
.tab3.on{border-color:var(--ink);box-shadow:var(--shadow);position:relative}
.tab3.on::before{content:"";position:absolute;top:-1.5px;left:14px;right:14px;height:4px;background:var(--accent);border-radius:0 0 4px 4px}
@media(max-width:600px){.tabs3{grid-template-columns:1fr}.tab3{display:flex;gap:10px;align-items:baseline}}
.resmeta{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.resmeta .count{font-size:14px;font-weight:700}
.chipline{display:flex;gap:6px;flex-wrap:wrap}
.chip{font-size:11.5px;font-weight:700;border-radius:var(--pill);padding:4px 11px;background:var(--surface);color:var(--text-2)}
.chip.good{background:#E7F8F0;color:#0E8A57}
.chip.warn{background:#FEF2E4;color:#B85E05}
/* plan card */
.pcard{border:1px solid var(--border);border-radius:var(--r-lg);background:#fff;margin-bottom:12px;overflow:hidden;transition:box-shadow .15s}
.pcard:hover{box-shadow:var(--shadow-lg)}
.pmain{display:grid;grid-template-columns:190px 1fr 190px;gap:14px;padding:17px 18px;align-items:center;cursor:pointer}
@media(max-width:760px){.pmain{grid-template-columns:1fr;gap:10px}}
.pprov{display:flex;gap:10px;align-items:center}
.plogo{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;flex-shrink:0}
.pprov .nm{font-weight:800;font-size:14.5px}
.stars{font-size:11px;color:#F5A623;letter-spacing:1px}
.stars span{color:var(--text-3);font-weight:600;letter-spacing:0;margin-left:3px}
.pspecs{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.spec .sv{font-size:18px;font-weight:800;letter-spacing:-.3px}
.spec .sl{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}
.fitchip{font-size:11px;font-weight:800;border-radius:var(--pill);padding:3px 9px;display:inline-block;margin-top:3px}
.fit-ok{background:#E7F8F0;color:#0E8A57}.fit-roomy{background:#FEF2E4;color:#B85E05}.fit-short{background:#FDE8E6;color:#C4320A}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.bdg{font-size:10.5px;font-weight:800;border-radius:6px;padding:3px 8px;display:inline-flex;gap:4px;align-items:center}
.b-deal{background:var(--accent);color:#fff}.b-good{background:#E7F8F0;color:#0E8A57}.b-warn{background:#FEF2E4;color:#B85E05}.b-info{background:#E8F1FD;color:#1570CD}.b-neut{background:var(--surface);color:var(--text-2)}
.pbuy{text-align:right}
.pbuy .was{font-size:12.5px;color:var(--text-3);text-decoration:line-through;font-weight:600}
.pbuy .now{font-size:24px;font-weight:800;letter-spacing:-.6px}
.pbuy .per{font-size:11.5px;color:var(--text-2);font-weight:600;margin-bottom:8px}
.pbuy .code{font-size:11px;color:var(--accent);font-weight:800}
.getbtn{background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);padding:10px 20px;font-weight:800;font-size:14px;text-decoration:none}
.getbtn:hover{background:var(--accent-dark)}
@media(max-width:760px){.pbuy{text-align:left;display:flex;align-items:center;gap:12px}.pbuy .per{margin:0}}
.pdetail{border-top:1px dashed var(--border);background:var(--surface);padding:16px 18px;font-size:13px}
.pdetail .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 20px}
.pdetail .k{color:var(--text-3);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.pdetail .v{font-weight:600}
.cpn{margin-top:12px;border:1.5px dashed var(--accent);border-radius:var(--r-sm);background:#fff;padding:10px 14px;display:flex;align-items:center;gap:12px;font-size:13px}
.cpn code{font-weight:800;font-size:14px}
.cpn button{margin-left:auto;border:none;background:var(--ink);color:#fff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700}
.morebtn{width:100%;border:1.5px solid var(--border);background:#fff;border-radius:var(--r-md);padding:13px;font-weight:800;font-size:14px;color:var(--ink);margin-top:6px}
.morebtn:hover{background:var(--surface)}
.answerbox{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 var(--r-md) var(--r-md) 0;padding:14px 18px;font-size:13.5px;margin-bottom:18px;color:var(--text-2)}
.answerbox b{color:var(--ink)}
.curdd{position:absolute;right:0;top:calc(100% + 6px);background:#fff;color:var(--ink);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:60;overflow:hidden}
.curdd button{display:flex;gap:10px;width:170px;padding:10px 14px;border:none;background:#fff;font-size:13.5px;font-weight:600;text-align:left}
.curdd button:hover{background:var(--surface)}

/* ===== Grid plan cards ===== */
.plangrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.plangrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.plangrid{grid-template-columns:1fr}}
.gcard{border:1px solid var(--border);border-radius:var(--r-lg);background:#fff;overflow:hidden;transition:box-shadow .15s;display:flex;flex-direction:column}
.gcard:hover{box-shadow:var(--shadow-lg)}
.gcard .gtop{padding:16px 16px 0;display:flex;gap:10px;align-items:center}
.gcard .gspecs{padding:12px 16px;display:flex;gap:20px}
.gcard .gbadges{padding:0 16px 12px;display:flex;gap:6px;flex-wrap:wrap}
.gcard .gbuy{margin-top:auto;border-top:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:10px;justify-content:space-between}
.gbody{display:block;width:100%;border:none;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer}
.gbody .gtop,.gbody .gspecs,.gbody .gbadges{display:flex}
.gbody .nm{font-weight:800;font-size:14.5px}
.gbody .spec{display:block}
.gbody .spec .sv,.gbody .spec .sl{display:block}
.gbuy .pbuy{text-align:left}
.editsearch{margin:14px 0}
.browse-nudge button{border:none;background:transparent;color:var(--accent);font:inherit;font-weight:800}
.activefilters{margin-bottom:14px}
.activefilters .chip{border:none;cursor:pointer}
.mobile-filters,.filter-sheet-header,.filter-sheet-footer{display:none}
.filters .hint{font-size:11.5px;color:var(--text-3);font-weight:600}
.tgl{border:none;background:transparent;width:100%;font-family:inherit;text-align:left}
.resetfilters{border:1px solid var(--border);background:#fff;border-radius:var(--pill);padding:3px 11px;font-size:12px;font-weight:700;color:var(--text-2);min-height:44px}
nav .chip{text-decoration:none}
@media(max-width:860px){
  .mobile-filters{display:block;margin-bottom:12px}
  .filters.sheet-open{display:block;position:fixed;inset:0;z-index:90;background:var(--canvas);overflow:auto;padding:72px 20px 92px}
  .filter-sheet-header{display:flex;position:fixed;top:0;left:0;right:0;background:var(--canvas);padding:16px 20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);z-index:91}
  .filter-sheet-header h2{font-size:24px;font-weight:800;letter-spacing:-.6px}
  .filter-sheet-header button{width:44px;height:44px;border:none;background:var(--surface);border-radius:var(--pill);font-size:20px}
  .filter-sheet-footer{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--canvas);padding:12px 20px;gap:12px;border-top:1px solid var(--border);z-index:91}
  .filter-sheet-footer .cta{flex:1}
}

/* ===== Admin ===== */
.alayout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.anav{background:var(--ink);color:#fff;padding:18px 0}
.anav .abrand{padding:0 18px 16px;font-weight:800;font-size:16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}
.anav a{display:flex;gap:10px;align-items:center;padding:10px 18px;color:rgba(255,255,255,.7);text-decoration:none;font-size:13.5px;font-weight:600}
.anav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.anav a.on{color:var(--ink);background:var(--primary);font-weight:800}
.amain{background:var(--surface);padding:24px 28px;min-width:0}
.atop{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.envtag{font-size:10.5px;font-weight:800;border-radius:4px;padding:2px 7px;background:#E8F1FD;color:#1570CD}
.acard{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);padding:18px;margin-bottom:14px}
.stattiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.stattile{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px}
.stattile .n{font-size:24px;font-weight:800;letter-spacing:-.5px}
.stattile .l{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}
.atable{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;font-size:13.5px}
.atablewrap{width:100%;max-width:100%;overflow-x:auto;border-radius:var(--r-md)}
.atablewrap>.atable{min-width:max-content}
.atable th{text-align:left;padding:10px 14px;background:var(--surface);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);border-bottom:1px solid var(--border)}
.atable td{padding:11px 14px;border-bottom:1px solid var(--border);font-weight:600}
.atable tr:hover td{background:var(--surface)}
.chart{height:160px;display:flex;align-items:flex-end;gap:4px;margin:14px 0 34px}
.chartday{height:100%;min-width:2px;flex:1;display:flex;align-items:flex-end;position:relative}
.bar{width:100%;min-height:2px;background:var(--info);border-radius:var(--r-sm) var(--r-sm) 0 0}
.chartlabel{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font-size:11px;color:var(--text-3);font-weight:600}
.aform label{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:14px 0 6px}
.aform input,.aform select,.aform textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--r-md);padding:11px 13px;font:inherit;font-size:14px;font-weight:600;background:#fff}
.aform input:focus,.aform textarea:focus{border-color:var(--ink);outline:none}
.aform textarea.code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;min-height:220px}
.abtn{background:var(--ink);color:#fff;border:none;border-radius:var(--r-sm);padding:10px 18px;font-weight:800;font-size:13.5px}
.abtn.primary{background:var(--accent)}
.abtn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--border)}
.abtn.danger{background:var(--danger)}
.statuspill{font-size:11px;font-weight:800;border-radius:var(--pill);padding:3px 10px}
.alert{border-radius:var(--r-md);padding:12px 16px;font-size:13.5px;font-weight:600;margin-bottom:12px}
.pagn{display:flex;gap:6px;margin-top:14px}
.toast{position:fixed;bottom:20px;right:20px;background:var(--ink);color:#fff;border-radius:var(--r-md);padding:12px 18px;font-size:13.5px;font-weight:700;box-shadow:var(--shadow-lg);z-index:100}
@media(max-width:860px){.alayout{grid-template-columns:1fr}.anav{display:flex;overflow-x:auto}.anav .abrand{border:none}}

/* ===== Interaction and accessibility ===== */
.skip{position:absolute;left:-9999px}
.skip:focus{left:20px;top:8px;z-index:100;background:var(--canvas);color:var(--ink);border-radius:var(--r-sm);padding:10px 14px;font-weight:800}
:focus-visible{outline:2.5px solid var(--info);outline-offset:2px}
.statuspill.ok,.alert.ok{background:#E7F8F0;color:#0E8A57}
.statuspill.warn,.alert.warn{background:#FEF2E4;color:#B85E05}
.statuspill.err,.alert.err{background:#FDE8E6;color:#C4320A}
.statuspill.muted{background:var(--surface);color:var(--text-2)}
.envtag.prod{background:#E7F8F0;color:#0E8A57}
.field-error{border-color:var(--danger)!important}
.error-message{font-size:12.5px;color:var(--danger);font-weight:600}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .destcard:hover,.cta:hover{transform:none}
}