/* Public guide/content components; gameplay styling stays in its own modules. */
:root{--content-ink:#254c32;--content-link:#195a3c;--content-border:#c7dfc7;--content-paper:#fffefa}
:focus-visible{outline:3px solid #1e5c91;outline-offset:4px}
.content-article,.game-reading{max-width:880px;margin:24px auto;padding:clamp(20px,4vw,42px);background:var(--content-paper);color:var(--content-ink);border:1px solid var(--content-border);border-radius:20px;line-height:1.85;text-align:left}
.game-reading{font-size:16px;clear:both}
.content-article h1,.content-article h2,.content-article h3,.game-reading h2,.game-reading h3{line-height:1.45;color:var(--content-ink)}
.content-article h1{font-size:clamp(26px,5vw,38px)}
.content-article h2,.game-reading h2{font-size:24px;margin:1.6em 0 .6em}
.content-article h3,.game-reading h3{font-size:19px;margin:1.4em 0 .5em}
.content-article a,.game-reading a,.home-reading a{color:var(--content-link);text-decoration:underline;text-underline-offset:3px}
.content-breadcrumb{margin-bottom:18px;font-size:15px}
.content-intro{font-size:18px}
.guide-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.guide-directory>a{display:block;padding:20px;border:1px solid var(--content-border);border-radius:14px;text-decoration:none}
.guide-directory h2{margin:0 0 12px;font-size:21px}.guide-directory p{margin:0}
.home-reading{padding:40px 0;background:#fbfff8;color:var(--content-ink);line-height:1.8}
.home-reading h2{font-size:clamp(24px,4vw,32px)}
.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.game-page-title{font-size:20px;line-height:1.4;margin:16px 0;color:#3e583c;text-align:center}
.footer nav{line-height:2.2}.footer a{display:inline-block;min-height:44px;padding:3px 2px}
@media(max-width:700px){.guide-directory,.reading-grid{grid-template-columns:1fr}.game-reading{padding:20px 16px;margin:24px 0}.content-breadcrumb{padding:0 12px}.footer-inner{flex-wrap:wrap}.content-article{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.content-article *,.game-reading *{scroll-behavior:auto}}

.skip-link:not(:focus){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip-link:focus{display:block;padding:12px;background:#fff;color:#173e2a;position:relative;z-index:1000}