/* Editorial typography, hierarchy and controls, following the supplied design guide. */
:root{--paper:#f3f0ea;--ink:#262333;--muted:#655f70;--line:#d8d2da;--accent:#b8a6e4;--surface-elevated:#faf8f4;--ink-subtle:#706778;--focus:#75609c;--container-read:68ch;--motion-quick:140ms}
body{font-variant-numeric:tabular-nums}.desktop-nav a{font-size:12px;color:var(--muted)}.home .desktop-nav a{color:#d4cfe1}.button,.nav-bot{min-height:44px}.icon-btn{min-width:44px;min-height:44px}.button{transition:background var(--motion-quick),transform var(--motion-quick);box-shadow:none}.button:hover{transform:none;box-shadow:none}.button:active{transform:translateY(1px)}.button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:var(--focus)}
.filter{min-height:44px;border-radius:3px;font-size:12px}.filter.active{background:var(--ink);border-color:var(--ink)}.article-card:hover .art-svg{transform:none}.article-card .card-title{transition:color var(--motion-quick)}.article-card:hover .card-title{color:var(--focus)}.card-meta{font-size:11px}.article-card p{font-size:13px;line-height:1.8;color:var(--muted)}.card-meta span:first-child{color:var(--muted)}.manifesto-copy p,.number-intro p,.principle p{font-size:14px;line-height:1.8;color:var(--muted)}
.article-body{font-size:16px;line-height:1.85;color:var(--muted)}.article-body h2{color:var(--ink)}.article-body .article-intro{font-size:20px;color:var(--ink)}.article-deck{color:var(--muted)}.article-body>section>p,.article-body>p{max-width:var(--container-read)}.article-kicker,.article-byline{font-size:12px}.article-byline small{font-size:10px}.article-toc nav a{font-size:12px;color:var(--muted)}.article-toc nav a.active{color:var(--focus)}.faq p,.faq summary{font-size:14px}.article-sources{font-size:13px;background:#e8e3eb}.inline-cta{background:#e8e2ef;border-color:#d0c6db}.inline-cta h2{color:var(--ink)}.inline-cta p{font-size:14px}.cta-star{color:#d5c9e2}.display em{color:#776888}.text-link{border-color:#8b7a9b}.button-dark{background:#30273f}.button-dark:hover{background:#4a3a60}
.number-calculator{background:#e9e5ed;border-color:#cfc5da}.number-calculator .eyebrow,.number-calculator label,.calculator-note{color:var(--muted)}.calculator-note{font-size:11px}.number-calculator input{color:var(--ink);border-color:#a89ab5}.number-result-title,.result-number{color:#645078}.feature-story,.bot-section{background:#121322}.feature-visual{background:#cbc6d4;color:#796888}.feature-visual .art-svg{color:#796888}.feature-copy p,.bot-section p{color:#c4bdcf;font-size:14px}.feature-copy h2 em,.bot-section h2 em{color:#cbbce6}.bot-section small{font-size:10px;color:#b2a9bf}
.product-card p,.formats p,.steps p,.product-details p,.product-extra>p,.info-copy{color:var(--muted);font-size:15px}.product-how,.sample-section,.related{background:#e9e5ec}.sample-card{background:var(--surface-elevated);border-color:var(--line)}.sample-card p{font-size:14px;color:var(--muted)}.sample-card:hover,.product-card:hover{transform:none;border-color:#a191b4}.footer{background:#e8e4e9;border-color:var(--line)}.footer-bottom,.footer-note,.footer-top p,.back-top{font-size:11px;color:var(--muted)}.footer-top p{font-size:13px}.footer-bottom>div{gap:14px 20px}.breadcrumbs{font-size:11px;color:var(--muted)}.info-subtitle{color:#79658e}.info-copy h2{color:var(--ink)}
#journal .article-card.featured{grid-column:span 2}#journal .article-card.featured .card-art{height:380px}#journal .article-card.featured .card-title{font-size:29px;max-width:650px}#journal .article-card.featured p{max-width:620px}
@media(max-width:850px){.desktop-nav a{font-size:11px}#journal .article-card.featured .card-art{height:350px}}
@media(max-width:580px){.article-body{font-size:15px}.article-body .article-intro{font-size:18px}.article-card p{font-size:13px}.card-meta{font-size:10px}.footer-bottom,.footer-note{font-size:10px}.footer-top p{font-size:11px}.article-kicker{font-size:9px}.article-byline{font-size:10px}.article-byline small{font-size:8px}.article-toc nav a{font-size:12px}#journal .article-card.featured{grid-column:auto}#journal .article-card.featured .card-art{height:280px}#journal .article-card.featured .card-title{font-size:24px}.category-filters{scrollbar-width:thin}.header-actions{gap:1px}}