/* 광고인 유형 테스트(play.linsung.wiki) — 퍼블리셔형 콘텐츠 사이트.
   마스트헤드 + 상단 리더보드, 본문(테스트 카드·피드) + 300px 스티키 광고 레일, 하단 앵커 광고.
   광고 소재(.th-*)는 이미지처럼 다뤄 밝기 테마와 상관없이 색이 고정된다. */
:root{
  --bg:#FFF8EE; --surface:#FFFFFF; --surface-2:#FBF1E3; --ink:#24180F; --muted:#6B5A4C; --line:#EADBC8;
  --brand:#E8590C; --brand-ink:#FFFFFF; --brand-tint:rgba(232,89,12,.09); --focus:#E8590C;
  --ax-1:#E8590C; --ax-2:#1C7ED6; --ax-3:#2F9E44; --ax-4:#AE3EC9; --ax-5:#F08C00; --ax-6:#0C8599;
  --shadow:0 1px 2px rgba(36,24,15,.06),0 10px 28px rgba(36,24,15,.07);
  --demo:#D6336C;

  --mon-bg:#11151A; --mon-bg-2:#1A2027; --mon-fg:#DCE3EA; --mon-muted:#8693A0; --mon-line:#29313A;
  --mon-code:#FFD43B; --mon-auto:#63E6BE; --mon-server:#FFA8A8; --mon-prop:#A5B4FC; --mon-note:#CED4DA;

  --f-display:"Jua","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --f-body:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --anchor-space:calc(66px + env(safe-area-inset-bottom,0px));
  color-scheme:light;
}
@media (min-width:760px){ :root{ --anchor-space:calc(106px + env(safe-area-inset-bottom,0px)); } }
@media (prefers-color-scheme: dark){
  :root{
    --bg:#17120E; --surface:#211A15; --surface-2:#2A211B; --ink:#F3E9DF; --muted:#B5A496; --line:#3A2F27;
    --brand:#FF8A4C; --brand-ink:#2A1205; --brand-tint:rgba(255,138,76,.12); --focus:#FF8A4C;
    --ax-1:#FF8A4C; --ax-2:#74C0FC; --ax-3:#8CE99A; --ax-4:#E599F7; --ax-5:#FFC078; --ax-6:#66D9E8;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.28);
    color-scheme:dark;
  }
}
body.anchor-closed{ --anchor-space:env(safe-area-inset-bottom,0px); }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--f-body);padding-bottom:var(--anchor-space)}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
[hidden]{display:none!important}
.wrap{width:min(1120px,100%);margin:0 auto;padding:0 16px}

/* ── 마스트헤드 ─────────────────────────────── */
.mast{background:var(--surface);border-bottom:1px solid var(--line)}
.mast-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}
.logo{font:26px/1 var(--f-display);text-decoration:none;color:var(--ink)}
.logo b{font-weight:400;color:var(--brand);margin-left:2px}
.mast-nav{display:flex;gap:18px;font-size:14px}
.mast-nav a{text-decoration:none;color:var(--muted);padding:6px 0;border-bottom:2px solid transparent}
.mast-nav a[aria-current="page"],.mast-nav a:hover{color:var(--ink);border-bottom-color:var(--brand)}
@media (max-width:560px){ .mast-nav{display:none} }

/* ── 레이아웃 ───────────────────────────────── */
.lb-row{display:flex;justify-content:center;padding-top:16px;padding-bottom:8px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start;padding-top:8px;padding-bottom:48px}
.col-main{display:flex;flex-direction:column;gap:32px;min-width:0}
.col-rail{position:sticky;top:16px;display:flex;flex-direction:column;align-items:center;gap:8px}
.rail-note{font-size:12px;color:var(--muted)}
@media (max-width:979px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .col-rail{position:static}
}
.foot{padding-top:24px;padding-bottom:32px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.foot p{margin:0 0 6px}

/* ── 공통 글자·버튼 ─────────────────────────── */
.eyebrow{margin:0;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--brand)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:0;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
.btn-primary{background:var(--brand);color:var(--brand-ink)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}
.link-btn{background:none;border:0;padding:8px 0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:14px}
.link-btn:disabled{opacity:.35;cursor:default}
.fine{margin:0;font-size:13px;color:var(--muted)}

/* ── 허브 ───────────────────────────────────── */
.hero{padding:20px 0 0}
.hero-title{margin:8px 0 12px;font:clamp(30px,5vw,44px)/1.25 var(--f-display);font-weight:400}
.hero-title span{color:var(--brand)}
.hero-lead{margin:0;max-width:36em;color:var(--muted)}

/* ── 피드 ───────────────────────────────────── */
.feed-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.feed-head h2{margin:0;font-size:18px}
.feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.feed-link{display:grid;grid-template-columns:140px minmax(0,1fr);min-height:132px;border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}
.feed-link:hover .f-title{text-decoration:underline}
.thumb{display:flex;align-items:center;justify-content:center;text-align:center;font:22px/1.2 var(--f-display);color:#fff}
.thumb-1{background:linear-gradient(135deg,#FF922B,#E8590C)}
.thumb-2{background:linear-gradient(135deg,#4DABF7,#1971C2)}
.f-body{display:flex;flex-direction:column;gap:4px;padding:16px 18px}
.f-kicker{font-size:12px;color:var(--muted);font-weight:500}
.f-title{font-weight:700;font-size:17px;line-height:1.4}
.f-desc{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.f-cta{margin-top:auto;font-size:14px;font-weight:700;color:var(--brand)}
@media (max-width:520px){ .feed-link{grid-template-columns:96px minmax(0,1fr)} .thumb{font-size:17px} }

/* ── 테스트 카드 ────────────────────────────── */
.quiz-card{background:var(--surface);border-radius:24px;box-shadow:var(--shadow);padding:clamp(20px,4vw,40px);container-type:inline-size}
.screen{display:flex;flex-direction:column;gap:16px}
.screen-enter{animation:enter .28s ease-out}
@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.intro-title{margin:0;font:clamp(28px,4.6vw,40px)/1.3 var(--f-display);font-weight:400}
.intro-lead{margin:0;color:var(--muted)}
.chips-row{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.chips-row li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;background:var(--surface-2)}
.chips-row .pair{font:20px/1 var(--f-display)}
.chips-row .lbl{font-size:12px;color:var(--muted)}
.chips-row.roles{grid-template-columns:repeat(3,minmax(0,1fr))}
.chips-row.roles .pair{font-size:15px;text-align:center}
@container (max-width:520px){ .chips-row{grid-template-columns:repeat(2,minmax(0,1fr))} .chips-row.roles{grid-template-columns:repeat(2,minmax(0,1fr))} }
.ax-1{color:var(--ax-1)} .ax-2{color:var(--ax-2)} .ax-3{color:var(--ax-3)} .ax-4{color:var(--ax-4)} .ax-5{color:var(--ax-5)} .ax-6{color:var(--ax-6)}
.intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:6px}

.q-top{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}
.q-count b{color:var(--ink);font-size:18px}
.progress{display:grid;gap:4px}
.progress i{height:6px;border-radius:3px;background:var(--line)}
.progress i.done{background:var(--brand)}
.progress i.now{background:var(--brand);opacity:.45}
.q-text{margin:8px 0 4px;font-size:clamp(20px,3.4vw,26px);line-height:1.45}
.options{display:flex;flex-direction:column;gap:10px}
.opt{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 16px;text-align:left;border:1.5px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;font-size:16px;line-height:1.5}
.opt:hover{border-color:var(--brand);background:var(--brand-tint)}
.opt.picked{border-color:var(--brand);background:var(--brand-tint)}
.opt .key{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--surface-2);font-weight:700;font-size:14px}
.opt.picked .key{background:var(--brand);color:var(--brand-ink)}

.result-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@container (min-width:680px){ .result-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start} }
.result-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.type-code{font:clamp(44px,9vw,64px)/1 var(--f-display);letter-spacing:.04em}
.type-code.small{font-size:clamp(28px,6vw,38px);letter-spacing:0}
.type-name{margin:0;font-size:24px}
.type-desc{margin:0;color:var(--muted)}
.bars{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.bar{display:grid;grid-template-columns:86px minmax(0,1fr) 86px;align-items:center;gap:10px;font-size:13px;font-variant-numeric:tabular-nums}
.bar.one{grid-template-columns:112px minmax(0,1fr) 44px}
.bar .r{text-align:right}
.bar .win{font-weight:700;color:var(--ink)}
.bar span{color:var(--muted)}
.bar .track{height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden}
.bar .fill{display:block;height:100%;border-radius:5px}
.type-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:8px 0 0;font-size:15px}
.type-meta dt{font-weight:700;color:var(--muted);font-size:13px;padding-top:2px}
.type-meta dd{margin:0}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{padding:2px 10px;border-radius:999px;background:var(--brand-tint);color:var(--brand);font-size:13px;font-weight:700}
.result-side{display:flex;flex-direction:column;align-items:center;gap:8px}
.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.share-fallback{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:14px}
.nf{padding-top:48px;padding-bottom:48px;display:flex;flex-direction:column;gap:14px}

/* ── 광고 지면 ──────────────────────────────── */
.ad-slot{position:relative;max-width:100%}
.ad-badge{position:absolute;top:6px;right:6px;z-index:2;padding:1px 6px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;line-height:1.5;pointer-events:none}
.cr{position:relative;display:grid;text-decoration:none;overflow:hidden;background:var(--cr-bg);color:var(--cr-fg)}
.cr-mark{font-family:var(--f-display);font-size:30px;line-height:1;color:var(--cr-acc);white-space:nowrap}
.cr-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.cr-brand,.cr-kicker{font-size:11px;font-weight:700;opacity:.8;letter-spacing:.02em}
.cr-head{font-weight:700;line-height:1.3}
.cr-sub{font-size:13px;line-height:1.45;opacity:.85}
.cr-cta{align-self:center;justify-self:start;padding:8px 14px;border-radius:999px;background:var(--cr-acc);color:var(--cr-bg);font-size:13px;font-weight:700;white-space:nowrap}
.cr:hover .cr-cta{filter:brightness(1.08)}

/* 소재 색 — 테마 무관 고정 */
.th-navy{--cr-bg:#14213D;--cr-fg:#F4F1E8;--cr-acc:#FCA311}
.th-mint{--cr-bg:#D8F5EA;--cr-fg:#0B3B2E;--cr-acc:#0E9F6E}
.th-coral{--cr-bg:#FF6B57;--cr-fg:#FFF7F2;--cr-acc:#2B1B17}
.th-sun{--cr-bg:#FFD447;--cr-fg:#2B2100;--cr-acc:#C2410C}
.th-plum{--cr-bg:#3D1E4A;--cr-fg:#F6EAF8;--cr-acc:#FF8FB1}

/* 리더보드 728×90 / 모바일 320×100 */
.slot-top_leaderboard{width:728px}
.f-leaderboard{width:728px;height:90px;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 20px 0 0;border-radius:6px}
.f-leaderboard .cr-mark{display:flex;align-items:center;justify-content:center;height:100%;background:rgba(255,255,255,.08);font-size:28px}
.f-leaderboard .cr-head{font-size:19px}
.f-leaderboard .cr-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:759px){
  .slot-top_leaderboard{width:320px}
  .f-leaderboard{width:320px;height:100px;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:0 12px 0 0}
  .f-leaderboard .cr-head{font-size:15px}
  .f-leaderboard .cr-sub{font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .f-leaderboard .cr-cta{display:none}
}

/* 하프페이지 300×600 */
.slot-right_rail{width:300px}
.f-half_page{width:300px;height:600px;grid-template-rows:auto 1fr auto auto;padding:28px 24px;border-radius:8px;gap:16px}
.f-half_page .cr-mark{font-size:84px;margin-top:24px}
.f-half_page .cr-text{gap:10px}
.f-half_page .cr-head{font-size:28px;font-family:var(--f-display);font-weight:400}
.f-half_page .cr-sub{font-size:15px}
.f-half_page .cr-cta{justify-self:stretch;text-align:center;padding:12px}

/* 미디엄 렉탱글 300×250 */
.slot-result_rect{width:300px}
.f-mrec{width:300px;height:250px;grid-template-rows:auto 1fr auto;padding:20px;border-radius:8px;gap:8px}
.f-mrec .cr-mark{font-size:40px}
.f-mrec .cr-head{font-size:20px;font-family:var(--f-display);font-weight:400}

/* 앵커 728×90 / 모바일 320×50 */
.anchor{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.anchor-close{position:absolute;top:-30px;right:12px;width:30px;height:30px;border-radius:8px 8px 0 0;border:1px solid var(--line);border-bottom:0;background:var(--surface);cursor:pointer;font-size:18px;line-height:1}
.slot-bottom_anchor{width:728px}
.f-anchor{width:728px;height:90px;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:16px;padding-right:20px;border-radius:6px}
.f-anchor .cr-mark{display:flex;align-items:center;justify-content:center;height:100%;background:rgba(255,255,255,.08)}
.f-anchor .cr-head{font-size:18px}
@media (max-width:759px){
  .slot-bottom_anchor{width:320px}
  .f-anchor{width:320px;height:50px;grid-template-columns:50px minmax(0,1fr) auto;gap:8px;padding-right:8px}
  .f-anchor .cr-mark{font-size:16px}
  .f-anchor .cr-head{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .f-anchor .cr-brand,.f-anchor .cr-sub{display:none}
  .f-anchor .cr-cta{padding:5px 10px;font-size:12px}
  .anchor .ad-badge{top:3px;right:auto;left:3px;font-size:10px}
}

/* 인피드 네이티브 — 일반 카드와 같은 틀 */
.slot-in_feed{width:100%}
.f-native{grid-template-columns:140px minmax(0,1fr);grid-template-rows:1fr auto;min-height:132px;border-radius:18px;box-shadow:var(--shadow);background:var(--surface);color:var(--ink)}
.f-native .cr-mark{grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;background:var(--cr-bg);color:var(--cr-acc);font-size:34px}
.f-native .cr-text{padding:16px 18px 0}
.f-native .cr-head{font-size:17px}
.f-native .cr-sub{color:var(--muted);opacity:1;font-size:14px}
.f-native .cr-kicker{color:var(--muted);opacity:1;font-weight:500}
.f-native .cr-kicker i{font-style:normal;font-weight:700;margin-right:6px;padding:0 5px;border-radius:4px;border:1px solid currentColor}
.f-native .cr-cta{margin:8px 18px 16px;padding:0;background:none;color:var(--brand);font-size:14px}
@media (max-width:520px){ .f-native{grid-template-columns:96px minmax(0,1fr)} .f-native .cr-mark{font-size:24px} }

/* 수업용 지면 표시 (모니터에서 켠다) */
.show-inv .ad-slot{outline:2px dashed var(--demo);outline-offset:4px}
.show-inv .ad-slot::before{content:attr(data-label);position:absolute;top:-26px;left:0;z-index:3;padding:2px 8px;border-radius:4px;background:var(--demo);color:#fff;font:11px/1.6 var(--f-mono);white-space:nowrap}
.show-inv .lb-row{padding-top:36px}
.show-inv .col-rail{padding-top:28px}
.show-inv .result-side{padding-top:28px}
.show-inv .feed-list{gap:40px}

/* ── 측정 모니터 ────────────────────────────── */
.mon-toggle{position:fixed;right:16px;bottom:calc(var(--anchor-space) + 16px);z-index:60;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:0;background:var(--mon-bg);color:var(--mon-fg);font:13px var(--f-mono);cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.mon-toggle .dot{width:8px;height:8px;border-radius:50%;background:var(--mon-auto)}
.mon-toggle .dot.flash{animation:flash .6s}
@keyframes flash{50%{background:var(--mon-code);transform:scale(1.6)}}
.mon-toggle .n{padding:0 7px;border-radius:999px;background:var(--mon-bg-2)}
.toasts{position:fixed;right:16px;bottom:calc(var(--anchor-space) + 66px);z-index:59;display:flex;flex-direction:column;gap:6px;align-items:flex-end;pointer-events:none}
.toast{max-width:280px;padding:7px 12px;border-radius:10px;background:var(--mon-bg);color:var(--mon-fg);font:12px/1.4 var(--f-mono);border-left:3px solid var(--mon-code);transition:opacity .3s,transform .3s}
.toast.out{opacity:0;transform:translateX(12px)}
.toast.k-auto{border-left-color:var(--mon-auto)} .toast.k-server{border-left-color:var(--mon-server)} .toast.k-prop{border-left-color:var(--mon-prop)} .toast.k-note{border-left-color:var(--mon-note)}
.monitor{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(440px,100%);display:flex;flex-direction:column;background:var(--mon-bg);color:var(--mon-fg);font:13px/1.5 var(--f-mono);box-shadow:-10px 0 30px rgba(0,0,0,.3)}
.mon-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--mon-line)}
.mon-head strong{display:block;font-size:15px}
.mon-status{display:block;margin-top:4px;color:var(--mon-muted);font-size:12px}
.mon-close{background:none;border:0;color:var(--mon-fg);font-size:22px;cursor:pointer;line-height:1}
.mon-ids{padding:10px 16px;border-bottom:1px solid var(--mon-line);color:var(--mon-muted);font-size:12px}
.mon-ids b{color:var(--mon-fg);font-weight:500}
.mon-tabs{display:flex;border-bottom:1px solid var(--mon-line)}
.mon-tabs button{flex:1;padding:10px;background:none;border:0;border-bottom:2px solid transparent;color:var(--mon-muted);cursor:pointer;font:inherit}
.mon-tabs button[aria-selected="true"]{color:var(--mon-fg);border-bottom-color:var(--mon-code)}
.mon-panel{flex:1;overflow:auto;padding:12px 16px}
.mon-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.mon-tools button{padding:5px 10px;border-radius:6px;border:1px solid var(--mon-line);background:var(--mon-bg-2);color:var(--mon-fg);cursor:pointer;font:12px var(--f-mono)}
.mon-tools button[aria-pressed="true"]{border-color:var(--mon-code);color:var(--mon-code)}
.legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:11px;color:var(--mon-muted)}
.legend span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:2px;background:currentColor}
.k-code{color:var(--mon-code)} .k-auto{color:var(--mon-auto)} .k-server{color:var(--mon-server)} .k-prop{color:var(--mon-prop)} .k-note{color:var(--mon-note)}
.ev-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ev{padding:8px 10px;border-radius:8px;background:var(--mon-bg-2);border-left:3px solid var(--mon-code);color:var(--mon-fg)}
.ev.k-auto{border-left-color:var(--mon-auto)} .ev.k-server{border-left-color:var(--mon-server)} .ev.k-prop{border-left-color:var(--mon-prop)} .ev.k-note{border-left-color:var(--mon-note)}
.ev.fresh{animation:enter .25s ease-out}
.ev-top{display:flex;gap:8px;align-items:baseline}
.ev-name{font-weight:500}
.ev-kind{font-size:11px;color:var(--mon-muted)}
.ev-time{margin-left:auto;font-size:11px;color:var(--mon-muted)}
.ev-params{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 10px;margin:6px 0 0;font-size:12px}
.ev-params dt{color:var(--mon-muted)}
.ev-params dd{margin:0;word-break:break-all}
.spec h3{margin:18px 0 8px;font-size:13px;color:var(--mon-code)}
.spec h3:first-child{margin-top:4px}
.tbl{overflow-x:auto}
.spec table{width:100%;border-collapse:collapse;font-size:11.5px}
.spec th,.spec td{padding:5px 6px;border-bottom:1px solid var(--mon-line);text-align:left;vertical-align:top}
.spec th{color:var(--mon-muted);font-weight:400}
.spec td.auto{color:var(--mon-auto)}
.spec ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--mon-muted)}
.spec code{color:var(--mon-fg)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}