:root{--ink:#142d37;--muted:#566b71;--bg:#f4f7f6;--paper:#fff;--line:#d6e2df;--accent:#146d66;--gold:#975c1c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.8 system-ui,-apple-system,Arial,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:var(--gold)}:focus-visible{outline:3px solid #bc7430;outline-offset:4px}.wrap{width:min(1180px,92%);margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;padding:10px;background:#fff;z-index:100}header{position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;font-size:1.4rem;color:var(--ink)}.brand img{width:38px;height:38px}.nav{display:flex;gap:20px;align-items:center}.nav a{font-size:.92rem;font-weight:650;text-decoration:none}.nav .pill{border:1px solid var(--line);border-radius:999px;padding:6px 14px}.hero{padding:58px 0 44px;background:radial-gradient(ellipse at 100% 0,#d5ece5,transparent 65%),linear-gradient(120deg,#e9f1ee,#f4f7f6)}.hero .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:start}.eyebrow{font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:800}.crumb{font-size:.84rem;color:var(--muted);margin-bottom:20px}.crumb span{margin:0 8px;color:#859b9c}h1{font-size:clamp(2rem,4.3vw,3.2rem);line-height:1.12;letter-spacing:-.025em;margin:12px 0 22px}.lead{font-size:1.14rem;color:var(--muted);max-width:65ch}.meta{font-size:.82rem;color:var(--muted);margin-top:24px}.hero-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 40px #142d370a}.hero-card h2{font-size:1.13rem;margin:0 0 12px}.hero-card p{font-size:.93rem;margin:0 0 12px}.hero-card p:last-child{margin:0}.hero-card .tag{display:inline-block;padding:3px 9px;background:#f7e9d6;color:#7b4916;border-radius:7px;font-size:.74rem;font-weight:800;margin-bottom:12px}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;padding:46px 0 60px;align-items:start}.toc{position:sticky;top:104px;border-left:3px solid var(--line);padding-left:18px}.toc h2{font-size:.75rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.toc a{display:block;text-decoration:none;padding:5px 0;font-size:.9rem}.toc a.active{font-weight:800;color:var(--ink)}.article{min-width:0}.article section{margin-bottom:48px}.article h2{font-size:clamp(1.4rem,2.7vw,1.9rem);line-height:1.25;margin:0 0 16px}.article h3{font-size:1.1rem;margin:24px 0 8px}.article p{margin:0 0 16px}.article ul,.article ol{padding-left:23px;margin:0 0 18px}.article li{margin-bottom:9px}.article strong{color:#09232d}.note{background:#fff3e3;border-left:4px solid #ba782b;border-radius:0 11px 11px 0;padding:18px 22px;margin:24px 0}.note p:last-child{margin:0}.steps{list-style:none;counter-reset:s;padding:0!important}.steps li{counter-increment:s;position:relative;padding:16px 18px 16px 60px;border:1px solid var(--line);border-radius:12px;background:#fff}.steps li::before{content:counter(s);position:absolute;top:17px;left:16px;width:28px;height:28px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;border-radius:8px}.table{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;margin:22px 0}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:13px 15px;text-align:left;vertical-align:top;font-size:.94rem;border-bottom:1px solid var(--line)}th{background:var(--ink);color:#fff}tr:last-child td{border-bottom:0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.guide{display:block;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;text-decoration:none;color:var(--ink)}.guide:hover{border-color:var(--accent);color:var(--ink)}.guide b{display:block;font-size:1rem;line-height:1.4;margin-bottom:7px}.guide span{display:block;font-size:.9rem;color:var(--muted);line-height:1.55}.faq details{border:1px solid var(--line);background:#fff;border-radius:10px;margin:12px 0}.faq summary{padding:16px 20px;cursor:pointer;font-weight:700;line-height:1.5}.faq details p{padding:0 20px 18px;margin:0;color:var(--muted)}.back{display:inline-block;font-weight:750;margin-bottom:20px}.related{margin-top:40px;border-top:2px solid var(--line);padding-top:24px}.sample{border:1px solid var(--line);background:#fff;padding:20px;border-radius:12px}.sub .hero .wrap{grid-template-columns:1fr}.sub .hero h1{max-width:26ch}.sub .hero .lead{max-width:80ch}.sub .layout{grid-template-columns:minmax(0,1fr) 300px;max-width:1050px}.sub .toc{order:2}.sub .article{order:1}.sub .toc a{padding:6px 0}.legal-note{color:var(--muted);font-size:.87rem;padding-top:20px;border-top:1px solid var(--line)}footer{background:#102731;color:#bfd0d5;padding:42px 0 26px;font-size:.88rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}footer h2{font-size:1rem;color:#fff;margin:0 0 12px}footer p{margin:0 0 14px}footer a{color:#d2e7df;text-decoration:none}footer a:hover{color:#f0ca91}footer ul{list-style:none;margin:0;padding:0}footer li{margin-bottom:7px}.age{display:inline-block;border:1px solid #bd9767;color:#f0ca91;padding:2px 8px;border-radius:5px;margin-right:8px}.footer-bottom{border-top:1px solid #2c4650;margin-top:28px;padding-top:20px;font-size:.8rem}.notfound{max-width:760px;padding:70px 0 100px}.notfound h1{font-size:2.4rem}
@media(max-width:1000px){.hero .wrap{grid-template-columns:1fr}.layout,.sub .layout{grid-template-columns:1fr;gap:26px}.toc{position:static}.sub .toc{order:0}.sub .article{order:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){body{font-size:16px}.nav a:not(:last-child){display:none}.hero{padding-top:34px}.guide-grid,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}