/* Reading pages and small, useful entrances to the family guides. */
.family-en{display:none}html[lang=en] .family-en{display:block}html[lang=en] .family-ja{display:none}
.reading-page{margin:0;background:#f6f3e9;color:#304b41;font-family:system-ui,sans-serif}
.reading-page .family-page{max-width:900px;margin-top:28px;padding:clamp(20px,5vw,50px)}
.reading-page .language-bar{margin:0}.reading-page button{cursor:pointer}
.reading-cover{margin:-10px -10px 32px;border-radius:19px;overflow:hidden;background:#e7e9d9;height:260px}
.reading-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
.reading-eyebrow{font-size:11px!important;font-weight:700;letter-spacing:.12em;color:#6d826b!important;margin-bottom:8px!important}
.reading-intro{font-size:18px!important;line-height:1.95!important}
.reading-byline{font-size:12px!important;color:#73816e!important;border-bottom:1px solid #dce4d6;padding-bottom:22px;margin-bottom:25px!important}
.reading-page ol{padding-left:24px}.reading-page li{margin:15px 0}
.reading-page h2{margin-top:42px}.reading-page h3{margin-top:22px}
.article-toc{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.article-toc a{font-size:14px;border:1px solid #cddcc5;border-radius:20px;padding:8px 14px;background:#eff3e6;text-decoration:none}
.reading-callout{border-left:4px solid #93ac80;background:#edf1e3;border-radius:0 17px 17px 0;padding:20px 24px;margin:27px 0}.reading-callout p{margin-bottom:0}
.reading-example{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.reading-example span{background:#f4e9cc;color:#775b31;border:1px solid #e2d0a4;padding:13px 17px;border-radius:13px;font-weight:bold;font-size:20px}
.reading-path{background:#f2f3e6;border:1px solid #dce3d0;border-radius:18px;padding:16px 22px;margin:16px 0}.reading-path h3{margin:0 0 8px}.reading-path p{margin:0}
.reading-limit{font-size:14px!important;color:#697b64!important;border-top:1px solid #dae3d2;margin-top:30px!important;padding-top:22px}
.reading-related{border-top:1px solid #d7e0cf;margin-top:35px;padding-top:20px}.reading-related>a{display:block;margin:12px 0;padding:12px 16px;background:#eaf0df;border-radius:12px;text-decoration:none}.reading-related h2{margin:0 0 16px}
.family-reading-entry{margin:35px 0 40px}.family-reading-entry>div>p{max-width:780px}.family-reading-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.family-reading-card{display:block;border:1px solid #d8decd;border-radius:20px;background:#fffdf5;overflow:hidden;color:#345443;text-decoration:none!important;transition:transform .15s}.family-reading-card:hover{transform:translateY(-3px)}.family-reading-card:focus-visible{outline:3px solid #aa7a38;outline-offset:4px}
.family-reading-card>img{display:block;width:100%;height:155px;object-fit:cover}.family-reading-card>div{padding:18px}.family-reading-card>div>span{font-size:10px;color:#74816a;font-weight:700}.family-reading-card h3{font-size:18px;margin:9px 0!important;line-height:1.6}.family-reading-card p{font-size:13px!important;line-height:1.85!important;min-height:96px}.family-reading-card strong{display:block;font-size:13px;border-top:1px solid #dde3d0;padding-top:13px}
.family-reading-more{font-size:14px;margin-top:22px}.family-reading-more a{text-decoration:underline;text-underline-offset:3px}.family-page .family-reading-cards{grid-template-columns:1fr}.family-page .family-reading-card{display:grid;grid-template-columns:170px minmax(0,1fr)}.family-page .family-reading-card>img{height:100%;min-height:170px}.family-page .family-reading-card p{min-height:0;margin:8px 0}
@media(max-width:720px){.family-reading-cards{grid-template-columns:1fr}.family-reading-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.family-reading-card>img{height:100%;min-height:160px}.family-reading-card>div{padding:14px}.family-reading-card h3{font-size:17px}.family-reading-card p{min-height:0;font-size:12px!important}.family-page .family-reading-card{grid-template-columns:110px minmax(0,1fr)}.reading-cover{height:190px}.reading-intro{font-size:16px!important}.reading-callout{padding:18px}.reading-example span{font-size:17px;padding:10px}.article-toc a{font-size:12px}.reading-page .family-page{margin-top:20px}}
@media(max-width:380px){.family-reading-card,.family-page .family-reading-card{grid-template-columns:90px minmax(0,1fr)}.family-reading-card h3{font-size:15px}.reading-cover{height:160px}}
@media(prefers-reduced-motion:reduce){.family-reading-card{transition:none;transform:none!important}}

/* Actual game screenshots */
.reading-figure{margin:28px 0;padding:12px;border:1px solid #d7e0cf;border-radius:18px;background:#fffdf6;overflow:hidden}.reading-figure img{display:block;width:100%;max-width:100%;height:auto;border-radius:10px}.reading-figure figcaption{font-size:13px;line-height:1.8;color:#64765f;padding:12px 4px 2px}.reading-page table{border-collapse:collapse;width:100%;margin:22px 0;font-size:14px;line-height:1.7}.reading-page td,.reading-page th{padding:12px;border:1px solid #d8e1d0;text-align:left;vertical-align:top;overflow-wrap:anywhere}.reading-page th{background:#edf2e4}.reading-page .reading-table-wrap{overflow-x:auto;max-width:100%}@media(max-width:480px){.reading-page td,.reading-page th{padding:8px;font-size:13px}.reading-figure{padding:7px}.reading-figure figcaption{font-size:12px}}