
:root{color-scheme:light;--green:#69b723;--green2:#86d139;--forest:#26452b;--ink:#223029;--muted:#63766b;--line:#dae5da;--bg:#f7faf6;--white:#fff;--dark:#303530;--radius:16px;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:#fff;font-size:16px;line-height:1.65}a{color:#287019;text-decoration:underline;text-underline-offset:3px}a:hover{color:#4b981c}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #82bf36;outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,4.4vw,4.7rem);margin:14px 0 22px}h2{font-size:clamp(1.65rem,2.5vw,2.5rem);margin:0 0 20px}h3{font-size:1.2rem}p{margin:0 0 18px}.wrap{max-width:1150px;margin:auto;padding-left:25px;padding-right:25px}.narrow{max-width:860px}.center{text-align:center}.site-header{background:#2e332e;position:sticky;top:0;z-index:25;box-shadow:0 3px 14px rgba(0,0,0,.11)}.nav-wrap{max-width:1200px;min-height:77px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:9px 25px;gap:18px}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:9px;font-weight:900;font-size:22px;letter-spacing:-.025em;white-space:nowrap}.brand img{border-radius:50%;width:43px;height:43px}.brand .accent,.footer-brand span{color:#94df3a}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.03em;color:#b8c9b3;line-height:1}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px}.site-header nav a{color:#ecf2e9;text-decoration:none;font-weight:700;font-size:13px;padding:10px 11px;border-radius:8px;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current]{color:#b6ef85;background:#3d4a3c}.menu-toggle{display:none;border:1px solid #677667;color:white;background:#424d42;font-size:24px;padding:2px 12px;border-radius:8px}.skip-link{position:absolute;top:-55px;background:white;z-index:80;padding:15px}.skip-link:focus{top:0}.hero{background:radial-gradient(circle at 83% 20%,#e8f9df 0%,transparent 38%),linear-gradient(130deg,#fbfff8,#f2f8ef);border-bottom:1px solid #e0ebda}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:56px;align-items:center;padding-top:78px;padding-bottom:78px}.hero h1{font-size:clamp(2.8rem,4.6vw,4.65rem);max-width:650px}.hero-lead,.lead{font-size:1.19rem;line-height:1.65;color:#46594c}.hero-lead{max-width:650px}.eyebrow{display:inline-block;color:#4b9921;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}.pills{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.pills span{font-size:12px;font-weight:700;padding:6px 10px;background:#e7f4e0;border:1px solid #d6e9c9;border-radius:60px;color:#365a32}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:47px;padding:12px 20px;border-radius:10px;border:1px solid transparent;text-decoration:none;font:700 15px/1.1 inherit;cursor:pointer;white-space:normal;text-align:center}.btn-primary{background:#62ab20;color:white;border-color:#62ab20;box-shadow:0 5px 15px #5f9e2736}.btn-primary:hover{background:#43891a;color:white}.btn-secondary{background:white;color:#325c31;border-color:#c7d8c2}.btn-secondary:hover{background:#edf7e9;color:#254b24}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:25px 0}.small-note{font-size:12px;color:#5e7060;max-width:540px}.hero-image{position:relative;background:white;border-radius:15px;box-shadow:0 18px 48px #395d2c2b;padding:9px;border:1px solid #d9e4d0;transform:rotate(1deg)}.hero-image img{display:block;border-radius:5px;width:100%;max-height:380px;object-fit:cover}.window-top{height:25px;display:flex;gap:4px;align-items:center;color:#666;font-size:11px}.window-top i{display:inline-block;background:#abc3a2;width:8px;height:8px;border-radius:50%}.window-top span{padding-left:10px}.floating-label{position:absolute;right:-20px;bottom:-14px;background:#2b4931;color:white;border:2px solid #9ddd62;padding:10px 14px;border-radius:9px;font-weight:800;font-size:13px}.intro-block{display:grid;grid-template-columns:1.8fr 1fr;gap:50px;padding-top:70px;padding-bottom:70px}.intro-block h2{margin-top:10px}.quick-stats{background:#f3f8ef;border:1px solid #d7e7d1;border-radius:16px;padding:25px}.quick-stats h3{margin-top:0}.quick-stats dl{margin:0}.quick-stats dt{font-size:12px;text-transform:uppercase;color:#608056;font-weight:900;letter-spacing:.08em}.quick-stats dd{margin:4px 0 13px;font-weight:700}.section-alt{background:var(--bg);border-top:1px solid #eaf1e6;border-bottom:1px solid #eaf1e6;padding:70px 0}.section-head{max-width:760px;margin-bottom:30px}.section-head h2{margin:12px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{display:block;background:white;border:1px solid #dde8d8;border-radius:14px;padding:25px;text-decoration:none;color:var(--ink);box-shadow:0 4px 15px #1a362309;min-width:0}.feature-card:hover,.guide-card:hover{border-color:#8dc777;box-shadow:0 9px 22px #26482b18;transform:translateY(-2px)}.feature-card h3{margin:12px 0}.feature-card p{color:var(--muted);font-size:14px}.feature-card .mini-icon{font-weight:900;font-size:24px;color:#75be24}.feature-card .card-arrow,.feature-card>span:last-child{color:#328124;font-weight:800;font-size:13px}.content-section{padding-top:70px;padding-bottom:70px}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px}.side-figure{margin:0}.side-figure img{border-radius:12px;box-shadow:0 15px 32px #162d1c1b}.side-figure figcaption{font-size:12px;color:var(--muted);margin-top:5px}.step-list{padding-left:31px}.step-list li{margin:0 0 19px;padding-left:8px}.step-list li::marker{color:#52a41e;font-weight:900}.faq{border:1px solid var(--line);background:white;border-radius:10px;padding:0 18px;margin:12px 0}.faq summary{cursor:pointer;padding:18px 5px;font-weight:800;line-height:1.35}.faq p{padding:0 5px 15px;color:#415447}.cta-band{margin-top:45px;margin-bottom:65px;background:#284c2a;border-radius:18px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:white}.cta-band h2{font-size:26px;margin:0 0 8px}.cta-band p{color:#d9eed0;margin-bottom:0}.cta-band .btn{flex-shrink:0}.page-hero{background:linear-gradient(135deg,#f3faef,#e9f4e7);padding:58px 0 50px;border-bottom:1px solid #dcebd6}.page-hero h1{font-size:clamp(2.4rem,4vw,3.9rem);margin-bottom:14px}.page-hero .lead{max-width:800px}.breadcrumbs{max-width:1100px;margin:12px auto 0;padding:0 25px;font-size:12px;color:#789079;display:flex;gap:8px;flex-wrap:wrap}.breadcrumbs a{color:#6e836e}.search-wrap{max-width:650px;margin-top:25px}.search-wrap label{display:block;font-weight:800;font-size:13px;margin-bottom:7px}.search-wrap input{width:100%;border:1px solid #a9c5a1;background:white;border-radius:10px;padding:14px 15px;font:inherit}.search-wrap #search-count{display:block;font-size:12px;padding:6px;color:var(--muted)}.guide-category{margin:30px 0 70px;scroll-margin-top:100px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-card{display:block;padding:22px;border:1px solid #dbe6da;border-radius:14px;text-decoration:none;color:var(--ink);background:white;transition:.18s}.guide-card h3{font-size:18px;margin:9px 0}.guide-card p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.guide-card span:last-child{color:#328124;font-weight:800;font-size:12px}.guide-label{font-size:10px;color:#447d32;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.hidden{display:none!important}.article-header{background:linear-gradient(130deg,#f8fcf5,#ebf5e8);border-bottom:1px solid #deead7;padding:52px 0}.article-header h1{font-size:clamp(2.4rem,3.7vw,3.7rem)}.article-deck{font-size:19px;color:#526657}.article-meta{font-size:12px;color:#687c69}.article-body{padding-top:35px;padding-bottom:75px}.article-body h2{margin:43px 0 16px;font-size:28px}.answer-panel{padding:23px 27px;border:1px solid #a2d27e;border-left:5px solid #66ad20;background:#f5faef;border-radius:12px;margin:18px 0 35px}.answer-panel h2{font-size:23px;margin:8px 0 12px}.answer-panel p{margin:0;font-size:17px}.answer-label{color:#377b23;font-size:11px;letter-spacing:.1em;font-weight:900}.toc-small{background:#fcfdfb;padding:14px 19px;border:1px solid #e4ebe0;border-radius:9px;display:flex;flex-wrap:wrap;gap:15px;font-size:13px}.toc-small a{color:#4d6d40}.notice{border-left:4px solid #88ba53;padding:17px 20px;background:#f5f9f2;margin:20px 0;color:#425341}.article-cta{border-radius:16px;background:#e8f7df;padding:25px;margin:45px 0}.article-cta h3{margin:0 0 5px}.article-related{margin-top:60px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.related{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px;text-decoration:none;color:var(--ink)}.related span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#59874b}.related strong{font-size:13px}.sticky-bottom-cta{display:flex;align-items:center;gap:20px;justify-content:space-between;background:#f5faf3;border:1px solid #d9e9d0;padding:16px;border-radius:12px;margin-top:25px;font-weight:800}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.info-card{border:1px solid var(--line);border-radius:13px;padding:22px}.info-card h3{margin:0 0 10px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery figure{border:1px solid #dee8d8;border-radius:14px;margin:0;padding:12px}.gallery img{width:100%;max-height:380px;object-fit:contain;background:#f5f5f5}.gallery figcaption{font-size:13px;color:var(--muted);padding:8px}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e3eae0;padding:15px 10px}.data-table th{background:#f0f8ec}kbd{background:#e6eee3;border:1px solid #ccd9c7;border-radius:5px;padding:3px 7px}.prose h2{margin-top:30px}.site-footer{background:#303730;color:#d5e3d1;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.footer-brand{font-size:24px;font-weight:900;color:white;text-decoration:none}.footer-grid p{font-size:13px;color:#c0d0bc;max-width:380px;margin-top:12px}.site-footer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.site-footer nav a{color:#d5e8cf;font-size:13px;text-decoration:none}.site-footer nav a:hover{color:white}.copyright{text-align:center;font-size:11px;color:#a3b7a0;margin:45px 0 0}.footer-brand span{color:#85c94c}
@media(max-width:850px){.nav-wrap{position:relative;flex-wrap:wrap}.menu-toggle{display:block}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:12px 0}.site-header nav.is-open{display:flex}.site-header nav a{padding:12px;font-size:15px}.hero-grid,.intro-block,.two-col,.footer-grid{grid-template-columns:1fr;gap:30px}.hero-grid{padding-top:50px;padding-bottom:50px}.hero-image{max-width:650px}.feature-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-body{padding-bottom:50px}.page-hero{padding:43px 0 35px}.cta-band{flex-wrap:wrap}}
@media(max-width:570px){.wrap,.nav-wrap{padding-left:17px;padding-right:17px}.nav-wrap{min-height:67px}.brand{font-size:19px}.brand img{width:37px;height:37px}.brand small{font-size:9px}.hero h1{font-size:2.6rem}.hero-lead,.lead{font-size:1.05rem}.hero-grid{gap:24px}.hero-image{transform:none}.floating-label{right:5px;bottom:-12px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.feature-grid,.guide-grid,.related-grid,.gallery,.compare-grid{grid-template-columns:1fr}.intro-block,.content-section,.section-alt{padding-top:48px;padding-bottom:48px}.cta-band{margin:28px 0;padding:22px}.cta-band .btn{width:100%}.page-hero h1,.article-header h1{font-size:2.35rem}.article-header{padding:34px 0}.article-body h2{font-size:24px}.answer-panel{padding:18px}.toc-small{gap:10px}.site-footer nav{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:22px}.sticky-bottom-cta{display:block;text-align:center}.sticky-bottom-cta .btn{width:100%;margin-top:12px}.window-top{height:20px}}
