
:root{--ink:#17221b;--muted:#607066;--paper:#fbfcf7;--panel:#f1f5ea;--line:#d9e1d4;--accent:#2f6d45;--accent2:#d9a441;--dark:#153523;--white:#fff;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.68 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper)}
a{color:#245a38;text-decoration-thickness:.08em;text-underline-offset:.15em}a:hover{color:#173f27}
.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}
.site-header{background:rgba(251,252,247,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:70px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#83a46f);display:grid;place-items:center;color:white;font-weight:900}
nav a{margin-left:18px;text-decoration:none;font-size:.94rem;color:var(--ink)}
.hero{padding:76px 0 58px;background:radial-gradient(circle at 80% 20%,#e7efd9 0,transparent 38%),linear-gradient(180deg,#fbfcf7,#f4f7ee)}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:52px;align-items:center}
.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--accent)}
h1{font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.045em;margin:.15em 0 .35em}h2{font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.15;letter-spacing:-.025em;margin-top:1.6em}h3{line-height:1.2}
.lede{font-size:1.18rem;color:#46564c;max-width:760px}.hero-card,.card,.callout{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 32px rgba(27,48,33,.06)}
.hero-card strong{display:block;font-size:1.2rem;margin-bottom:6px}
.btn{display:inline-block;background:var(--accent);color:white;text-decoration:none;font-weight:800;padding:12px 18px;border-radius:10px;border:1px solid #245b39}.btn:hover{color:white;background:#245b39}.btn.secondary{background:white;color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two{grid-template-columns:repeat(2,1fr)}
section{padding:36px 0}.card h3{margin-top:0}.meta{font-size:.92rem;color:var(--muted)}
.article{width:min(calc(100% - 32px),820px);margin:auto;padding:48px 0 70px}.article header{margin-bottom:32px}.article h1{font-size:clamp(2.2rem,5vw,4rem)}.article p,.article li{color:#2c3830}
.notice{border-left:4px solid var(--accent2);background:#fff7e4;padding:14px 18px;border-radius:8px;margin:20px 0}.affiliate{border-left-color:var(--accent);background:#eef6ef}
.verdict{background:var(--dark);color:white;border-radius:16px;padding:24px;margin:26px 0}.verdict p{color:#eef5ef}
.toc{background:var(--panel);padding:18px 22px;border-radius:14px}.toc a{display:block;margin:6px 0}
.breadcrumbs{font-size:.88rem;color:var(--muted);padding-top:24px}.breadcrumbs a{color:var(--muted)}
table{width:100%;border-collapse:collapse;margin:20px 0}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--panel)}
footer{background:#14281c;color:#dae6dc;padding:44px 0;margin-top:40px}footer a{color:#e6efe8}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.small{font-size:.86rem;color:#728078}
@media(max-width:800px){.hero-grid,.grid,.two,.footer-grid{grid-template-columns:1fr}nav{display:none}.hero{padding-top:46px}.site-header{position:relative}}
