:root{--ink:#102019;--green:#0b7b4b;--bright:#22d882;--lime:#dfff6e;--paper:#f7faf8;--line:#d9e7df;--muted:#536158;--navy:#082e35}
*{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,BlinkMacSystemFont,"Segoe UI",sans-serif}img{display:block;max-width:100%}a{color:inherit}.shell{width:min(1080px,calc(100% - 36px));margin:auto}
.blog-header{position:sticky;z-index:20;top:0;border-bottom:1px solid rgba(16,32,25,.08);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.blog-header .shell{min-height:70px;display:flex;align-items:center;gap:24px}.blog-logo img{width:122px;height:auto}.blog-nav{display:flex;gap:20px;margin-left:auto}.blog-nav a{text-decoration:none;font-weight:700;color:#335047}.header-cta,.article-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:#07291d;background:linear-gradient(100deg,var(--bright),var(--lime));font-weight:850;text-decoration:none;box-shadow:0 12px 28px rgba(12,123,74,.18)}.header-cta{padding:10px 16px}
.guide-hero{position:relative;overflow:hidden;padding:82px 0 64px;background:linear-gradient(135deg,#eafff2,#fff 56%,#efffd1)}.guide-hero:after{content:"Z";position:absolute;right:-20px;top:-86px;color:rgba(15,122,76,.06);font-size:28rem;font-weight:950;line-height:1}.eyebrow{display:inline-block;color:var(--green);font:800 .75rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}.guide-hero h1,.article-hero h1{max-width:820px;margin:14px 0 18px;font-size:clamp(2.35rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.055em}.guide-hero p,.article-hero .lead{max-width:740px;margin:0;color:#3c5046;font-size:1.16rem}.updated{display:block;margin-top:22px;color:#607068;font-size:.85rem}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:54px 0 70px}.guide-card{display:flex;min-height:255px;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 16px 40px rgba(12,55,35,.06);transition:.2s}.guide-card:hover{transform:translateY(-4px);border-color:#8adbb0}.guide-card .tag{color:var(--green);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.guide-card h2{margin:14px 0 10px;font-size:1.45rem;line-height:1.18}.guide-card p{margin:0;color:var(--muted)}.guide-card b{margin-top:auto;padding-top:18px;color:var(--green)}
.article-hero{padding:62px 0 46px;background:linear-gradient(130deg,#fff,#edfff4)}.breadcrumbs{font-size:.84rem;color:#607269}.breadcrumbs a{color:var(--green)}.article-layout{display:grid;grid-template-columns:minmax(0,720px) 280px;gap:62px;padding:52px 0 90px}.article-content h2{margin:48px 0 12px;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;letter-spacing:-.035em}.article-content h3{margin:30px 0 8px;font-size:1.25rem}.article-content p{margin:0 0 19px}.article-content ul,.article-content ol{padding-left:22px}.article-content li{margin:8px 0}.answer-box,.warning-box,.source-box{margin:25px 0;padding:20px 22px;border-radius:16px}.answer-box{border-left:5px solid var(--bright);background:#eafff2}.warning-box{border-left:5px solid #ffca43;background:#fff9e8}.source-box{border:1px solid var(--line);background:#fff;color:#44554c;font-size:.91rem}.article-cta{width:100%;padding:17px 22px;margin:26px 0}.article-media{overflow:hidden;margin:28px 0;border-radius:20px;background:#e8f4ed}.article-media img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-media figcaption{padding:10px 14px;color:#5a685f;font-size:.78rem;background:#fff}.toc{position:sticky;top:94px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.toc strong{display:block;margin-bottom:12px}.toc a{display:block;padding:7px 0;color:#496057;text-decoration:none;font-size:.92rem}.toc .article-cta{color:#082d20;text-align:center;font-size:.9rem}.related{padding:58px 0;background:#eaf7ef}.related h2{margin:0 0 24px;font-size:2rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{padding:18px;border-radius:14px;background:#fff;text-decoration:none;font-weight:800}
.blog-footer{padding:36px 0 96px;color:#d9ebe2;background:var(--navy)}.blog-footer .shell{display:grid;grid-template-columns:150px 1fr auto;gap:28px;align-items:start}.blog-footer img{width:150px;height:auto;filter:none}.blog-footer p{margin:0;max-width:620px;font-size:.87rem}.blog-footer nav a{display:block;margin-bottom:8px;color:#fff}
@media(max-width:780px){.blog-header .shell{min-height:62px}.blog-nav{display:none}.header-cta{margin-left:auto;padding:9px 12px;font-size:.82rem}.guide-hero{padding:56px 0 44px}.guide-grid{grid-template-columns:1fr;padding:34px 0 52px}.article-hero{padding:40px 0 32px}.article-layout{grid-template-columns:1fr;gap:28px;padding:34px 0 62px}.toc{position:static;order:-1}.related-grid{grid-template-columns:1fr}.blog-footer .shell{grid-template-columns:1fr}.guide-hero h1,.article-hero h1{font-size:clamp(2.3rem,12vw,3.6rem)}.article-content h2{scroll-margin-top:78px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}