/* WAKENEX V10.1 topic pages (/topics/ and /topics/<id>/) and the home page topic tiles.
   One shared frame in the blue-black cinematic tokens; each topic sets --tp-accent (brand blues only) and a variant
   class (.tp-v-<name>) that changes the hero motif, list rhythm and module emphasis. */
.wx-topic-page{--tp-accent:var(--accent);--tp-line:var(--line-2);--tp-panel:var(--bg-1);--tp-ink:var(--ink);--tp-mute:var(--ink-2);--tp-dim:var(--ink-3)}
.tp-shell{position:relative;max-width:1180px;margin:auto;padding:112px 48px 90px;overflow-x:clip}
.wx-topic-page .inner-scene{height:620px;background:radial-gradient(ellipse 60% 55% at 78% 0%,color-mix(in srgb,var(--tp-accent) 30%,transparent),transparent 70%),radial-gradient(ellipse 45% 40% at 6% 12%,color-mix(in srgb,var(--line-2) 30%,transparent),transparent 70%),linear-gradient(0deg,var(--bg-1),color-mix(in srgb,var(--bg-1) 0%,transparent) 85%)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hero */
.tp-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:center;padding:40px 0 30px}
.tp-hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.12;letter-spacing:-.04em;margin:18px 0 14px;color:var(--tp-ink);text-wrap:balance}
html[lang="zh-CN"] .tp-hero h1{letter-spacing:0;line-height:1.25}
.tp-hero .eyebrow{color:color-mix(in srgb,var(--tp-accent) 70%,var(--ink));letter-spacing:.26em}
.tp-tagline{font-size:clamp(17px,1.6vw,21px);line-height:1.65;color:var(--ink);max-width:720px;margin:0 0 12px;text-wrap:pretty}
.tp-intro{font-size:var(--t-small);line-height:1.85;color:var(--tp-mute);max-width:720px;margin:0;text-wrap:pretty}
.tp-stats{display:flex;flex-wrap:wrap;gap:12px 28px;margin:26px 0 10px;padding:0}
.tp-stats div{display:flex;flex-direction:column-reverse;gap:2px;min-width:88px;padding-left:12px;border-left:2px solid var(--tp-accent)}
.tp-stats dt{font-size:var(--t-label);letter-spacing:.08em;color:var(--tp-dim)}
.tp-stats dd{margin:0;font-size:26px;font-weight:650;color:var(--tp-ink);font-variant-numeric:tabular-nums}
.tp-stamp{display:inline-block;font-size:var(--t-meta);color:var(--tp-dim);letter-spacing:.02em}
.tp-hero-art{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;color:var(--tp-accent);
  background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--tp-accent) 22%,transparent),transparent 62%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line-2) 53%,transparent),0 0 80px -30px var(--tp-accent)}
.tp-glyph-xl{width:44%;height:44%;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--tp-accent) 70%,transparent))}
.tp-motif{position:absolute;inset:10%;border-radius:50%;border:1px dashed var(--line-2);pointer-events:none}

/* Disclaimer and jump links */
.tp-disclaimer{margin:8px 0 18px;padding:12px 16px;border:1px solid var(--line-2);border-left:3px solid var(--tp-accent);background:color-mix(in srgb,var(--bg-2) 70%,transparent);border-radius:3px}
.tp-disclaimer p{margin:0;font-size:var(--t-meta);line-height:1.75;color:var(--ink)}
.tp-jump{position:sticky;contain:paint;top:64px;z-index:5;display:flex;gap:6px;overflow-x:auto;margin:0 -4px 8px;padding:10px 4px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg-1) 95%,transparent),color-mix(in srgb,var(--bg-1) 85%,transparent));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);scrollbar-width:none}
.tp-jump::-webkit-scrollbar{display:none}
.tp-jump a{flex:none;padding:7px 13px;border:1px solid var(--tp-line);border-radius:999px;color:var(--ink);font-size:var(--t-meta);line-height:1.3;white-space:nowrap;transition:border-color .2s,color .2s}
.tp-jump a:hover,.tp-jump a:focus-visible{border-color:var(--tp-accent);color:var(--ink)}

/* Modules */
.tp-mod{margin-top:54px;scroll-margin-top:120px}
.tp-mod-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:18px;padding-top:18px;border-top:1px solid var(--tp-line)}
.tp-mod h2{position:relative;margin:0;font-size:clamp(21px,2vw,26px);line-height:1.35;letter-spacing:-.02em;color:var(--tp-ink)}
.tp-mod h2::before{content:"";position:absolute;left:0;top:-19px;width:32px;height:2px;background:var(--tp-accent);box-shadow:0 0 12px var(--tp-accent)}
html[lang="zh-CN"] .tp-mod h2{letter-spacing:0}
.tp-mod-desc{flex:1 1 360px;max-width:640px;margin:0;font-size:var(--t-meta);line-height:1.75;color:var(--tp-dim)}
.tp-empty-note{color:var(--tp-mute);font-size:var(--t-small)}
.tp-more{margin:18px 0 0;font-size:var(--t-meta)}
.tp-more a,.tp-how a{color:var(--accent-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-ink) 40%,transparent);text-underline-offset:3px}

/* Search, filters */
.tp-tools{display:grid;grid-template-columns:minmax(0,640px);gap:10px 14px;align-items:center;margin-bottom:12px}
.tp-q input{width:100%;min-height:44px;padding:0 14px 0 38px;border:1px solid var(--line-2);border-radius:6px;background:var(--bg-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%237f9bb3' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") 13px 50%/16px no-repeat;
  color:var(--ink);font:inherit;font-size:var(--t-small);transition:border-color .2s,box-shadow .2s}
.tp-q input::placeholder{color:var(--ink-3)}
.tp-q input:focus{outline:none;border-color:var(--tp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tp-accent) 28%,transparent)}
.tp-chips,.tp-range{display:flex;flex-wrap:wrap;gap:6px}
.tp-chips{grid-column:1/-1}
.tp-range{grid-column:2;grid-row:1}
.tp-chips button,.tp-range button{min-height:36px;padding:0 13px;border:1px solid var(--line-2);border-radius:999px;background:var(--bg-1);color:var(--ink-2);font:inherit;font-size:var(--t-meta);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.tp-chips button[aria-pressed="true"],.tp-range button[aria-pressed="true"]{background:color-mix(in srgb,var(--tp-accent) 22%,var(--bg-1));border-color:var(--tp-accent);color:var(--ink)}
.tp-chips button:focus-visible,.tp-range button:focus-visible{outline:2px solid var(--ink-2);outline-offset:2px}
.tp-count{margin:0 0 8px;font-size:var(--t-meta);color:var(--tp-dim)}

/* Item list */
.tp-list{list-style:none;margin:0;padding:0}
.tp-item{position:relative;padding:16px 0 16px 18px;border-bottom:1px solid var(--line)}
.tp-item::before{content:"";position:absolute;left:0;top:23px;width:6px;height:6px;border-radius:50%;background:var(--bg-3)}
.tp-item:hover::before{background:var(--tp-accent);box-shadow:0 0 10px var(--tp-accent)}
.tp-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--t-label);letter-spacing:.02em;color:var(--tp-dim);font-variant-numeric:tabular-nums}
.tp-src{color:var(--ink-2)}
.tp-journal{font-style:italic}
.tp-title{margin:6px 0 0;font-size:var(--t-body);line-height:1.5;font-weight:560;letter-spacing:-.005em}
.tp-title a{color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--tp-accent),var(--tp-accent));background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s}
.tp-title a:hover,.tp-title a:focus-visible{background-size:100% 1px;color:var(--ink)}
.tp-ext{color:var(--tp-dim);font-size:.8em}
.tp-sum{margin:6px 0 0;font-size:var(--t-small);line-height:1.7;color:var(--ink-2);max-width:76ch;overflow-wrap:anywhere}
.tp-why{margin:8px 0 0;padding-left:10px;border-left:2px solid var(--tp-accent);border-radius:0;font-size:var(--t-small);line-height:1.7;color:var(--ink);max-width:76ch;overflow-wrap:anywhere}
.tp-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tp-badge{display:inline-flex;align-items:center;padding:2px 9px;border:1px solid var(--line-2);border-radius:2px;font-size:var(--t-label);letter-spacing:.05em;color:var(--ink-2);background:var(--bg-2)}
.tp-ev{border-color:var(--line-2);color:var(--ink)}
.tp-ev-rct,.tp-ev-meta,.tp-ev-sr{border-color:var(--tp-accent);background:color-mix(in srgb,var(--tp-accent) 16%,var(--bg-2))}
.tp-ev-preprint{border-style:dashed;color:var(--ink)}
.tp-empty{padding:18px 0;color:var(--tp-mute)}
.tp-compact .tp-item{padding:11px 0 11px 16px}
.tp-compact .tp-title{font-size:var(--t-small)}
.tp-item[hidden]{display:none}

/* Radar */
.tp-radar-list{list-style:none;counter-reset:r;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.tp-radar-list li{counter-increment:r;display:grid;grid-template-columns:30px 1fr;column-gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--t-small);line-height:1.55}
.tp-radar-list li::before{content:counter(r,decimal-leading-zero);grid-row:span 3;color:var(--tp-accent);font-weight:650;font-variant-numeric:tabular-nums}
.tp-radar-list a{color:var(--ink)}
.tp-radar-list .tp-src,.tp-metric{font-size:var(--t-label);color:var(--tp-dim)}

/* Indicators */
.tp-table-wrap{overflow-x:auto;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel)}
.tp-table{width:100%;border-collapse:collapse;font-size:var(--t-small);min-width:620px}
.tp-table th,.tp-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.tp-table thead th{font-size:var(--t-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--tp-dim)}
html[lang="zh-CN"] .tp-table thead th{letter-spacing:.04em}
.tp-table th[scope="row"] a{color:var(--ink)}
.tp-unit{display:block;font-size:var(--t-label);font-weight:400;color:var(--tp-dim)}
.tp-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.tp-table td.tp-num:first-of-type{font-size:var(--t-body);font-weight:650;color:var(--ink)}
.tp-prev{color:var(--tp-mute)}
.tp-ch-up{color:var(--accent-ink)}.tp-ch-down{color:var(--ink-2)}.tp-ch-flat{color:var(--tp-dim)}
.tp-spark-cell{width:120px;color:var(--tp-accent)}
.tp-spark{display:block;width:110px;height:30px}

/* Digest */
.tp-digest-span{margin:-6px 0 14px;font-size:var(--t-meta);color:var(--tp-dim)}
.tp-digest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
.tp-digest-sec>h3{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
html[lang="zh-CN"] .tp-digest-sec>h3{letter-spacing:.04em}
.tp-n{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--tp-accent) 22%,var(--bg-2));color:var(--ink);font-size:var(--t-label);letter-spacing:0}

/* Questions, curated, sources, concepts */
.tp-qs{margin:0;padding:0;list-style:none;counter-reset:q;display:grid;gap:12px}
.tp-qs li{counter-increment:q;position:relative;padding:14px 16px 14px 54px;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel);font-size:var(--t-small);line-height:1.7;color:var(--ink)}
.tp-qs li::before{content:"Q" counter(q);position:absolute;left:16px;top:14px;color:var(--tp-accent);font-weight:700;font-size:var(--t-meta);letter-spacing:.04em}
.tp-cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tp-case{padding:18px;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel)}
.tp-case h3{margin:0 0 6px;font-size:var(--t-body);line-height:1.5}
.tp-case h3 a{color:var(--ink)}
.tp-case p{margin:0 0 8px;font-size:var(--t-small);line-height:1.7;color:var(--ink-2)}
.tp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:10px 0}
.tp-fields dt{font-size:var(--t-label);letter-spacing:.08em;color:var(--tp-dim)}
.tp-fields dd{margin:0;font-size:var(--t-meta);color:var(--ink)}
.tp-src-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 28px}
.tp-src-grid h3{margin:0 0 8px;font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
html[lang="zh-CN"] .tp-src-grid h3{letter-spacing:.06em}
.tp-src-grid ul{list-style:none;margin:0;padding:0}
.tp-src-grid li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:var(--t-meta)}
.tp-src-grid a{color:var(--ink)}
.tp-src-state{flex:none;font-size:var(--t-label);color:var(--tp-dim)}
.tp-src-state.ok::before{content:"● ";color:var(--tp-accent)}
.tp-src-state.warn::before{content:"○ ";color:var(--ink-2)}
.tp-concept-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.tp-concept-list li{padding:14px 16px;border:1px solid var(--tp-line);border-radius:4px}
.tp-concept-list a{color:var(--ink);font-weight:600}
.tp-concept-list p{margin:6px 0 0;font-size:var(--t-meta);line-height:1.7;color:var(--ink-2)}
.tp-how p{max-width:76ch;font-size:var(--t-small);line-height:1.85;color:var(--tp-mute)}
.tp-posts{margin-top:4px}

/* Other topics, tiles (hub + home) */
.tp-others{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:56px}
.tp-other{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--tp-line);border-radius:4px;color:var(--ink);transition:border-color .2s,transform .16s}
.tp-other svg{color:var(--tp-accent);flex:none}
.tp-other:hover{border-color:var(--tp-accent)}
.tp-hub-hero{grid-template-columns:1fr}

/* Filter rows (shared by every filterable block) */
.tp-tools-lite{grid-template-columns:1fr}
.tp-chips{align-items:center}
.tp-chip-label{flex:none;min-width:64px;font-size:var(--t-label);letter-spacing:.08em;color:var(--tp-dim)}
.tp-quick{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.tp-quick::-webkit-scrollbar{display:none}
.tp-quick button{flex:none;min-height:34px;padding:0 12px;border:1px dashed var(--line-2);border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:var(--t-meta);cursor:pointer}
.tp-quick button[aria-pressed="true"]{border-style:solid;border-color:var(--tp-accent);background:color-mix(in srgb,var(--tp-accent) 20%,var(--bg-1));color:var(--ink)}
.tp-quick button:focus-visible{outline:2px solid var(--ink-2);outline-offset:2px}

/* Module plate, count, notes */
.tp-plate{display:none;flex-basis:100%;font:500 11px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;color:var(--ink-2);margin-bottom:-2px}
.tp-mod-count{font:500 11.5px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:var(--tp-dim);letter-spacing:.04em}
.tp-mod-note,.tp-note{margin:12px 0 0;font-size:var(--t-meta);line-height:1.7;color:var(--tp-dim)}
.tp-k{color:var(--tp-dim);font-size:.92em}
.tp-sub{margin:12px 0 4px;font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase}
html[lang="zh-CN"] .tp-sub{letter-spacing:.04em}
.tp-pending{display:inline-block;margin:0 0 8px;padding:2px 8px;border:1px dashed var(--ink-2);border-radius:2px;font-size:var(--t-label);letter-spacing:.04em;color:var(--ink);background:color-mix(in srgb,var(--accent) 13%,transparent)}
.tp-details>summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-size:var(--t-meta);color:var(--accent-ink);list-style:none}
.tp-details>summary::-webkit-details-marker{display:none}
.tp-details>summary::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border:1px solid var(--line-2);border-radius:3px;font-size:var(--t-meta)}
.tp-details[open]>summary::before{content:"−"}
.tp-details>summary:focus-visible{outline:2px solid var(--ink-2);outline-offset:2px}

/* Evidence marks: line type carries the level, text always says it */
.tp-evl{color:var(--ink)}
.tp-evl-solid{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}
.tp-evl-solid::before{content:"✓ "}
.tp-evl-strong{border:2px solid var(--ink);background:transparent;color:var(--ink)}
.tp-evl-outline{border:1px solid var(--ink-2);background:transparent;color:var(--ink)}
.tp-evl-thin{border:1px solid var(--ink-3);background:transparent;color:var(--ink-2);font-size:var(--t-label)}
.tp-evl-dashed{border:1px dashed var(--ink-2);background:transparent;color:var(--ink)}
.tp-evl-dotted{border:1px dotted var(--ink-2);background:transparent;color:var(--ink)}
.tp-legend ul{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:8px}
.tp-legend li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--t-meta);color:var(--tp-mute)}

/* Baseline */
.tp-base-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.tp-base{position:relative;padding:18px 18px 14px;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel)}
.tp-base-v{display:block;font-size:clamp(28px,3vw,38px);font-weight:700;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;
  background:linear-gradient(90deg,var(--ink),var(--tp-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tp-base-l{margin:8px 0;font-size:var(--t-small);line-height:1.65;color:var(--ink)}
.tp-base-c{margin:0 0 10px;font-size:var(--t-meta);line-height:1.65;color:var(--tp-mute)}
.tp-base-s{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font-size:var(--t-meta);color:var(--tp-dim)}
.tp-cite{color:var(--accent-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-ink) 40%,transparent);text-underline-offset:3px;overflow-wrap:anywhere}
.tp-ref{font-size:var(--t-label);color:var(--accent-ink);vertical-align:super}

/* Case board */
.tp-cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tp-case{position:relative;display:flex;flex-direction:column;padding:18px;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel)}
.tp-case[hidden]{display:none}
.tp-case-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.tp-case h3{margin:0;font-size:var(--t-body);line-height:1.35;color:var(--ink)}
.tp-team{flex:none;font:600 11px/1 ui-monospace,"SF Mono",Menlo,monospace;padding:4px 6px;border:1px solid var(--line-2);border-radius:2px;color:var(--ink)}
.tp-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.tp-tag{display:inline-flex;padding:2px 8px;border:1px solid var(--line-2);border-radius:999px;font-size:var(--t-label);color:var(--ink-2)}
.tp-who,.tp-model,.tp-chan,.tp-teamline{margin:0 0 6px;font-size:var(--t-meta);line-height:1.6;color:var(--ink)}
.tp-who{color:var(--tp-mute);font-size:var(--t-meta)}
.tp-facts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tp-fact{padding:8px 10px;border-left:2px solid var(--line-2);background:color-mix(in srgb,var(--bg-2) 50%,transparent);font-size:var(--t-meta);line-height:1.6;color:var(--ink)}
.tp-fact-solid{border-left-color:var(--accent)}.tp-fact-strong{border-left:2px solid var(--ink)}
.tp-fact-dashed{border-left:2px dashed var(--ink-2)}.tp-fact-dotted{border-left:2px dotted var(--ink-2)}
.tp-fact .tp-badge{margin-left:4px;vertical-align:1px}
.tp-lesson{margin:0;font-size:var(--t-meta);line-height:1.65;color:var(--ink)}
.tp-case-src{margin:12px 0 0;padding-left:1.4em;font-size:var(--t-meta);line-height:1.6;color:var(--tp-dim)}
.tp-asof{margin:auto 0 0;padding-top:10px;font:500 11px/1.4 ui-monospace,"SF Mono",Menlo,monospace;color:var(--tp-dim)}

/* Rules: log and lanes */
.tp-rule-log{list-style:none;margin:0;padding:0 0 0 18px;border-left:1px solid var(--line-2)}
.tp-rule{position:relative;padding:12px 0 14px;border-bottom:1px solid var(--line)}
.tp-rule-log>.tp-rule::before{content:"";position:absolute;left:-23px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--bg-1);border:2px solid var(--tp-accent)}
.tp-rule-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:500 11.5px/1.4 ui-monospace,"SF Mono",Menlo,monospace;color:var(--tp-dim)}
.tp-rule-meta .tp-tag{font-family:inherit}
.tp-status{color:var(--ink)}
.tp-st-allegation{font-style:italic}
.tp-rule-title{margin:6px 0 4px;font-size:var(--t-small);line-height:1.5;color:var(--ink)}
.tp-actor{color:var(--accent-ink)}
.tp-rule-fact,.tp-rule-who{margin:4px 0;font-size:var(--t-meta);line-height:1.65;color:var(--ink)}
.tp-rule-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:6px 0 0;font-size:var(--t-meta)}
.tp-rule-alleg .tp-rule-title{font-style:italic}
.tp-rule-cand{border:1px dashed var(--line-2);border-radius:3px;padding:10px;margin-top:8px}
.tp-cand{font-family:inherit;color:var(--ink)}
.tp-rule-none{list-style:none;padding:10px 0;font-size:var(--t-meta);color:var(--tp-dim)}
.tp-status-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;padding:0;font-size:var(--t-meta);color:var(--tp-dim)}
.tp-lanes{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.tp-lane{scroll-snap-align:start;padding:12px 12px 4px;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel)}
.tp-lane ol{list-style:none;margin:0;padding:0}
.tp-lane .tp-rule-title{font-size:var(--t-small)}
.tp-lane .tp-rule-fact{font-size:var(--t-meta)}
.tp-lane-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px;font-size:var(--t-meta);letter-spacing:.04em;color:var(--ink)}
.tp-meter{display:inline-flex;gap:2px}
.tp-meter i{width:5px;height:12px;border:1px solid var(--line-2);border-radius:1px}
.tp-meter i.on{background:var(--tp-accent);border-color:var(--tp-accent)}

/* WAKENEX list style (side columns) */
.tp-wx-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tp-wx-list li{padding:10px 12px;border-left:2px solid var(--accent);background:var(--bg-1)}
.tp-wx-list time{display:block;font:500 11px/1.4 ui-monospace,"SF Mono",Menlo,monospace;color:var(--tp-dim)}
.tp-wx-list a{display:block;margin:2px 0 4px;color:var(--ink);font-weight:600;line-height:1.5}
.tp-wx-list p{margin:0;font-size:var(--t-meta);line-height:1.6;color:var(--tp-mute)}
.tp-src-why{display:block;flex-basis:100%;font-size:var(--t-meta);color:var(--tp-dim);line-height:1.6}
.tp-src-grid li{flex-wrap:wrap;align-items:center}

/* Split layout: list + side column */
.tp-split{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:40px;align-items:start}
.tp-split-side .tp-mod:first-child{margin-top:54px}
.tp-split-side .tp-digest-grid{grid-template-columns:1fr}
.tp-split-side .tp-qs li{font-size:var(--t-small)}

/* Study design badge: text + four bars (general causal strength of the design, not the quality of one paper) */
.tp-ev{gap:6px;font:500 10.5px/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.02em}
.tp-ev .bars{display:inline-flex;gap:2px}
.tp-ev .bars i{width:3px;height:9px;background:var(--accent)}
.tp-ev .bars i.off{background:color-mix(in srgb,var(--ink-2) 22%,transparent)}
.tp-ev-meta,.tp-ev-sr{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.tp-ev-meta .bars i,.tp-ev-sr .bars i{background:var(--bg-1)}
.tp-ev-rct{border-color:var(--accent);background:transparent}
.tp-ev-animal,.tp-ev-cell{border-style:dotted}
.tp-ev-preprint{border-style:dashed;background:transparent}
.tp-auto{position:relative;margin-left:2px;color:var(--accent-ink);cursor:help}
.tp-metric{color:var(--ink-2)}

/* Timeline: lanes × days, today as a light gate */
.tp-tl-wrap{position:relative;overflow-x:auto;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel)}
.tp-tl{display:grid;grid-template-columns:150px repeat(var(--tl-days),minmax(64px,1fr));min-width:640px}
.tp-tl>div{padding:8px 6px;border-bottom:1px solid var(--line)}
.tp-tl-day{font:500 11px/1.4 ui-monospace,"SF Mono",Menlo,monospace;color:var(--tp-dim);text-align:center}
.tp-tl-lane{font-size:var(--t-meta);color:var(--ink);white-space:nowrap}
.tp-tl-lane b{float:right;font:500 11px ui-monospace,"SF Mono",Menlo,monospace;color:var(--tp-dim)}
.tp-tl-cell{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px;
  background:linear-gradient(0deg,transparent calc(50% - .5px),var(--bg-3) calc(50% - .5px),var(--bg-3) calc(50% + .5px),transparent calc(50% + .5px))}
.tp-tl-today{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 12%,transparent) 40%,color-mix(in srgb,var(--accent) 20%,transparent) 50%,color-mix(in srgb,var(--accent) 12%,transparent) 60%,transparent);box-shadow:inset 1px 0 0 color-mix(in srgb,var(--accent) 40%,transparent),inset -1px 0 0 color-mix(in srgb,var(--accent) 40%,transparent)}
.tp-tl-day.tp-tl-today{color:var(--ink)}
.tp-node{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--bg-1);color:var(--tp-accent);font-size:var(--t-label);line-height:1;
  border:1px solid var(--line-2);transition:transform .15s,border-color .15s}
.tp-node:hover,.tp-node:focus-visible{transform:scale(1.25);border-color:var(--tp-accent);color:var(--ink)}
.tp-node{position:relative}
.tp-node-tip,.tp-auto-tip{position:absolute;left:50%;bottom:calc(100% + 6px);z-index:4;width:max-content;max-width:240px;padding:6px 8px;transform:translateX(-50%);border:1px solid var(--line-2);border-radius:3px;background:var(--bg-1);color:var(--ink);font-size:var(--t-label);line-height:1.5;white-space:normal;text-align:left;opacity:0;pointer-events:none;transition:opacity .15s}
.tp-node:hover .tp-node-tip,.tp-auto:hover .tp-auto-tip{opacity:1}
.tp-timeline .tp-details{margin-top:10px}

/* Lens cards */
.tp-lens-list{list-style:none;counter-reset:l;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.tp-lens-list li{counter-increment:l;position:relative;padding:34px 16px 16px;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel);
  font-size:var(--t-small);line-height:1.7;color:var(--ink)}
.tp-lens-list li::before{content:counter(l,decimal-leading-zero);position:absolute;left:16px;top:12px;font:600 11px ui-monospace,"SF Mono",Menlo,monospace;color:var(--tp-accent)}

/* Hero panel: items per lane */
.tp-hero-panel{align-self:center;padding:16px 18px;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel)}
.tp-hero-panel p{margin:0 0 8px;font-size:var(--t-label);letter-spacing:.08em}
.tp-hero-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.tp-hero-panel li{display:grid;grid-template-columns:16px 1fr 70px 26px;align-items:center;gap:6px;font-size:var(--t-meta);color:var(--ink)}
.tp-hero-panel li>span:first-child{color:var(--tp-accent)}
.tp-hero-panel i{display:block;height:2px;width:calc(var(--w) * 100%);min-width:2px;background:linear-gradient(90deg,var(--accent),var(--accent))}
.tp-hero-panel b{font:500 11.5px ui-monospace,"SF Mono",Menlo,monospace;color:var(--tp-mute);text-align:right}

/* Digest section headings */
.tp-sec-glyph{flex:none;color:var(--tp-accent)}
.tp-sec-no{font:600 11px ui-monospace,"SF Mono",Menlo,monospace;color:var(--tp-dim)}

/* Finance: indicator blocks, calendar, knowledge map */
.tp-block th{padding-top:18px;font-size:var(--t-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);background:var(--bg-1)}
html[lang="zh-CN"] .tp-block th{letter-spacing:.06em}
.tp-val{font-size:var(--t-body);font-weight:650;color:var(--ink)}
.tp-ch .tp-prev{display:block;font-size:var(--t-label);color:var(--tp-dim)}
.tp-late{display:block;font-size:var(--t-label);color:var(--ink);border:1px dashed var(--ink-2);border-radius:2px;padding:0 5px;margin-top:3px;width:max-content}
.tp-ind-notes{margin-top:6px;font-weight:400}
.tp-ind-notes summary{cursor:pointer;font-size:var(--t-label);color:var(--accent-ink);list-style:none}
.tp-ind-notes summary::-webkit-details-marker{display:none}
.tp-ind-notes summary::before{content:"+ "}
.tp-ind-notes[open] summary::before{content:"− "}
.tp-ind-notes p{margin:6px 0 0;max-width:46ch;font-size:var(--t-meta);line-height:1.65;color:var(--ink);white-space:normal}
.tp-table th[scope="row"]{min-width:220px}
.tp-cal{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tp-cal li{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);align-items:baseline}
.tp-cal-when time{font:500 12.5px/1.5 ui-monospace,"SF Mono",Menlo,monospace;color:var(--ink)}
.tp-cal-what{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:var(--t-small)}
.tp-cal-what a{color:var(--ink)}
.tp-map-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.tp-map-list li{position:relative;padding:16px 16px 14px 52px;border:1px solid var(--tp-line);border-radius:4px;background:var(--tp-panel)}
.tp-map-no{position:absolute;left:16px;top:17px;font:600 12px ui-monospace,"SF Mono",Menlo,monospace;color:var(--tp-accent)}
.tp-map-list h3{margin:0 0 6px;font-size:var(--t-small);color:var(--ink)}
.tp-map-list p{margin:0 0 6px;font-size:var(--t-meta);line-height:1.65;color:var(--ink-2)}
.tp-map-watch a{color:var(--accent-ink)}
.tp-paywall{border-style:dashed;color:var(--ink)}
.tp-radar-t{color:var(--ink)}
.tp-v-ledger .tp-table,.tp-v-ledger .tp-cal-when,.tp-v-ledger .tp-meta time{font-variant-numeric:tabular-nums}
.tp-v-ledger .tp-val{font-family:ui-monospace,"SF Mono",Menlo,monospace}

/* Variants: hero motif and list rhythm (brand blues only) */
.tp-v-ledger .tp-motif{inset:0;border:0;border-radius:0;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--line-2) 33%,transparent) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--line-2) 20%,transparent) 0 1px,transparent 1px 22px);-webkit-mask:radial-gradient(circle,#000 45%,transparent 72%);mask:radial-gradient(circle,#000 45%,transparent 72%)}
.tp-v-ledger .tp-hero-art{border-radius:6px}
.tp-v-ledger .tp-item::before{border-radius:0;width:8px;height:2px;top:26px}
.tp-v-circuit .tp-motif{border:0;background:radial-gradient(circle at 20% 30%,var(--tp-accent) 0 2px,transparent 3px),radial-gradient(circle at 78% 24%,var(--tp-accent) 0 2px,transparent 3px),radial-gradient(circle at 64% 80%,var(--tp-accent) 0 2px,transparent 3px),radial-gradient(circle at 30% 74%,var(--ink-2) 0 1.5px,transparent 2.5px);opacity:.8}
.tp-v-workbench .tp-motif{inset:0;border:0;border-radius:6px;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 13%,transparent) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,transparent) 0 1px,transparent 1px 16px)}
.tp-v-workbench .tp-hero-art{border-radius:6px}
.tp-v-studio .tp-motif{inset:4%;border:0;background:repeating-radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,transparent) 0 1px,transparent 1px 14px)}
.tp-v-journal .tp-motif{inset:16%;border-radius:4px;border:1px solid var(--line-2);background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink-2) 13%,transparent) 0 1px,transparent 1px 12px)}

.tp-v-bench .tp-plate,.tp-v-ledger .tp-plate{display:block}
.tp-v-bench .tp-mod{position:relative}
.tp-v-bench .tp-mod::after{content:"";position:absolute;inset:0 -24px;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink-2) 8%,transparent) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink-2) 8%,transparent) 0 1px,transparent 1px 40px),
  repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink-2) 4%,transparent) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink-2) 4%,transparent) 0 1px,transparent 1px 8px)}
.tp-v-bench .tp-base,.tp-v-bench .tp-case{border-radius:2px;background-image:linear-gradient(color-mix(in srgb,var(--ink-2) 30%,transparent),color-mix(in srgb,var(--ink-2) 30%,transparent)),linear-gradient(color-mix(in srgb,var(--ink-2) 30%,transparent),color-mix(in srgb,var(--ink-2) 30%,transparent)),linear-gradient(color-mix(in srgb,var(--ink-2) 30%,transparent),color-mix(in srgb,var(--ink-2) 30%,transparent)),linear-gradient(color-mix(in srgb,var(--ink-2) 30%,transparent),color-mix(in srgb,var(--ink-2) 30%,transparent));
  background-size:6px 1px,1px 6px,6px 1px,1px 6px;background-repeat:no-repeat;background-position:3px 3px,3px 3px,calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px)}
.tp-v-bench .tp-mod-count::before{content:"├── "}.tp-v-bench .tp-mod-count::after{content:" ──┤"}
.tp-v-studio .tp-hero{position:relative;padding-bottom:42px}
.tp-v-studio .tp-hero::after{content:"";position:absolute;left:0;right:0;bottom:12px;height:24px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M0 12h80l4-7 5 14 5-10 4 6 4-3h98' fill='none' stroke='%2341b6ff' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  -webkit-mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.tp-v-studio .tp-mod{border-left:2px solid transparent;border-image:linear-gradient(180deg,color-mix(in srgb,var(--accent) 60%,transparent),transparent 70%) 1;padding-left:18px}
.tp-v-studio .tp-mod-head{border-top:0;padding-top:0}
.tp-v-studio .tp-mod h2::before{display:none}
.tp-v-studio .tp-meta time,.tp-v-studio .tp-rule-meta{font-family:ui-monospace,"SF Mono",Menlo,monospace}

.tp-v-labbook .tp-hero,.tp-v-labbook .tp-digest{position:relative;padding-left:clamp(20px,3vw,40px);
  background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--line) 45%,transparent) 0 1px,transparent 1px 24px)}
.tp-v-labbook .tp-hero::before,.tp-v-labbook .tp-digest::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--accent);box-shadow:0 0 12px var(--accent);opacity:.7}
.tp-v-labbook .tp-digest-sec>h3{display:flex;align-items:baseline;gap:8px;color:var(--ink-2)}
.tp-v-labbook .tp-digest-sec>h3::after{content:"";flex:1;border-bottom:1px dotted color-mix(in srgb,var(--ink-2) 45%,transparent);order:1}
.tp-v-labbook .tp-digest-sec>h3 .tp-n{order:2}
.tp-v-labbook .tp-stamp{font-family:ui-monospace,"SF Mono",Menlo,monospace;border-top:3px double color-mix(in srgb,var(--ink-2) 50%,transparent);padding-top:8px;margin-top:6px}
.tp-v-labbook .tp-item::before{border-radius:0;width:2px;height:12px;top:21px;background:var(--ink-2)}
.tp-v-circuit-map .tp-hero{position:relative}
.tp-v-circuit-map .tp-hero::after{content:"";position:absolute;inset:0 0 0 45%;z-index:-1;pointer-events:none;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120' fill='none' stroke='%2317314a'%3E%3Cpath d='M0 30h40v30h50V20h70M20 120V80h60v20h80M100 0v40h30'/%3E%3Ccircle cx='90' cy='60' r='3' fill='%231686ff55'/%3E%3Ccircle cx='130' cy='40' r='3' fill='%231686ff55'/%3E%3C/svg%3E") 0 0/160px 120px;
  -webkit-mask:radial-gradient(ellipse at 70% 40%,#000,transparent 70%);mask:radial-gradient(ellipse at 70% 40%,#000,transparent 70%)}
.tp-v-circuit-map .tp-meta time,.tp-v-circuit-map .tp-stats dd{font-family:ui-monospace,"SF Mono",Menlo,monospace}

@media (max-width:980px){
  .tp-shell{padding:96px 24px 64px}
  .tp-hero{grid-template-columns:1fr;gap:20px}
  .tp-hero-art{display:none}
  .tp-hero-panel{max-width:420px}
  .tp-others{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp-digest-grid,.tp-radar-list{grid-template-columns:1fr}
  .tp-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp-split{grid-template-columns:1fr;gap:0}
}
@media (max-width:640px){
  .tp-shell{padding:84px 16px 56px}
  .tp-hero{padding-top:22px}
  .tp-stats{gap:10px 18px}
  .tp-stats dd{font-size:22px}
  .tp-tools{grid-template-columns:1fr}
  .tp-range{grid-column:1;grid-row:auto}
  .tp-jump{top:58px}
  .tp-title{font-size:var(--t-body)}
  .tp-sum{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .tp-fields{grid-template-columns:1fr}
  .tp-cal li{grid-template-columns:1fr;gap:2px}
  .tp-cases{grid-template-columns:1fr}
  .tp-chip-label{min-width:0;flex-basis:100%}
  .tp-v-studio .tp-mod{padding-left:12px}
}
@media (prefers-reduced-motion:reduce){.tp-title a,.tp-tile,.tp-jump a{transition:none}}


/* ---------------------------------------------------------------- V11 design system (2026-10-20 redesign)
   Topic pages share the site's frame: sticky header (no fixed-header offset), serif section titles, token colours,
   the jump bar as frosted material, the radar as a fold, and a ten-item latest list with "Show all" (topics.js). */
.tp-shell{width:min(100% - 2*var(--gutter),var(--wrap));max-width:none;margin-inline:auto;padding:clamp(28px,4vw,48px) 0 0}
.tp-hero{padding:clamp(32px,5vw,64px) 0 var(--sp-6)}
.tp-hero h1{font-family:var(--font-display);font-weight:600;font-size:var(--t-h1);line-height:var(--lh-tight);letter-spacing:-.02em}
html[lang="zh-CN"] .tp-hero h1{line-height:1.2;letter-spacing:0}
.tp-hero .eyebrow{color:var(--ink-3);letter-spacing:.08em}
.tp-tagline{color:var(--ink);font-size:var(--t-lead);line-height:1.5}
.tp-intro{color:var(--ink-2);font-size:var(--t-small);line-height:1.7}
.tp-stats div{border-left-color:var(--accent)}
.tp-stats dd{font-family:var(--font-display);font-weight:600}
.tp-disclaimer{border:0;border-left:2px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--accent-soft)}
.tp-disclaimer p{color:var(--ink-2)}
.tp-jump{top:var(--header-h);margin:0 0 var(--sp-4);padding:10px 0;background:var(--header-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.tp-jump a{border-radius:var(--r-pill)}
.tp-mod{scroll-margin-top:56px}  /* html scroll-padding already clears the header; this clears the sticky jump bar */
.tp-mod h2{font-family:var(--font-display);font-weight:600;font-size:var(--t-h2);line-height:1.2;letter-spacing:-.015em}
html[lang="zh-CN"] .tp-mod h2{letter-spacing:0}
.tp-mod h2::before{display:none}  /* the module head already has its rule; the old accent dash overlapped the §-number */
.tp-hero-art{box-shadow:inset 0 0 0 1px var(--line-2)}
.tp-glyph-xl{filter:none}
.tp-motif{border-color:var(--line-2)}
[data-tp-list][data-tp-collapsed]>.tp-rest{display:none}
.tp-show-all{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:var(--sp-4);border:1px solid var(--line-2);border-radius:var(--r-pill);background:transparent;color:var(--ink);font-size:var(--t-small);font-weight:500}
.tp-show-all:hover{border-color:var(--accent-line);background:var(--accent-soft)}
.tp-fold{margin-top:var(--sp-8);border-top:1px solid var(--line);padding-top:var(--sp-4)}
.tp-fold>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;cursor:pointer;list-style:none;font-family:var(--font-display);font-size:var(--t-h3);font-weight:600;color:var(--ink)}
.tp-fold>summary::-webkit-details-marker{display:none}
.tp-fold>summary::after{content:"+";margin-left:auto;font-family:var(--font-sans);font-weight:400;color:var(--ink-3)}
.tp-fold[open]>summary::after{content:"−"}
.tp-fold-hint{font-family:var(--font-sans);font-size:var(--t-meta);font-weight:400;color:var(--ink-3)}
.tp-fold>.tp-mod{margin-top:var(--sp-4)}
.tp-fold>.tp-mod .tp-mod-head{border-top:0}
.tp-fold>.tp-mod .tp-mod-head h2{display:none}
.tp-others{margin-top:var(--sp-8)}
/* the §-plate repeated the section title right above it; the jump bar already numbers nothing, so the title stands alone */
.tp-mod-head .tp-plate{display:none}
.tp-mod-head{padding-top:var(--sp-5)}
/* phones: three of our pieces, then the "all essays and notes" link */
@media (max-width:640px){.tp-posts>.post-card:nth-child(n+4){display:none}}
/* one accent (wx.css principle 2): topic accents written inline by topics.py follow the theme, so small labels keep
   their contrast in light mode too */
.wx-topic-page,.tp-tile,.tp-other{--tp-accent:var(--accent)!important}