.reading-main{max-width:1120px;padding:25px 30px 65px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--muted);margin:0 0 30px;line-height:1.6}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.reading-hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:50px;padding:18px 0 40px}.reading-hero:not(:has(figure)){grid-template-columns:1fr;max-width:860px}.reading-hero h1{font-size:clamp(32px,4.5vw,53px);letter-spacing:-1.9px;line-height:1.12;margin:18px 0}.reading-lead{font-size:17px;line-height:1.8;color:var(--muted)}.reading-hero figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px 25px;min-width:0}.reading-hero figure img{display:block;width:100%;height:225px;object-fit:contain;filter:drop-shadow(0 4px 8px #21303012)}.reading-hero figcaption{font-size:11px;line-height:1.6;text-align:center;color:var(--muted);margin-top:24px}.reading-jump{display:flex;gap:10px;flex-wrap:wrap;border-block:1px solid var(--line);padding:16px 0}.reading-jump a{font-size:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:9px 14px}.reading-section{padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.reading-section h2{font-size:28px;letter-spacing:-.8px;margin-bottom:20px;line-height:1.2}.reading-section h3{font-size:18px;margin:24px 0 12px}.reading-section p{font-size:15px;line-height:1.85;max-width:850px;color:var(--muted);overflow-wrap:anywhere}.reading-section p a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px}.reading-section .reading-note{font-size:12px;background:var(--teal-light);border-radius:12px;padding:15px 18px;margin-top:20px}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0}.fact-grid>div{background:#fff;padding:20px;min-width:0}.fact-grid dt{font-size:11px;font-weight:650;color:var(--muted);margin-bottom:8px}.fact-grid dd{margin:0;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.reading-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;min-width:0;transition:border-color .15s,transform .15s}.reading-card img{object-fit:contain;object-position:left;height:60px;width:92px;margin-bottom:7px}.reading-card strong{font-size:15px;line-height:1.5}.reading-card span{font-size:12px;color:var(--muted);line-height:1.5}.source-list{padding-left:22px;font-size:13px;line-height:1.6}.source-list li{margin:12px 0;overflow-wrap:anywhere}.source-list a{color:var(--teal-dark);text-decoration:underline}.source-list span{display:block;font-size:11px;color:var(--muted);text-decoration:none}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.variant{margin:0;border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;min-width:0}.variant img{display:block;width:100%;height:135px;object-fit:contain}.variant figcaption strong{display:block;font-size:15px;line-height:1.5;margin-top:20px}.variant figcaption span{display:block;font-size:12px;color:var(--muted);line-height:1.7;margin-top:10px}.reading-quiz{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}.reading-quiz legend{padding:0 8px;font-size:16px;font-weight:650;line-height:1.5;max-width:100%}.reading-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reading-options button{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:13px;line-height:1.6;text-align:left;min-height:50px}.reading-options button.correct{background:var(--teal-light);border:2px solid var(--teal);color:var(--teal-dark)}.reading-options button.wrong{background:#fff0ea;border:2px solid #b24d2b;color:#963e20}.reading-section .reading-feedback{margin:17px 0 0;font-size:13px;line-height:1.7}.directory-search{display:block;max-width:560px;font-size:13px;font-weight:650}.directory-search input{display:block;width:100%;padding:15px 18px;border:1px solid var(--line);border-radius:12px;margin:10px 0 20px;background:#fff}#directory-count{font-size:12px}.reading-main .primary{display:inline-flex}.reading-hero .primary{margin-top:8px}
@media(max-width:800px){.reading-hero{gap:25px;grid-template-columns:1.2fr 1fr}.fact-grid{grid-template-columns:repeat(2,1fr)}.reading-grid,.variant-grid{grid-template-columns:repeat(2,1fr)}.reading-main{padding:20px}}
@media(max-width:550px){.reading-hero{display:flex;flex-direction:column;align-items:stretch}.reading-hero figure{padding:25px}.reading-hero figure img{height:160px}.reading-hero h1{font-size:36px;letter-spacing:-1.3px}.reading-lead{font-size:15px}.reading-section h2{font-size:24px}.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reading-card{padding:16px 12px}.reading-card strong{font-size:13px}.reading-options{grid-template-columns:1fr}.variant-grid{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr}.reading-jump{gap:6px}.reading-jump a{font-size:11px;padding:8px 10px}.breadcrumbs span:last-child{width:100%}}
.article-game-actions{display:flex;gap:12px;flex-wrap:wrap}.article-game-actions .secondary-button{line-height:1.6}
.reading-section .fact-grid+.fact-grid{margin-top:16px}.reading-section h3{scroll-margin-top:20px}