:root{color-scheme:light dark;--navy:#153790;--yellow:#edb100;--fg:#333;--bg:#f2f2f2;--surface:#fff;--mount:#fff;--muted:#666;--faint:#9a9a9a;--line:#d9d9d9;--accent:#153790;--heading:#153790;--warn:#9a4a00;--pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><g fill='%23fff' fill-opacity='0.18' stroke='%23fff' stroke-opacity='0.75' stroke-width='1.4'><rect x='28' y='26' width='42' height='58.7' rx='3.5' transform='rotate(-8 49 55)'/><rect x='146' y='14' width='42' height='58.7' rx='3.5' transform='rotate(6 167 43)'/><rect x='86' y='136' width='42' height='58.7' rx='3.5' transform='rotate(3 107 165)'/><rect x='206' y='150' width='42' height='58.7' rx='3.5' transform='rotate(-5 227 179)'/></g></svg>")}@media (prefers-color-scheme:dark){:root{--fg:#e6e6e6;--bg:#15171e;--surface:#1f222b;--mount:#232631;--muted:#a3a7b0;--faint:#6b7080;--line:#353946;--accent:#9fb5f2;--heading:#c3d0f7;--warn:#f0a85a;--pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><g fill='%23fff' fill-opacity='0.01' stroke='%23fff' stroke-opacity='0.04' stroke-width='1.4'><rect x='28' y='26' width='42' height='58.7' rx='3.5' transform='rotate(-8 49 55)'/><rect x='146' y='14' width='42' height='58.7' rx='3.5' transform='rotate(6 167 43)'/><rect x='86' y='136' width='42' height='58.7' rx='3.5' transform='rotate(3 107 165)'/><rect x='206' y='150' width='42' height='58.7' rx='3.5' transform='rotate(-5 227 179)'/></g></svg>")}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg) var(--pattern) repeat;color:var(--fg);letter-spacing:.02em;font-feature-settings:"palt" 0;flex-direction:column;min-height:100dvh;margin:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,system-ui,sans-serif;font-size:1rem;line-height:1.85;display:flex}body>main{flex:1 0 auto;width:100%}a{color:var(--accent);text-underline-offset:.2em}.wrap{max-width:52rem;margin:0 auto;padding:0 1.1rem}h1,h2,h3{color:var(--heading);font-weight:700;line-height:1.5}h1{margin:1.5rem 0 .75rem;font-size:1.6rem}h2{border-bottom:1px solid var(--line);background:linear-gradient(var(--yellow), var(--yellow)) left bottom / 2.5em 2px no-repeat;margin:2.2rem 0 .75rem;padding-bottom:.3rem;font-size:1.2rem}.muted{color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.small{font-size:.88rem}.badge{white-space:nowrap;vertical-align:.1em;border:1px solid;border-radius:.3em;padding:0 .5em;font-size:.75rem;line-height:1.6;display:inline-block}.badge.warn{color:var(--warn)}.site-header{border-top:4px solid var(--yellow)}.brand-bar{background:var(--surface);border-bottom:1px solid var(--line)}.brand-bar .wrap{align-items:center;padding-top:.3rem;padding-bottom:.3rem;display:flex}.brand-logo{opacity:.85;border-radius:.25rem;line-height:0;display:block}.brand-logo:hover{opacity:1}.brand-logo img{width:auto;height:1.25rem}.nav-band{background:var(--navy);color:#fff}.site-nav{flex-wrap:wrap;align-items:center;gap:.2rem 1.6rem;padding-top:.9rem;display:flex}.site-title{color:#fff;padding-bottom:.7rem;font-size:1.25rem;font-weight:700;line-height:1.4;text-decoration:none}.site-header nav{gap:.2rem 1.5rem;margin-left:auto;font-size:1.02rem;font-weight:700;display:flex}.site-header nav a{color:#ffffffd1;white-space:nowrap;border-bottom:3px solid #0000;padding:.2rem 0 .6rem;text-decoration:none}.site-header nav a:hover{color:#fff;border-bottom-color:#fff6}.site-header nav a[aria-current=page]{color:#fff;border-bottom-color:var(--yellow)}@media (width<=40rem){.site-nav{padding-top:.7rem}.site-title{padding-bottom:.2rem;font-size:1.12rem}.site-header nav{gap:1.3rem;width:100%;margin-left:0;font-size:.98rem}}@media (prefers-color-scheme:dark){.brand-logo{background:#fff;padding:.15rem .35rem}.brand-logo img{height:1rem}}.site-footer{border-top:1px solid var(--line);background:var(--bg);color:var(--muted);margin-top:4.5rem;padding:1.4rem 0 2.2rem;font-size:.85rem}.preview-note{background:var(--surface);color:var(--warn);text-align:center;padding:.3rem 1rem;font-size:.85rem}.prose h3{margin:1.6rem 0 .4rem;font-size:1.02rem}.prose ul{padding-left:1.3em}.prose li+li{margin-top:.3rem}.prose blockquote{background:var(--surface);word-break:break-all;border-radius:.4rem;margin:.6rem 0 1.2rem;padding:.7rem 1rem;font-size:.92rem}.prose blockquote p{margin:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1.4rem 1rem;margin:0;padding:0;list-style:none;display:grid}.card-grid li{flex-direction:column;align-items:center;gap:.3rem;display:flex}.card-grid a{border-radius:.6rem;width:100%;text-decoration:none;transition:transform .15s;display:block}.card-grid a:hover{transform:translateY(-2px)}.card-grid a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=30rem){.card-grid{grid-template-columns:repeat(2,1fr);gap:1rem .8rem}}@media (prefers-reduced-motion:reduce){.card-grid a{transition:none}}