*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#172554;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:#4338ca;text-underline-offset:3px}button,input{font:inherit}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid #818cf8;outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:12px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px max(20px,calc((100vw - 1100px)/2));background:white;border-bottom:1px solid #e2e8f0}.brand{font-weight:850;font-size:1.35rem;text-decoration:none}.site-header nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.9rem}main{max-width:1100px;margin:auto;padding:36px 24px 64px}.hero{padding:28px 0;max-width:880px}.hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.045em;margin:12px 0 20px}.hero>p{font-size:1.1rem;color:#64748b;max-width:780px}.category{color:#4f46e5;font-weight:750;font-size:.8rem;letter-spacing:.045em;text-transform:uppercase}.hero .updated{font-size:.85rem}.search-label{display:block;font-weight:650;margin-bottom:8px}input[type=search]{width:100%;max-width:650px;font-size:16px;border:1px solid #cbd5e1;border-radius:12px;padding:14px;background:white}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.guide-card{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:24px}.guide-card[hidden]{display:none}.guide-card h2{font-size:1.35rem;line-height:1.35;margin:10px 0}.guide-card h2 a{text-decoration:none}.guide-card p{color:#64748b}.read{display:inline-block;padding:8px 0}.callout{margin-top:36px;padding:26px;border-radius:18px;background:#eef2ff;border:1px solid #c7d2fe}.callout h2{margin-top:0}.copy-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.copy-controls button{background:#4338ca;color:white;border:0;border-radius:12px;padding:13px 18px;cursor:pointer;min-height:48px}.copy-controls button:disabled{opacity:.6}.hero .copy-status{font-size:.9rem;color:#334155;min-height:24px}.article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}.contents{position:sticky;top:24px;background:white;border:1px solid #e2e8f0;border-radius:14px;padding:18px;font-size:.9rem}.contents ul{padding-left:18px;margin-bottom:0}.contents li{margin:8px 0}.guide-body{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:clamp(20px,3vw,36px);min-width:0}.guide-body section+section{border-top:1px solid #e2e8f0;padding-top:20px;margin-top:28px}.guide-body h2{line-height:1.3;margin:0 0 16px}.guide-body p,.guide-body li{color:#334155}.guide-body li{margin:10px 0}pre{overflow:auto;border:1px solid #334155;background:#0f172a;color:#e2e8f0;padding:20px;border-radius:12px;font-size:.85rem;line-height:1.7}code{font-family:ui-monospace,SFMono-Regular,monospace}.back{display:inline-block;padding:10px 0}footer{border-top:1px solid #e2e8f0;padding:28px max(24px,calc((100vw - 1050px)/2));color:#64748b;font-size:.9rem}footer p{max-width:850px}@media(max-width:720px){.site-header{align-items:start;padding:18px 20px;gap:14px}.site-header nav{gap:8px 14px}.guide-grid,.article-layout{grid-template-columns:minmax(0,1fr)}.contents{position:static}.hero{padding:20px 0}.guide-card{padding:20px}.copy-controls{align-items:stretch;flex-direction:column}.copy-controls button{width:100%;font-size:.9rem}main{padding:24px 18px 48px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}