:root{--ink:#1f2421;--sub:#5b6360;--line:#e4e6e3;--accent:#2a7a5f;--soft:#e8f2ee;--bg:#fdfdfb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.9}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}header{border-bottom:1px solid var(--line);background:#fff}header nav{max-width:1000px;margin:auto;padding:16px 20px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:.9rem}header nav a{text-decoration:none}.brand{margin-right:auto}.brand img{display:block;width:150px;height:auto}.crumbs{max-width:1000px;margin:24px auto;padding:0 20px;font-size:.85rem;color:var(--sub)}.crumbs ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}.crumbs li+li::before{content:"/";margin-right:8px}main{max-width:1000px;margin:auto;padding:12px 20px 72px}.intro{max-width:760px;margin-bottom:36px}.eyebrow{font-size:.8rem;letter-spacing:.1em;color:var(--accent);font-weight:700}h1{font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.5;letter-spacing:.02em;margin:12px 0 20px}h2{font-size:1.5rem;line-height:1.6;margin:0 0 16px}h3{font-size:1.1rem;line-height:1.7;margin:0 0 10px}p{margin:0 0 18px}.intro p{color:var(--sub)}.meta time{white-space:nowrap}.meta{font-size:.82rem;color:var(--sub)}.badges{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.badge{display:inline-block;padding:10px 20px;background:var(--ink);color:#fff;border-radius:10px;text-decoration:none;font-size:.95rem}.toc{background:var(--soft);padding:22px 28px;border-radius:16px;max-width:760px;margin:32px 0}.toc p{font-weight:700;margin-bottom:8px}.toc ul{margin:0;padding-left:20px}article section{max-width:760px;margin:48px 0;scroll-margin-top:24px}article li{padding-left:4px;margin-bottom:12px}article strong{color:var(--ink)}.callout{background:var(--soft);border-radius:16px;padding:24px;margin:24px 0}.callout p:last-child{margin-bottom:0}figure{margin:28px 0;padding:24px;background:#f3f4ef;border-radius:20px;text-align:center}figure img{display:block;max-width:min(100%,300px);height:auto;margin:auto;border-radius:20px;box-shadow:0 12px 28px #1f24211a}figcaption{font-size:.82rem;color:var(--sub);margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.card{display:block;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px;text-decoration:none}.card:hover{border-color:var(--accent)}.card p{font-size:.9rem;color:var(--sub)}.card .more{color:var(--accent);font-weight:700;font-size:.9rem}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:16px 0 0;color:var(--sub)}.download{max-width:760px;background:var(--soft);border-radius:20px;padding:28px;margin:48px 0}.download p{color:var(--sub)}footer{border-top:1px solid var(--line);padding:28px 20px;text-align:center;font-size:.85rem;color:var(--sub)}footer nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:12px}@media(max-width:680px){header nav{gap:14px}.brand{width:100%}.cards{grid-template-columns:1fr}h2{font-size:1.3rem}.toc,.callout,.download{padding:20px}main{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}