:root{--g:#22c55e;--g2:#4ade80;--d:#111827;--s:#374151;--m:#6b7280}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--s);background:#f3f4f6;line-height:1.7}
a{color:inherit}.top{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;color:#fff}
.logo{display:flex;gap:10px;align-items:center;font-weight:700;text-decoration:none}.logo img{height:36px}.back{text-decoration:none;border:1px solid rgba(255,255,255,.4);padding:6px 14px;border-radius:999px;font-size:.9rem}.back:hover{background:var(--g);border-color:var(--g)}
.hero{position:relative;height:62vh;min-height:340px;background:var(--d);overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,39,.55),rgba(17,24,39,.15) 40%,rgba(17,24,39,.9))}
.hero-txt{position:absolute;bottom:0;left:0;right:0;padding:0 5vw 48px;max-width:1100px;margin:auto;color:#fff}
.tag{display:inline-block;background:var(--g);color:#052e16;font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:3px}
.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;margin:.4em 0 .2em;border-left:6px solid var(--g);padding-left:.4em}.meta{color:#d1d5db;margin:0}
.art{max-width:1100px;margin:-30px auto 0;position:relative;display:grid;grid-template-columns:1fr 280px;gap:28px;padding:0 5vw}
.content{background:#fff;padding:40px 44px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.08);font-size:1.12rem;border-top:4px solid var(--g)}
.content img{max-width:100%;height:auto}
.cta{align-self:start;position:sticky;top:20px;background:var(--d);color:#fff;padding:24px;border-radius:8px;margin-top:30px}.cta h3{margin:0;color:var(--g2)}
.cta a{display:inline-block;margin-top:8px;background:var(--g);color:#052e16;font-weight:700;padding:10px 18px;border-radius:6px;text-decoration:none}
.pn{max-width:1100px;margin:40px auto;padding:0 5vw;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pn a{background:#fff;padding:18px 22px;border-radius:8px;text-decoration:none;font-weight:600;color:var(--d);border-left:4px solid var(--g)}.pn a:hover{box-shadow:0 6px 18px rgba(0,0,0,.1)}
.pn small{display:block;color:var(--m);font-weight:400}.pn .r{text-align:right;border-left:0;border-right:4px solid var(--g)}
footer{background:var(--d);color:#9ca3af;text-align:center;padding:24px}
@media(max-width:800px){.art{grid-template-columns:1fr;margin-top:0;padding:0}.content{border-radius:0;padding:28px 22px}.cta{position:static;margin:0 16px}.pn{grid-template-columns:1fr}.top .back{display:none}}
.toc{background:#f9fafb;border-left:4px solid var(--g);padding:14px 22px;margin:0 0 28px;border-radius:4px}.toc strong{color:var(--d)}.toc ol{margin:6px 0 0;padding-left:20px}.toc a{color:var(--s);text-decoration:none}.toc a:hover{color:var(--g)}
.content h2{color:var(--d);font-size:1.5rem;margin:1.8em 0 .5em;padding-bottom:6px;border-bottom:2px solid #e5e7eb;scroll-margin-top:20px}.content h2:first-of-type{margin-top:.5em}
.content figure{margin:20px 0}.content figure img{width:100%;border-radius:6px;display:block}.content figcaption{font-size:.85rem;color:var(--m);margin-top:6px}
.content .lead{font-size:1.2rem;color:var(--d)}