.study{max-width:900px;margin:32px auto 64px;padding:0 18px;line-height:1.7;color:var(--ve-text,#e9e2d4)}
.study h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;max-width:680px;margin:16px 0}.study h2{font-size:1.65rem}.study h3{font-size:1.25rem}
.study-intro{padding:28px 0}.study-eyebrow{font-size:.75rem;letter-spacing:.14em;color:var(--ve-gold,#cdb379)}
.study-panel{border:1px solid #a88d573d;border-radius:14px;padding:24px;margin:20px 0;background:var(--ve-panel,#151d25)}
.study button,.study select,.study input,.study textarea{font:inherit;border-radius:7px;padding:10px 14px;max-width:100%;box-sizing:border-box}
.study button{background:#d5bd83;color:#171b21;border:1px solid #d5bd83;cursor:pointer;min-height:44px;font-weight:600}
.study button:disabled{opacity:.6;cursor:default}.study button.study-secondary{background:transparent;color:inherit;border-color:#ad9866}
.study select,.study input,.study textarea{display:block;width:100%;margin:8px 0 14px;background:#0e151d;color:#f4ecdb;border:1px solid #807455}
.study select{white-space:normal}.study :focus-visible{outline:3px solid #dfc487;outline-offset:3px}
.study-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.study-route{display:flex;flex-wrap:wrap;gap:12px 30px;padding-left:22px}
.study-route li{padding-right:6px;font-size:.9rem}.study-muted{font-size:.9rem;color:#b9c0c6}.study-error{padding:14px;border:1px solid #e5907a;background:#422821;border-radius:8px}
.study-passage{border-left:3px solid #b99c61;padding:6px 20px;margin:22px 0;font-size:1.13rem}.study-passage p{margin:10px 0}
.study-word,.study-review-card{border-top:1px solid #cdb37933;padding:18px 0}.study-word strong{font-size:1.15rem}.study-word button{margin-top:8px}
.study-done{background:#1c4b3b!important;border-color:#63927b!important;color:#e7f5ed!important}.study [hidden]{display:none!important}
.study audio{display:block;width:100%;max-width:500px;margin:12px 0}.study a{color:#dcc38e}.study-session-heading{margin-top:32px}
@media(max-width:600px){.study{padding:0 12px}.study-panel{padding:18px 14px}.study-actions{flex-direction:column}.study-actions button{width:100%}.study select{font-size:.95rem}.study-route{display:block}.study-passage{padding-left:12px}}