:root{--ink:#1c1930;--muted:#666276;--paper:#fff;--soft:#f5f3fb;--brand:#6138e8;--accent:#ee3d79;--line:#e6e2ef;color:var(--ink);background:var(--soft);font-synthesis:none;font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0;line-height:1.75}a{color:inherit;text-underline-offset:.18em}.shell{flex-direction:column;max-width:1280px;min-height:100vh;margin:auto;display:flex}.site-header,.site-footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.2rem clamp(1.25rem,5vw,4.5rem);display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);border-bottom:0;margin-top:auto}.brand{font-size:1.25rem;font-weight:800;text-decoration:none}.brand span,.hero span{color:var(--brand)}nav a{margin-left:1.25rem}nav a[aria-current=page]{color:var(--brand);font-weight:700}main{display:block}.skip{background:var(--ink);color:#fff;z-index:10;padding:.5rem;position:absolute;transform:translateY(-150%)}.skip:focus{transform:none}.hero{background:linear-gradient(135deg,#faf9ff 55%,#eee9ff);padding:clamp(4rem,10vw,8rem) clamp(1.25rem,8vw,7rem)}.hero h1{letter-spacing:-.055em;margin:.25em 0;font-size:clamp(2.6rem,7vw,5.8rem);line-height:1.06}.hero>p:last-child{max-width:42rem;color:var(--muted);font-size:1.15rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-size:.77rem;font-weight:800}.listing,.related,.cta,.not-found{padding:clamp(3rem,7vw,6rem) clamp(1.25rem,8vw,7rem)}.listing h2,.related>h2{font-size:clamp(1.7rem,3vw,2.5rem)}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:1.6rem}.card h2{font-size:1.3rem;line-height:1.35}.card h2 a{text-decoration:none}.card p{color:var(--muted)}.text-link{color:var(--brand);font-weight:700}.draft{color:#654f00;background:#fff0b8;border-radius:99px;margin-left:.5rem;padding:.2rem .5rem}.draft-banner{background:#fff4c7;border-radius:8px;padding:.75rem 1rem}.cta{background:var(--ink);color:#fff;border-radius:20px;margin:2rem clamp(1.25rem,8vw,7rem)}.cta p{font-size:clamp(1.3rem,3vw,2rem);font-weight:700}.button{background:var(--brand);color:#fff;border-radius:8px;padding:.8rem 1.2rem;font-weight:700;text-decoration:none;display:inline-block}.breadcrumb{max-width:980px;color:var(--muted);margin:1.5rem auto;padding:0 1.25rem;font-size:.9rem}.breadcrumb ol{gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.article{max-width:980px;margin:auto;padding:1rem 1.25rem 4rem}.article-header{max-width:780px;margin:4rem 0}.article-header h1{letter-spacing:-.04em;margin:.3em 0;font-size:clamp(2.25rem,6vw,4.6rem);line-height:1.15}.lead{color:var(--muted);font-size:1.25rem}.byline,.translation{color:var(--muted);font-size:.9rem}.article-grid{grid-template-columns:180px minmax(0,680px);gap:3rem;display:grid}.article-grid.no-toc{max-width:680px;display:block}.toc{align-self:start;font-size:.85rem;position:sticky;top:1rem}.toc ol{padding-left:1.25rem}.prose{font-size:1.08rem}.prose h2{margin:2.5em 0 .75em;font-size:1.8rem;line-height:1.35}.prose img{max-width:100%;height:auto}.language-cards{gap:1rem;margin-top:2rem;display:flex}.language-cards a{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:210px;padding:1.25rem;text-decoration:none;display:flex}.language-cards strong{font-size:1.4rem}.language-cards span{color:var(--muted)}.not-found{text-align:center;min-height:60vh}.not-found h1{font-size:clamp(2.5rem,8vw,6rem);line-height:1.1}@media (width<=700px){.site-header{align-items:flex-start}.site-header nav{flex-direction:column;display:flex}.site-header nav a{margin:0}.article-grid{display:block}.toc{background:var(--soft);margin-bottom:2rem;padding:1rem;position:static}.language-cards{flex-direction:column}.language-cards a{min-width:0}.cta{margin-left:1.25rem;margin-right:1.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero-image{aspect-ratio:16/9;object-fit:cover;border-radius:14px;width:100%;height:auto;margin-bottom:3rem;display:block}