:root{--ink:#101414;--acid:#d9ff43;--paper:#f4f5ef;--muted:#505a56;--line:#d9ddd4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button{font:inherit}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(244,245,239,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}.brand{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:900;text-decoration:none;letter-spacing:-.04em}.mark{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--acid);display:grid;place-items:center;font-size:.85rem}.nav-links{display:flex;gap:22px;font-weight:700;font-size:.9rem}.nav-links a{text-decoration:none}.nav-links a:hover,.plain-link:hover{text-decoration:underline}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.intro{padding:64px 0 48px}.intro h1{font-size:clamp(2.8rem,7vw,5.6rem);line-height:.98;letter-spacing:-.065em;max-width:820px;margin:18px 0 24px}.lead{font-size:1.16rem;max-width:690px;color:#414b48}.meta{color:var(--muted);font-size:.9rem}.notice{background:#e7efcf;padding:18px 22px;border-radius:16px;max-width:810px;margin:28px 0}.notice p{margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;background:var(--ink);color:white;text-decoration:none;font-weight:800;min-height:48px}.button.acid{background:var(--acid);color:var(--ink)}.button.outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:46px;align-items:start;padding-bottom:70px}.toc{position:sticky;top:90px;border-top:1px solid var(--line);padding-top:15px}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;padding:5px 0;color:var(--muted);font-size:.88rem;text-decoration:none}.toc a:hover{text-decoration:underline}.content{min-width:0}.content h2{font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.1;letter-spacing:-.045em;margin:0 0 16px}.content h3{font-size:1.25rem;margin:24px 0 7px;line-height:1.2}.content p{margin:10px 0 18px}.content li{margin:7px 0}.content section{scroll-margin-top:95px;padding:35px 0;border-top:1px solid var(--line)}.content section:first-child{border-top:0;padding-top:0}.info{background:white;border:1px solid var(--line);padding:23px;border-radius:18px;margin:20px 0}.info p:last-child{margin-bottom:0}.category{background:white;border:1px solid var(--line);padding:24px;border-radius:20px;margin:15px 0;scroll-margin-top:92px}.category h3{font-size:1.6rem;margin:0 0 12px;letter-spacing:-.035em}.category dl{display:grid;grid-template-columns:115px 1fr;gap:10px 15px;margin:0}.category dt{font-weight:850}.category dd{margin:0;color:#47514d}.category .footnote{font-size:.84rem;color:var(--muted);margin:11px 0 0}.category .button{margin-top:19px}.category .plain-link{display:inline-block;margin-top:12px}
.callout{background:var(--ink);color:white;padding:28px;border-radius:22px;margin:28px 0}.callout h2{margin:0 0 8px}.callout p{color:#d5dad6}.callout .button{background:var(--acid);color:var(--ink)}.source-list{font-size:.9rem;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 0 38px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{margin-right:16px}
.guide-visual{margin:26px 0 0;max-width:910px;height:320px;border-radius:22px;overflow:hidden}.guide-visual img{width:100%;height:100%;object-fit:cover}.category summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.category summary strong{display:block;font-size:1.5rem;letter-spacing:-.03em}.category summary span{display:block;color:var(--muted);font-size:.95rem}.category summary:after{content:"+";font-size:1.8rem;line-height:1}.category[open] summary:after{content:"−"}.category[open] dl{margin-top:20px}
:focus-visible{outline:3px solid #899e00;outline-offset:3px}
@media(max-width:780px){.wrap{width:min(100% - 28px,1080px)}.intro{padding:42px 0 30px}.guide-visual{height:220px}.layout{display:block;padding-bottom:40px}.toc{position:static;display:flex;overflow-x:auto;gap:14px;white-space:nowrap;padding:12px 0;margin-bottom:22px}.toc strong{display:none}.toc a{flex:none}.nav-links{gap:12px;font-size:.82rem}.nav-links a:nth-child(2){display:none}.category{padding:19px}.category dl{grid-template-columns:1fr;gap:2px}.category dd{margin-bottom:8px}.category .button{width:100%;text-align:center}.content section{padding:28px 0}}