:root{--ink:#20221e;--paper:#fff;--soft:#f3f4ee;--line:#d7dad0;--accent:#f5dd49;--green:#275843;--muted:#5b6155;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}button,input,summary{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h2{font-size:clamp(1.8rem,3vw,2.65rem)}h3{font-size:1.35rem}p{margin-bottom:1.25rem}ul,ol{padding-left:1.3rem}li+li{margin-top:.4rem}.wrap{max-width:1256px;margin:auto;padding-inline:36px}.skip{position:absolute;left:16px;top:-100px;z-index:20;background:var(--accent);padding:12px}.skip:focus{top:12px}.topbar{background:var(--accent);font-size:.875rem;font-weight:700}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:8px}.topbar a{white-space:nowrap}.header{background:var(--ink);color:#fff}.header-inner{min-height:108px;display:flex;gap:32px;align-items:center;justify-content:space-between}.brand{display:block;width:190px;flex-shrink:0;line-height:0}.brand img{display:block;width:190px;height:auto}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:26px}.nav a{text-decoration:none;font-size:.9375rem;font-weight:700;padding-block:8px}.nav a:hover{color:var(--accent)}.nav .nav-pill{padding:10px 18px;border:1px solid #787e6e;border-radius:100px}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.875rem;margin:25px 0 0}.breadcrumb a{text-decoration:none}.hero{padding-block:40px 60px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:72px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:.8125rem;display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow:before{content:"";width:9px;height:9px;display:inline-block;background:var(--green);border-radius:50%}.hero h1{font-size:clamp(2.45rem,4.1vw,3.65rem);line-height:1.08;font-weight:800;max-width:730px;margin-bottom:24px}.hero h1 span{color:var(--green)}.hero-intro{font-size:1.125rem;max-width:590px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 22px;min-height:50px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:.9375rem}.button:hover{background:var(--green);border-color:var(--green)}.button.secondary{color:var(--ink);background:transparent;border-color:var(--line)}.button.secondary:hover{border-color:var(--ink)}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:.875rem;color:var(--muted);margin-top:26px}.note-card{background:var(--accent);border:1px solid var(--ink);border-radius:var(--radius);overflow:hidden;transform:rotate(1.5deg);box-shadow:8px 8px 0 var(--ink)}.note-head{display:flex;justify-content:space-between;gap:20px;padding:18px 26px;border-bottom:1px solid var(--ink);font-size:.8125rem;letter-spacing:.08em;font-weight:700}.note-main{padding:26px 28px 28px}.note-card h2{font-size:2rem;margin-bottom:22px}.checks{list-style:none;padding:0;margin:0 0 24px}.checks li{display:flex;align-items:flex-start;gap:12px;padding-bottom:12px;margin-top:12px;border-bottom:1px solid #20221e33;font-size:.9375rem}.check{font-weight:700;flex:0 0 23px;text-align:center;background:var(--ink);color:var(--accent);border-radius:50%;line-height:23px;font-size:.875rem;margin-top:2px}.note-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:2px}.note-foot strong{font-size:2.2rem;line-height:1}.note-foot p{margin:0;font-size:.875rem}.arrow{font-size:1.5rem;line-height:1}.strip{background:var(--soft);border-block:1px solid var(--line)}.strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:22px}.strip-item{display:flex;align-items:center;gap:14px;font-size:.9375rem}.strip-item strong{display:block}.strip-item small{display:block;color:var(--muted);font-size:.875rem}.number{font-size:.8125rem;border:1px solid var(--line);border-radius:50%;height:34px;width:34px;display:grid;place-items:center;flex-shrink:0;font-weight:700}.catalog{padding-block:60px}.section-top{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:26px}.section-top h2{margin:0}.section-top p{font-size:.9375rem;margin:0;color:var(--muted);max-width:270px}.kicker{font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s}.guide-card:hover{border-color:var(--ink);transform:translateY(-4px)}.card-art{height:158px;display:flex;justify-content:space-between;align-items:center;padding:28px;background:#edf1e9;overflow:hidden}.card-art.yellow{background:#f8efb5}.card-art.blue{background:#e7eef6}.card-art .index{font-size:5.7rem;line-height:1;font-weight:800;letter-spacing:-.09em;opacity:.2}.card-art .glyph{font-size:2.4rem;font-weight:700;line-height:1;border:2px solid currentColor;border-radius:12px;width:64px;height:64px;display:grid;place-items:center}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.tag{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:var(--green);margin-bottom:12px}.guide-card h3{font-size:1.5rem;margin-bottom:12px}.guide-card p{font-size:.9375rem;color:var(--muted);margin-bottom:22px}.card-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:.875rem;font-weight:700}.editorial{padding-block:58px 70px;border-top:1px solid var(--line);display:grid;grid-template-columns:260px minmax(0,1fr);gap:74px;align-items:start}.contents{position:sticky;top:28px}.contents-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:20px}.toc{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid var(--line)}.toc li{margin:0;border-bottom:1px solid var(--line)}.toc a{display:flex;gap:12px;text-decoration:none;padding:12px 0;font-size:.875rem;line-height:1.5}.toc a:hover{color:var(--green)}.toc span{color:var(--muted);font-size:.75rem;padding-top:2px}.aside-note{background:var(--soft);border-radius:10px;padding:20px;font-size:.875rem;line-height:1.6}.aside-note strong{display:block;margin-bottom:8px}.aside-note p{margin:0;color:var(--muted)}.article{min-width:0;max-width:780px}.article h2{margin-bottom:18px;font-size:clamp(1.9rem,3vw,2.65rem)}.article-meta{font-size:.8125rem;color:var(--muted);border-block:1px solid var(--line);padding-block:12px;margin-bottom:28px;display:flex;flex-wrap:wrap;gap:12px}.article .lead{font-size:1.125rem;color:var(--ink)}.article p{color:#454c41;line-height:1.85}.article section{scroll-margin-top:26px}.article h3{font-size:1.55rem;margin:36px 0 16px;line-height:1.3}.sources{background:var(--soft);padding:24px;border-radius:12px;margin-top:34px;font-size:.875rem}.sources h3{margin:0 0 12px;font-size:1.1rem}.sources ul{margin-bottom:0}.faq-area{background:var(--soft);border-block:1px solid var(--line);padding-block:58px}.faq-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.faq-grid h2{max-width:350px}.faq-grid>div>p{color:var(--muted)}.faq-list details{border-top:1px solid #c5cbbd;padding:18px 0}.faq-list details:last-child{border-bottom:1px solid #c5cbbd}.faq-list summary{font-weight:700;cursor:pointer;padding-right:20px;font-size:1rem}.faq-list details p{margin:14px 0 0;color:var(--muted);font-size:.9375rem}.footer{background:var(--ink);color:#fff;padding-block:44px 24px}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:50px}.footer-name{font-size:1.6rem;letter-spacing:-.05em;font-weight:800;margin-bottom:12px}.footer-name span{color:var(--accent)}.footer p{font-size:.9375rem;color:#c6cabc;max-width:380px}.footer h2{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:8px 0 14px;color:#c6cabc}.footer ul{list-style:none;padding:0;margin:0}.footer li{font-size:.9375rem;margin-bottom:8px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #53584c;padding-top:22px;margin-top:38px;font-size:.8125rem;color:#c6cabc;display:flex;justify-content:space-between;gap:24px}.simple{max-width:850px;padding-block:40px 75px;min-height:55vh}.simple h1{font-size:clamp(2.1rem,4vw,3.2rem);margin-bottom:24px}.simple h2{font-size:1.5rem;margin-top:34px}.simple p,.simple li{color:#454c41}.simple .updated{font-size:.875rem;color:var(--muted);margin-bottom:24px}.link-list{padding:0;list-style:none}.link-list li{padding:14px 0;border-bottom:1px solid var(--line)}.link-list strong{display:block;color:var(--ink)}.link-list span{font-size:.9375rem}.notice{border-left:4px solid var(--green);background:var(--soft);padding:18px 22px;margin-bottom:26px}.notice p:last-child{margin-bottom:0}
@media(max-width:1000px){.wrap{padding-inline:26px}.hero{gap:38px;grid-template-columns:1.15fr .85fr}.hero h1{font-size:2.65rem}.nav{gap:18px}.editorial{grid-template-columns:220px minmax(0,1fr);gap:40px}.note-main{padding:24px}.faq-grid{gap:38px}.card-body{padding:20px}.card-art{padding:22px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{padding-inline:22px}.topbar .wrap{justify-content:center}.topbar .top-extra{display:none}.header-inner{min-height:0;display:block;padding-block:20px 12px}.brand{width:170px;margin:0 auto 15px}.brand img{width:170px}.nav{justify-content:center;gap:7px 19px}.nav a{font-size:.875rem}.nav .nav-pill{padding:5px 12px}.breadcrumb{font-size:.8125rem;margin-top:18px}.hero{grid-template-columns:1fr;gap:35px;padding-block:28px 45px}.hero h1{font-size:clamp(2.25rem,7vw,3.4rem);max-width:590px}.hero-intro{font-size:1rem}.eyebrow{font-size:.75rem}.hero-meta{gap:12px;font-size:.8125rem}.actions{margin-top:22px}.button{padding:13px 16px;font-size:.875rem;gap:12px}.note-card{transform:none;box-shadow:5px 5px 0 var(--ink);max-width:520px;width:calc(100% - 6px)}.note-head{padding:14px 23px}.note-main{padding:23px}.note-card h2{font-size:1.75rem}.strip .wrap{grid-template-columns:1fr;gap:16px;padding-block:24px}.strip-item+.strip-item{border-top:1px solid var(--line);padding-top:14px}.catalog{padding-block:40px}.section-top{display:block}.section-top p{margin-top:14px;max-width:400px}.cards{grid-template-columns:1fr;gap:18px}.guide-card{display:grid;grid-template-columns:100px minmax(0,1fr)}.card-art{height:auto;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:18px 12px}.card-art .index{font-size:3.6rem}.card-art .glyph{width:46px;height:46px;font-size:1.7rem;border-radius:8px}.card-body{padding:20px}.guide-card h3{font-size:1.3rem}.guide-card p{font-size:.875rem;margin-bottom:18px}.card-bottom{font-size:.8125rem}.editorial{grid-template-columns:1fr;gap:32px;padding-block:36px 44px}.contents{position:static}.toc{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin-bottom:20px}.toc a{font-size:.8125rem}.aside-note{display:none}.article h3{font-size:1.35rem}.article .lead{font-size:1.05rem}.article-meta{font-size:.8125rem}.faq-grid{grid-template-columns:1fr;gap:12px}.faq-area{padding-block:38px}.faq-grid h2{margin-bottom:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:6px}.simple{padding-block:32px 50px}}
@media(max-width:360px){.wrap{padding-inline:16px}.nav{gap:8px 13px}.hero h1{font-size:2.1rem}.guide-card{grid-template-columns:76px minmax(0,1fr)}.card-body{padding:17px}.toc{grid-template-columns:1fr}.hero-meta{display:block}.hero-meta span{display:block;margin-bottom:6px}}
.header a:focus-visible,.footer a:focus-visible{outline-color:var(--accent)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none}}