:root{color-scheme:light;--ink:#0f172a;--muted:#475569;--line:#cbd5e1;--mint:#00f5d4;--snow:#f8f9fa}
*{box-sizing:border-box}html{scroll-behavior:smooth;line-break:strict}body{margin:0;background:var(--snow);color:var(--ink);font-family:"Noto Sans JP",system-ui,-apple-system,sans-serif;line-height:1.8}a{color:#075985;text-underline-offset:.22em}a:hover{color:#0f172a}a:focus-visible{outline:3px solid #0ca896;outline-offset:3px;border-radius:3px}.skip{position:absolute;top:-5rem;left:1rem;background:#fff;padding:.5rem 1rem;z-index:10}.skip:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner,.footer-inner{max-width:72rem;margin:auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;text-decoration:none;color:var(--ink);white-space:nowrap}.brand img{width:2.25rem;height:2.25rem;flex:none;border-radius:50%}.brand span{color:#0b8e80}.header-link,.cta{display:inline-block;border-radius:999px;background:var(--ink);color:#fff;padding:.65rem 1.2rem;text-decoration:none;font-weight:700}.header-link:hover,.cta:hover{color:#fff;background:#334155}.wrap{max-width:72rem;margin:auto;padding:0 1.5rem}.crumbs{padding-top:1.25rem;color:var(--muted);font-size:.875rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:4rem;padding-top:2.5rem;padding-bottom:5rem}.article-main{max-width:49rem}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.13em;color:#426275}.article-main h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.35;letter-spacing:-.035em;margin:.8rem 0 1.5rem}.lead{font-size:1.13rem;line-height:1.9;color:#334155}.meta{color:var(--muted);font-size:.88rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.8rem 0;margin:1.75rem 0}.article-main h2{font-size:1.55rem;line-height:1.45;margin:3rem 0 1rem;padding-left:.8rem;border-left:.3rem solid var(--mint)}.article-main h3{font-size:1.15rem;line-height:1.5;margin:2rem 0 .5rem}.article-main p,.article-main li{color:#334155;text-wrap:pretty}.article-main h1,.article-main h2,.article-main h3{text-wrap:balance}.article-main ul,.article-main ol{padding-left:1.4rem}.article-main li{margin:.45rem 0}.callout,.source-box,.related{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.25rem 1.5rem;margin:1.7rem 0}.callout{border-color:#67d5c7;background:#ecfffb}.callout p:first-child{margin-top:0}.callout p:last-child{margin-bottom:0}.source-box h2,.related h2{border:none;padding:0;margin:.2rem 0 1rem;font-size:1.15rem}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff}th,td{border:1px solid var(--line);padding:.65rem .8rem;text-align:left;vertical-align:top}th{background:#e9f4f2}caption{text-align:left;font-weight:700;margin-bottom:.5rem}.table-scroll{overflow-x:auto}.side{align-self:start;position:sticky;top:2rem}.side-inner{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.25rem}.side p{margin:.1rem 0 .7rem;font-weight:800}.side ul{padding-left:1.1rem;margin:0}.side li{margin:.55rem 0;font-size:.9rem}.article-footer{border-top:1px solid var(--line);padding-top:2rem;margin-top:3rem}.footer{background:var(--ink);color:#cbd5e1}.footer a{color:#fff}.footer-inner{font-size:.86rem}@media(max-width:52rem){.article-layout{grid-template-columns:1fr;gap:1.5rem}.side{position:static;grid-row:1}.side-inner{padding:1rem}.side ul{display:flex;flex-wrap:wrap;gap:.3rem 1.5rem;list-style:none;padding:0}.side li{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}