.study-hub,.study-task{--gold:#f6c76b;--ivory:#fff5dc;--edge:#36444a;--leaf:#9ed9a1}
.study-hub{max-width:1050px;margin:0 auto}.study-heading,.study-toolbar,.study-task-top,.study-actions,.study-audio,.signal-actions,.trial-status,.study-continue{display:flex;align-items:center;justify-content:space-between;gap:12px}.study-heading{margin:2px 0 16px}.study-heading h2{font-size:clamp(22px,3vw,30px)}.study-subtle,.study-gold{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:11px;min-height:42px;padding:8px 14px;font-weight:650;font-size:14px}.study-subtle{color:#d5dfdf;border:1px solid #475058;background:#21272e}.study-subtle:hover,.study-answer:hover,.trial-key:hover{border-color:#dcb665}.study-gold{background:#f1c975;color:#282113;box-shadow:inset 0 -2px 0 #b78436}.study-gold:hover{background:#ffdb8f}.study-gold:disabled,.trial-key:disabled{opacity:.4}.chapter-banner{background-image:linear-gradient(90deg,#0e1f22fa 5%,#102b2bd9 36%,#10272b40 70%),var(--chapter-art);background-position:center,center 54%;background-size:cover;border:1px solid #506255;border-radius:21px;overflow:hidden;box-shadow:inset 0 0 20px #10181355}.chapter-banner>div{padding:clamp(24px,4vw,46px);max-width:570px}.chapter-kicker,.study-kind{color:#edce89;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:750}.chapter-banner h1{color:var(--gold);font-size:clamp(28px,4vw,45px);margin:9px 0}.chapter-banner h1 span{color:var(--ivory)}.chapter-banner p{line-height:1.55;font-size:15px;color:#d9e4d9;max-width:420px}.chapter-meter{margin:22px 0 7px;background:#172f31;border:1px solid #4c6760;width:min(280px,90%);height:7px;border-radius:10px}.chapter-meter i{display:block;height:100%;border-radius:inherit;background:var(--gold)}.chapter-banner small{color:#e9e6cc}.chapter-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0 23px}.chapter-tabs button,.study-switch button{display:flex;justify-content:center;align-items:center;gap:9px;padding:11px 8px;border:1px solid #343e49;border-radius:11px;background:#1a212b;color:#aebac4}.chapter-tabs .chosen,.study-switch .chosen{border-color:#a58950;background:#373326;color:#fbd590}.study-toolbar{flex-wrap:wrap;margin-bottom:15px}.study-switch{display:flex;gap:6px}.study-switch button{min-height:40px;font-weight:650;padding-inline:14px}.study-continue,.study-lock{margin:0 0 16px}.study-lock{color:#c5cfcf;display:flex;align-items:center;gap:8px}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chapter-row{display:grid;grid-template-columns:auto minmax(0,1fr) 20px;align-items:center;text-align:left;gap:13px;background:#1a222c;border:1px solid #303c47;border-radius:14px;padding:13px 16px}.scene-seal{display:grid;place-items:center;background:#28343d;color:#b4c3c5;border:1px solid #40505a;border-radius:12px;width:41px;height:41px;font-weight:bold}.chapter-row b,.chapter-row small{display:block}.chapter-row small{color:#a4b0b7;font-size:12px;margin-top:4px}.chapter-row.closed{color:#bdc7ce}.chapter-row.current{background:#27342f;border-color:#76866b}.chapter-row.current .scene-seal{background:#d3b573;border-color:#d3b573;color:#25251a}.chapter-row.complete .scene-seal{color:var(--leaf)}.chapter-word{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #343d49;padding:14px 4px}.chapter-word b{color:var(--ivory)}.chapter-word span{color:#bdc8cd;text-align:right}.dict-study{margin:0 0 15px}
.study-task{width:min(720px,100%);margin:0 auto;padding:clamp(16px,4vw,44px) 18px 45px}.study-task-top span{font-size:13px;color:#bbcacb}.study-stages{display:flex;gap:6px;margin:22px 0}.study-stages i{height:6px;border-radius:8px;flex:1;background:#2a3742}.study-stages i.lit{background:var(--gold)}.study-paper{margin-top:12px;padding:clamp(18px,4vw,34px);background:linear-gradient(140deg,#1e2c31,#1a232b 75%);border:1px solid #465650;border-radius:20px}.study-paper h1{font-size:clamp(24px,4vw,35px);line-height:1.22;margin:0 0 18px;color:var(--ivory)}.study-paper p{color:#d6e1df;line-height:1.6;margin:12px 0}.study-paper blockquote,.trial-string,.signal-card{border:1px solid #45615d;background:#15262a;border-left:3px solid #ba9b59;border-radius:10px;padding:16px 18px;margin:14px 0 20px;line-height:1.65;font-size:clamp(16px,2vw,20px);color:#f6edde;overflow-wrap:anywhere}.study-answers{display:grid;gap:9px;margin:18px 0}.study-answer,.trial-key{padding:12px 14px;border-radius:10px;border:1px solid #45515d;background:#222d36;text-align:left;color:#eef2f2;line-height:1.4}.study-answer{display:flex;gap:12px;align-items:baseline}.study-answer span{color:#aeb7ae;font-size:12px}.study-answer.picked,.trial-key.marked{border-color:var(--gold);background:#373529}.study-answer.wrong{border-color:#df928a}.study-paper .study-wrong{color:#ffbbb0}.study-tip{border-left:2px solid #a18a53;padding-left:12px}.study-audio,.signal-actions,.study-actions{justify-content:flex-start;flex-wrap:wrap}.study-success{color:#a5dc9f;display:flex;align-items:center;gap:12px}.study-success h1{margin:0}.trial-status{margin:12px 0;font-size:14px;color:#b8c8ce}.trial-status b{color:var(--gold);font-size:20px;font-variant-numeric:tabular-nums}.pair-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pair-board>div{display:grid;gap:8px}.trial-key{overflow-wrap:anywhere}.pair-board .trial-key{min-height:50px}.chunks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.signal-card{text-align:center}.signal-card b,.signal-card span{display:block}.trial-note{display:block;margin-top:10px;color:#e3cd9e}.writing-toggle{margin-bottom:4px}.trial-string{min-height:50px}.atlas-heading .atlas-chapters{background:#59462bea;color:#ffe2a1;border-color:#d4ad68}
@media(max-width:680px){.scene-grid{grid-template-columns:1fr}.chapter-tabs{gap:4px}.chapter-tabs button{flex-direction:column;gap:3px;padding:6px 2px}.chapter-banner{background-image:linear-gradient(90deg,#0d2228ed,#0d2229a6),var(--chapter-art)}.study-toolbar{gap:8px}.study-subtle,.study-switch button{padding-inline:9px;font-size:13px}.chapter-banner>div{padding:24px 18px}.mobile-nav .nav-link{min-width:0}.mobile-nav .nav-link span{white-space:nowrap;font-size:9px}.study-task{padding-inline:12px}.study-actions>.study-gold{flex:1}.atlas-heading .atlas-chapters{margin-left:0}.chapter-word{align-items:flex-start}.chapter-row{padding:11px 13px}}
@media(min-width:941px) and (max-width:1150px){.main-nav .nav-link:not(.active) span{display:none}}
.trial-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.trial-heading h1{margin:0}.trial-insignia{width:49px;height:49px;border:1px solid #b49b5f;border-radius:12px;display:grid;place-items:center;color:#f5d286;background:linear-gradient(145deg,#5c5335,#33372e)}
.brand b{color:#f4c563}