/* Shared layout: keep the next action before secondary information. */
.layout-details{border:1px solid var(--line);border-radius:12px;background:var(--card);margin:14px 0;padding:10px 14px;min-width:0}.layout-details>summary{cursor:pointer;color:var(--ink);font-size:14px;font-weight:600;min-height:24px}.layout-details>section,.layout-details>aside{margin:12px 0!important}.reading-options{width:fit-content;margin:8px 0 14px;max-width:100%}.reading-options .narration-bar{margin:10px 0 0}.main>.view-head{margin:18px 0}.main>.view-head .eyebrow{display:none}.main>.view-head h1{margin:8px 0;font-size:30px}.home-priority{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.home-priority>.mission{background:var(--soft)}.home-priority .card{padding:24px;min-width:0}.home-priority h2{font-size:24px;margin:12px 0}.home-priority .big-number{font-size:32px}.home-priority p{font-size:14px}.home-priority .balance>p{margin:7px 0}.lesson-continue{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:16px 0;background:var(--soft);border:1px solid var(--line);border-radius:14px}.lesson-continue h2{font-size:21px;margin:5px 0}.lesson-continue small{color:var(--muted)}.lesson-continue button{flex-shrink:0}.lesson-search{display:flex;gap:12px;align-items:center;margin:16px 0;font-size:14px}.lesson-search input{max-width:380px;margin:0;min-width:0}.lesson-search>span{white-space:nowrap}.lesson-more{display:block;margin:20px auto}.lesson-grid>[hidden]{display:none!important}.lesson-card h2{margin-top:12px}.lesson-card p{margin-bottom:12px}.nav-group-label{color:var(--muted);font-size:11px;padding:12px 14px 3px;letter-spacing:.04em}.sidebar .nav{margin-top:16px;gap:2px}.sidebar .nav>button{padding-block:10px}.sidebar .nav>.mobile-more{display:none}.news-toolbar{display:flex;align-items:end;gap:12px;margin:12px 0;flex-wrap:wrap}.news-toolbar form{display:flex;align-items:end;gap:8px;flex:1}.news-toolbar label{margin:0;min-width:0}.news-toolbar input,.news-toolbar select{margin-top:4px}.news-toolbar form label{flex:1}.news-grid .news-card{padding:18px}.news-card h2{font-size:18px;line-height:1.5;margin:10px 0}.news-card .source{margin-top:5px!important}.news-card .modal-actions{margin-top:12px}.main[data-view=simulation]>.view-head{margin-bottom:10px}.main[data-view=simulation]>.layout-details{margin:8px 0}.main .sandbox-status{padding:16px 20px;gap:16px;border-radius:16px;margin:12px 0}.sandbox-status h2,.sandbox-status p{margin:4px 0;font-size:14px}.sandbox-status strong{font-size:22px;margin-top:6px}.sandbox-status progress{height:6px}.main .sandbox-clock.layout-clock{position:static;inset:auto;width:auto;max-width:100%;display:flex;align-items:center;gap:12px;box-shadow:none;backdrop-filter:none;border-radius:12px!important;margin:10px 0;padding:10px 14px!important}.layout-clock>strong{font-size:14px;flex:1}.layout-clock>strong:before{width:25px;height:25px;font-size:20px}.layout-clock .clock-minimize{position:static;order:3;min-width:36px;min-height:36px}.layout-clock .modal-actions{margin:0;display:flex;align-items:center;flex-wrap:wrap}.layout-clock.clock-small .modal-actions{display:none}.main:has(.layout-clock){padding-bottom:24px}.sandbox-steps{margin:12px 0;gap:8px}.sandbox-steps button{padding:10px;border-radius:10px}.sandbox-steps button span{width:24px;height:24px;margin-inline-end:6px}.sandbox-steps small{margin-top:5px;font-size:12px}.practice-market h2{font-size:20px;margin:0 0 12px}.main[data-view=teacher]>.view-head p{margin:4px 0;font-size:14px}.main[data-view=teacher] .chat-card{display:flex;flex-direction:column;height:clamp(520px,calc(100dvh - 220px),850px);min-width:0;padding:18px}.main[data-view=teacher] .chat-log{height:auto;min-height:80px;flex:1;overscroll-behavior:contain;padding:14px 2px}.main[data-view=teacher] .chat-form{flex-shrink:0;margin-top:10px}.main[data-view=teacher] .chat-form textarea{resize:none}.main[data-view=teacher] .chat-card>.card-head{display:none}.main[data-view=teacher] .teacher-layout>.layout-details{grid-column:1;grid-row:2}.main[data-view=teacher] .teacher-context{grid-column:2;grid-row:1}.book-teacher-host .teacher-companion{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;margin:0 0 8px;flex-shrink:0}.book-teacher-host .book-intro{gap:8px}.book-teacher-host .book-portrait{width:66px;flex-basis:66px}.book-teacher-host .book-caption{gap:2px}.book-teacher-host .book-caption strong{font-size:15px}.book-teacher-host .book-ai{display:none}.book-teacher-host .book-state{font-size:12px}.book-teacher-host .teacher-companion>.narration-bar{grid-column:1;display:flex;gap:6px;margin:0}.book-options{grid-column:2;grid-row:2;align-self:center}.book-options>summary{cursor:pointer;font-size:13px;min-height:44px;display:flex;align-items:center;color:var(--ink);padding:0 10px;border:1px solid var(--line);border-radius:8px}.book-options .book-settings{position:absolute;z-index:10;inset-inline:0;top:100%;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0002;max-height:220px;overflow:auto}.book-options:not([open]) .book-settings{display:none}.book-options .book-settings label{display:flex;align-items:center;gap:8px;margin:0}.book-teacher-host .teacher-companion .narration-bar [data-read]{font-size:12px;padding:8px 10px}.book-teacher-host .teacher-companion .narration-bar [data-stop]{font-size:12px;padding:6px}.book-teacher-host .book-intro{grid-column:1/-1}.layout-lesson .lesson-options{margin:0 42px 12px 0;padding:8px 12px}.layout-lesson .lesson-options .narration-bar{margin:6px 0;flex-wrap:wrap}.layout-lesson .lesson-actions{position:sticky;bottom:-25px;background:var(--card);border-top:1px solid var(--line);padding:12px 0;margin-bottom:0;z-index:5}.layout-lesson .lesson-actions button{min-height:44px}.layout-lesson h2:focus-visible{outline:2px solid var(--green);outline-offset:4px}.main[data-view=home] .dashboard{gap:18px}
@media(max-width:760px){
 .nav-group-label{display:none}.sidebar .nav>.mobile-more{display:flex}.sidebar .nav{margin:0;gap:0}.sidebar .nav>button{padding:6px 3px}.main .topbar{gap:8px;padding-bottom:8px;margin-bottom:8px}.main .top-controls{gap:6px;flex-wrap:wrap;justify-content:flex-start}.main .mobile-brand{font-size:15px}.main .language-picker{max-width:130px}.main .language-picker select{font-size:12px;padding:8px}.main .theme button{padding:7px;font-size:11px}.main .topbar .sim-shortcut{font-size:11px;padding:8px}.reading-options{margin:4px 0 10px;padding:6px 10px}.main>.view-head{margin:12px 0}.main>.view-head h1{font-size:24px}.main>.view-head p{font-size:14px;margin:5px 0}.main .greeting{margin:14px 0;gap:8px}.main .greeting h1{font-size:25px;margin:8px 0}.greeting .eyebrow{display:none}.greeting .level-summary{display:none}.home-priority{grid-template-columns:1fr;gap:12px;margin:12px 0}.home-priority .card{padding:18px}.home-priority h2{font-size:21px;margin:8px 0}.home-priority .mission p{display:none}.home-priority .mission .primary{margin-top:8px;width:100%}.home-priority .balance{display:grid;grid-template-columns:1fr auto;column-gap:10px}.home-priority .balance h2{grid-column:1/-1;font-size:17px}.home-priority .balance .big-number{font-size:26px;grid-column:1/-1}.home-priority .balance p{font-size:12px;margin:4px 0}.home-priority .balance .balance-link{grid-column:1/-1;text-align:start}.stat-strip{padding:12px 0;gap:12px;margin:12px 0}.stat-strip strong{font-size:18px!important}.lesson-continue{padding:12px;gap:10px}.lesson-continue h2{font-size:17px}.lesson-continue button{font-size:12px;padding:10px}.lesson-search{margin:12px 0;gap:8px;font-size:12px}.lesson-search input{font-size:16px;padding:9px}.main[data-view=learn] .scroll-tabs{margin-bottom:12px}.lesson-card{padding:18px}.lesson-card h2{font-size:20px}.lesson-card p{font-size:14px}.news-toolbar{gap:8px;display:grid;grid-template-columns:minmax(0,1fr) auto}.news-toolbar form{grid-column:1/-1;grid-row:2;width:100%}.news-toolbar>button{font-size:12px;padding:10px}.news-toolbar input{font-size:16px}.news-toolbar select{font-size:14px}.news-toolbar label{font-size:12px}.news-grid{margin-top:12px!important}.news-card .modal-actions{display:flex;justify-content:space-between;gap:6px}.news-card .modal-actions>*{font-size:12px}.main .sandbox-status{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:10px}.sandbox-status>div:first-child{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sandbox-status>div:first-child progress{flex-basis:100%}.sandbox-status>div:first-child h2,.sandbox-status>div:first-child p{font-size:12px;margin:0}.sandbox-status .badge{font-size:11px}.sandbox-status strong{font-size:16px}.sandbox-status small{font-size:11px}.main .sandbox-clock.layout-clock{padding:8px!important;gap:6px;flex-wrap:wrap}.layout-clock>strong{font-size:12px}.layout-clock .modal-actions{flex:1 1 100%;order:4}.layout-clock .modal-actions>button{flex:1;min-height:40px}.layout-clock .clock-minimize{order:2}.layout-clock label{display:none}.main .sandbox-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.sandbox-steps button{padding:8px 3px;font-size:11px;text-align:center;overflow-wrap:anywhere}.sandbox-steps button span{display:none}.sandbox-steps small{display:none}.main .practice-market{padding:12px}.main[data-view=teacher]>.view-head{margin:6px 0}.main[data-view=teacher]>.view-head h1{font-size:19px;margin:5px 0}.main[data-view=teacher]>.view-head p{display:none}.main[data-view=teacher] .chat-card{height:calc(var(--visual-height,100dvh) - 265px);min-height:320px;padding:10px}.main[data-view=teacher] .teacher-layout{display:block}.main[data-view=teacher] .chat-log{min-height:70px;padding:8px 0;gap:8px}.main[data-view=teacher] .suggestions{flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;padding:4px 0}.main[data-view=teacher] .suggestions button{white-space:nowrap;font-size:11px;min-height:36px;padding:6px}.main[data-view=teacher] .chat-form textarea{font-size:16px;height:54px;padding:8px}.main[data-view=teacher] .chat-form{gap:6px;margin-top:6px}.main[data-view=teacher] .chat-form .primary{font-size:12px}.book-teacher-host .book-portrait{width:48px;flex-basis:48px}.book-teacher-host .book-caption strong{font-size:13px}.book-teacher-host .teacher-companion{gap:4px;padding:7px;margin-bottom:4px}.book-teacher-host .book-state{font-size:11px}.book-teacher-host .teacher-companion .narration-bar [data-read]{font-size:11px}.book-options>summary{font-size:12px;padding:0 8px}.book-teacher-host .teacher-companion .narration-bar [data-stop]{font-size:11px}.chat-keyboard .main[data-view=teacher] .chat-card{min-height:180px;height:calc(var(--visual-height) - 105px)}.chat-keyboard .main[data-view=teacher] .teacher-companion,.chat-keyboard .main[data-view=teacher] .suggestions{display:none}.layout-lesson{padding:18px!important}.layout-lesson .lesson-actions{bottom:-18px;gap:6px}.layout-lesson .lesson-actions button{padding:10px;font-size:13px}.layout-lesson .definition,.layout-lesson .example{padding:14px;margin:14px 0}.layout-lesson h2{font-size:24px}.layout-lesson .lesson-options{font-size:12px}.layout-lesson .lesson-options summary{font-size:12px}
}
.main[data-view=home] .dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.main[data-view=home] .dashboard>.card{grid-column:auto;grid-row:auto}.main[data-view=home] .dashboard>.wide,.main[data-view=home] .dashboard>.freedom-entry{grid-column:1/-1}.home-priority .mission{display:flex;flex-direction:column;justify-content:center;gap:10px}.home-priority .mission .primary{align-self:stretch}.home-priority .mission h2{margin:6px 0}.home-priority .mission .eyebrow{margin:0}.home-priority .balance .card{border:0;padding:0;background:transparent;margin:0}.home-priority .balance .card h2{display:none}
@media(max-width:760px){.main[data-view=home] .dashboard{grid-template-columns:1fr}.home-priority .mission{min-height:0;height:auto;padding:16px;gap:4px}.home-priority .mission h2{margin:4px 0}.home-priority .mission .primary{margin-top:6px}.home-priority .balance .card{grid-column:1/-1}.main .sandbox-status>div:last-child{grid-column:auto}.main .sandbox-status strong{font-size:15px;white-space:nowrap}.main .sandbox-status small{font-size:10px}.main[data-view=simulation]>.view-head h1{font-size:22px}.main .sandbox-status>div:first-child{display:flex}.main .sandbox-status{gap:8px}.main .sandbox-clock.layout-clock{margin:8px 0}.main .sandbox-steps{margin:8px 0}.main[data-view=home] .dashboard>.card{grid-column:1}.main[data-view=home] .dashboard>.teacher-teaser{grid-row:auto}}
@media(max-width:760px){.chat-keyboard .main[data-view=teacher]>.topbar,.chat-keyboard .main[data-view=teacher]>.view-head{display:none}.chat-keyboard .main[data-view=teacher] .chat-card{height:calc(var(--visual-height) - 105px);min-height:150px}.chat-keyboard .main[data-view=teacher] .chat-log{min-height:40px}}

@media(min-width:761px){.main[data-view=home] .dashboard>.teacher-teaser{grid-column:1/-1;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:8px 18px;align-items:center}.main[data-view=home] .teacher-teaser .teacher-orb{grid-column:1;grid-row:1/3}.main[data-view=home] .teacher-teaser h2,.main[data-view=home] .teacher-teaser p{grid-column:2;margin:0}.main[data-view=home] .teacher-teaser button{grid-column:3;grid-row:1/3}.main[data-view=home] .greeting>.level-summary{display:none}}