/* V3 reading surfaces: full translations, contextual terms and moving-line references. */
button,select,summary{touch-action:manipulation}button,a,select,summary{outline-offset:5px}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold)}
button{cursor:pointer}button,input,textarea,select{font:inherit}
.pill{white-space:nowrap;font-size:12px}.sub{font-size:12px}.label{display:block;font-size:14px}
.question textarea{font-size:16px;resize:vertical;min-height:90px}.scene-control{display:flex;align-items:center;gap:12px;margin-top:12px}
.scene-control label{font-size:14px;color:var(--muted);flex-shrink:0}.scene-control select{min-width:0;flex:1;color:var(--text);border:1px solid var(--line);background:#101914;padding:11px 12px;border-radius:12px}
.num-wrap span{font-size:12px}.hint{font-size:12px;line-height:1.7}.hero p{font-size:16px}
.result{scroll-margin-top:18px}.section-title span{font-size:12px}.hex-role{font-size:14px;color:var(--muted);margin-bottom:16px}
.hex-sub{font-size:14px}.hex-name{font-size:24px}.moving{font-size:14px;line-height:1.8;padding:6px 2px}
.hex-diagram{display:flex;flex-direction:column-reverse;gap:8px;max-width:140px;margin:auto;padding:8px 0}
.yao{display:flex;align-items:center;gap:6px;height:9px;position:relative;margin:0 10px}.yao i{background:#c7d2c8;display:block;flex:1;height:100%;border-radius:1px}
.yao.yang i:last-child{display:none}.yao.yang{gap:0}.yao.active i{background:var(--gold)}.hex-diagram.changed .yao.active i{background:var(--jade)}
.yao.active:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);left:-11px}.hex-diagram.changed .yao.active:before{background:var(--jade)}
.metric span{font-size:13px}.metric b{font-size:17px;margin-top:5px}.analysis{margin-bottom:16px}
.reading{padding:24px;margin-top:16px}.reading h3{font-size:20px;margin:0}.reading h4{font-size:17px;margin:18px 0 8px}.reading p{font-size:16px;line-height:1.9;margin:12px 0;color:#cbd5cf}
.reading-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.reading-step{font-size:12px;letter-spacing:.08em;color:var(--gold);margin-bottom:6px}.reading-head .badge{font-size:12px;background:#26372c;color:#bed4c4;padding:6px 9px;border-radius:8px;flex-shrink:0}
.reading.featured{border-color:#756139;background:linear-gradient(150deg,#20281e,#141d18)}
.reading blockquote,.modal-card blockquote{margin:8px 0 14px;padding:12px 16px;border-left:2px solid var(--gold);background:rgba(213,181,111,.045);color:#eee7d4;font-family:"Songti SC","Noto Serif SC",serif;font-size:20px;line-height:1.9;overflow-wrap:anywhere}
.reading .micro,.modal-card .micro{font-size:13px;color:var(--muted);line-height:1.75}.reading .lead{font-size:18px;color:#ebecdf;line-height:1.9}.reading .note-label{font-size:13px;color:var(--gold);margin:16px 0 0}
.reading .direction{font-size:18px;color:var(--gold);line-height:1.7}.reading .question-text{font-size:17px;color:#eee7d4;white-space:pre-wrap;overflow-wrap:anywhere;padding-bottom:14px;border-bottom:1px solid var(--line)}
.reading .action{background:#213129;border-radius:14px;padding:15px 17px;color:#e0e9e1}.tags{margin:12px 0}.tag{font-size:13px}
.source-link{font-size:13px;color:#a6c4b3;text-underline-offset:4px;line-height:1.7}.reading details,.modal-card details{border-top:1px solid var(--line);padding-top:13px;margin-top:16px}.reading summary,.modal-card summary{font-size:15px;color:#c9d6ce;cursor:pointer;line-height:1.8}
.reading .stage-note{padding:12px 14px;background:#101914;border-radius:12px}.reading .stage-note p{font-size:14px;margin:0 0 6px}.reading .stage-note small{font-size:12px;color:var(--muted);line-height:1.6;display:block}
.text-button{background:none;border:0;color:var(--jade);font-size:14px;padding:10px 0;text-align:left;text-decoration:underline;text-underline-offset:4px}
.method{margin:20px 2px 0;color:var(--muted);font-size:14px;line-height:1.9}.method summary{cursor:pointer;color:#bdd0c2}.method p{margin:12px 0}.method a{color:var(--jade)}
.mini{color:var(--text);text-decoration:none}.mini b{font-size:16px}.mini small{font-size:12px}.mini i{font-size:34px}.library-intro{color:var(--muted);line-height:1.8;font-size:15px;margin-bottom:20px}
.library-search{margin:10px 0 18px;padding:13px 15px;font-size:16px}.grid64{gap:10px}.no-matches{color:var(--muted);grid-column:1/-1;padding:22px 0}
.modal{padding:30px 16px 40px;overscroll-behavior:contain}.modal-card{max-width:650px;padding:28px 24px}.modal-card h2{font-size:28px}.modal-card p{font-size:16px;color:#cbd5cf;line-height:1.9}.modal-card h3{font-size:18px;margin-top:26px}.modal-card .close{width:42px;height:42px;font-size:22px}.modal-card .library-line{margin:18px 0;padding:14px 0 0;border-top:1px solid var(--line)}.modal-card .library-line blockquote{font-size:18px}.modal-card .library-line h4{font-size:16px;color:var(--gold);margin:0 0 8px}
.history-item .top{gap:14px;flex-wrap:wrap}.history-item .top span{font-size:18px}.history-item small{font-size:12px;line-height:1.8}.history-question{font-size:15px;line-height:1.8;color:#b7c6bc;white-space:pre-wrap;overflow-wrap:anywhere}.history-item .text-button{display:block}.history-item{padding:18px}nav button{font-size:15px;min-height:42px}
@media(min-width:701px){.reading-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.reading-columns>.reading{height:calc(100% - 16px)}.hero{padding:30px}.app{max-width:960px}.analysis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.app{padding-left:16px;padding-right:16px}.analysis{grid-template-columns:1fr 1fr}.analysis .metric:last-child{grid-column:1/-1}.reading{padding:20px 18px}.reading-head{align-items:flex-start}.reading h3{font-size:19px}.hex-role{font-size:13px}.hex-diagram{max-width:120px;gap:7px}.hex-name{font-size:22px}.hero{padding:22px 18px}.num-wrap span{font-size:10px}.result-head{gap:6px;grid-template-columns:1fr 26px 1fr}.modal-card{padding:24px 19px}.section-title{gap:8px}.pill{font-size:11px;padding:6px 8px}.brand{gap:8px}h1{font-size:18px;letter-spacing:.04em}.seal{width:38px;height:38px}.sub{font-size:9px}.mini{min-height:86px}}
.modal-card .note-label{font-size:14px;color:var(--gold);margin:16px 0 0}.reading .note-label{font-size:14px}
.word-list{margin:14px 0 4px}.word-list>div{display:grid;grid-template-columns:minmax(60px,100px) minmax(0,1fr);gap:14px;margin:12px 0;font-size:14px;line-height:1.8}.word-list dt{color:#e1d3ac;overflow-wrap:anywhere}.word-list dd{margin:0;color:#bdccc2}
.modal-card .moving-detail{border:1px solid #3d5144;padding:14px 16px;border-radius:14px;background:#101914}.modal-card .moving-detail summary{color:#c3d9ca}.reading .text-button{min-height:44px}.modal-card .text-button{line-height:1.8;min-height:44px}
.pill,.sub,.num-wrap span{font-size:12px}.library-intro{font-size:16px}.modal-card{overflow-wrap:anywhere}.modal-card .library-line{scroll-margin-top:20px}
.modal-card .close{position:sticky;top:12px;float:right;z-index:1;box-shadow:0 2px 12px #101914}.num-wrap span{left:9px;white-space:nowrap}
@media(max-width:380px){header{flex-wrap:wrap}.word-list>div{grid-template-columns:1fr;gap:2px}.num-wrap span{letter-spacing:0;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}