:root{color-scheme:light;--color-bg:#fff;--color-surface:#f8fafc;--color-surface-strong:#f1f5f9;--color-text:#0f172a;--color-text-muted:#475569;--color-border:#cbd5e1;--color-border-soft:#e2e8f0;--color-primary:#0369a1;--color-primary-hover:#075985;--color-primary-soft:#e0f2fe;--color-focus:#0284c7;--color-positive:#166534;--color-positive-soft:#f0fdf4;--color-warning:#92400e;--color-warning-soft:#fffbeb;--color-negative:#991b1b;--color-negative-soft:#fef2f2;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-pill:999px;--shadow-card:0 1px 2px #0f172a0f, 0 6px 20px #0f172a0f;--transition-fast:.18s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.7}img,svg{max-width:100%;display:block}img{height:auto}a{color:var(--color-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}a:hover{color:var(--color-primary-hover)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3{color:var(--color-text);letter-spacing:-.025em;text-wrap:balance;margin-block:0;line-height:1.18}h1{font-size:clamp(2.25rem,7vw,4.5rem);font-weight:780}h2{font-size:clamp(1.55rem,4vw,2.35rem);font-weight:730}h3{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:680}p,ul,ol,blockquote,figure{margin-block:0}.container{width:min(72rem,100% - 2rem);margin-inline:auto}.narrow{width:min(45rem,100% - 2rem);margin-inline:auto}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-sm);background:var(--color-text);color:#fff;padding:var(--space-3) var(--space-4);font-weight:700;position:fixed;translate:0 -200%}.skip-link:focus{translate:0}.site-header{border-bottom:1px solid var(--color-border-soft);background:#fffffff5}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:4.75rem;display:flex}.wordmark{align-items:center;gap:var(--space-3);min-height:2.75rem;color:var(--color-text);letter-spacing:-.02em;font-size:1.05rem;font-weight:780;text-decoration:none;display:inline-flex}.wordmark-mark{border-radius:var(--radius-sm);background:var(--color-text);color:#fff;letter-spacing:.03em;place-items:center;width:2rem;height:2rem;font-size:.72rem;display:grid}.site-nav ul,.footer-links{align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a,.footer-links a{min-height:2.75rem;color:var(--color-text-muted);align-items:center;font-size:.92rem;font-weight:650;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page],.footer-links a:hover{color:var(--color-text)}.site-footer{margin-top:var(--space-20);border-top:1px solid var(--color-border-soft);background:var(--color-surface)}.footer-inner{padding-block:var(--space-12);gap:var(--space-8);display:grid}.footer-copy{gap:var(--space-3);max-width:42rem;display:grid}.footer-copy p,.footer-meta{color:var(--color-text-muted);font-size:.88rem}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;width:fit-content;min-height:2.875rem;transition:background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;padding:.7rem 1rem;font-weight:720;line-height:1.25;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-primary-hover);color:#fff}.button-secondary{border-color:var(--color-border);color:var(--color-text);background:#fff}.button-secondary:hover{border-color:var(--color-text-muted);background:var(--color-surface);color:var(--color-text)}.eyebrow{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:780}.hero{border-bottom:1px solid var(--color-border-soft);background:radial-gradient(circle at 82% 18%, #0369a117, transparent 28rem), linear-gradient(180deg, #fff 0%, var(--color-surface) 100%);overflow:hidden}.hero-inner{gap:var(--space-8);padding-block:clamp(4.5rem,10vw,8rem);display:grid}.hero-copy{gap:var(--space-6);max-width:52rem;display:grid}.hero-copy h1{max-width:13ch}.hero-lede{max-width:42rem;color:var(--color-text-muted);font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.65}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.section{padding-block:clamp(3.75rem,8vw,6.5rem)}.section+.section{border-top:1px solid var(--color-border-soft)}.section-heading{max-width:44rem;margin-bottom:var(--space-10);gap:var(--space-3);display:grid}.section-heading p{color:var(--color-text-muted);font-size:1.06rem}.principles-grid,.category-grid{gap:var(--space-4);display:grid}.principle-card,.category-card,.featured-card,.policy-card{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:#fff}.principle-card,.category-card,.policy-card{padding:var(--space-6);gap:var(--space-3);display:grid}.principle-number{color:var(--color-primary);font-family:var(--font-mono);font-size:.78rem;font-weight:750}.principle-card p,.category-card p,.policy-card p{color:var(--color-text-muted)}.featured-card{box-shadow:var(--shadow-card);display:grid;overflow:hidden}.featured-visual{min-height:18rem;padding:var(--space-8);background:var(--color-surface-strong);place-items:center;display:grid}.featured-visual img{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:#fff;width:100%;max-width:34rem}.featured-content{align-content:center;gap:var(--space-5);padding:clamp(1.5rem,5vw,3.5rem);display:grid}.card-meta,.article-meta,.breadcrumbs{color:var(--color-text-muted);font-size:.86rem}.card-meta{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.status-pill{border:1px solid var(--color-border);border-radius:var(--radius-pill);width:fit-content;color:var(--color-text-muted);align-items:center;padding:.18rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-pill-active{background:var(--color-primary-soft);color:var(--color-primary-hover);border-color:#7dd3fc}.page-header{border-bottom:1px solid var(--color-border-soft);background:var(--color-surface);padding-block:clamp(3.5rem,8vw,6rem)}.page-header-inner{gap:var(--space-5);max-width:48rem;display:grid}.page-header p{color:var(--color-text-muted);font-size:1.1rem}.policy-content{padding-block:var(--space-12);gap:var(--space-10);display:grid}.policy-content section{gap:var(--space-4);display:grid}.policy-content ul,.policy-content ol{margin:0;padding-left:1.3rem}.article-header{padding-block:clamp(3rem, 8vw, 6rem) var(--space-10);background:var(--color-surface);border-bottom:1px solid var(--color-border-soft)}.article-header-inner{gap:var(--space-5);display:grid}.article-header h1{max-width:18ch;font-size:clamp(2.25rem,6vw,4rem)}.article-summary{max-width:42rem;color:var(--color-text-muted);font-size:1.12rem}.article-meta{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.breadcrumbs ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{margin-left:var(--space-2);content:"/";color:var(--color-border)}.article-wrap{width:min(72rem,100% - 2rem);padding-block:var(--space-10) var(--space-16);gap:var(--space-10);margin-inline:auto;display:grid}.article-body{min-width:0;max-width:45rem}.article-body>*+*{margin-top:1.25em}.article-body h2{margin-top:2.4em;padding-top:.2em}.article-body h3{margin-top:1.9em}.article-body ul,.article-body ol{padding-left:1.4rem}.article-body li+li{margin-top:.45rem}.article-body img{width:100%;margin-top:var(--space-8);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface)}.article-body em{color:var(--color-text-muted)}.article-body blockquote{border-left:4px solid var(--color-primary);padding:var(--space-4) var(--space-5);background:var(--color-primary-soft)}.article-body hr{margin-block:var(--space-12);border:0;border-top:1px solid var(--color-border-soft)}.toc{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-surface);align-self:start}.toc h2{letter-spacing:.1em;text-transform:uppercase;font-size:.82rem}.toc ol{margin:var(--space-4) 0 0;gap:var(--space-2);padding-left:1.1rem;display:grid}.toc a{color:var(--color-text-muted);font-size:.88rem}.disclosure{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);background:var(--color-primary-soft);color:#0c4a6e;border:1px solid #7dd3fc;font-size:.9rem}.disclosure strong{color:var(--color-text)}.affiliate-link:after{content:"↗";margin-left:.28em;font-size:.78em;text-decoration:none;display:inline-block}.affiliate-cta{margin-block:var(--space-8);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid #7dd3fc;display:grid}.affiliate-cta p{color:var(--color-text-muted)}.method-note{margin-block:var(--space-8);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-surface);gap:var(--space-2);color:var(--color-text-muted);font-size:.92rem;display:grid}@media (width>=640px){.container,.narrow,.article-wrap{width:min(var(--container-max,72rem), calc(100% - 3rem))}.principles-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.featured-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.footer-inner{grid-template-columns:1.4fr 1fr;align-items:start}.footer-links{justify-content:flex-end}}@media (width>=1024px){.principles-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-wrap{grid-template-columns:minmax(0,45rem) minmax(13rem,1fr);align-items:start}.toc{top:var(--space-6);position:sticky}}@media (width<=639px){.header-inner{padding-block:var(--space-3);gap:var(--space-1);display:grid}.site-nav ul{gap:0 var(--space-4)}.hero-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
