.reading-page{max-width:1000px;margin:0 auto;padding:3.8rem 3.4rem 5rem}
.reading-intro{max-width:780px;margin:0 auto 2.4rem;text-align:center}
.reading-intro h1{font-size:clamp(2.75rem,5vw,4.6rem);margin:.65rem auto 1rem;max-width:16ch}
.reading-intro p{max-width:670px;margin:0 auto;color:var(--muted);font-size:1.08rem}
.reading-tool{max-width:800px;margin:0 auto 3.5rem;padding:clamp(1.25rem,4vw,2.8rem);background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow)}
.reading-step[hidden],.reading-results[hidden]{display:none}
.reading-step-count{margin:0 0 .75rem;color:var(--purple);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.reading-step h2,.reading-results h2{font-size:clamp(2rem,4vw,3.1rem);margin:0 0 .8rem}
.reading-step > p,.reading-results > p{color:var(--muted);max-width:650px}
.reading-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.4rem 0 0}
.reading-option{min-height:76px;width:100%;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--cream);color:var(--green);text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease;font-weight:400}
.reading-option:hover{background:#fff;border-color:var(--purple);transform:translateY(-1px)}
.reading-option:focus-visible,.reading-back:focus-visible,.reading-restart:focus-visible,.reading-results a:focus-visible,.reading-path-prompt a:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.reading-selected{margin:.2rem 0 1rem;padding:.75rem 1rem;border-left:3px solid var(--purple);background:var(--cream);color:var(--muted)}
.reading-back,.reading-restart{display:inline-flex;align-items:center;min-height:44px;margin-top:1rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:var(--pill);background:transparent;color:var(--green);cursor:pointer}
.reading-results{max-width:800px;margin:0 auto}
.reading-recommendations{display:grid;gap:.75rem;margin:1.35rem 0 1.5rem}
.reading-recommendation{display:block;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--cream)}
.reading-recommendation,.reading-recommendation:hover{color:var(--green);text-decoration:none}
.reading-recommendation h3,.reading-recommendation p{text-decoration:none}
.reading-result-actions .button{font-weight:400}
.reading-recommendation h3{font-size:1.45rem;letter-spacing:-.015em;margin:0 0 .35rem}
.reading-recommendation p{margin:0;color:var(--muted);font-size:.94rem}
.reading-result-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.reading-result-actions .button{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.reading-result-actions .button.secondary{border:1px solid var(--line);background:var(--white);color:var(--green)}
.reading-note{margin:1.2rem 0 0;color:var(--muted);font-size:.87rem}
.reading-static{max-width:850px;margin:0 auto}
.reading-static h2{font-size:clamp(2rem,3.3vw,2.8rem);margin:0 0 1.3rem}
.reading-static-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.reading-static-group{padding:1.25rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white)}
.reading-static-group h3{font-size:1.45rem;margin:0 0 .65rem}
.reading-static-group ul{margin:0;padding-left:1.15rem}
.reading-static-group li{margin:.48rem 0;color:var(--muted)}
.reading-static-group a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.reading-path-prompt{margin:1.5rem 0;padding:1.25rem 1.4rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--cream)}
.reading-path-prompt p{margin:0 0 .35rem;color:var(--muted)}
.reading-path-prompt a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.reading-page{padding:3rem 1.2rem 4rem}.reading-intro{text-align:left}.reading-intro h1{max-width:14ch;margin-left:0;font-size:clamp(2.65rem,11vw,3.6rem)}.reading-tool{padding:1.2rem;border-radius:var(--r-lg)}.reading-options,.reading-static-grid{grid-template-columns:1fr}.reading-option{min-height:64px}.reading-result-actions{display:grid}.reading-result-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.reading-option{transition:none}}