.reading-screen .detail-grid{grid-template-columns:1fr;gap:18px}
.reading-screen .detail-block{scroll-margin-top:24px}
.reading-screen .detail-block h3{font-family:var(--sans);font-size:23px;font-weight:700;color:#172e3b;margin:0 0 18px;line-height:1.6}
.reading-screen .detail-block p+p{margin-top:16px}.reading-screen .detail-block p{font-size:18px;line-height:1.9;word-break:normal}
.reading-screen .detail-block .section-tip{background:#f4efe4;border-left:3px solid #987534;padding:16px 18px;margin:0 0 22px;color:#56401b}
.reading-screen .detail-block .section-tip strong{display:block;font-size:15px;line-height:1.6;margin-bottom:6px;color:#674b15}
.reading-screen .detail-block .section-tip p{margin:0;color:#3c321f;font-weight:600;font-size:18px;line-height:1.8}
.reading-screen .detail-block .explanation-label{font-size:15px;font-weight:700;color:#405763;margin:0 0 8px}
.reading-screen .detail-block .explanation-label+p{margin-top:0}
.reading-screen .reading-main .fortune-context-note{font-size:16px;line-height:1.8;text-align:left;background:#edf3ef;color:#315248;border-left:3px solid #63836e;padding:14px 16px;margin-top:24px}
.fortune-context-panel{margin:22px 0;padding:22px 24px;background:#edf3ef;border:1px solid #b9cdc0;border-radius:8px;color:#29463c}.fortune-context-panel h3{font:700 22px/1.6 var(--sans);margin:0 0 12px}.fortune-context-panel p,.fortune-context-panel li{font-size:17px;line-height:1.9;color:#315248}.fortune-context-panel ul{padding-left:22px;margin-bottom:0}.fortune-context-panel li+li{margin-top:10px}
.reading-screen .detail-block .section-practice{margin-top:22px;padding:16px 18px;background:#edf3f0;border-left:3px solid #547568;border-radius:4px}
.reading-screen .detail-block .section-practice strong{display:block;color:#315546;font-size:15px;margin-bottom:8px}
.reading-screen .detail-block .section-practice p{margin:0;color:#253e36}
.reading-index{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 18px}.reading-index button{font-size:15px;min-height:44px;padding:8px 17px;color:#204657;background:#fff;border:1px solid #a4b7be;border-radius:24px}.reading-index button:hover{background:#e9f0f0}
.reading-plan{margin-top:24px;border:1px solid #d1c6af;border-radius:8px;padding:24px 28px;background:#eee8dc;color:#253e4c}.reading-plan h3{font:700 22px/1.6 var(--sans);margin:0 0 14px;color:#172e3b}.reading-plan ol{padding-left:24px;margin:0}.reading-plan li{padding-left:6px;font-size:18px;line-height:1.85}.reading-plan li+li{margin-top:12px}
.overview-heading{padding:12px 0 22px}.overview-heading .period-range{font-size:16px;color:#465763;margin:8px 0 14px;line-height:1.7}.overview-heading h2{font:700 28px/1.55 var(--sans);color:#172e3b;letter-spacing:-.6px}.period-overview{background:#fff;border:1px solid #d5d7cf;border-radius:8px;padding:26px 28px}.period-overview p{color:#253e4c;font-size:18px;line-height:1.9}.period-overview p+p{margin-top:20px}.period-transition{padding:18px 20px;margin-top:18px;background:#e6eeef;border-radius:6px;font-size:15px;line-height:1.85;color:#304d5d}
.reading-screen .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.reading-screen .tabs button{font-size:17px;min-width:0;padding-inline:6px}
@media(max-width:760px){.reading-screen .detail-block{padding:22px 18px}.reading-screen .detail-block h3{font-size:22px}.reading-screen .detail-block p{font-size:18px;line-height:1.85}.reading-screen .detail-block .section-tip{font-size:16px;padding:13px 14px}.reading-plan{padding:22px 18px}.reading-plan h3{font-size:21px}.reading-plan li{font-size:17px}.overview-heading h2{font-size:25px}.overview-heading .period-range{font-size:15px}.period-overview{padding:22px 18px}.period-overview p{font-size:18px;line-height:1.85}.period-transition{font-size:15px;padding:17px}.reading-index{gap:7px}.reading-index button{font-size:14px;padding:8px 13px}.reading-screen .tabs button{font-size:16px;padding-inline:4px}}