/* Reading follows the ritual: a short verdict, paper, then practical reflection. */
#reading{--ink-gold:#dfc18b;--ink-light:#eee2ca;--ink-muted:#bdad92;--seal:#913d30;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);column-gap:clamp(28px,5vw,72px);row-gap:20px}
#reading .reading-lead{grid-column:1/-1;max-width:760px;padding:10px 0 28px;border-bottom:1px solid #b59a6938}
#reading .reading-eyebrow{color:var(--ink-muted);font:13px/1.6 system-ui;letter-spacing:.2em;margin:0 0 14px}
#reading #readingNumber{font:clamp(30px,5vw,44px)/1.4 "Songti SC","STSong",serif;color:var(--ink-light);letter-spacing:.08em;margin:0 0 14px;outline-offset:8px}
#reading .reading-lead .fortune-verdict{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border:0;margin:0;padding:0}
#reading .reading-lead .fortune-verdict strong{font:22px/1.5 "Songti SC",serif;color:var(--ink-gold);margin:0}
#reading .reading-lead .fortune-verdict span{font:12px/1.6 system-ui;color:var(--ink-muted);letter-spacing:0}
#reading #readingSummary{font:18px/1.9 "Songti SC",serif;color:var(--ink-light);margin:18px 0 0;max-width:34em;text-wrap:pretty}
#reading #readingNumber:focus{outline:none}
#reading .paper-caption{grid-column:1;display:flex;align-items:center;gap:12px;color:var(--ink-muted);font:14px/1.8 "Songti SC",serif}
#reading .grade-stamp{color:#df9c82;border:1px solid #a15a44;padding:2px 10px;letter-spacing:.14em}
#reading .paper-caption small{font:11px/1.6 system-ui}
#reading .scroll-stage{grid-column:1;grid-row:4;padding:0;align-self:start}
#reading .interpretation{grid-column:2;grid-row:3/5;padding:0}
#reading .interpretation article:first-child{padding-top:0}
#reading .reading-detail{padding:22px 0;border-bottom:1px solid #b59a6938;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#reading .reading-detail-title{margin:0;color:var(--ink-gold);font:400 16px/1.8 "Songti SC",serif;min-height:30px}
#reading .reading-detail p{font:16px/2 "Songti SC",serif;color:#d9d0bf;white-space:pre-line}
#reading .reading-detail h2{margin:24px 0 16px;font-size:22px}
#reading .reading-detail h3{margin-top:20px}
#reading .reading-detail small{color:var(--ink-muted);font:12px/1.8 system-ui}
#reading .reading-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px 24px}
#reading #saveSlip{border:1px solid #a88450;background:#422719;color:#ead7b2;padding:12px 22px;text-decoration:none;min-height:48px;box-sizing:border-box}
#reading .save-help{flex-basis:100%;font:12px/1.8 system-ui;color:var(--ink-muted)}
#reading .reading-lead{grid-row:1}
#reading .paper-caption{grid-row:2}
#reading .scroll-stage{grid-row:2;max-width:440px;width:100%;justify-self:center}
#reading .interpretation{grid-row:2}
#reading .history-save-row{grid-row:4}
#reading .reading-actions{grid-row:5}
#reading .reading-nav{grid-row:6}
#reading :is(a,button):focus-visible{outline:2px solid #e4ba6c;outline-offset:5px}
#reading a:hover{color:#fff1d6}
.scene-fallback-note{position:absolute;inset:40% 16px auto;text-align:center;color:#dfc18b;font:15px/1.8 system-ui}
[data-scene-fallback="true"] canvas{visibility:hidden}
[data-scene-fallback="true"] .drawn-slip-reveal{z-index:2}
@media(max-width:850px){
 #reading{display:flex;flex-direction:column;padding-inline:22px;gap:18px}
 #reading .reading-lead{order:0;padding:0 0 24px}
 #reading .paper-caption{order:1}
 #reading .scroll-stage{order:2;width:100%;max-width:360px;margin:0 auto 6px}
 #reading .interpretation{order:3;width:100%;box-sizing:border-box}
 #reading .history-save-row{order:4}
 #reading .reading-actions{order:5}
 #reading .reading-nav{order:6;padding:16px 0 0}
 #reading .reading-actions button{width:auto;min-width:140px}
}
@media(prefers-reduced-motion:reduce){#reading *{scroll-behavior:auto}}