@import url("/assets/tokens.css");

html{background:var(--c-canvas)}
body{background:var(--c-canvas)!important;color:var(--c-ink-body)!important;font-family:var(--font-reading)!important}
a{color:var(--c-primary-ink)}
.topbar{background:var(--c-canvas)!important;border-bottom:1px solid var(--c-hairline)!important;box-shadow:none!important;backdrop-filter:none!important}
.brand{color:var(--c-ink)!important;font:var(--t-body-ui)!important;font-weight:600!important;letter-spacing:var(--ls-eyebrow)!important}
.brand{display:inline-flex!important;align-items:center!important;gap:var(--s-xs)!important}
.brand-mark{flex:0 0 auto;display:inline-block;width:22px;height:22px;border-radius:var(--r-pill);vertical-align:middle}

.brand-star,.kicker,.related-label{color:var(--c-primary-ink)!important}
.nav a{color:var(--c-ink-body)!important;font:var(--t-caption)!important;font-weight:600!important}
.nav a:hover{color:var(--c-primary-ink)!important}
.hero,.article-hero{background:var(--c-canvas)!important}
.hero h1,.article-hero h1,.article-body h1,.article-body h2,.article-body h3,.body-section h2,.calc-panel h2,.cta-block h2,.cta-bottom h2{color:var(--c-ink)!important;font-family:var(--font-display)!important}
.hero .lede,.article-hero .lede,.article-body p,.article-body li,.prose p,.body-section p,.rule-text,.question-body,.timeline-text,.calc-helper{color:var(--c-ink-body)!important;font-family:var(--font-reading)!important}
.article-meta,.article-meta-date,.article-meta-read,.article-meta-sep{color:var(--c-ink-muted)!important;font:var(--t-caption)!important}
.btn,.cta-buttons a{min-height:44px!important;padding:12px 20px!important;border:1px solid var(--c-hairline-strong)!important;border-radius:var(--r-sm)!important;background:var(--c-canvas)!important;color:var(--c-ink)!important;font:var(--t-button)!important;letter-spacing:var(--ls-button)!important;text-transform:uppercase!important;box-shadow:none!important}
.btn.primary,.cta-buttons .primary{border-color:var(--c-primary)!important;background:var(--c-primary)!important;color:var(--c-on-primary)!important}
.btn:hover,.cta-buttons a:hover{border-color:var(--c-primary)!important;background:var(--c-primary-hover)!important;color:var(--c-on-primary)!important;transform:none!important}
.article-divider,.rule,.border-b{border-color:var(--c-hairline)!important;background:var(--c-hairline)!important}
.pull-quote,.cta-block,.cta-bottom,.calc-card,.calc-panel,.related-item,.question-item,.rule-item,.timeline-item,.use-cases,.sr-item,.dignity-item,.sect-cell,.compare-cell{background:var(--c-surface-tint)!important;color:var(--c-ink-body)!important;border-color:var(--c-hairline)!important;border-radius:var(--r-md)!important;box-shadow:none!important}
.pull-quote{border-left:3px solid var(--c-primary)!important;color:var(--c-ink)!important}
.calc-card input,.calc-card select,.calc-panel input,.calc-panel select{background:var(--c-canvas)!important;color:var(--c-ink)!important;border:1px solid var(--c-hairline-strong)!important;border-radius:var(--r-xs)!important;font:var(--t-body-ui)!important}
.night{background:var(--c-night)!important;color:var(--c-on-night)!important;border-radius:var(--r-lg)!important}
.dignity-rank,.rule-symbol,.question-num,.timeline-date,.use-case-tag,.sr-marker{color:var(--c-primary-ink)!important}
.footer{background:var(--c-surface-tint)!important;border-top:1.5px solid var(--c-primary)!important;color:var(--c-ink-muted)!important}
.footer a,.footer-links a,.footer-motto{color:var(--c-ink-muted)!important;font-family:var(--font-ui)!important}
*:focus-visible{outline:2px solid var(--c-primary)!important;outline-offset:2px}
