/* Reading surfaces share the dashboard palette without adding decorative labels. */
.reading-page{--ink:#ECEEF1;--ink2:#c3c8d0;--mute:#969da7}
.reading-nav{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.reading-nav .nav{height:44px;gap:10px;font-size:22px;min-width:0}
.reading-back{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink2);font-size:14px;text-decoration:none;background:var(--bg2)}
.reading-back:hover{border-color:var(--amber);color:var(--ink)}
.reading-page main{padding-top:12px}
.reading-page h1{font-size:clamp(34px,5vw,48px);letter-spacing:-.035em;max-width:18ch}
.reading-page .lead{max-width:60ch;line-height:1.75}
.reading-page h2{margin-top:48px;font-size:24px;line-height:1.3}
.reading-page main p{color:var(--ink2);max-width:68ch;line-height:1.8}
.reading-page .terms li{color:var(--ink2);background:var(--bg2);border-color:var(--line)}
.reading-page .gigs{border:1px solid var(--line);border-radius:16px;padding:0 22px;background:linear-gradient(135deg,rgba(232,147,58,.045),transparent 65%),var(--bg2)}
.reading-page .gigs li{padding:16px 0}
.reading-page .gigs li:last-child{border-bottom:0}
.reading-page .gigs a{display:inline-block;min-height:44px;padding:7px 0;font-size:17px;font-weight:600;line-height:1.5}
.reading-page .gmeta{opacity:1;color:var(--mute);line-height:1.6}
.reading-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;line-height:1.4;white-space:normal;text-align:center;transition:filter .15s,border-color .15s}
.reading-page .btn:hover{filter:brightness(1.07)}
.reading-page .btn-secondary{background:var(--panel);border:1px solid var(--line2);color:var(--ink2)}
.reading-page .btn-secondary:hover{border-color:var(--amber)}
.reading-page .more a{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px}
.reading-page .more{gap:10px}
.reading-page footer{margin-top:64px}
.reading-page footer .legal{opacity:1;color:var(--mute)}
.reading-page footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.reading-page .ex{padding:24px;border-radius:14px;border-left-width:3px;margin-top:22px}
.reading-page .ex-l{font-size:14px;letter-spacing:0;text-transform:none;color:var(--mute)}
.reading-page .ex p{font-size:17px;line-height:1.8}
.reading-page .ex-good{background:linear-gradient(135deg,rgba(232,147,58,.065),transparent 75%),var(--bg2)}
.reading-page .close{font-size:16px}
.reading-page .guide-index{margin-top:32px;display:block}
.reading-page .guide-index a{display:flex;min-height:100px;border-radius:14px;padding:24px;font-size:20px;font-weight:600;line-height:1.45;background:linear-gradient(135deg,rgba(232,147,58,.055),transparent 75%),var(--bg2)}
@media(max-width:640px){.reading-page .wrap{padding-left:20px;padding-right:20px}.reading-page h1{margin-top:30px}.reading-page h2{margin-top:36px;font-size:22px}.reading-page .gigs{padding:0 17px}.reading-page .ex{padding:20px}.reading-nav{padding:10px 16px}.reading-nav .nav{font-size:20px}.reading-page .more a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.reading-page .btn{transition:none}}