/* Reading Legacy — scoped member-only enhancement. No global selectors. */
#reading-legacy{--rl-ink:#172019;--rl-muted:#4d5b50;--rl-paper:#fbfaf5;--rl-line:#d8d2c3;--rl-deep:#173a2b;--rl-gold:#8a6a25;color:var(--rl-ink);background:var(--rl-paper);border:1px solid var(--rl-line);border-radius:22px;padding:clamp(18px,4vw,30px);box-shadow:0 14px 38px rgba(18,31,23,.08)}
#reading-legacy[hidden]{display:none!important}
#reading-legacy *{box-sizing:border-box}
#reading-legacy .rl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
#reading-legacy .rl-kicker{margin:0 0 5px;color:#6d531d;font-size:.76rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
#reading-legacy h2,#reading-legacy h3{color:var(--rl-ink);margin:.15rem 0 .45rem}
#reading-legacy p{color:var(--rl-muted)}
#reading-legacy .rl-status{font-size:.86rem;margin:.25rem 0 0;min-height:1.25em;color:#435047}
#reading-legacy .rl-status[data-state="saved"]{color:#205e3c;font-weight:700}
#reading-legacy .rl-status[data-state="error"]{color:#8b2f26;font-weight:700}
#reading-legacy .rl-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:18px}
#reading-legacy .rl-panel{background:#fff;border:1px solid var(--rl-line);border-radius:16px;padding:16px;min-width:0}
#reading-legacy .rl-now{display:grid;grid-template-columns:68px minmax(0,1fr);gap:14px;align-items:center}
#reading-legacy .rl-cover{width:68px;aspect-ratio:2/3;border-radius:8px;object-fit:cover;background:#ece9df;border:1px solid #d6d0c0}
#reading-legacy .rl-cover-placeholder{display:grid;place-items:center;width:68px;aspect-ratio:2/3;border-radius:8px;background:#ece9df;color:#5a665d;font-size:.72rem;text-align:center;padding:6px;border:1px solid #d6d0c0}
#reading-legacy .rl-book-title{font-weight:850;color:var(--rl-ink);font-size:1.02rem;line-height:1.25}
#reading-legacy .rl-author{margin:.2rem 0 .7rem;font-size:.9rem}
#reading-legacy .rl-progress-track{height:9px;border-radius:999px;background:#e5e1d6;overflow:hidden;margin:8px 0 7px}
#reading-legacy .rl-progress-fill{height:100%;background:var(--rl-deep);width:0;transition:width .2s ease}
#reading-legacy .rl-progress-copy{font-size:.84rem;margin:0;color:#425047}
#reading-legacy .rl-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#reading-legacy button,#reading-legacy .rl-button{appearance:none;border:1px solid var(--rl-deep);background:var(--rl-deep);color:#fffdf4!important;border-radius:999px;padding:9px 13px;font:inherit;font-size:.88rem;font-weight:800;line-height:1.1;cursor:pointer;text-decoration:none;min-height:40px}
#reading-legacy button:hover,#reading-legacy button:focus-visible,#reading-legacy .rl-button:hover,#reading-legacy .rl-button:focus-visible{background:#0f2d20;color:#fffdf4!important;outline:3px solid rgba(138,106,37,.38);outline-offset:2px}
#reading-legacy button.rl-secondary{background:#fff;color:#173a2b!important}
#reading-legacy button.rl-secondary:hover,#reading-legacy button.rl-secondary:focus-visible{background:#f3f0e7;color:#102b1e!important}
#reading-legacy button:disabled{opacity:.62;cursor:not-allowed}
#reading-legacy .rl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
#reading-legacy .rl-stat{border:1px solid var(--rl-line);border-radius:12px;padding:10px;text-align:center;background:#f8f6ef}
#reading-legacy .rl-stat strong{display:block;color:var(--rl-ink);font-size:1.2rem}
#reading-legacy .rl-stat span{display:block;color:#526056;font-size:.72rem;line-height:1.2;margin-top:2px}
#reading-legacy .rl-recent{display:grid;gap:8px;margin-top:10px}
#reading-legacy .rl-recent-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e8e3d8}
#reading-legacy .rl-recent-row:last-child{border-bottom:0}
#reading-legacy .rl-recent-row strong{color:var(--rl-ink);font-size:.9rem}
#reading-legacy .rl-recent-row span{color:#566258;font-size:.78rem;white-space:nowrap}
#reading-legacy .rl-insight{margin-top:12px;border-left:4px solid var(--rl-gold);background:#f5f1e5;border-radius:10px;padding:11px 12px;color:#29382e;font-size:.9rem}
#reading-legacy .rl-empty{padding:12px 0;color:#4c5a50}
#reading-legacy dialog{width:min(92vw,470px);border:1px solid var(--rl-line);border-radius:18px;padding:0;background:#fff;color:var(--rl-ink);box-shadow:0 24px 70px rgba(0,0,0,.25)}
#reading-legacy dialog::backdrop{background:rgba(8,15,11,.62)}
#reading-legacy .rl-dialog-body{padding:20px}
#reading-legacy .rl-dialog-body label{display:block;font-weight:750;color:var(--rl-ink);margin:12px 0 5px}
#reading-legacy .rl-dialog-body input,#reading-legacy .rl-dialog-body textarea{width:100%;border:1px solid #999f98;border-radius:10px;background:#fff;color:#172019;padding:11px 12px;font:inherit;font-size:16px}
#reading-legacy .rl-dialog-body textarea{min-height:92px;resize:vertical}
#reading-legacy .rl-dialog-body input:focus,#reading-legacy .rl-dialog-body textarea:focus{outline:3px solid rgba(138,106,37,.32);border-color:#6b5728}
#reading-legacy .rl-dialog-help{font-size:.8rem;color:#59665d;margin:.4rem 0}
@media(max-width:720px){#reading-legacy{border-radius:17px;padding:16px}#reading-legacy .rl-grid{grid-template-columns:1fr}#reading-legacy .rl-now{grid-template-columns:56px minmax(0,1fr)}#reading-legacy .rl-cover,#reading-legacy .rl-cover-placeholder{width:56px}#reading-legacy .rl-actions button{flex:1 1 130px}#reading-legacy .rl-stats{grid-template-columns:repeat(3,1fr)}#reading-legacy .rl-stat{padding:8px 5px}}

/* Future Lock · Reading Legacy visual biography */
#reading-legacy .rl-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin:0 0 12px;scrollbar-width:thin}
#reading-legacy .rl-tabs button{background:#fff;color:#173a2b!important;-webkit-text-fill-color:#173a2b;border-color:#b9b39f;white-space:nowrap}
#reading-legacy .rl-tabs button[aria-pressed="true"]{background:#173a2b;color:#fffdf4!important;-webkit-text-fill-color:#fffdf4;border-color:#173a2b}
#reading-legacy .rl-stage{min-width:0}
#reading-legacy .rl-overview-grid,#reading-legacy .rl-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#reading-legacy .rl-stats-four{grid-template-columns:repeat(4,minmax(0,1fr))}
#reading-legacy .rl-year-picker{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;padding-bottom:3px}
#reading-legacy .rl-year-picker button{background:#fff;color:#173a2b!important;-webkit-text-fill-color:#173a2b;border-color:#b9b39f;min-width:68px}
#reading-legacy .rl-year-picker button[aria-pressed="true"]{background:#173a2b;color:#fffdf4!important;-webkit-text-fill-color:#fffdf4}
#reading-legacy .rl-season-list{display:grid;gap:18px}
#reading-legacy .rl-season{border-top:1px solid var(--rl-line);padding-top:14px}
#reading-legacy .rl-season:first-child{border-top:0;padding-top:0}
#reading-legacy .rl-timeline-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
#reading-legacy .rl-timeline-book{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--rl-line);border-radius:14px;background:#fff;padding:10px;min-width:0}
#reading-legacy .rl-timeline-cover{width:54px;aspect-ratio:2/3;object-fit:cover;border-radius:7px;background:#ece9df;border:1px solid #d6d0c0}
#reading-legacy .rl-timeline-book strong,#reading-legacy .rl-timeline-book span,#reading-legacy .rl-timeline-book small{display:block;overflow:hidden;text-overflow:ellipsis}
#reading-legacy .rl-timeline-book strong{color:#172019;font-size:.88rem;line-height:1.2}
#reading-legacy .rl-timeline-book span{color:#536057;font-size:.78rem;margin-top:2px;white-space:nowrap}
#reading-legacy .rl-timeline-book small{color:#6a5a31;font-size:.7rem;margin-top:4px}
#reading-legacy .rl-pattern-pills{display:flex;flex-wrap:wrap;gap:8px}
#reading-legacy .rl-pattern-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #d3cbb8;border-radius:999px;padding:7px 10px;background:#f7f3e9;color:#26362b}
#reading-legacy .rl-pattern-pill strong{font-size:.8rem;color:#26362b}
#reading-legacy .rl-pattern-pill small{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#173a2b;color:#fffdf4;font-weight:800}
#reading-legacy .rl-pattern-summary{margin:12px 0 0;font-size:.86rem}
#reading-legacy .rl-reflection{border:1px solid var(--rl-line);border-radius:16px;background:#fff;padding:16px}
#reading-legacy .rl-reflection-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
#reading-legacy .rl-reflection-head label{font-weight:800;color:#172019;min-width:120px}
#reading-legacy .rl-reflection-head select{display:block;width:100%;margin-top:5px;border:1px solid #999f98;border-radius:10px;background:#fff;color:#172019;padding:9px 10px;font:inherit}
#reading-legacy .rl-reflection textarea{width:100%;min-height:180px;border:1px solid #999f98;border-radius:12px;background:#fff;color:#172019;-webkit-text-fill-color:#172019;padding:12px;font:inherit;font-size:16px;resize:vertical}
#reading-legacy .rl-reflection textarea:focus,#reading-legacy .rl-reflection select:focus{outline:3px solid rgba(138,106,37,.32);border-color:#6b5728}
@media(max-width:760px){#reading-legacy .rl-overview-grid,#reading-legacy .rl-pattern-grid{grid-template-columns:1fr}#reading-legacy .rl-stats-four{grid-template-columns:repeat(2,1fr)}#reading-legacy .rl-timeline-rail{grid-template-columns:repeat(2,minmax(0,1fr))}#reading-legacy .rl-timeline-book{grid-template-columns:46px minmax(0,1fr);padding:8px}#reading-legacy .rl-timeline-cover{width:46px}#reading-legacy .rl-tabs{margin-inline:-4px;padding-inline:4px}}
@media(max-width:430px){#reading-legacy .rl-timeline-rail{grid-template-columns:1fr}}

/* Dedicated Legacy page already has a hero: avoid repeating the same complete introduction. */
body[data-society-page="reading-legacy"] #reading-legacy .rl-head>div:first-child{display:none}
@media(max-width:700px){#reading-legacy .rl-tabs{scrollbar-width:thin;scrollbar-color:#958050 transparent;scroll-padding-right:15px}#reading-legacy .rl-tabs::after{content:'›';position:sticky;right:0;pointer-events:none;align-self:center;color:#68512a;background:var(--rl-paper);font:bold 1.15rem var(--ui);padding-inline:5px}#reading-legacy .rl-tabs button{flex:0 0 auto}}

