:root{color-scheme:light;--ink: #1f2420;--muted: #657066;--line: #dce4dc;--surface: #ffffff;--surface-soft: #f5f7f2;--accent: #3f7351;--accent-dark: #254831;--warning: #8a5d24;--max: 1180px;font-family:Outfit,Geist,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--surface-soft);color:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.7}.site-header,.site-footer{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max);padding:24px}.site-header{position:sticky;top:0;z-index:4;backdrop-filter:blur(16px);background:#f5f7f2d1;border-bottom:1px solid rgba(220,228,220,.72)}.brand,.site-header nav,.site-footer nav,.hero-actions,.entry-meta{align-items:center;display:flex;gap:14px}.brand{font-weight:750;letter-spacing:0}.brand-mark{background:linear-gradient(135deg,var(--accent),#9fb38b);border-radius:3px;display:inline-block;height:18px;width:18px}.site-header nav a,.site-footer nav a{color:var(--muted);font-size:.92rem}.site-header nav a:hover,.site-footer nav a:hover,.text-link:hover{color:var(--accent-dark)}.hero,.section,.page-header,.article-shell{margin:0 auto;max-width:var(--max);padding:72px 24px}.hero{display:grid;gap:56px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);min-height:78dvh}.hero-copy{align-self:center}.eyebrow{color:var(--accent-dark);font-size:.76rem;font-weight:800;letter-spacing:.08em;line-height:1.2;margin:0 0 14px;text-transform:uppercase}h1,h2,h3{color:var(--ink);letter-spacing:0;line-height:1.05;margin:0}h1{font-size:clamp(2.7rem,7vw,6.4rem);max-width:11ch}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.35rem}.hero p{font-size:1.12rem;max-width:63ch}.button{background:var(--accent-dark);border:1px solid var(--accent-dark);border-radius:6px;color:#fff;display:inline-flex;font-weight:700;padding:13px 18px;transition:transform .18s ease,background .18s ease}.button.secondary{background:transparent;color:var(--accent-dark)}.button:active{transform:translateY(1px) scale(.99)}.hero-visual{align-self:center;background:linear-gradient(135deg,#ffffffdb,#f5f7f29e),repeating-linear-gradient(90deg,transparent 0 31px,rgba(63,115,81,.08) 32px);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 56px #1f242014;display:grid;gap:16px;padding:24px}.visual-row{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;display:flex;justify-content:space-between;padding:18px;width:76%}.visual-row.wide{width:100%}.visual-row.offset{margin-left:auto}.visual-row span,.visual-row strong,.entry-meta,.source-panel dt,.calculator-grid label{font-family:JetBrains Mono,Cascadia Mono,monospace;font-size:.78rem}.visual-row strong{color:var(--accent-dark)}.split-section{align-items:end;border-top:1px solid var(--line);display:grid;gap:48px;grid-template-columns:.9fr 1.1fr}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:28px}.entry-grid{display:grid;gap:18px}.entry-grid.asymmetric{grid-template-columns:1.35fr .85fr 1fr}.entry-grid.two{grid-template-columns:1.2fr .8fr}.entry-list{display:grid;gap:16px}.empty-state{border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:22px}.entry-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px}.entry-card h2{font-size:1.45rem;line-height:1.16;margin:14px 0}.entry-card p{margin-bottom:22px}.entry-meta{color:var(--muted);flex-wrap:wrap;text-transform:uppercase}.entry-meta span{border:1px solid var(--line);border-radius:999px;padding:5px 9px}.text-link{color:var(--accent-dark);font-weight:760}.band{background:#edf2eb;border:1px solid var(--line);border-left:0;border-right:0;max-width:none;padding-left:max(24px,calc((100vw - var(--max)) / 2 + 24px));padding-right:max(24px,calc((100vw - var(--max)) / 2 + 24px))}.page-header{border-bottom:1px solid var(--line);padding-bottom:48px}.page-header h1,.article-header h1{max-width:15ch}.page-header p,.article-header p{max-width:68ch}.page-header.narrow{max-width:860px}.article-header{margin-bottom:44px}.article-header .entry-meta{margin-bottom:18px}.article-grid{display:grid;gap:48px;grid-template-columns:minmax(0,1fr) 280px}.article-content{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:clamp(24px,5vw,54px)}.article-content h2{font-size:2rem;margin-top:44px}.article-content h3{margin-top:30px}.article-content a,.source-panel a{color:var(--accent-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-content li{color:var(--muted);line-height:1.7;margin-bottom:8px}.disclosure-note,.source-panel,.calculator-shell{background:var(--surface);border:1px solid var(--line);border-radius:8px}.disclosure-note{color:var(--warning);margin-top:24px;max-width:760px;padding:16px 18px}.source-panel{align-self:start;padding:22px;position:sticky;top:104px}.source-panel h2{font-size:1rem;margin:0 0 12px}.source-panel ul{margin:0 0 24px;padding-left:18px}.source-panel dd{color:var(--muted);margin:0 0 14px}.calculator-shell{margin-bottom:42px;padding:clamp(22px,4vw,38px)}.calculator-heading{margin-bottom:24px}.calculator-heading h2{font-size:clamp(1.8rem,4vw,3rem)}.calculator-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.calculator-grid label{color:var(--muted);display:grid;gap:8px;text-transform:uppercase}.calculator-grid input{border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit;padding:12px}.calculator-grid input:focus{border-color:var(--accent);outline:2px solid rgba(63,115,81,.16)}.result{align-items:center;background:var(--accent-dark);border-radius:6px;color:#fff;display:flex;font-weight:800;grid-column:1 / -1;min-height:64px;padding:18px}.site-footer{align-items:flex-start;border-top:1px solid var(--line);margin-top:48px}.site-footer p{margin:8px 0 0}@media(max-width:860px){.site-header,.site-footer,.section-heading,.hero-actions{align-items:flex-start;flex-direction:column}.site-header nav{flex-wrap:wrap}.hero,.split-section,.entry-grid.asymmetric,.entry-grid.two,.article-grid,.calculator-grid{grid-template-columns:1fr}.hero{gap:32px;min-height:auto;padding-top:48px}h1{font-size:clamp(2.4rem,14vw,4.2rem)}.visual-row{width:100%}.source-panel{position:static}}
