/* English articles share the Japanese site's palette and content hierarchy. */
html[lang="en"] {scroll-behavior:smooth;scroll-padding-top:100px}
body {font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.8}
h1 {font-size:clamp(2rem,4.5vw,3rem);line-height:1.18;max-width:26ch;text-wrap:balance}
.lead {max-width:65ch;line-height:1.75}
.article {padding:2rem;min-width:0}
.article h2 {font-size:1.5rem;line-height:1.35;margin-top:2rem}
.article p,.article li {font-size:1rem;line-height:1.8}
.article section+section {margin-top:2rem}
.contents {border-bottom:1px solid var(--line);padding-bottom:1.25rem;margin-bottom:1.75rem}
.contents h2 {font-size:1rem;margin:0}
.contents ul {margin:0.75rem 0 0;display:grid;gap:0.4rem}
.guide-grid {gap:1.5rem}
.guide-card {padding:1.5rem;display:flex;flex-direction:column;gap:1rem}
.guide-card .tag {align-self:flex-start}
.guide-card .read-link {margin-top:auto;align-self:flex-start}
.guide-card p,.guide-card ul {font-size:1rem;line-height:1.7}
.guide-card h2 {font-size:1.3rem;line-height:1.35}
.tag,.kicker,.breadcrumbs,footer {font-size:0.875rem}
.search-row {grid-template-columns:1fr;gap:1rem}.chips {justify-content:flex-start}.chips button {min-height:44px;font-size:0.875rem}
a:focus-visible,button:focus-visible,input:focus-visible {outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:680px){.article {padding:1.25rem}.nav {flex-wrap:wrap}.nav-links {gap:0}.guide-card {padding:1.25rem}.hero {padding-top:2rem}}