/* Design: Airbnb analysis from getdesign.md (see DESIGN.md). White canvas, ink #222, one accent (Rausch #ff385c),
   soft radii (8 / 14 / 20 / pill), one shadow tier, modest heading weights, the score as the one loud type moment. */
:root{
  --canvas:#fff;--soft:#f7f7f7;--strong:#f2f2f2;--ink:#222;--body:#3f3f3f;--muted:#6a6a6a;--muted2:#6a6a6a;
  --line:#ddd;--line2:#ebebeb;--acc:#ff385c;--acc-press:#c8093a;--acc-ink:#d70a3e;--btn:#e00b41;--acc-tint:#fff0f3;--on-acc:#fff;--ok:#00700a;--link:#222;
  --shadow:rgba(0,0,0,.02) 0 0 0 1px,rgba(0,0,0,.04) 0 2px 6px,rgba(0,0,0,.1) 0 4px 8px;
  --font:"Airbnb Cereal VF",Circular,-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:32px;--max:780px;--wide:1180px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --canvas:#121212;--soft:#1c1c1c;--strong:#262626;--ink:#f2f2f2;--body:#d4d4d4;--muted:#a3a3a3;--muted2:#8f8f8f;
  --line:#333;--line2:#2a2a2a;--acc:#ff4f6d;--acc-press:#ff385c;--acc-ink:#ff6b84;--btn:#e00b41;--acc-tint:#2d1419;--on-acc:#fff;--ok:#4cc256;--link:#f2f2f2;
  --shadow:rgba(0,0,0,.4) 0 0 0 1px,rgba(0,0,0,.3) 0 2px 6px,rgba(0,0,0,.4) 0 4px 8px;}}
:root[data-theme="dark"]{
  --canvas:#121212;--soft:#1c1c1c;--strong:#262626;--ink:#f2f2f2;--body:#d4d4d4;--muted:#a3a3a3;--muted2:#8f8f8f;
  --line:#333;--line2:#2a2a2a;--acc:#ff4f6d;--acc-press:#ff385c;--acc-ink:#ff6b84;--btn:#e00b41;--acc-tint:#2d1419;--on-acc:#fff;--ok:#4cc256;--link:#f2f2f2;
  --shadow:rgba(0,0,0,.4) 0 0 0 1px,rgba(0,0,0,.3) 0 2px 6px,rgba(0,0,0,.4) 0 4px 8px;}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
html:has(.progress){scroll-padding-top:150px}
body{margin:0;background:var(--canvas);color:var(--body);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:underline;text-underline-offset:2px;font-weight:500}
a:hover{color:var(--acc-ink)}
h1,h2,h3{color:var(--ink);font-family:var(--font);letter-spacing:-.01em}
h1{font-size:clamp(28px,5vw,34px);font-weight:700;line-height:1.2;margin:8px 0 12px}
h2{font-size:22px;font-weight:600;line-height:1.25;margin:48px 0 12px}
h3{font-size:18px;font-weight:600;line-height:1.3;margin:28px 0 8px}
p,ul,ol{margin:0 0 16px}
li{margin:6px 0}
strong,b{color:var(--ink);font-weight:600}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.lede{font-size:18px;color:var(--body)}
.muted{color:var(--muted)}
.small{font-size:14px}
hr{border:0;border-top:1px solid var(--line2);margin:40px 0}

/* top nav: logo left, three test tabs centre (Homes / Experiences / Services pattern), menu pill right */
.top{position:sticky;top:0;z-index:30;background:var(--canvas);border-bottom:1px solid var(--line2)}
.top .bar-in{max-width:var(--wide);margin:0 auto;padding:0 16px;height:72px;display:flex;align-items:center;gap:12px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--acc);font-weight:700;font-size:20px;letter-spacing:-.02em;white-space:nowrap}
.logo:hover{color:var(--acc)}
.logo .my{font-weight:500}
.logo>span{color:var(--btn)}
:root[data-theme="dark"] .logo>span{color:var(--acc)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo>span{color:var(--acc)}}
.byline .av{background:none}
.tabs{display:flex;gap:4px;margin:0 auto;align-self:stretch}
.tabs a{display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted);text-decoration:none;font-weight:600;font-size:15px;border-bottom:2px solid transparent;position:relative}
.tabs a:hover{color:var(--ink)}
.tabs a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}
.tabs svg{flex:none}
.new{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.32px;background:var(--canvas);color:var(--ink);border-radius:999px;padding:2px 6px;box-shadow:var(--shadow);position:absolute;top:10px;right:-4px}
.menu{position:relative;margin-left:auto}
.tabs+.menu{margin-left:0}
.menu-btn{display:flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 14px;border:1px solid var(--line);border-radius:999px;background:var(--canvas);color:var(--ink);cursor:pointer;font:600 14px var(--font)}
.menu-btn:hover{box-shadow:var(--shadow)}
.menu-btn .dot{width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--canvas);display:grid;place-items:center}
.menu-panel{position:absolute;right:0;top:52px;width:260px;background:var(--canvas);border-radius:var(--r-md);box-shadow:var(--shadow);padding:8px 0;display:none}
.menu-panel.open{display:block}
.menu-panel a,.menu-panel button{display:block;width:100%;text-align:left;padding:11px 18px;color:var(--ink);text-decoration:none;font:500 15px var(--font);background:none;border:0;cursor:pointer}
.menu-panel a:hover,.menu-panel button:hover{background:var(--soft);color:var(--ink)}
.menu-panel .sep{height:1px;background:var(--line2);margin:8px 0}
.menu-panel .mobile-only{display:none}
@media (max-width:860px){
  .tabs{display:none}
  .menu-panel .mobile-only{display:block}
  .top .bar-in{height:64px}
  .tabs+.menu{margin-left:auto}
}
.crumbs{font-size:14px;color:var(--muted);margin:20px 0 0}
.crumbs a{color:var(--muted);font-weight:400}

/* pills and notices */
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;background:var(--soft);color:var(--ink)}
.pill.ok{color:var(--ok)}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.notice{border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;font-size:15px;margin:0 0 16px;background:var(--canvas)}
.notice.soft{background:var(--soft);border-color:transparent}

/* hero */
.hero{padding:8px 0 4px}
.hero .lede{margin-bottom:12px}

/* sticky progress bar: score, section picker, see-score button */
.progress{position:sticky;top:72px;z-index:20;background:var(--canvas);margin:0 -16px;padding:10px 16px 0;border-bottom:1px solid var(--line2)}
@media (max-width:860px){.progress{top:64px}}
.pbar{display:flex;align-items:center;gap:12px;min-height:48px}
.pscore{display:flex;flex-direction:column;line-height:1.1;flex:none;min-width:58px}
.pscore b{font-size:26px;font-weight:700;color:var(--ink);letter-spacing:-.5px}
.pscore span{font-size:12px;color:var(--muted);font-weight:500;white-space:nowrap}
.psec{position:relative;flex:1;min-width:0}
.secbtn{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--canvas);color:var(--ink);font:600 14px var(--font);cursor:pointer;text-align:left}
.secbtn:hover,.secbtn[aria-expanded="true"]{border-color:var(--ink);box-shadow:var(--shadow)}
.secno{flex:none;font-size:12px;font-weight:600;color:var(--muted)}
.secname{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.secbtn svg{flex:none;color:var(--muted)}
.secmenu{position:absolute;left:0;right:0;top:52px;min-width:260px;max-height:min(60vh,520px);overflow:auto;background:var(--canvas);border-radius:var(--r-md);box-shadow:var(--shadow),0 12px 32px rgba(0,0,0,.12);padding:6px 0;z-index:25}
.secmenu[hidden]{display:none}
.secmenu a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px 16px;color:var(--ink);text-decoration:none;font-weight:500;font-size:15px}
.secmenu a:hover,.secmenu a:focus{background:var(--soft);outline:none;color:var(--ink)}
.secmenu a.on{background:var(--soft)}
.secmenu a.on .nm{font-weight:700}
.secmenu .i{width:24px;height:24px;border-radius:50%;background:var(--strong);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--muted)}
.secmenu a.has .i{background:var(--acc);color:#fff}
.secmenu b{font-size:12px;font-weight:500;color:var(--muted)}
.pgo{flex:none;min-height:44px;padding:10px 18px;font-size:15px;border-radius:999px}
.progress .meter{margin:10px 0 0;height:3px;border-radius:0}
@media (max-width:480px){.pgo{padding:10px 14px}.secno{display:none}.pscore{min-width:48px}}
/* questions: amenity-row rhythm inside soft cards */
.sec{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:36px 0 8px}
.sec h2{margin:0;font-size:20px}
.sec span{font-size:13px;color:var(--muted);font-weight:500;white-space:nowrap}
.qs{list-style:none;padding:0;margin:0}
.q{margin:0}
.q input{position:absolute;opacity:0;pointer-events:none}
.q label{display:flex;gap:14px;align-items:center;min-height:56px;padding:12px 16px;margin:8px 0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,background .12s}
.q label:hover{border-color:var(--ink)}
.q .n{color:var(--muted2);font-size:13px;font-weight:600;min-width:24px;font-variant-numeric:tabular-nums}
.q .t{flex:1;font-size:16px;line-height:1.35}
.q .box{flex:none;width:26px;height:26px;border-radius:var(--r-sm);border:1.5px solid var(--muted2);display:grid;place-items:center;order:3}
.q input:checked+label{border-color:var(--acc);background:var(--acc-tint);box-shadow:inset 0 0 0 1px var(--acc)}
.q input:checked+label .box{background:var(--acc);border-color:var(--acc)}
.q input:checked+label .box::after{content:"";width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.q input:focus-visible+label{outline:2px solid var(--ink);outline-offset:2px}

/* buttons */
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 24px;border-radius:var(--r-sm);font:500 16px/1.25 var(--font);text-decoration:none;cursor:pointer;border:0}
.btn.primary{background:var(--btn);color:var(--on-acc)}
.btn.primary:hover{color:var(--on-acc)}
.btn.primary:active{background:var(--acc-press)}
.skip{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--ink);color:var(--canvas);padding:10px 14px;border-radius:8px}
.skip:focus{left:8px}
.btn.ghost{background:var(--canvas);color:var(--ink);border:1px solid var(--ink)}
.btn.ghost:hover{background:var(--soft);color:var(--ink)}
.btn.big{width:100%;font-size:17px;font-weight:600;min-height:56px}
.btn.pill{border-radius:999px}

/* result: reservation-card surface + rating-display moment */
.result{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px 20px;margin:28px 0;background:var(--canvas)}
.result[hidden]{display:none}
.rating{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 6px}
.rating .num{font-size:clamp(72px,20vw,104px);font-weight:700;line-height:1;letter-spacing:-2px;color:var(--ink)}
.rating svg{color:var(--ink);flex:none}
.result .kicker{text-align:center;font-size:14px;color:var(--muted);font-weight:500;margin:0}
.result .band-name{text-align:center;font-size:22px;font-weight:600;color:var(--ink);margin:4px 0 8px}
.result .band-text{text-align:center;max-width:520px;margin:0 auto 16px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin:20px 0}
.stats div{padding:14px 6px;text-align:center}
.stats div+div{border-left:1px solid var(--line2)}
.stats b{display:block;font-size:20px}
.stats span{font-size:12px;color:var(--muted)}
.breakdown{list-style:none;padding:0;margin:8px 0 16px}
.breakdown li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:14px;margin:12px 0;color:var(--ink)}
.breakdown li .meter{grid-column:1/-1;margin:0}
canvas.card{display:block;width:100%;max-width:340px;margin:12px auto;border-radius:var(--r-md);box-shadow:var(--shadow)}

/* score scale (city-link block style) */
.scale{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.scale li{display:grid;grid-template-columns:86px 1fr;gap:4px 16px;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;margin:0;transition:box-shadow .15s}
.scale li.hit{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
.scale .range{font-size:20px;font-weight:700;color:var(--ink);grid-row:span 2;letter-spacing:-.3px}
.scale b{font-size:16px}
.scale .muted{font-size:14px}
.lookup{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);padding:6px 6px 6px 22px;max-width:420px;margin:16px 0 8px}
.lookup label{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap}
.lookup input{flex:1;min-width:0;border:0;background:transparent;font:500 16px var(--font);color:var(--ink);padding:10px 12px;outline:none}
.lookup .orb{width:44px;height:44px;border-radius:50%;background:var(--btn);display:grid;place-items:center;color:#fff;flex:none}
#lookup-out{display:block;min-height:24px;font-size:15px;margin-bottom:8px}
.grid101{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;margin:12px 0 20px}
.grid101 a{display:block;text-align:center;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 0 6px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;line-height:1.1}
.grid101 a{padding:10px 0}
.g0{background:var(--canvas)}.g1{background:color-mix(in srgb,var(--acc) 6%,var(--canvas))}.g2{background:color-mix(in srgb,var(--acc) 12%,var(--canvas))}
.g3{background:color-mix(in srgb,var(--acc) 20%,var(--canvas))}.g4{background:color-mix(in srgb,var(--acc) 30%,var(--canvas))}
.g5{background:color-mix(in srgb,var(--acc) 42%,var(--canvas))}.g6{background:color-mix(in srgb,var(--acc) 56%,var(--canvas))}
.g7{background:color-mix(in srgb,var(--acc) 72%,var(--canvas))}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted);margin:-8px 0 20px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:14px;height:14px;border-radius:4px;border:1px solid var(--line)}
.grid101 a:hover{border-color:var(--ink)}

/* content */
.content table,table.t{border-collapse:collapse;width:100%;font-size:15px;margin:0 0 20px;display:block;overflow-x:auto}
table.t th,table.t td{border-bottom:1px solid var(--line2);padding:10px 12px;text-align:left;vertical-align:top}
table.t th{font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
.answer{border-left:3px solid var(--acc);padding:2px 0 2px 16px;margin:0 0 20px;font-size:17px;color:var(--ink)}
.toc{background:var(--soft);border-radius:var(--r-md);padding:16px 20px;font-size:15px;margin:0 0 24px}
.toc b{display:block;margin-bottom:4px}
.toc ol{margin:0;padding-left:20px}
.byline{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);margin:0 0 24px}
.byline .av{width:40px;height:40px;border-radius:50%;background:var(--acc);display:grid;place-items:center;color:#fff;flex:none}
.byline b{display:block;color:var(--ink);font-weight:600}
sup a.fn{text-decoration:none;font-size:11px;font-weight:600;color:var(--acc-ink);margin-left:1px}
.sources{font-size:14px;color:var(--muted)}
.sources li{margin:8px 0}
.timeline{list-style:none;padding:0;margin:0}
.timeline li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line2);margin:0}
.timeline b{font-size:18px;font-weight:700;color:var(--ink)}

/* cards (experience-card pattern, illustrated tiles instead of photos) */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px 16px;margin:16px 0 24px}
.cards a{display:block;text-decoration:none;color:var(--ink);font-weight:400}
.cards a:hover{color:var(--ink)}
.cards .tile{aspect-ratio:16/10;border-radius:var(--r-md);display:grid;place-items:center;margin-bottom:10px;overflow:hidden;transition:transform .2s}
.cards a:hover .tile{transform:scale(1.02)}
.cards .tile span{font-size:40px;font-weight:700;color:#fff;letter-spacing:-1px;text-shadow:0 1px 2px rgba(0,0,0,.08)}
.cards b{display:block;font-size:16px;font-weight:600;line-height:1.3}
.cards em{display:block;font-style:normal;font-size:14px;color:var(--muted);margin-top:2px}
.c0{background:linear-gradient(135deg,#ff385c,#ff7a59)}.c1{background:linear-gradient(135deg,#460479,#a3289a)}
.c2{background:linear-gradient(135deg,#92174d,#e0405f)}.c3{background:linear-gradient(135deg,#222,#5a5a5a)}
.c4{background:linear-gradient(135deg,#e00b41,#ff9a76)}.c5{background:linear-gradient(135deg,#6b2fb3,#ff6aa2)}
.tests{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:16px 0 24px}

/* faq (amenity-row rhythm) */
details.faq{border-bottom:1px solid var(--line2)}
details.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;color:var(--ink);font-size:16px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"";flex:none;width:10px;height:10px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-4px;transition:transform .15s}
details.faq[open] summary::after{transform:rotate(-135deg);margin-top:4px}
details.faq div{padding:0 0 18px}
details.faq p{margin:0}

/* friends */
.group-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px 20px;margin:16px 0;text-align:center}
.group-q{font-size:clamp(22px,5vw,30px);font-weight:600;color:var(--ink);line-height:1.3;min-height:3.2em;display:grid;place-items:center;margin:8px 0}
.group-n{color:var(--muted);font-size:14px;font-weight:500}
.board{width:100%;border-collapse:collapse;margin:12px 0}
.board td,.board th{padding:8px 4px;border-bottom:1px solid var(--line2);text-align:left;font-size:14px}
.board input{font:16px var(--font);height:48px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink);width:100%}
.board input:focus{outline:none;border:2px solid var(--ink)}
.board input[type=number]{width:96px}
.iconbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--canvas);color:var(--ink);cursor:pointer;font-size:18px}

/* footer */
.foot{background:var(--soft);border-top:1px solid var(--line2);margin-top:72px;padding:40px 0 32px;font-size:14px}
.foot .in{max-width:var(--wide);margin:0 auto;padding:0 16px}
.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.foot b{display:block;font-weight:600;color:var(--ink);margin-bottom:8px}
.foot a{display:block;color:var(--ink);font-weight:400;text-decoration:none;padding:4px 0}
.foot a:hover{text-decoration:underline;color:var(--ink)}
.foot .legal{color:var(--muted);font-size:13px;padding-top:20px}
.foot .legal p{margin:0 0 6px}

@media print{
  .top,.foot,.progress,.actions,.noprint,.result{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .q label{border:0;min-height:0;padding:2px 0;margin:0}
  .q .box{width:13px;height:13px;border:1px solid #000;order:0}
}
figure.chart{margin:20px 0 24px}
figure.chart img{display:block;width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--line2)}
figure.chart figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.q input:checked+label .n{color:var(--muted)}
/* cookie choice (Airbnb dropdown surface) */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin:0 auto;background:var(--canvas);color:var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow),0 12px 32px rgba(0,0,0,.12);padding:16px 18px;font-size:14px}
.consent[hidden]{display:none}
.consent p{margin:0 0 12px}
.consent-btns{display:flex;gap:8px;justify-content:flex-end}
.consent .btn{min-height:44px;padding:10px 20px;font-size:15px}
.foot .legal a{display:inline;color:var(--muted);text-decoration:underline}
@media print{.consent{display:none!important}}
/* item explanations */
.qrow{position:relative}
.q.hasinfo label{padding-right:62px}
.q .info{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--canvas);color:var(--muted);font:700 14px/1 Georgia,serif;font-style:italic;cursor:pointer;display:grid;place-items:center;z-index:1}
.q .info:hover,.q .info.on{border-color:var(--ink);color:var(--ink)}
.q .info.on{background:var(--ink);color:var(--canvas)}
.q .info:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.exp{margin:-2px 0 10px;padding:12px 16px;background:var(--soft);border-radius:var(--r-md);font-size:14px;color:var(--body)}
.exp[hidden]{display:none}
.exp p{margin:0 0 6px}
.exp a{font-size:13px}
.xq{border-bottom:1px solid var(--line2);padding:4px 0 8px}
.xq h3{display:flex;gap:10px;align-items:baseline;font-size:17px}
.xq .xn{flex:none;min-width:28px;height:28px;border-radius:50%;background:var(--strong);display:inline-grid;place-items:center;font-size:12px;color:var(--muted)}
.xq p{margin:0 0 6px}
.xc{color:var(--ink)}
#gexp{text-align:left;max-width:520px;margin:0 auto 8px;padding:12px 16px;background:var(--soft);border-radius:var(--r-md);font-size:15px}
#gexp[hidden]{display:none}
#gexp p{margin:0 0 6px}
.menu-panel .menu-h{display:block;padding:8px 18px 4px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.menu-panel .langs{display:grid;grid-template-columns:1fr 1fr;padding:0 6px}
.menu-panel .langs a{padding:8px 12px;font-size:14px;border-radius:8px}
.menu-panel .langs a[aria-current]{font-weight:700;background:var(--soft)}
.menu-panel{max-height:calc(100vh - 90px);overflow:auto}
.foot .legal a[lang]{margin-right:2px}
/* language flags */
.menu-panel .langs a{display:flex;align-items:center;gap:8px}
.menu-panel .langs svg,.foot .flags svg,.cur-flag svg{flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.cur-flag{display:inline-flex}
.foot .flags{display:flex;flex-wrap:wrap;gap:6px 14px}
.foot .flags a{display:inline-flex;align-items:center;gap:6px;padding:2px 0}