:root { --ink:#15251f; --soft:#53635d; --forest:#123d31; --lime:#d9f36a; --line:#dce3de; --paper:#fbfcf9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:#176b4c; }
.article-header { display:flex; justify-content:space-between; align-items:center; max-width:1120px; margin:auto; padding:22px 24px; }
.article-brand { color:var(--forest); font-weight:850; font-size:20px; text-decoration:none; }
.article-header nav { display:flex; gap:22px; }
.article-header nav a { color:var(--soft); font-weight:700; text-decoration:none; }
.article-hero { padding:72px 24px 62px; color:white; background:var(--forest); }
.article-hero-inner { max-width:850px; margin:auto; }
.crumbs { margin-bottom:28px; color:#b8d1c7; font-size:14px; }
.crumbs a { color:#d7e6e0; }
.kicker { color:var(--lime); font-weight:800; text-transform:uppercase; letter-spacing:.08em; font-size:13px; }
.article-hero h1 { max-width:820px; margin:12px 0 20px; font-size:clamp(38px,6vw,68px); line-height:1.05; letter-spacing:-.045em; }
.article-hero p { max-width:760px; margin:0; color:#d0ded8; font-size:20px; }
.article-meta { display:flex; flex-wrap:wrap; gap:18px; margin-top:28px; color:#afc8be; font-size:13px; }
.article-meta a { color:#d7e6e0; }
.article-layout { display:grid; grid-template-columns:minmax(0,740px) 260px; gap:64px; max-width:1080px; margin:0 auto; padding:60px 24px 90px; }
.article h2 { margin:54px 0 16px; font-size:32px; line-height:1.2; letter-spacing:-.025em; }
.article h3 { margin:34px 0 10px; font-size:22px; line-height:1.3; }
.article p,.article li { color:#33453e; }
.answer { margin:0 0 38px; padding:24px 26px; border-left:5px solid var(--lime); border-radius:0 14px 14px 0; background:#eef4e9; }
.answer strong { display:block; margin-bottom:7px; color:var(--ink); }
.formula { margin:26px 0; padding:22px; border-radius:14px; color:white; background:#1a4a3c; font-weight:750; text-align:center; }
.example,.note { margin:26px 0; padding:22px 24px; border:1px solid var(--line); border-radius:14px; background:white; }
.note { background:#fff8df; border-color:#ead89a; }
.article table { width:100%; border-collapse:collapse; margin:24px 0; background:white; font-size:15px; }
.article th,.article td { padding:13px 15px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.article th { background:#eef3ef; }
.cta { margin:44px 0; padding:30px; border-radius:20px; color:white; background:var(--forest); }
.cta h2 { margin:0 0 10px; font-size:28px; }
.cta p { color:#d1e0da; }
.cta a { display:inline-block; margin-top:8px; padding:12px 20px; border-radius:10px; color:#153428; background:var(--lime); font-weight:850; text-decoration:none; }
.sources { margin-top:50px; padding-top:24px; border-top:1px solid var(--line); font-size:14px; }
.toc { position:sticky; top:24px; align-self:start; padding:22px; border:1px solid var(--line); border-radius:15px; background:white; }
.toc strong { display:block; margin-bottom:10px; }
.toc a { display:block; padding:6px 0; color:var(--soft); font-size:14px; text-decoration:none; }
.related { max-width:1080px; margin:0 auto 80px; padding:0 24px; }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.related-grid a { padding:20px; border:1px solid var(--line); border-radius:14px; color:var(--ink); background:white; font-weight:750; text-decoration:none; }
.article-footer { padding:44px 24px; color:#b6c9c1; background:#09231c; text-align:center; }
.article-footer a { color:#d7e6e0; }
@media(max-width:800px){.article-header nav a:first-child{display:none}.article-layout{grid-template-columns:1fr;padding-top:38px}.toc{display:none}.related-grid{grid-template-columns:1fr}.article-hero{padding-top:48px}.article table{font-size:13px}.article th,.article td{padding:10px}}