/* 首屏和背书共享一片静态夜空。 */
.night {
  position:relative; overflow:hidden; overflow-x:clip; background-color:var(--bg); color:var(--text);
  background-image:
    radial-gradient(1.2px 1.2px at 17px 29px,var(--star) 0,var(--star) 45%,var(--clear) 100%),
    radial-gradient(1px 1px at 83px 112px,var(--star) 0,var(--star) 45%,var(--clear) 100%),
    radial-gradient(1.5px 1.5px at 141px 63px,var(--star) 0,var(--star) 40%,var(--clear) 100%),
    radial-gradient(1px 1px at 59px 187px,var(--star-faint) 0,var(--star-faint) 50%,var(--clear) 100%);
  background-size:173px 197px,229px 241px,311px 283px,263px 331px;
}
.hero { position:relative; padding:64px var(--gutter) 0; text-align:center; overflow-x:clip; }
.hero-head { position:relative; z-index:3; max-width:860px; margin:0 auto; }
.badge { display:inline-flex; align-items:center; justify-content:center; gap:10px; max-width:100%; min-height:30px; padding:4px 14px; border:1px solid var(--border); border-radius:var(--radius); background:var(--bg-panel); color:var(--text-muted); font-size:13px; overflow-wrap:anywhere; }
.badge-dot { width:6px; height:6px; flex-shrink:0; border-radius:var(--radius-round); background:var(--success); box-shadow:0 0 0 3px var(--success-tint); }
.hero h1 { margin-top:24px; font-size:clamp(30px,2.6vw + 11px,48px); line-height:1.18; font-weight:var(--weight-title); color:var(--text); }
.lede { max-width:680px; margin:16px auto 0; font-size:17px; line-height:1.6; color:var(--text-muted); }
.lede strong { font-weight:var(--weight-medium); color:var(--text); }
.platforms { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:16px 26px; margin-top:28px; font-size:13.5px; line-height:22px; color:var(--text-muted); }
.platforms-label { padding-right:26px; border-right:1px solid var(--border); }
.platforms a { display:inline-flex; align-items:center; gap:8px; }
.platforms a:hover { color:var(--text); }
.platforms svg { width:15px; height:15px; }
.stage { position:relative; z-index:2; max-width:var(--container); margin:82px auto 0; text-align:left; }
.glow { position:absolute; z-index:0; border-radius:var(--radius-round); pointer-events:none; }
.glow-l { width:640px; height:560px; left:-320px; top:40px; background:radial-gradient(closest-side,var(--glow-violet),var(--clear)); color:var(--text); }
.glow-r { width:560px; height:480px; right:-280px; top:96px; background:radial-gradient(closest-side,var(--glow-magenta),var(--clear)); color:var(--text); }
.fact-pill { position:absolute; z-index:3; left:50%; top:0; transform:translate(-50%,-100%); display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; width:max-content; max-width:100%; padding:8px 18px; background:var(--bg-panel); color:var(--text-muted); border:1px solid var(--border); border-bottom:0; border-radius:var(--radius) var(--radius) 0 0; font-size:13px; }
.fact-pill b { font-weight:var(--weight-medium); color:var(--text); }
.fact-sep { color:var(--text-muted); }
.fact-platforms { display:flex; flex-wrap:wrap; justify-content:center; gap:4px; }
.window { position:relative; z-index:2; background:var(--surface-light); color:var(--ink); border:1px solid var(--line-light); border-radius:var(--radius); box-shadow:var(--shadow-window); overflow:hidden; }
.win-bar { min-height:52px; display:flex; align-items:center; gap:14px; padding:10px 16px; border-bottom:1px solid var(--line-light); }
.win-burger { width:18px; height:18px; color:var(--ink-muted); }
.crumb { display:flex; align-items:center; gap:8px; font-size:14px; color:var(--ink-muted); }
.crumb-sep { color:var(--ink-muted); }
.crumb-file { font-family:var(--font-mono); font-size:13px; color:var(--ink); }
.mode-tag { margin-left:4px; padding:2px 8px; border-radius:var(--radius-sm); background:var(--success-tint); color:var(--success-ink); font-size:12px; line-height:18px; }
.win-bar-right { margin-left:auto; display:flex; gap:10px; }
.toggle-chip { display:inline-flex; align-items:center; gap:10px; min-height:32px; padding:5px 10px 5px 12px; border:1px solid var(--line-light); border-radius:var(--radius); font-size:13px; color:var(--ink); }
.switch { position:relative; display:inline-block; width:30px; height:18px; flex-shrink:0; border-radius:var(--radius-pill); background:var(--track-off); color:var(--ink); }
.switch::after { content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:var(--radius-round); background:var(--surface-light); box-shadow:0 1px 2px var(--shade-ink-2); }
.switch.is-on { background:var(--grad-accent); color:var(--surface-light); }
.switch.is-on::after { left:14px; }
.win-body { display:grid; grid-template-columns:76px minmax(0,1.12fr) minmax(0,1fr); height:400px; }
.win-rail { display:flex; flex-direction:column; align-items:center; gap:4px; padding:14px 0; background:var(--surface-sunken); color:var(--ink-muted); border-right:1px solid var(--line-light); }
.rail-item { width:60px; display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 0; font-size:11px; line-height:16px; }
.rail-ico { width:36px; height:28px; display:grid; place-items:center; border-radius:var(--radius); }
.rail-ico svg { width:19px; height:19px; }
.rail-item.is-current { color:var(--accent-dark); font-weight:var(--weight-medium); }
.rail-item.is-current .rail-ico { background:var(--grad-accent); color:var(--surface-light); box-shadow:0 4px 10px -4px var(--glow-violet); }
.pane { min-width:0; padding:22px 26px; }
.pane-rules { border-right:1px solid var(--line-light); }
.pane-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:16px; }
.pane-title { font-size:20px; font-weight:var(--weight-title); line-height:28px; color:var(--ink); }
.pane-note { font-size:12.5px; color:var(--ink-muted); }
.rule-list { display:grid; gap:4px; list-style:none; padding:0; margin:0; font-family:var(--font-mono); font-size:13px; }
.rule { position:relative; display:flex; align-items:center; gap:14px; min-height:38px; padding:7px 12px; margin:0; border-radius:var(--radius); }
.rule code { font-size:inherit; min-width:0; }
.rule-idx { width:20px; height:20px; display:grid; place-items:center; flex-shrink:0; border:1px solid var(--line-light); border-radius:var(--radius-sm); background:var(--surface-sunken); color:var(--ink-muted); font-size:11px; }
.r-type { color:var(--accent-dark); }
.r-sep,.r-opt,.r-pol { color:var(--ink-muted); }
.r-val { color:var(--ink); }
.rule.is-selected { background:var(--accent-tint); color:var(--ink); }
.rule.is-selected::before { content:""; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:var(--radius-sm); background:var(--grad-accent); }
.rule.is-selected .rule-idx { border-color:var(--clear); background:var(--grad-accent); color:var(--surface-light); }
.log-search { display:flex; align-items:center; gap:8px; min-height:34px; padding:4px 6px 4px 12px; margin-bottom:6px; border:1px solid var(--line-light); border-radius:var(--radius); background:var(--surface-sunken); color:var(--ink-muted); font-size:13px; }
.log-search svg { width:15px; height:15px; }
.log-level { margin-left:auto; min-height:24px; padding:2px 8px; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--line-light); border-radius:var(--radius-sm); background:var(--surface-light); color:var(--ink-muted); font-family:var(--font-mono); font-size:11.5px; }
.log-list { list-style:none; margin:0; padding:0; font-family:var(--font-mono); font-size:12px; line-height:1.7; color:var(--ink-muted); }
.log-list li { position:relative; margin:0; padding:9px 0; border-bottom:1px solid var(--line-light); overflow-wrap:anywhere; }
.log-list li:last-child { border:0; }
.log-list li.is-linked::before { content:""; position:absolute; left:-14px; top:12px; bottom:12px; width:2px; border-radius:var(--radius-sm); background:var(--grad-accent); }
.lg-match { color:var(--accent-2); font-weight:var(--weight-bold); }
.lg-host,.lg-rule { color:var(--ink); }
.lg-pol { color:var(--accent-dark); font-weight:var(--weight-bold); }
.core-card { position:absolute; z-index:4; right:28px; top:168px; width:252px; height:192px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; background:radial-gradient(120% 90% at 50% 28%,var(--bg-panel) 0%,var(--bg) 100%); color:var(--text); border:1px solid var(--accent); border-radius:var(--radius); box-shadow:var(--shadow-core); }
.orb { position:relative; isolation:isolate; width:108px; height:108px; display:grid; place-items:center; border-radius:var(--radius-round); background:var(--grad-orb); color:var(--surface-light); }
.orb::before { content:""; position:absolute; z-index:-1; inset:-8px; border-radius:var(--radius-round); background:var(--grad-orb); filter:blur(18px); opacity:.6; }
.orb::after { content:""; position:absolute; inset:8px; border-radius:var(--radius-round); background:radial-gradient(circle at 50% 44%,var(--bg-panel) 0%,var(--bg-panel) 50%,var(--clear) 76%); }
.orb svg { position:relative; z-index:1; width:46px; height:46px; fill:var(--surface-light); filter:drop-shadow(0 0 8px var(--glow-violet)); }
.core-label { font-size:14px; font-weight:var(--weight-medium); color:var(--text); }
.trust { position:relative; z-index:2; padding:96px var(--gutter) 104px; text-align:center; }
.trust-eyebrow { font-size:13px; letter-spacing:.08em; color:var(--text-muted); }
.trust-eyebrow em { font-style:normal; color:var(--accent-soft); }
.trust-row { display:flex; flex-wrap:wrap; justify-content:center; gap:16px 56px; margin-top:30px; font-family:var(--font-display); font-size:20px; font-weight:var(--weight-medium); color:var(--text-muted); }

/* 下载先于四行交替特性陈列。 */
.shelf { background:var(--bg-panel-2); color:var(--ink); padding:112px var(--gutter) 128px; }
.shelf-inner { max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:72px; align-items:start; }
.shelf h2 { font-size:36px; line-height:1.25; }
.shelf-lede { margin-top:18px; color:var(--ink-muted); }
.dl-list { display:grid; gap:12px; }
.dl-strip { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:18px; padding:18px 22px 18px 18px; background:var(--surface-light); color:var(--ink); border:1px solid var(--line-light); border-radius:var(--radius); box-shadow:var(--shadow-card); }
.dl-strip:hover { border-color:var(--accent); }
.dl-ico { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--line-light); border-radius:var(--radius); background:var(--surface-sunken); color:var(--ink); }
.dl-ico svg { width:20px; height:20px; }
.dl-name { display:block; font-size:16px; font-weight:var(--weight-medium); }
.dl-desc { display:block; margin-top:2px; font-size:13.5px; color:var(--ink-muted); }
.dl-go { display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:var(--weight-medium); color:var(--accent-dark); }
.feature-stack { display:grid; gap:144px; }
.feature-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:72px; align-items:center; }
.feature-row:nth-child(even) .feature-copy { order:2; }
.feature-row:nth-child(even) .feature-visual { order:1; }
.feature-copy>p { margin-top:20px; color:var(--ink-muted); }
.feature-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; }
.feature-facts svg { margin-bottom:12px; color:var(--accent-dark); }
.feature-facts strong { display:block; font-size:14px; }
.feature-facts p { margin-top:8px; font-size:13px; color:var(--ink-muted); }
.feature-visual { padding:0; overflow:hidden; }
.mini-chrome { display:flex; align-items:center; gap:10px; padding:14px 20px; border-bottom:1px solid var(--line-light); background:var(--surface-sunken); color:var(--ink-muted); font-family:var(--font-mono); font-size:12px; }
.mini-content { padding:24px; }
.setting-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid var(--line-light); font-size:14px; }
.setting-row:last-child { border:0; }
.setting-value { color:var(--ink-muted); font-family:var(--font-mono); font-size:12px; }

/* 可访问 tab；未加载脚本时首面板仍可读。 */
.tabs { min-width:0; }
[role="tablist"] { display:flex; align-items:center; gap:8px; max-width:100%; overflow-x:auto; padding:6px; border:1px solid var(--line-light); border-radius:var(--radius); background:var(--surface-light); color:var(--ink); }
[role="tab"] { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 18px; border:1px solid var(--clear); border-radius:var(--radius); color:var(--ink-muted); font-size:14px; }
[role="tab"]:hover { background:var(--surface-sunken); color:var(--ink); }
[role="tab"][aria-selected="true"] { background:var(--grad-accent); color:var(--surface-light); box-shadow:var(--shadow-button); }
[role="tabpanel"] { min-width:0; padding-top:28px; }
[role="tablist"][aria-orientation="vertical"] { align-items:stretch; flex-direction:column; }
.toc { position:sticky; top:16px; z-index:10; display:flex; flex-wrap:wrap; gap:8px; padding:12px; margin-bottom:40px; border:1px solid var(--line-light); border-radius:var(--radius); background:var(--surface-light); color:var(--ink); box-shadow:var(--shadow-card); }
.toc a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; font-size:14px; border-radius:var(--radius); }
.toc a:hover,.toc a[aria-current] { background:var(--accent-tint); color:var(--accent-dark); }
.faq-item { margin-bottom:12px; border:1px solid var(--line-light); border-radius:var(--radius); background:var(--surface-light); color:var(--ink); }
.faq-item summary { position:relative; cursor:pointer; list-style:none; padding:22px 52px 22px 24px; font-weight:var(--weight-medium); }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+"; position:absolute; right:24px; top:19px; color:var(--accent-dark); font-size:22px; font-weight:var(--weight-title); }
.faq-item[open] summary::after { content:"−"; }
.faq-answer { padding:0 24px 24px; color:var(--ink-muted); }
.faq-answer p+p { margin-top:12px; }
.term-card { border-top:2px solid var(--accent); }
.term-key { display:block; margin-bottom:12px; font-family:var(--font-mono); font-size:12px; color:var(--accent-dark); }
.term-card h3 { font-size:22px; }
.client-card { position:relative; }
.client-card.is-primary { border-color:var(--accent); }
.client-head { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-bottom:20px; }
.client-head img { width:56px; height:56px; flex-shrink:0; }
.client-head h3 { font-size:24px; }
.client-badges { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:10px; }
.client-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.client-meta { margin-top:16px; color:var(--ink-muted); font-size:13px; }
[data-ver]:empty { display:none; }
.tag { display:inline-flex; align-items:center; justify-content:center; gap:6px; max-width:100%; min-height:26px; padding:3px 9px; border:1px solid var(--line-light); border-radius:var(--radius); background:var(--surface-sunken); color:var(--ink-muted); font-size:12px; line-height:1.5; overflow-wrap:anywhere; white-space:normal; }
.tag-primary { background:var(--accent-tint); color:var(--accent-dark); border-color:var(--accent-tint-2); }
.tag-recommended { background:var(--success-tint); color:var(--success-ink); border-color:var(--success-tint); }
.tag-archived { background:var(--warn-tint); color:var(--warn-ink); border-color:var(--warn-tint); }
.tag-error { background:var(--error-tint); color:var(--error-ink); border-color:var(--error-tint); }
.post-card { display:flex; flex-direction:column; align-items:flex-start; }
.post-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:18px; color:var(--ink-muted); font-size:12px; }
.post-card h3 { font-size:23px; line-height:1.45; }
.post-card h3 a:hover { color:var(--accent-dark); }
.post-card .text-link { margin-top:auto; padding-top:24px; }
.callout { padding:22px 24px; border:1px solid var(--line-light); border-left:3px solid var(--accent); border-radius:var(--radius); background:var(--surface-light); color:var(--ink); }
.callout p { margin-top:8px; color:var(--ink-muted); }
.callout-warning { border-left-color:var(--warn); }
.callout-error { border-left-color:var(--error); }
.callout-success { border-left-color:var(--success); }
.table-scroll { max-width:100%; min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--line-light); border-radius:var(--radius); background:var(--surface-light); color:var(--ink); }
.data-table { width:100%; border-collapse:collapse; text-align:left; background:var(--surface-light); color:var(--ink); font-size:14px; }
.data-table th,.data-table td,.prose table th,.prose table td { min-width:7em; padding:16px 20px; border-bottom:1px solid var(--line-light); overflow-wrap:normal; word-break:normal; vertical-align:top; }
.data-table th,.prose table th { background:var(--surface-sunken); color:var(--ink); font-weight:var(--weight-medium); }
.data-table tr:last-child td { border-bottom:0; }
.prose table { display:block; max-width:100%; min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch; border-collapse:collapse; background:var(--surface-light); color:var(--ink); }
.prose table code,.data-table code { overflow-wrap:anywhere; }
.article-download { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; margin-top:48px; padding:28px; background:var(--surface-light); color:var(--ink); border:1px solid var(--line-light); border-left:3px solid var(--accent); border-radius:var(--radius); box-shadow:var(--shadow-card); }
.article-download h2 { margin:0; font-size:24px; }
.article-download p { margin-top:10px; color:var(--ink-muted); }
.dl-fab { position:fixed; right:24px; bottom:24px; z-index:50; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 16px; border-radius:var(--radius); background:var(--grad-accent); color:var(--surface-light); font-size:14px; font-weight:var(--weight-medium); box-shadow:inset 0 1px 0 var(--sheen),0 0 0 1px var(--accent-tint-2),0 14px 30px -10px var(--glow-violet); }
.dl-fab svg { width:16px; height:16px; }
.dl-fab:hover { outline:1px solid var(--accent-soft); outline-offset:3px; }

/* 预览页也使用可复用的令牌样例，不使用行内样式。 */
.token-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.token { border:1px solid var(--line-light); border-radius:var(--radius); background:var(--surface-light); color:var(--ink); overflow:hidden; }
.token-color { height:64px; border-bottom:1px solid var(--line-light); }
.token code { display:block; padding:12px; font-size:11px; }
.sw-bg { background:var(--bg); color:var(--text); }
.sw-bg-panel { background:var(--bg-panel); color:var(--text); }
.sw-bg-panel-2 { background:var(--bg-panel-2); color:var(--ink); }
.sw-border { background:var(--border); color:var(--text); }
.sw-accent { background:var(--accent); color:var(--surface-light); }
.sw-accent-dark { background:var(--accent-dark); color:var(--surface-light); }
.sw-accent-2 { background:var(--accent-2); color:var(--ink); }
.sw-accent-soft { background:var(--accent-soft); color:var(--ink); }
.sw-text { background:var(--text); color:var(--ink); }
.sw-text-muted { background:var(--text-muted); color:var(--ink); }
.sw-success { background:var(--success); color:var(--ink); }
.sw-warn { background:var(--warn); color:var(--ink); }
.sw-error { background:var(--error); color:var(--ink); }
.sw-ink { background:var(--ink); color:var(--text); }
.sw-surface-light { background:var(--surface-light); color:var(--ink); }
.sw-ink-muted { background:var(--ink-muted); color:var(--text); }
.sw-ink-faint { background:var(--ink-faint); color:var(--ink); }
.sw-line-light { background:var(--line-light); color:var(--ink); }
.sw-surface-sunken { background:var(--surface-sunken); color:var(--ink); }
.sw-track-off { background:var(--track-off); color:var(--ink); }
.sw-success-ink { background:var(--success-ink); color:var(--surface-light); }
.sw-warn-ink { background:var(--warn-ink); color:var(--surface-light); }
.sw-error-ink { background:var(--error-ink); color:var(--surface-light); }
.sw-accent-tint { background:var(--accent-tint); color:var(--ink); }
.sw-accent-tint-2 { background:var(--accent-tint-2); color:var(--ink); }
.sw-success-tint { background:var(--success-tint); color:var(--ink); }
.sw-warn-tint { background:var(--warn-tint); color:var(--ink); }
.sw-error-tint { background:var(--error-tint); color:var(--ink); }
.sw-star { background:var(--star); color:var(--ink); }
.sw-star-faint { background:var(--star-faint); color:var(--ink); }
.sw-glow-violet { background:var(--glow-violet); color:var(--ink); }
.sw-glow-magenta { background:var(--glow-magenta); color:var(--ink); }
.sw-hairline-dark { background:var(--hairline-dark); color:var(--ink); }
.sw-shade-1 { background:var(--shade-1); color:var(--ink); }
.sw-shade-2 { background:var(--shade-2); color:var(--text); }
.sw-shade-ink-1 { background:var(--shade-ink-1); color:var(--ink); }
.sw-shade-ink-2 { background:var(--shade-ink-2); color:var(--ink); }
.sw-sheen { background:var(--sheen); color:var(--ink); }
.sw-veil { background:var(--veil); color:var(--text); }
.sw-clear { background:var(--clear); color:var(--ink); }
.sw-grad-accent { background:var(--grad-accent); color:var(--surface-light); }
.sw-grad-text-dark { background:var(--grad-text-dark); color:var(--ink); }
.sw-grad-text-light { background:var(--grad-text-light); color:var(--surface-light); }
.sw-grad-orb { background:var(--grad-orb); color:var(--ink); }
.sample-stack { display:grid; gap:24px; }
.sample-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.sample-display { font-size:48px; font-weight:var(--weight-title); line-height:1.18; }
.sample-caption { font-family:var(--font-mono); font-size:12px; color:var(--ink-muted); }
.preview-nav { display:block; }

@media (max-width:960px) {
  .win-body { grid-template-columns:68px minmax(0,1fr); }
  .pane-log { display:none; }
  .pane-rules { border-right:0; }
  .core-card { top:auto; bottom:24px; right:20px; width:200px; height:160px; gap:14px; }
  .orb { width:84px; height:84px; }
  .orb svg { width:36px; height:36px; }
  .toggle-chip+.toggle-chip { display:none; }
  .shelf-inner { grid-template-columns:minmax(0,1fr); gap:40px; }
  .feature-row { gap:36px; }
  .token-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .preview-nav .nav-link span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
}
@media (max-width:768px) {
  .hero h1 { font-size:clamp(24px,4.5vw,30px); }
  .feature-row { grid-template-columns:minmax(0,1fr); }
  .feature-row:nth-child(even) .feature-copy,.feature-row:nth-child(even) .feature-visual { order:initial; }
  .feature-stack { gap:80px; }
}
@media (max-width:640px) {
  .hero { padding-top:44px; }
  .lede { font-size:15.5px; }
  .cta-row { flex-direction:column; align-items:stretch; }
  .platforms { gap:12px 18px; }
  .platforms-label { display:none; }
  .stage { margin-top:64px; }
  .fact-pill { font-size:11.5px; padding:7px 12px; gap:8px; }
  .fact-platforms,.fact-platform-sep { display:none; }
  .win-rail,.win-bar-right,.mode-tag { display:none; }
  .win-body { grid-template-columns:minmax(0,1fr); height:360px; }
  .pane { padding:18px 16px; }
  .rule-list { font-size:11.5px; }
  .rule { gap:8px; padding-inline:8px; }
  .core-card { width:150px; height:132px; right:12px; bottom:16px; }
  .orb { width:64px; height:64px; }
  .orb svg { width:28px; height:28px; }
  .trust { padding-top:72px; padding-bottom:80px; }
  .trust-row { font-size:16px; gap:12px 28px; }
  .shelf { padding-top:80px; padding-bottom:96px; }
  .shelf h2 { font-size:28px; }
  .dl-strip { grid-template-columns:40px minmax(0,1fr); padding:16px; }
  .dl-go { grid-column:2; }
  .dl-fab { right:16px; bottom:max(16px,env(safe-area-inset-bottom)); }
  .token-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sample-display { font-size:30px; }
  .preview-topbar { flex-wrap:wrap; padding-top:14px; padding-bottom:14px; gap:10px; }
  .preview-nav { order:3; width:100%; overflow-x:auto; }
  .preview-nav .nav-link { padding-inline:9px; font-size:13px; }
  .preview-nav .nav-link span { position:static; width:auto; height:auto; overflow:visible; clip-path:none; }
  .toc { position:static; }
}