/* A restrained material palette. The established layout remains intact. */
:root{--paper:#f3f0e8;--ink:#292d2a;--muted:#666d61;--line:#d6d7cd;--orange:#9c5e43;--sage:#c9d0bc;--dark:#354537}
body{background:var(--paper)}
.header{border-bottom-color:#d9d8ce}.nav-progress{background:#f9f7f1;border-color:#c6cbbd;color:#49543f}.nav-progress:hover{background:#e8e9df}.progress-orb{border-color:#c8ccbb;border-right-color:#697a54}
.intro-eyebrow,.eyebrow,.micro{color:#68715f}.intro-aside p{color:#626c5c}.title-asterisk{color:#6d795b}.language-pills span{border-color:#c5cbb8;color:#626d55}.language-pills span:nth-child(2n){background:#e3e6d9}
.studio-wrap{background:#fcfaf5;border-color:#bfc5b3;box-shadow:0 18px 45px -27px #323b2d50,0 1px 3px #323b2d0a}.studio-topbar{background:#343e35;color:#eeeede;border-color:#4e5947}.studio-version{color:#c1c8b7}.guest-label{color:#d6decb}.green-light{background:#adc084;box-shadow:0 0 0 4px #adc08412}.studio-sidebar{background:#ebece2;border-color:#d4d8c9}.moment.active{background:#fbfaf4;border-color:#c9d0bb;box-shadow:inset 2px 0 0 #9c5e43,0 2px 5px #29332806}.moment:hover{background:#e2e6d6}.moment-icon{color:#6a785a}.moment small,.sidebar-note p,.sidebar-progress small{color:#68745d}.sidebar-note strong{color:#49563e}.orbit-icon{color:#8b9975}.progress-line{background:#d5dcc8}.progress-line span{background:#6c8050}
.language-bridge{background:#f0f0e7;border-color:#d7dccb}.language-bridge label>span{color:#626f54}.bridge-status{color:#647459}.bridge-status i{background:#798d5d}.swap-languages{background:#fbfaf4;border-color:#bfc9af}.swap-languages:hover{background:#e5ead9}.document{background:#ece3d1;border-color:#cdbf9f;box-shadow:3px 4px 0 #e5ddca66,0 6px 12px -8px #7868462e}.document:after{background:#ccc6af99}.document-top,.doc-highlight{color:#796647;border-color:#c9b893}.doc-seal{color:#896d44;border-color:#ac956b}.document p{color:#584f3e}.answer-choice{background:#fcfaf5;border-color:#cfd7c1}.answer-choice:hover{background:#edf0e3;border-color:#95a37e}.answer-choice.selected,.answer-choice.correct{background:#e4ebd7;border-color:#798e58}.choice-letter{background:#e9eddf;color:#64774f}.hint-button{color:#62734f}.lesson-feedback{background:#eaf0de;border-color:#82975f;color:#405035}.classroom-footer{color:#69755e;border-color:#dce1d2}.classroom-footer button{color:#61724e}.solid-button:hover{background:#506043}
.section-heading h2 em,.field-guide h2 em{color:#65734f}.section-aside,.practice-body p,.approach-grid p{color:#68725e}.section-aside a{color:#596b44}.filters button.active{background:#3c4b35}.filters button:hover:not(.active){background:#e2e7d5}.practice-item{background:#fcfaf5;border-color:#ccd1c0}.practice-item:hover{box-shadow:0 15px 28px -20px #35432c66}.practice-visual{background:#cbd1bd}.practice-visual.coral{background:#d9bfae}.practice-visual.blue{background:#c0cdd0}.practice-visual.yellow{background:#d6caaa}.practice-visual.lilac{background:#cdc7d0}.practice-visual.mint{background:#c2cdba}.practice-number{color:#4f5d41}.mini-art{background:#faf7ee;border-color:#e8e1d2;box-shadow:5px 8px 0 #3b482721,0 12px 16px #3b482715}.mini-art p,.mini-art small{color:#68745c}.warning-stamp{background:#a2684c;border-color:#e7d4c6}.practice-meta{color:#637251}.open-practice{border-color:#d7decb}.open-practice span{color:#697f4e}.bookmark{background:#faf7ee99;border-color:#faf7ee77}.bookmark[aria-pressed=true]{background:#405334}.library-foot{color:#6a775d}
.language-section{background:#303b34}.language-story .eyebrow{color:#bec9af}.language-story h2 em{color:#c4cda7}.language-story>p:not(.eyebrow){color:#c4cdbb}.language-story .solid-button{background:#d7cfab;color:#354131}.language-story small{color:#b2bfa5}.language-map{background:#39473b;border-color:#788167;box-shadow:8px 8px 0 #26302a}.map-label{color:#c8d0b9;border-color:#6a745b}.language-cell{border-color:#667157;color:#f0eee0}.language-cell span{color:#c6cfb7}.language-cell:hover{background:#4d5c45}.map-symbol{color:#d0c595}.map-footer p{color:#c2cbb5}.map-footer strong{color:#e0e5d5}.field-guide{background:#e6e9dc}.guide-entries p{color:#657256}.guide-entries summary span{color:#687951}.closing-symbol,.closing p em{color:#9c5e43}.approach-art.art-two span+span{color:#ad8e73}.studio-under,footer{color:#66725a}
/* Local learning history, tucked behind the existing progress control. */
.learning-dialog{border:1px solid #c3cbb7;border-radius:16px;padding:0;width:min(520px,calc(100vw - 32px));max-height:85vh;color:var(--ink);background:#f8f6ee;box-shadow:0 35px 90px #1c2d2055}.learning-dialog::backdrop{background:#26352b70;backdrop-filter:blur(4px)}.learning-dialog-header{padding:25px 26px 18px;border-bottom:1px solid #d8dfcc;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:#edf0e3}.learning-dialog-header .micro{margin-bottom:8px}.learning-dialog-header h2{font-family:var(--display);font-size:28px;letter-spacing:-1px;font-weight:600;margin:0}.learning-dialog-body{padding:23px 26px}.learning-privacy{font-size:11px;line-height:1.7;color:#6c795e;margin-bottom:22px}.resume-card{border:1px solid #c8d1b8;background:#eef2e4;border-radius:8px;padding:19px;margin-bottom:27px}.resume-card h3{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.6px;margin:9px 0}.resume-card p{font-size:12px;color:#657953;line-height:1.7}.resume-card .solid-button{width:100%;padding:12px 15px;font-size:11px}.history-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:13px}.history-title span{font-size:10px;color:#758665}.history-list{list-style:none;margin:0;padding:0}.history-item{padding:14px 0;border-top:1px solid #dbe1d0;display:flex;align-items:center;gap:13px}.history-tick{width:27px;height:27px;display:grid;place-items:center;border:1px solid #b9c8a6;border-radius:50%;font-size:12px;color:#6b8350;flex-shrink:0}.history-item>div{flex:1}.history-item strong{font-size:12px;font-weight:500}.history-item p{font-size:10px;line-height:1.7;color:#748660;margin:4px 0 0}.history-item button{padding:8px 10px;font-size:10px;border:1px solid #c7d2b7;background:transparent;border-radius:5px}.history-item button:hover{background:#e7eddd}.history-empty{padding:25px 18px;text-align:center;background:#eff2e7;border-radius:6px;font-size:12px;line-height:1.8;color:#718060}.resume-status{font-size:9px;color:#d1dcbe}.resume-status:before{content:'↳';margin-right:6px}
@media(max-width:580px){.learning-dialog-header{padding:20px}.learning-dialog-body{padding:20px}.learning-dialog-header h2{font-size:25px}.history-item{gap:10px}.history-item strong{font-size:11px}.history-item p{font-size:9px}.resume-status{font-size:7px}}
