.learning-shell{--gold:#d4a07a;--cream:#f0e8d8;--muted:#b3c3b8;--border:#7a5638;--panel:#34463e;color:var(--cream);min-height:100vh;font-family:var(--font-sans),sans-serif;background:radial-gradient(at top,#20302a,#14110e 65%)}.learning-shell *{box-sizing:border-box}.learning-shell a{color:inherit;text-decoration:none}.learning-shell button{font:inherit;cursor:pointer}.learning-shell button:disabled{opacity:.55;cursor:not-allowed}.learning-shell :is(a,button):focus-visible{outline:3px solid var(--gold);outline-offset:3px}.learning-section-nav{border-bottom:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:1.5rem;padding:.8rem max(1.25rem,50vw - 540px);font-size:.92rem;display:flex}.learning-section-nav a:hover,.learning-back:hover{color:var(--gold)!important}.learning-main{max-width:1080px;margin:auto;padding:3rem 1.25rem 6rem}.learning-intro{text-align:center;max-width:720px;margin:0 auto 3rem}.learning-shell h1,.learning-shell h2,.learning-shell h3{font-family:var(--font-serif),Georgia,serif;line-height:1.15}.learning-shell h1{margin:.7rem 0 1rem;font-size:clamp(2.7rem,6vw,4.3rem)}.learning-shell h2{margin:0 0 1.2rem;font-size:2rem}.learning-shell h3{color:var(--gold);margin:1.7rem 0 .6rem;font-size:1.4rem}.learning-intro p,.learning-lead{color:var(--muted);font-size:1.1rem;line-height:1.7}.learning-eyebrow{color:#e3b38f;letter-spacing:.17em;text-transform:uppercase;font-size:.74rem;font-weight:700}.learning-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:1rem;display:grid}.learning-main>section{margin-bottom:3rem}.learning-tile,.learning-panel{border:1px solid var(--border);background:linear-gradient(145deg,#3a4e45,#2a3830);border-radius:16px;padding:1.5rem}.learning-tile{flex-direction:column;gap:.65rem;min-height:166px;transition:transform .2s,border-color .2s;display:flex}.learning-tile:hover{border-color:var(--gold);transform:translateY(-3px)}.learning-tile strong{font:600 1.45rem var(--font-serif),Georgia,serif}.learning-tile>span:last-child{color:var(--muted)}.tile-symbol{color:var(--gold);font-size:1.7rem}.learning-article{max-width:760px;margin:auto}.learning-back{width:fit-content;margin-bottom:1.5rem;display:block;color:var(--muted)!important}.lesson-copy{border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem;font-size:1.05rem;line-height:1.75}.lesson-copy h2{margin-top:2rem}.lesson-copy h3{margin-top:1.7rem}.lesson-copy p{margin:.8rem 0}.lesson-copy strong{color:var(--gold)}.lesson-bullet{gap:.8rem;padding-left:.4rem;display:flex}.lesson-bullet>span:first-child{color:var(--gold);flex:0 0 1.4rem}.learning-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.learning-button{border:1px solid var(--border);background:var(--panel);border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.1rem;display:inline-flex;color:var(--cream)!important;font-weight:600!important}.learning-button:hover{border-color:var(--gold)}.learning-button-gold{background:var(--gold);border-color:var(--gold);color:#1a1714!important}.learning-danger{border-color:#ffb7ae;color:#ffb7ae!important}.learning-alert{background:#462f29;border:1px solid #ffb7ae;border-radius:9px;padding:1rem;line-height:1.5}.learning-filter{gap:.5rem;padding:1rem 0;display:flex;overflow-x:auto}.learning-filter button{border:1px solid var(--border);background:var(--panel);color:var(--cream);white-space:nowrap;border-radius:30px;min-height:44px;padding:.55rem .9rem}.learning-filter button.active{background:var(--gold);color:#1a1714;border-color:var(--gold)}.study-toolbar,.study-known{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.study-card{border:2px solid var(--gold);width:min(100%,420px);min-height:440px;color:var(--cream);text-align:center;background:linear-gradient(160deg,#3a4e45,#2a3830);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;margin:1.2rem auto;padding:1.3rem;display:flex;box-shadow:0 20px 45px #0c100d88}.study-card strong{font:600 1.55rem var(--font-serif),Georgia,serif;color:var(--gold)}.study-card small{color:var(--muted)}.study-art img{border-radius:9px;width:auto;max-width:100%;height:auto;max-height:320px}.study-meaning{text-align:left;flex-direction:column;align-items:stretch;gap:1rem;line-height:1.5;display:flex}.study-meaning>span:not(.learning-eyebrow){gap:.3rem;display:grid}.study-meaning b{color:var(--gold)}.study-actions{justify-content:center}.study-known{border-top:1px solid var(--border);padding-top:1rem}.learning-panel{margin:1.2rem 0;line-height:1.6}.quiz-panel{text-align:center}.quiz-top,.progress-row>div{justify-content:space-between;gap:1rem;display:flex}.learning-shell progress{width:100%;height:12px;accent-color:var(--gold)}.quiz-image{margin:1.5rem auto}.quiz-image img{border-radius:8px;width:auto;height:220px}.quiz-panel h2{font-size:1.55rem}.quiz-choices{gap:.7rem;margin:1.3rem 0;display:grid}.quiz-choices button{text-align:left;border:1px solid var(--border);min-height:52px;color:var(--cream);background:#34463e;border-radius:10px;padding:.7rem 1rem}.quiz-choices button:not(:disabled):hover{border-color:var(--gold)}.quiz-choices button.correct{background:#254333;border-color:#a5dfb0}.quiz-choices button.incorrect{background:#51352f;border-color:#ffb7ae}.quiz-feedback{border-radius:9px;margin:1rem 0;padding:1rem}.quiz-feedback.correct{color:#a5dfb0;background:#20382c}.quiz-feedback.incorrect{color:#ffb7ae;background:#432c28}.quiz-score{color:var(--gold);font-size:1.6rem}.quiz-review{border-top:1px solid var(--border);gap:.3rem;padding:1rem 0;display:grid}.quiz-review span{color:var(--muted)}.learning-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:2rem 0;display:grid}.learning-stats>div{background:var(--panel);border:1px solid var(--border);border-radius:14px;gap:.3rem;padding:1rem;display:grid}.learning-stats strong{font:600 2rem var(--font-serif),Georgia,serif;color:#e3b38f;white-space:nowrap}.learning-stats small,.learning-stats span,.progress-row small{color:var(--muted);font-size:.85rem}.progress-row{border-top:1px solid var(--border);padding:.8rem 0}.progress-row progress{margin:.5rem 0;display:block}@media (max-width:600px){.learning-main{padding-top:2rem}.study-known{flex-direction:column;align-items:flex-start}.learning-stats{gap:.35rem}.learning-stats>div{padding:.65rem}.learning-stats strong{font-size:1.45rem}.learning-stats span{font-size:.72rem}}.learning-shell [tabindex="-1"]:focus{outline:none}.quiz-choices button:disabled{opacity:1;cursor:default}