.topic-detail{--t-ink:#171714;--t-muted:#706e67;--t-line:#dcdbd4;--t-soft:#f5f3ed;--t-accent:#6854ff;width:min(1180px,calc(100vw - 3rem));margin-inline:auto;padding:2rem 0 7rem;color:var(--t-ink)}.topic-back{display:inline-flex;margin:1rem 0 2.5rem;color:var(--t-muted);font:600 .64rem/1.3 Archivo,sans-serif;text-decoration:none}.topic-back:hover{color:var(--t-accent)}.topic-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.6fr);gap:4rem;padding:4rem 0;border-block:1px solid var(--t-line)}.topic-meta{display:flex;flex-wrap:wrap;gap:.5rem}.topic-meta span,.topic-meta em{padding:.4rem .55rem;border:1px solid var(--t-line);border-radius:999px;color:var(--t-muted);font:500 .49rem/1 IBM Plex Mono,monospace;font-style:normal;text-transform:uppercase}.topic-meta span:first-child{border-color:var(--t-accent);color:var(--t-accent)}.topic-meta em[data-stage=active]{border-color:#a8ceb3;color:#2f6f42}.topic-hero h1{max-width:850px;margin:2rem 0 1.5rem;font:780 clamp(3rem,6.5vw,6.2rem)/.9 "Archivo",sans-serif;letter-spacing:-.07em}.topic-hero__copy>p{max-width:720px;margin:0;color:var(--t-muted);font:500 1rem/1.65 Archivo,sans-serif}.topic-hero__facts{align-self:end;margin:0;border-top:1px solid var(--t-line)}.topic-hero__facts>div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--t-line)}.topic-hero__facts dt{color:var(--t-muted);font:500 .48rem/1.4 IBM Plex Mono,monospace;text-transform:uppercase}.topic-hero__facts dd{margin:0;font:650 .68rem/1.45 Archivo,sans-serif}.topic-nav{position:sticky;top:4.5rem;z-index:5;display:flex;gap:.25rem;padding:.5rem 0;overflow:auto;background:#fffffff0;border-bottom:1px solid var(--t-line);backdrop-filter:blur(12px)}.topic-nav a{flex:0 0 auto;padding:.65rem .8rem;border-radius:.5rem;color:var(--t-muted);font:650 .58rem/1.2 Archivo,sans-serif;text-decoration:none}.topic-nav a:hover{background:var(--t-soft);color:var(--t-ink)}.topic-question{padding:7rem 8%;border-bottom:1px solid var(--t-line)}.topic-question p,.topic-section-heading p,.topic-participate>div>p:first-child{margin:0 0 1rem;color:var(--t-accent);font:500 .52rem/1 IBM Plex Mono,monospace;text-transform:uppercase}.topic-question h2{max-width:920px;margin:0;font:720 clamp(2rem,4.4vw,4rem)/1.08 "Archivo",sans-serif;letter-spacing:-.045em}.topic-design,.topic-projects{padding:6rem 0;border-bottom:1px solid var(--t-line)}.topic-section-heading{display:grid;grid-template-columns:3rem 1fr;gap:1rem;margin-bottom:3rem}.topic-section-heading>span{color:var(--t-accent);font:600 .58rem/1 IBM Plex Mono,monospace}.topic-section-heading h2{margin:0;font:740 clamp(2rem,4vw,3.6rem)/1 "Archivo",sans-serif;letter-spacing:-.045em}.topic-design__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.topic-design article{min-height:20rem;padding:1.5rem;border:1px solid var(--t-line);border-radius:1rem;background:#fff}.topic-design article>span{color:var(--t-accent);font:600 .55rem/1 IBM Plex Mono,monospace}.topic-design h3{margin:4rem 0 1.5rem;font:730 1.35rem/1.1 Archivo,sans-serif}.topic-design ol{display:grid;gap:.8rem;margin:0;padding-left:1.1rem;color:var(--t-muted);font:500 .78rem/1.5 Archivo,sans-serif}.topic-projects__note{max-width:700px;margin:-1.5rem 0 2.5rem 4rem;color:var(--t-muted);font:500 .75rem/1.6 Archivo,sans-serif}.topic-projects code{padding:.1rem .25rem;border-radius:.25rem;background:var(--t-soft)}.topic-project-list{margin:0;padding:0;border-top:1px solid var(--t-line);list-style:none}.topic-project-list li{margin:0}.topic-project-list a{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--t-line);color:var(--t-ink);text-decoration:none}.topic-project-list span,.topic-project-list em{color:var(--t-muted);font:500 .5rem/1.2 IBM Plex Mono,monospace;font-style:normal}.topic-project-list strong{font:650 .76rem/1.35 Archivo,sans-serif}.topic-project-list a:hover strong,.topic-project-list a:hover em{color:var(--t-accent)}.topic-participate{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:6rem;padding:3rem;border-radius:1rem;background:var(--t-ink);color:#fff}.topic-participate h2{margin:0;font:740 clamp(2rem,4vw,3.5rem)/1 "Archivo",sans-serif;letter-spacing:-.045em}.topic-participate>div:last-child{align-self:end}.topic-participate>div:last-child p{margin:0 0 2rem;color:#bfbbb2;font:500 .8rem/1.65 Archivo,sans-serif}.topic-participate a{display:flex;justify-content:space-between;padding:1rem;border-radius:.6rem;background:#fff;color:var(--t-ink);font:700 .68rem/1.2 Archivo,sans-serif;text-decoration:none}.topic-participate a span{color:var(--t-accent)}@media(max-width:820px){.topic-hero{grid-template-columns:1fr;gap:2rem}.topic-hero__facts{align-self:auto}.topic-design__grid{grid-template-columns:1fr}.topic-design article{min-height:0}.topic-design h3{margin-top:2.5rem}.topic-participate{grid-template-columns:1fr;gap:2rem}}@media(max-width:600px){.topic-detail{width:calc(100vw - 1.5rem);padding-top:.5rem}.topic-hero{padding:3rem 0}.topic-hero h1{font-size:clamp(2.8rem,14vw,4.4rem)}.topic-hero__facts>div{grid-template-columns:6.5rem 1fr}.topic-nav{top:3.8rem}.topic-question{padding:5rem 0}.topic-design,.topic-projects{padding:4.5rem 0}.topic-section-heading{grid-template-columns:2rem 1fr}.topic-projects__note{margin:-1.5rem 0 2rem}.topic-project-list a{grid-template-columns:2rem 1fr}.topic-project-list em{grid-column:2}.topic-participate{margin-top:4rem;padding:2rem 1.25rem}}.topic-participate h2{color:#fff}