.room-self-study{background:#11130f;color:#efe6d7;overflow-x:clip}.room-self-study *{box-sizing:border-box}.study-wrap{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:26px 0 80px;min-width:0}.study-wrap h1,.study-wrap h2,.study-wrap h3{font-family:var(--display),Georgia,serif;color:#f6ead7;line-height:1.17}.study-wrap h1{font-size:clamp(2.25rem,5.2vw,4rem);margin:10px 0}.study-wrap h2{font-size:clamp(1.7rem,3vw,2.3rem)}.study-wrap h3{font-size:1.35rem}.study-wrap p{line-height:1.7}.study-back,.study-side-links a{color:#dfc69b}.study-welcome{padding:25px 0 30px;border-bottom:1px solid #6c5b3c55;max-width:820px}.study-welcome>p{max-width:65ch;color:#d2c6b4}.study-welcome-links,.study-actions,.study-read-tools,.study-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.study-columns{display:grid;grid-template-columns:minmax(210px,0.28fr) minmax(0,1fr);gap:22px;align-items:start}.study-columns>*{min-width:0}.study-aside{position:sticky;top:85px}.study-aside details{border:1px solid #80683a55;background:#1a1d17;border-radius:15px;overflow:hidden}.study-aside summary{cursor:pointer;color:#ead1a5;padding:16px;display:flex;justify-content:space-between;gap:8px}.study-aside summary:focus-visible{outline:2px solid #e5c58d}.study-week{border-top:1px solid #9d825036;padding:8px}.study-week details{border:0;border-radius:0}.study-week summary{font-size:.84rem;padding:9px}.study-day-link{display:block;width:100%;padding:9px 10px;margin:1px 0;border:0;border-radius:8px;background:transparent;color:#d3c5af;font-size:.83rem;text-align:left;cursor:pointer;overflow-wrap:anywhere}.study-day-link.active{color:#ffdf9e;background:#584b304a}.study-day-link.done:after{content:' ✓';color:#e1cb91}.study-side-links{display:grid;gap:12px;margin:15px 0}.study-progress{margin:24px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:15px}.study-progress h2{font-size:1.45rem;margin:.3rem 0}.study-progress p{font-size:.9rem;color:#c5baa9}.study-count{font-family:var(--display),Georgia,serif;font-size:2rem;color:#e3c18b;white-space:nowrap}.study-progress-track{height:5px;background:#3c3930;border-radius:20px;margin:6px 0 24px;overflow:hidden}.study-progress-track>span{display:block;height:100%;width:0;background:#dfbf82;transition:width .2s}.study-panel{background:#1a1d17;border:1px solid #967f5050;border-radius:17px;padding:clamp(18px,3vw,28px);margin-bottom:17px;min-width:0}.study-panel h2{margin:7px 0 12px}.study-ref{font-weight:700;color:#dec28a}.study-caption{color:#a9a296;font-size:.76rem;margin:13px 0}.study-passage{margin:18px 0;max-height:360px;overflow-y:auto;padding:17px;line-height:1.9;background:#141712;border-left:3px solid #c9ad74;white-space:pre-wrap;color:#eee1c7}.study-reveal{padding:13px 0;margin-top:14px;border-top:1px solid #a9905a44}.study-reveal summary{cursor:pointer;color:#e2c38b}.study-wrap label{display:block;color:#f0e2c7;font-weight:600;margin:16px 0 7px}.study-wrap textarea{width:100%;max-width:100%;min-height:94px;resize:vertical;background:#10140f;border:1px solid #79684e;color:#f9ecdb;border-radius:11px;padding:13px;font:inherit;line-height:1.5}.study-wrap :focus-visible{outline:2px solid #e7cc9b;outline-offset:2px}.study-suggestion{padding:10px 13px;background:#26281e;color:#e9d3a5;border-radius:9px;font-size:.88rem}.study-question{margin:22px 0;border:1px solid #8f774647;border-radius:12px;padding:16px}.study-question legend{color:#e8c68b;font-weight:700;padding:0 5px}.study-question label{display:flex;align-items:flex-start;gap:9px;margin:9px 0;padding:10px;border-radius:9px;background:#10140f;font-weight:400;font-size:.91rem}.study-question input{margin-top:4px;accent-color:#d6b576}.study-actions{margin:12px 0}.study-nav{justify-content:space-between}.study-continue{border-left:3px solid #b99b63}.study-inactive{opacity:.65;pointer-events:none}.study-grade{padding:12px 0;line-height:1.5;color:#e6cb94}.study-wrap .btn{max-width:100%;white-space:normal}.study-wrap [hidden]{display:none!important}
@media(max-width:790px){.study-columns{display:block}.study-aside{position:static;margin-bottom:19px}.study-wrap{width:calc(100% - 26px)}.study-progress{align-items:flex-start}.study-count{font-size:1.55rem}.study-aside details:not([open]){max-height:none}}
@media(max-width:380px){.study-wrap{width:calc(100% - 18px)}.study-welcome-links .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.study-progress-track>span{transition:none}}