@import url('/assets/fonts/fonts.css');
:root{--ink:#14334b;--muted:#546c7e;--teal:#087f83;--deep:#075d63;--blue:#275eb8;--gold:#d8aa46;--line:#dce6ed;--paper:#fff;--canvas:#f3f7fa;--mint:#e4f3ee;--shadow:0 16px 40px #14334b0b;--heading:'Sora','Segoe UI',sans-serif;--body:'Atkinson Hyperlegible Next','Segoe UI',sans-serif;font-family:var(--body);color:var(--ink);background:var(--canvas);font-synthesis:none;font-size:17px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--deep);text-underline-offset:4px}button,a{touch-action:manipulation}button{color:inherit}img,svg{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:-.035em;line-height:1.23}h1{font-size:clamp(1.65rem,2.6vw,2.5rem);margin-bottom:14px;font-weight:600}h2{font-size:1.38rem;font-weight:600}h3{font-size:1.07rem;font-weight:600}p{line-height:1.55}small,.small{font-size:.85rem}ul{padding-left:1.2rem;line-height:1.7}button{border:0;background:none}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #abc0cf;border-radius:9px;background:white;color:var(--ink);min-height:46px}select:not([multiple]):not([size]){-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314334b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;padding-inline-end:44px}textarea{resize:vertical;line-height:1.5}input[type=checkbox],input[type=radio]{width:20px;min-height:20px;accent-color:var(--teal)}label{display:block;font-weight:600;font-size:.9rem}label input,label select,label textarea{margin-top:7px;font-weight:400}fieldset{border:0;margin:0;padding:0}legend{font-weight:600;margin-bottom:10px}input:focus,select:focus,textarea:focus{outline:3px solid #90cbc7;outline-offset:2px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d8aa46;outline-offset:4px}::selection{background:#b9e2da}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.icon{width:21px;height:21px;flex:none;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:16px;top:-70px;background:white;padding:12px;z-index:200}.skip-link:focus{top:12px}.muted{color:var(--muted)}.eyebrow{font-size:.88rem;color:var(--deep);font-weight:600;margin-bottom:10px}.boot{max-width:700px;margin:15vh auto;padding:24px;text-align:center}.boot img{width:220px;margin-bottom:40px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;border-right:1px solid var(--line);background:white;display:flex;flex-direction:column;padding:24px 16px 18px;z-index:30}.brand{display:block;flex:none;padding:0 14px 24px;text-decoration:none;border-radius:8px}.brand img{width:188px;height:auto;display:block}.nav-list{display:grid;gap:4px}.nav-link{position:relative;display:flex;gap:12px;align-items:center;text-decoration:none;color:#4b6477;padding:12px 14px;border-radius:10px;font-size:.94rem;line-height:1.35;min-height:48px;font-weight:500}.nav-link>span{min-width:0}.nav-link:hover{background:#f2f7f9}.nav-link.active{background:#e5f3f0;color:var(--deep);font-weight:700}.nav-link.active:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:22px;background:var(--teal);border-radius:0 4px 4px 0}.nav-group{flex:none}.nav-group+.nav-group{margin-top:22px;padding-top:19px;border-top:1px solid #e8eef2}.nav-section{font-size:.77rem;line-height:1.35;font-weight:600;color:#546c7e;margin:0 14px 10px}.sidebar-bottom{margin-top:auto;padding:20px 8px 0;flex:none}.workspace{min-width:0}.topbar{height:83px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:14px;background:#ffffffd9}.topbar-title{font-size:.9rem;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:18px}.saved{font-size:.78rem;color:#387566;display:flex;align-items:center;gap:6px}.saved .icon{width:15px;height:15px}.saved.error{color:#a34036}.profile-button{display:flex;gap:10px;align-items:center;border-left:1px solid var(--line);padding-left:18px}.profile-button strong{display:block;font-size:.85rem}.profile-button small{font-size:.72rem;color:var(--muted)}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-family:var(--heading);font-weight:600;background:#dfece6;color:#185e5b;flex:none}.avatar.large{width:60px;height:60px;font-size:1.35rem}.avatar.blue{background:#e0eafa;color:#315e9b}.avatar.gold{background:#f8edcf;color:#89681f}.mobile-brand,.mobile-nav{display:none}.content{max-width:1510px;margin:auto;padding:30px 42px 65px}.sample-banner{display:flex;align-items:center;gap:10px;font-size:.8rem;color:#4f6d7c;margin-bottom:27px}.sample-banner .icon{width:17px;height:17px;color:var(--teal)}.sample-banner a{margin-left:auto;font-size:.78rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.page-head p{color:var(--muted);margin-bottom:0;max-width:670px}.page-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;min-height:46px;border:1px solid transparent;border-radius:9px;font-weight:600;font-size:.9rem;text-decoration:none;line-height:1.2;transition:background .14s,box-shadow .14s}.btn.primary{background:var(--deep);color:white}.btn.primary:hover{background:#064f54;box-shadow:0 4px 12px #075d6322}.btn.secondary{background:white;border-color:#b4c9d8;color:var(--ink)}.btn.secondary:hover{background:#f1f8f8}.btn.soft{background:#e9f4f1;color:var(--deep)}.btn.ghost{color:var(--deep);padding-inline:9px}.btn.danger{background:#fff0ec;color:#9a382a;border-color:#e7b3a8}.btn.small{padding:9px 13px;min-height:38px;font-size:.81rem}.btn .icon{width:18px;height:18px}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:9px;flex:none}.icon-btn:hover{background:#edf4f7}.row{display:flex;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-title h2,.panel-title h3{margin:0}.panel-title a{font-size:.85rem;font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 9px;font-size:.74rem;font-weight:600;background:#eaf2f7;color:#42657e;line-height:1.2}.badge.mint{color:#276956;background:#e5f3ea}.badge.gold{color:#88641d;background:#fbf0d2}.badge.blue{color:#315b96;background:#e7eefb}.badge.rose{color:#914942;background:#fbeeea}.badge .icon{width:13px;height:13px}.tag-list{display:flex;gap:7px;flex-wrap:wrap}.text-link{font-size:.85rem;font-weight:600;color:var(--deep);padding:4px 0}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty .icon{width:38px;height:38px;margin-bottom:14px;color:#89aaa9}.empty h3{color:var(--ink)}.empty p{max-width:440px;margin:0 auto 18px}.notice{padding:14px 17px;background:#edf5fa;border:1px solid #d3e4ef;border-radius:10px;font-size:.85rem;line-height:1.5}.notice.gold{background:#fff8e8;border-color:#eadcba;color:#79602d}.notice.error{background:#fff1ed;border-color:#ebc2b9;color:#913f30}.section-space{margin-top:28px}.day-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);border-radius:20px;overflow:hidden;background:#e0efea;min-height:300px;margin-bottom:28px}.day-copy{padding:34px 34px 32px}.day-copy h2{font-size:clamp(1.7rem,2.7vw,2.6rem);font-weight:600;max-width:500px;margin:12px 0}.day-copy p{max-width:420px;color:#3c6864;margin-bottom:22px}.day-art{position:relative;display:grid;place-items:center;overflow:hidden;padding:22px 32px;background:#d7e9e3}.day-art:before{content:'';position:absolute;width:340px;height:340px;border:2px dashed #a5cabe;border-radius:50%;transform:translate(80px,50px)}.day-art svg{position:relative;max-height:210px;z-index:1;width:100%}.day-art .paper-label{position:absolute;bottom:17px;right:20px;background:white;border-radius:20px;font-size:.72rem;padding:7px 12px;box-shadow:0 3px 10px #14334b0c;z-index:2}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:25px}.learner-strip{display:flex;gap:10px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.learner-chip{padding:8px 15px 8px 8px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:white;border-radius:40px}.learner-chip.selected{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.learner-chip .avatar{width:30px;height:30px;font-size:.77rem}.learner-chip span{font-size:.9rem;font-weight:600}.learner-chip small{color:var(--muted);font-weight:400;margin-left:5px}.activity-list{display:grid}.activity-row{display:flex;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid #e7edf1}.activity-row:first-child{padding-top:0}.activity-row:last-child{border-bottom:0;padding-bottom:0}.activity-thumb{width:67px;height:67px;border-radius:12px;display:grid;place-items:center;flex:none;background:#edf5f1;overflow:hidden}.activity-thumb svg{width:80px;max-width:90px;height:70px}.activity-body{min-width:0;flex:1}.activity-body h3{margin:0 0 7px;font-size:.95rem}.activity-meta{font-size:.77rem;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.activity-actions{display:flex;gap:5px;align-items:center}.activity-actions .btn{padding:9px 13px}.progress-track{height:7px;background:#e5edf1;border-radius:20px;overflow:hidden}.progress-track span{height:100%;display:block;background:var(--teal);border-radius:20px}.progress-copy{font-size:.83rem;display:flex;justify-content:space-between;margin-bottom:10px;gap:8px}.progress-copy strong{color:var(--deep)}.little-path{margin:23px 0 18px;display:flex;justify-content:space-between;position:relative}.little-path:before{content:'';height:2px;background:#d9e5e8;position:absolute;top:19px;left:18px;right:18px}.path-step{z-index:1;display:grid;justify-items:center;gap:8px;font-size:.71rem;color:var(--muted)}.path-step span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid #b8ced0}.path-step.done span{background:var(--teal);color:white;border-color:var(--teal)}.note-entry{border-left:3px solid #beded2;padding:2px 0 2px 15px;margin:18px 0}.note-entry p{font-size:.9rem;margin:0 0 8px}.note-entry small{color:var(--muted);font-size:.74rem}.support-card{background:#eef1fb;border:0}.support-card h3{font-size:1.05rem;max-width:240px}.support-card p{color:#566987;font-size:.88rem;margin-bottom:17px}.filters{display:flex;align-items:flex-end;gap:12px;margin:26px 0 22px;flex-wrap:wrap}.filters .search-field{flex:1;min-width:240px;position:relative}.search-field input{padding-left:41px}.search-field .icon{position:absolute;left:13px;bottom:13px;width:19px;color:var(--muted)}.filters label{font-size:.78rem;min-width:140px}.filters label:not(.search-field){flex:0 1 160px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.pill{padding:9px 15px;border:1px solid #cbdbe4;border-radius:30px;color:#526d7c;background:white;font-size:.83rem;min-height:39px}.pill.active{background:var(--ink);color:white;border-color:var(--ink)}.results-info{font-size:.82rem;color:var(--muted);margin-bottom:17px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.lesson-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.lesson-card:hover{border-color:#a8c7cf;box-shadow:var(--shadow)}.lesson-image{height:155px;background:#e8f2ed;padding:12px 24px;display:grid;place-items:center;position:relative}.lesson-image[data-subject=Math]{background:#eef0fc}.lesson-image[data-subject=Reading]{background:#f7efd9}.lesson-image[data-subject="Arts and making"]{background:#f7e8e0}.lesson-image svg{max-height:137px;width:100%}.lesson-image .badge{position:absolute;top:12px;left:13px;background:#ffffffdf}.lesson-info{padding:21px;display:flex;flex-direction:column;flex:1}.lesson-info h3{margin:11px 0 9px}.lesson-info p{color:var(--muted);font-size:.85rem;line-height:1.45;flex:1;margin-bottom:18px}.lesson-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:15px;border-top:1px solid #edf1f4}.lesson-foot small{color:var(--muted);font-size:.75rem}.lesson-foot .btn{padding-inline:10px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:26px}.lesson-preview{padding:30px 36px;border:1px solid #d7e0e6;border-radius:14px;background:white;box-shadow:var(--shadow)}.lesson-preview .preview-brand{font-size:.78rem;color:var(--deep);display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.lesson-preview h2{font-size:1.65rem;margin-bottom:13px}.lesson-preview .preview-art{max-height:180px;margin:10px auto 20px;display:block;width:100%}.lesson-preview .passage{background:#f4f8fa;border-radius:10px;padding:20px;line-height:1.75;font-size:1.05rem;margin:20px 0}.preview-question{margin:22px 0}.preview-question strong{font-size:.95rem;line-height:1.5;display:block;margin-bottom:10px}.answer-line{display:block;border-bottom:1px solid #b7c8d3;height:30px}.answer-lines{display:grid;gap:9px}.answer-box{height:110px;border:1px dashed #9fb7c6;border-radius:8px}.paper-choices{display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem}.paper-choices span{padding:8px 12px;border:1px solid #cbdbe4;border-radius:8px}.preview-footer{font-size:.7rem;color:var(--muted);margin-top:30px;padding-top:13px;border-top:1px solid #d7e3eb;text-align:center}.detail-aside .panel{margin-bottom:18px}.details-list{display:grid;gap:13px;margin:0}.details-list div{display:flex;justify-content:space-between;gap:15px;font-size:.86rem}.details-list dt{color:var(--muted)}.details-list dd{margin:0;text-align:right;font-weight:600}.mode-switch{display:flex;padding:4px;background:#e9f0f4;border-radius:10px;gap:4px}.mode-switch button{padding:9px 17px;border-radius:7px;font-size:.85rem;flex:1}.mode-switch button.active{background:white;box-shadow:0 2px 4px #14334b0c;font-weight:600;color:var(--deep)}.studio-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.25fr);gap:28px;align-items:start}.studio-fields{display:grid;gap:19px}.studio-fields .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-step{display:flex;gap:9px;align-items:center;font-size:.85rem;font-weight:600;margin-bottom:20px}.step-dot{border-radius:50%;width:26px;height:26px;background:#d9eee8;color:var(--deep);display:grid;place-items:center;font-size:.78rem}.studio-preview{position:sticky;top:24px}.studio-blank{min-height:470px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:2px dashed #c8d9e3;border-radius:15px;padding:30px}.studio-blank .sheet-illustration{width:180px;height:215px;padding:25px;background:white;transform:rotate(4deg);border:1px solid #d2e0e8;box-shadow:10px 10px #e5edf3;border-radius:5px;margin:20px 0 35px;display:grid;align-content:start;gap:15px}.sheet-illustration span{height:7px;background:#dbe8ed;border-radius:5px}.sheet-illustration span:nth-child(2){width:70%;background:#b9dbd1}.sheet-illustration span:last-child{height:70px;background:#eaf3f0}.studio-blank h3{font-size:1.15rem}.studio-blank p{max-width:330px;color:var(--muted);font-size:.9rem}.form-help{font-size:.78rem;line-height:1.45;color:var(--muted);margin:8px 0 0}.form-error{font-size:.85rem;color:#a33d2c;line-height:1.5;margin-top:12px}.editor-question{padding:16px;background:#f5f8fa;border-radius:10px;display:grid;gap:12px;margin:15px 0}.checkbox-row{display:flex;align-items:center;gap:10px;font-weight:400;font-size:.9rem}.checkbox-row input{margin:0;flex:none}.learner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.learner-card{padding:25px}.learner-card h2{margin:0 0 5px;font-size:1.25rem}.learner-card .profile-meta{font-size:.79rem;color:var(--muted)}.learner-card .tag-list{margin:20px 0}.learner-card .progress-track{margin-top:8px}.learner-card .card-actions{display:flex;gap:9px;margin-top:21px;border-top:1px solid var(--line);padding-top:18px}.group-row{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.group-row:last-child{border-bottom:0}.group-icon{width:45px;height:45px;background:#e9eff8;border-radius:12px;display:grid;place-items:center;color:#37669e}.group-row h3{margin:0 0 6px}.group-row p{margin:0;font-size:.83rem;color:var(--muted)}.resource-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:24px;align-items:start}.resource-card{padding:22px 0;border-bottom:1px solid var(--line)}.resource-card:first-child{padding-top:0}.resource-card h3{font-size:1.04rem;line-height:1.45;margin:10px 0}.resource-card h3 a{color:var(--ink);text-decoration:none}.resource-card h3 a:hover{text-decoration:underline}.resource-card p{font-size:.87rem;color:var(--muted);margin-bottom:12px}.resource-card .source-meta{font-size:.73rem;color:var(--muted);line-height:1.5}.source-guide{position:sticky;top:24px}.source-guide .guide-header{padding:23px;background:var(--deep);color:white;border-radius:14px 14px 0 0}.guide-header h2{margin:10px 0;font-size:1.2rem}.guide-header p{font-size:.86rem;color:#d5e8e5;margin:0}.guide-body{padding:21px;background:white;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px}.guide-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.guide-suggestions button{font-size:.76rem;border:1px solid #c6d9df;border-radius:6px;padding:7px 9px;background:#f5f9fa}.guide-answer{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:.87rem;line-height:1.6}.guide-citation{border-left:3px solid #badbd2;padding:3px 0 3px 12px;margin:18px 0}.guide-citation p{margin:6px 0;font-size:.83rem}.guide-citation a{font-weight:600}.bookmark.active{color:var(--teal);background:#e2f1eb}.notebook{max-width:930px}.timeline-note{display:grid;grid-template-columns:45px minmax(0,1fr);gap:17px;margin:25px 0}.timeline-note .avatar{width:37px;height:37px;font-size:.8rem}.timeline-note p{margin-bottom:10px}.timeline-note .note-content{padding:19px 22px;background:white;border:1px solid var(--line);border-radius:0 12px 12px 12px}.timeline-note small{font-size:.77rem;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row p{font-size:.8rem;color:var(--muted);margin:5px 0 0;max-width:370px}.setting-row input[type=checkbox]{width:22px;flex:none}.setting-row select,.setting-row input[type=number]{max-width:110px}.limit-bar{margin:17px 0}.limit-bar .progress-copy{font-size:.8rem}.build-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.build-list li{display:flex;gap:12px;font-size:.88rem;line-height:1.5}.build-list .icon{color:var(--teal)}.build-list strong{display:block}.build-list small{color:var(--muted)}.community-hero{background:#e6efeb;border-radius:18px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden;padding:36px;margin-bottom:25px}.community-hero h2{font-size:2rem;max-width:500px}.community-hero p{max-width:500px}.community-art{display:grid;place-items:center}.community-art .icon{width:110px;height:110px;stroke-width:.8;color:var(--deep)}.roadmap-list{counter-reset:step;list-style:none;padding:0}.roadmap-list li{counter-increment:step;display:flex;gap:16px;line-height:1.5;margin:22px 0;font-size:.9rem}.roadmap-list li:before{content:counter(step);display:grid;place-items:center;background:#e5f1ee;border-radius:50%;width:32px;height:32px;flex:none;color:var(--deep);font-weight:600}.roadmap-list strong{display:block;margin-bottom:4px}.app-footer{padding-top:30px;margin-top:38px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.72rem;color:var(--muted)}.app-footer a{color:inherit}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(130px);z-index:150;max-width:min(580px,calc(100vw - 30px));padding:14px 23px;background:#143b40;color:white;border-radius:12px;box-shadow:0 6px 28px #14334b24;transition:transform .2s;font-size:.9rem;line-height:1.4}.toast.show{transform:translateX(-50%) translateY(0)}dialog{border:1px solid #d2e1e8;border-radius:18px;width:min(620px,calc(100vw - 30px));max-height:90dvh;padding:0;color:var(--ink);box-shadow:0 28px 80px #14334b40}dialog::backdrop{background:#14334b66;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);gap:12px}.modal-head h2{font-size:1.2rem;margin:0}.modal-body{padding:24px 26px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:18px 26px;border-top:1px solid var(--line);background:#f8fafb}.modal-body .stack{gap:17px}.selection-list{display:grid;gap:10px;margin:18px 0}.selection-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;font-weight:400}.selection-option input{margin:0}.selection-option strong{display:block}.selection-option small{display:block;color:var(--muted);margin-top:3px}.student-shell{min-height:100dvh;background:#f2f7f4;padding:27px 5vw 50px}.student-header{max-width:1050px;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.student-logo{width:170px}.student-header .btn{font-size:.83rem}.student-main{max-width:1000px;margin:auto}.student-welcome{max-width:670px;margin:45px auto 30px;text-align:center}.student-welcome h1{font-size:2.35rem;line-height:1.3}.student-welcome p{font-size:1.12rem;color:var(--muted)}.student-assignments{max-width:760px;margin:auto;display:grid;gap:17px}.student-activity{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:20px;background:white;padding:23px;border-radius:17px;border:1px solid #ccddd7}.student-activity svg{width:100%;height:95px}.student-activity h2{font-size:1.2rem;margin-bottom:8px}.student-activity p{font-size:.95rem;margin:0;color:var(--muted)}.student-progress{display:flex;align-items:center;gap:18px;margin:0 auto 24px;max-width:780px}.student-progress .progress-track{flex:1}.student-progress span{font-size:.9rem;color:var(--muted)}.question-card{background:white;border:1px solid #d2e1da;border-radius:23px;max-width:780px;margin:auto;padding:40px 50px;box-shadow:0 14px 50px #163d2910}.question-card h1{font-size:1.9rem;line-height:1.4;margin:15px 0 25px}.question-card .question-context{font-size:1.08rem;line-height:1.8;background:#f0f5f7;padding:23px;border-radius:12px;margin-bottom:25px}.student-art svg{max-height:150px;width:100%;margin-bottom:20px}.answer-choices{display:grid;gap:13px;margin:25px 0}.choice-btn{padding:19px 23px;border:2px solid #c7d8dd;background:white;border-radius:13px;text-align:left;display:flex;gap:14px;align-items:center;font-size:1.18rem;line-height:1.4}.choice-btn:before{content:'';width:23px;height:23px;border:2px solid #a7bdc7;border-radius:50%;flex:none}.choice-btn.selected{border-color:var(--teal);background:#e7f4ed}.choice-btn.selected:before{border:6px solid var(--teal);background:white}.question-card textarea{font-size:1.15rem;min-height:130px;padding:20px}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px}.student-tools{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:23px auto}.student-tools .btn{background:#fff;border-color:#c6d8d3}.hint-box{margin:20px 0;padding:18px;background:#fff5d9;border-radius:12px;line-height:1.7;font-size:1.08rem}.feedback{padding:16px 19px;border-radius:11px;background:#e3f2e8;line-height:1.6;margin-top:20px}.feedback.try{background:#fff4df}.student-check{display:flex;align-items:flex-start;gap:15px;padding:17px 20px;border:1px solid #c9d9d2;border-radius:11px;font-size:1.12rem;font-weight:400;margin:12px 0}.student-check input{margin-top:3px;width:24px;height:24px}.sequence-list{display:grid;gap:12px}.sequence-item{display:flex;align-items:center;gap:12px;border:1px solid #cbdad5;border-radius:12px;padding:13px 17px;font-size:1.06rem}.sequence-item .step-dot{flex:none}.sequence-item p{flex:1;margin:0}.sequence-item .icon-btn{background:#f0f5f3}.draw-pad{width:100%;height:230px;border:2px dashed #b1c9c0;border-radius:14px;touch-action:none;background:#fff}.drawing-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.color-dots{display:flex;gap:9px}.color-dot{height:32px;width:32px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ccd8db}.color-dot.active{outline:2px solid #14334b;outline-offset:2px}.completion-card{max-width:720px;text-align:center;margin:55px auto;background:white;border:1px solid #caddd2;padding:50px;border-radius:22px}.completion-card .completion-icon{width:86px;height:86px;margin:0 auto 25px;border-radius:50%;background:#e1f2e5;display:grid;place-items:center;color:var(--teal)}.completion-icon .icon{width:44px;height:44px}.completion-card h1{font-size:2.2rem}.completion-card p{font-size:1.1rem;color:var(--muted)}.completion-card .row{justify-content:center}.break-screen{text-align:center;padding:35px 10px}.break-orbit{width:140px;height:140px;background:#e2f0e9;border-radius:50%;display:grid;place-items:center;margin:20px auto 30px}.break-orbit .icon{width:50px;height:50px;color:var(--teal)}.large-text{font-size:20px}.large-text .student-shell{font-size:20px}.large-text .question-card h1{font-size:2.2rem}.large-text .choice-btn{font-size:1.4rem}.large-text .question-card textarea{font-size:1.3rem}
@media(min-width:1500px){.content{padding-inline:55px}.lesson-image{height:180px}.lesson-grid{gap:25px}.day-copy{padding:37px 42px}}
@media(max-width:1180px){.shell{grid-template-columns:228px minmax(0,1fr)}.sidebar{padding-inline:12px}.content{padding:26px}.topbar{padding-inline:26px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:18px}.day-hero{grid-template-columns:1.1fr .9fr}.day-copy{padding:27px}.day-copy h2{font-size:2rem}.day-art{padding:20px}.activity-actions .icon-btn{display:none}.page-head .page-actions .btn{padding-inline:12px}.resource-layout{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr)}.panel{padding:20px}.studio-grid{gap:20px;grid-template-columns:1fr 1fr}.lesson-preview{padding:25px}.brand img{width:176px}}
@media(max-width:970px){.shell{grid-template-columns:208px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{padding-inline:14px}.brand img{width:160px}.nav-link{font-size:.88rem;gap:10px;padding-inline:14px}.nav-section{font-size:.74rem}.sidebar-bottom{padding-inline:4px}.content{padding:24px}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-side .panel{margin:0}.dashboard-side .support-card{grid-column:1/-1}.day-hero{grid-template-columns:1.15fr .85fr}.day-copy h2{font-size:1.8rem}.page-head{flex-direction:column}.page-actions{flex-wrap:wrap}.detail-layout,.studio-grid,.resource-layout{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-aside .panel{margin:0}.studio-preview,.source-guide{position:static}.studio-preview{max-width:750px}.source-guide{grid-row:1}.settings-grid{grid-template-columns:1fr}.lesson-grid{gap:16px}.lesson-info{padding:17px}.learner-grid{grid-template-columns:1fr}.profile-button strong,.profile-button small{display:none}.profile-button{padding-left:12px}.topbar-right{gap:10px}.grid-3{grid-template-columns:1fr}.community-hero{grid-template-columns:1fr .5fr;padding:28px}}
@media(max-width:720px){:root{font-size:16px}.shell{display:block}.sidebar{display:none}.topbar{height:72px;padding:0 20px;background:white}.topbar-title{display:none}.mobile-brand{display:block;width:157px}.mobile-brand img{display:block;width:100%}.profile-button{display:none}.saved{font-size:.7rem}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;border-top:1px solid #cbdbe3;background:#fffffff5;backdrop-filter:blur(14px);padding:6px 8px max(8px,env(safe-area-inset-bottom));justify-content:space-around;z-index:40}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.65rem;text-decoration:none;color:#657c8c;min-height:51px;min-width:55px;border-radius:8px}.mobile-nav a .icon{width:21px;height:21px}.mobile-nav a.active{color:var(--deep);background:#e8f4ef}.content{padding:23px 20px 90px}.sample-banner{font-size:.73rem;gap:7px;margin-bottom:24px;align-items:flex-start}.sample-banner a{white-space:nowrap}.sample-banner .icon{flex:none;margin-top:2px}.page-head{gap:16px;margin-bottom:22px}.page-head h1{font-size:1.8rem}.page-head p{font-size:.95rem}.day-hero{grid-template-columns:1fr;min-height:0;border-radius:16px}.day-copy{padding:26px}.day-copy h2{font-size:2.05rem;max-width:420px}.day-copy p{font-size:.95rem;margin-bottom:20px}.day-art{display:none}.dashboard-side{grid-template-columns:1fr}.dashboard-side .support-card{grid-column:auto}.learner-strip{gap:8px}.learner-chip{padding-right:12px}.learner-chip small{display:none}.activity-row{gap:11px;flex-wrap:wrap;padding:17px 0}.activity-thumb{width:55px;height:55px}.activity-body h3{font-size:.96rem}.activity-meta{font-size:.75rem;gap:6px}.activity-actions .btn{font-size:.78rem;padding:8px 10px;min-height:38px}.activity-actions .icon-btn{display:inline-grid;width:34px;height:34px}.activity-actions{margin-left:66px}.activity-row .activity-actions:last-child{margin-top:-2px}.panel{border-radius:13px;padding:20px}.panel-title h2{font-size:1.2rem}.panel-title a{font-size:.79rem}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.lesson-image{height:125px;padding:12px}.lesson-image svg{height:104px}.lesson-image .badge{left:9px;top:9px;font-size:.64rem}.lesson-info{padding:15px}.lesson-info h3{font-size:.94rem;line-height:1.4}.lesson-info p{font-size:.79rem}.lesson-foot{display:grid;gap:10px}.lesson-foot .btn{width:100%;font-size:.77rem}.lesson-foot small{font-size:.69rem}.lesson-info .badge{font-size:.65rem;padding:4px 6px}.filters{gap:10px;margin-top:20px}.filters .search-field{flex-basis:100%}.filters label:not(.search-field){flex:1;min-width:0}.filter-pills{gap:7px}.pill{font-size:.76rem;padding:8px 12px}.detail-aside{grid-template-columns:1fr}.lesson-preview{padding:25px 22px}.lesson-preview h2{font-size:1.5rem}.lesson-preview .preview-brand{font-size:.7rem;gap:10px}.studio-grid{gap:22px}.studio-blank{min-height:370px}.studio-blank .sheet-illustration{width:140px;height:170px;margin-bottom:27px}.learner-card .card-actions{flex-wrap:wrap}.community-hero{grid-template-columns:1fr;padding:27px}.community-art{display:none}.community-hero h2{font-size:1.7rem}.grid-2{grid-template-columns:1fr}.app-footer{font-size:.67rem;flex-direction:column;align-items:flex-start;margin-top:28px;padding-top:20px}.toast{bottom:85px}.student-shell{padding:20px 20px 35px}.student-header{margin-bottom:25px}.student-logo{width:145px}.student-header .btn{font-size:.75rem;padding:9px 11px;min-height:40px}.student-welcome{margin:30px auto}.student-welcome h1{font-size:1.95rem}.student-activity{grid-template-columns:70px 1fr;gap:14px;padding:20px}.student-activity svg{height:70px}.student-activity .btn{grid-column:1/-1}.student-activity h2{font-size:1.1rem}.student-activity p{font-size:.85rem}.question-card{padding:26px 22px;border-radius:17px}.question-card h1{font-size:1.5rem;margin:15px 0 20px}.question-card .question-context{padding:18px;font-size:1rem;line-height:1.7}.choice-btn{font-size:1.05rem;padding:16px}.question-actions{flex-wrap:wrap}.question-actions .btn{font-size:.9rem;flex:1}.student-tools{gap:8px}.student-tools .btn{font-size:.8rem;padding-inline:12px}.completion-card{padding:35px 23px;margin:30px auto}.completion-card h1{font-size:1.8rem}.completion-card .row{flex-direction:column}.completion-card .btn{width:100%}.modal-head,.modal-body{padding:20px}.modal-actions{padding:17px 20px}.modal-actions .btn{flex:1}.large-text .choice-btn{font-size:1.2rem}.large-text .question-card h1{font-size:1.8rem}}
@media(max-width:390px){.content{padding-inline:15px}.topbar{padding-inline:15px}.lesson-grid{grid-template-columns:1fr}.lesson-image{height:160px}.lesson-image svg{height:140px}.lesson-foot{display:flex}.lesson-foot .btn{width:auto}.lesson-info p{font-size:.86rem}.studio-fields .two-fields{grid-template-columns:1fr}.student-shell{padding-inline:13px}.student-header{gap:10px}.student-logo{width:130px}.question-card{padding:24px 17px}.page-actions{width:100%}.page-actions .btn{flex:1}.sample-banner a{display:none}.setting-row{gap:12px}.topbar-right .saved{max-width:130px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}

.toast{visibility:hidden;opacity:0;pointer-events:none}.toast.show{visibility:visible;opacity:1}.avatar.gold{color:#806019}
@media(max-width:720px){.activity-row{display:grid;grid-template-columns:55px minmax(0,1fr);gap:11px}.activity-row .activity-actions:last-child{grid-column:2;margin:0;justify-content:flex-start}.activity-body{width:100%}.activity-thumb{grid-row:1/3;align-self:start}.activity-body h3{line-height:1.4}.activity-actions .icon-btn{display:inline-grid}}

@media(max-width:720px){html{scroll-padding-bottom:100px}.content :is(button,input,select,textarea,a,summary){scroll-margin-block:90px}}

/* Clear page orientation and calm, task-focused parent workflows. */
.boot img,.student-logo{height:auto}
.content:focus{outline:0}.content:focus-visible>.page-head{box-shadow:-3px 0 0 #90cbc7}
.save-alert{position:sticky;top:12px;z-index:45;box-shadow:0 5px 18px #14334b18}
@media(max-width:460px){.topbar .help-button span{display:inline}.topbar .help-button .icon{display:none}}
@media(max-width:460px){.topbar .topbar-title{font-size:1.65rem}.day-copy h2{font-size:1.45rem}}
h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}.sidebar{overflow-y:auto;scrollbar-width:thin}.topbar{height:auto;min-height:100px;background:#fff;padding-block:22px;align-items:center}.header-identity{min-width:0;flex:1}.topbar-title{display:block;font-family:var(--heading);font-size:clamp(1.65rem,2.2vw,2.1rem);font-weight:650;letter-spacing:-.04em;line-height:1.25;color:var(--ink);margin:0;max-width:900px}.topbar-right{flex:none;gap:20px}.profile-button{text-decoration:none;color:var(--ink);min-height:46px}.profile-button small{display:block;margin-top:4px}.help-button{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--deep);padding:10px;min-height:44px;border-radius:8px}.help-button:hover{background:var(--mint)}.content{padding-top:24px}.page-head{align-items:center;margin-bottom:24px;min-height:32px}.page-head>p{font-size:.98rem;line-height:1.5;max-width:680px;margin:0;color:var(--muted)}.page-actions{margin-left:auto}.learner-selector{display:flex;align-items:center;gap:17px;margin-bottom:24px;flex-wrap:wrap}.learner-selector .learner-strip{margin:0;flex:1}.field-caption{font-size:.84rem;color:var(--muted);font-weight:600}.day-hero{min-height:245px;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr)}.day-copy{padding:28px 32px}.day-copy h2{font-size:clamp(1.55rem,2vw,1.9rem);line-height:1.25;max-width:620px;margin:14px 0 10px}.day-copy p{font-size:.98rem;max-width:590px;margin-bottom:12px}.next-meta{display:flex;gap:9px;flex-wrap:wrap;color:#355f5c;font-size:.8rem;margin:15px 0 20px}.day-art:before{width:250px;height:250px;transform:translate(60px,60px);border-width:1px}.day-art svg{max-height:170px}.day-art .paper-label{font-size:.73rem}.activity-actions .icon-btn{display:inline-grid}.activity-actions .btn,.icon-btn{min-height:44px;min-width:44px}.activity-meta{line-height:1.5}.activity-body h3{line-height:1.45}.progress-copy strong{font-variant-numeric:tabular-nums}.save-alert{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:22px}.save-alert[hidden]{display:none}.save-alert p{margin:5px 0 0;max-width:750px}.student-shell>.save-alert{max-width:1000px;margin:0 auto 24px}.settings-notice{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.settings-notice .icon{margin-top:2px}.saving-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.saving-panel h2{margin-bottom:8px}.saving-panel p{margin-bottom:8px;font-size:.9rem;color:var(--muted)}.saving-panel small{font-size:.8rem;color:var(--muted)}.saving-panel .saved{font-size:.88rem;flex:none;background:#e7f4ed;border-radius:8px;padding:12px 16px}.saving-panel .saved.error{background:#fff0ec}.settings-build{border:1px solid var(--line);border-radius:14px;background:white}.settings-build>summary{padding:22px 24px;font-size:1.05rem;font-weight:600;cursor:pointer;min-height:64px}.settings-build>summary span{font-size:.84rem;font-weight:400;color:var(--muted);margin-left:15px}.build-detail-body{padding:0 24px 24px}.build-detail-body .page-head{margin-top:8px}.build-detail-body .panel{background:#f7fafb}.help-steps{padding-left:25px;display:grid;gap:16px}.help-steps li{padding-left:6px}.help-steps p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.modal-body .notice p{margin-bottom:0}.app-footer .icon{width:14px;height:14px}.setting-row select{max-width:140px}.setting-row input[type=number]{font-variant-numeric:tabular-nums}.setting-row>span{flex:1;min-width:0}dialog{overscroll-behavior:contain}.modal-body input,.modal-body textarea{scroll-margin:20px}.profile-button:hover{color:var(--deep)}.btn.soft:hover,.btn.ghost:hover{background:#dcedE7}.btn.danger:hover{background:#ffe2da}
.library-tools{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px}.library-search{display:flex;align-items:center;position:relative;width:100%;max-width:none}.library-search .icon{position:absolute;left:15px;color:var(--muted);pointer-events:none}.library-search input{margin:0;padding-left:46px;min-height:52px;font-size:.98rem;background:#f8fafc}.collection-pills{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 22px}.collection-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid #cfdee5;border-radius:9px;padding:10px 14px;font-size:.86rem;background:white}.collection-pill .icon{width:17px;height:17px}.collection-pill:hover{background:#f1f7f5}.collection-pill.active{border-color:var(--teal);background:#e7f4ee;color:var(--deep);box-shadow:inset 0 0 0 1px var(--teal);font-weight:600}.library-tools .filter-pills{border-top:1px solid #e3ebef;padding-top:18px;margin:0}.library-tools .pill{min-height:42px;font-size:.84rem}.more-filters{margin-top:16px}.more-filters summary{font-size:.86rem;font-weight:600;color:var(--deep);cursor:pointer;padding:10px 0;min-height:44px;width:fit-content}.filter-fields{display:grid;grid-template-columns:140px 180px minmax(0,1fr);gap:22px;align-items:start;margin:12px 0 5px}.difficulty-help{font-size:.8rem;line-height:1.5;padding-top:3px;color:var(--muted)}.difficulty-help strong{color:var(--ink)}.difficulty-help p{margin:5px 0 0;max-width:620px}.results-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:10px}.results-toolbar .results-info{font-size:.87rem;margin:0}.load-more{display:grid;place-items:center;gap:12px;margin:28px 0 8px}.load-more p{font-size:.84rem;color:var(--muted);margin:0}.lesson-info h3{font-size:1.06rem;line-height:1.4;letter-spacing:-.025em}.lesson-info p{font-size:.87rem;line-height:1.55}.lesson-foot small{font-size:.79rem;line-height:1.5}.lesson-foot .btn{min-height:44px}.lesson-info .badge{font-size:.73rem}.lesson-card{min-width:0}.lesson-card .lesson-image svg{max-height:100%}.lesson-card:focus-within{border-color:var(--teal)}.review-title{scroll-margin-top:25px}.review-title:focus{outline:3px solid #d8aa46;outline-offset:6px}.grade-checks{display:flex;gap:8px;flex-wrap:wrap}.grade-checks label{display:flex;gap:7px;align-items:center;min-height:44px;padding:8px 10px;background:#f4f8fa;border:1px solid var(--line);border-radius:8px;font-size:.85rem}.grade-checks input{margin:0}.prep-summary{padding:16px 18px;margin-bottom:18px;background:#e7f4ee;border:1px solid #bddbce;border-radius:10px;font-size:.87rem;display:flex;justify-content:space-between;align-items:center;gap:12px}.prep-summary p{margin:0}.prepared-step>summary{cursor:pointer;font-weight:600;min-height:46px;padding:10px 0}.prepared-step .studio-fields{margin-top:15px}
@media(min-width:1500px){.topbar{padding-inline:55px}.day-copy{padding:30px 36px}}
@media(max-width:1180px){.topbar{padding-inline:26px}.day-hero{grid-template-columns:1.3fr .7fr}.filter-fields{grid-template-columns:1fr 1fr}.difficulty-help{grid-column:1/-1}.lesson-foot{display:grid;gap:12px}.lesson-foot .btn{width:100%}.page-head{align-items:flex-start}.page-actions{flex-shrink:0}}
@media(max-width:970px){.profile-button>span:not(.avatar),.profile-button>.icon{display:none}.profile-button{padding-left:12px}.profile-button .avatar{width:38px;height:38px}.topbar-right{gap:8px}.page-actions{margin-left:0}.page-head{gap:15px}.day-art{padding:15px}.day-art .paper-label{right:12px;bottom:12px;font-size:.65rem}.settings-build>summary span{display:block;margin:6px 0 0}.saving-panel{flex-wrap:wrap}.topbar-title{font-size:1.85rem}}
@media(max-width:720px){.topbar{min-height:110px;padding:17px 20px;gap:12px;align-items:flex-end}.header-identity{display:flex;flex-direction:column;gap:13px}.mobile-brand{display:block;width:110px;line-height:0}.mobile-brand img{width:100%;height:auto}.topbar-title{display:block;font-size:1.65rem;line-height:1.2}.topbar-right{gap:3px;align-self:flex-end}.profile-button{display:flex;border:0;padding:0}.profile-button .avatar{width:36px;height:36px}.help-button{gap:5px;font-size:.82rem;padding:9px}.help-button .icon{width:18px;height:18px}.content{padding-top:20px}.page-head>p{font-size:.95rem}.page-actions .btn{min-height:44px}.learner-selector{gap:10px}.field-caption{width:100%;font-size:.8rem}.learner-strip{gap:9px}.learner-chip{min-height:46px}.learner-chip small{display:inline;font-size:.74rem}.day-hero{grid-template-columns:1fr}.day-copy{padding:23px}.day-copy h2{font-size:1.5rem;max-width:none}.day-copy p{font-size:.94rem}.day-copy .row{gap:10px}.day-copy .btn{min-height:48px}.next-meta{font-size:.78rem;margin-block:14px 20px}.day-art{display:none}.library-tools{padding:17px;border-radius:12px}.collection-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 17px}.collection-pill{padding:9px;gap:7px;font-size:.8rem;min-height:46px;text-align:left}.collection-pill .icon{width:16px;height:16px}.library-tools .filter-pills{gap:7px;padding-top:15px}.library-tools .pill{font-size:.8rem;padding:9px 11px}.filter-fields{gap:14px}.filter-fields label{font-size:.85rem}.filter-fields select{padding-inline:10px}.difficulty-help{font-size:.8rem}.results-toolbar{min-height:58px}.lesson-info h3{font-size:1rem}.lesson-info p{font-size:.85rem}.lesson-info .badge{font-size:.72rem}.lesson-foot small{font-size:.76rem}.lesson-foot .btn{font-size:.82rem}.settings-build>summary{padding:20px}.build-detail-body{padding:0 16px 18px}.saving-panel{gap:18px}.settings-notice{font-size:.84rem}.save-alert{font-size:.85rem}.help-steps{padding-left:22px}.page-actions{width:auto}.activity-actions .icon-btn{width:44px;height:44px}.activity-actions .btn{min-height:44px}.student-shell>.save-alert{font-size:.92rem}.mobile-nav a{font-size:.7rem;min-height:54px}.settings-build .grid-2{gap:16px}}
@media(max-width:460px){.lesson-grid{grid-template-columns:1fr}.lesson-image{height:150px;padding:14px}.lesson-image svg{height:125px}.lesson-info{padding:19px}.lesson-info h3{font-size:1.08rem}.lesson-info p{font-size:.91rem}.lesson-foot{display:flex;align-items:center;gap:12px}.lesson-foot .btn{width:auto}.topbar{padding-inline:16px}.topbar-title{font-size:1.5rem}.help-button span{display:none}.help-button{min-width:44px;justify-content:center}.topbar-right{gap:7px}.profile-button{min-width:44px;justify-content:center}.learner-chip small{display:none}.day-copy{padding:22px}.day-copy .row{align-items:stretch}.day-copy .row .btn{width:100%}.day-copy .btn.ghost{border-color:#b3d0c6;background:#ffffff70}.next-meta{gap:7px}.setting-row{align-items:flex-start}.settings-build>summary span{font-size:.8rem}.field-caption{margin-bottom:2px}.page-actions{width:auto}.page-actions .btn{flex:none}.build-detail-body .panel{padding:17px}}

/* Account access stays in Settings, away from the daily learning flow. */
.account-details{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}.account-details summary{cursor:pointer;min-height:44px;display:list-item;padding-block:10px;font-weight:600;color:var(--deep)}.account-details p{font-size:.86rem;line-height:1.6}.account-details input{font-size:.8rem;overflow-wrap:anywhere}.knowledge-settings .row{margin-top:18px}.topbar a.help-button{text-decoration:none;min-height:44px}
/* Realistic fictional profiles, with identity and account access kept distinct. */
.demo-profile-button{display:flex;align-items:center;gap:11px;text-align:left;padding:7px 10px 7px 7px;border:1px solid #d7e4e9;border-radius:12px;min-height:58px;background:#fff;max-width:280px}.demo-profile-button:hover{border-color:#9bbdb5;background:#f7fbf9}.profile-portrait{display:block;width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none}.profile-portrait svg{display:block;width:100%;height:100%}.profile-button-copy{min-width:0}.profile-button-copy strong{font-size:.85rem;display:block;font-weight:700;line-height:1.3}.profile-button-copy small{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--muted);margin-top:4px}.demo-label{font-size:.62rem;font-weight:700;background:#eef2f4;color:#586c7a;padding:3px 5px;border-radius:4px;line-height:1}.demo-profile-button>.icon{width:16px;height:16px;color:#607786;margin-left:5px}.profile-mobile-label{display:none}.profile-picker-intro{font-size:1.08rem;font-weight:600;color:var(--deep);margin-bottom:10px}.demo-profile-list{display:grid;gap:12px;margin:24px 0}.demo-profile-option{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #d2e0e5;border-radius:12px;padding:15px;min-height:90px;background:white}.demo-profile-option:hover{border-color:#7cae9c;background:#f7fbf9}.demo-profile-option.selected{border-color:#318978;box-shadow:inset 0 0 0 1px #318978;background:#edf7f1}.demo-profile-option .profile-portrait{width:56px;height:56px}.demo-profile-option>span:nth-child(2){flex:1;min-width:0}.demo-profile-option strong{display:block;font-size:.95rem;margin-bottom:7px}.demo-profile-option small{display:block;font-size:.8rem;line-height:1.45;color:var(--muted)}.profile-selected{display:grid;place-items:center;color:var(--deep)}.profile-selected .icon{width:19px;height:19px}.profile-settings-link{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:.88rem}.modal-head h2:focus{outline:none}.modal-head h2:focus-visible{outline:3px solid #d8aa46;outline-offset:4px}
/* A reading room for families, with guides and source evidence in separate views. */
.resource-welcome{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:35px;align-items:center;padding:28px 32px;background:#e4f1eb;border:1px solid #d1e4da;border-radius:17px;margin-bottom:25px}.resource-welcome h2{font-size:clamp(1.5rem,2vw,1.9rem);line-height:1.3;max-width:650px;margin-bottom:14px}.resource-welcome p{font-size:.94rem;max-width:670px;margin:0;color:#40665c;line-height:1.6}.resource-library-count{padding-left:25px;border-left:1px solid #bbd5c8;color:var(--deep);display:flex;flex-direction:column;gap:4px}.resource-library-count strong{font-family:var(--heading);font-weight:600;font-size:2.6rem;line-height:1}.resource-library-count span{font-weight:600;font-size:.88rem}.resource-library-count small{font-size:.73rem;line-height:1.4;color:#527267;margin-top:5px}.resource-search-panel{padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:24px}.resource-search-label{font-size:.91rem;margin-bottom:12px}.resource-search-box{position:relative}.resource-search-box>.icon{position:absolute;left:15px;top:17px;color:#657c8a}.resource-search-box input{padding-left:46px;margin:0;min-height:55px;font-size:1rem;background:#f9fbfc}.resource-filter-row{display:flex;align-items:end;gap:15px;margin-top:19px}.resource-filter-row>label{min-width:0;flex:1;font-size:.76rem;color:#536b7b;font-weight:600}.resource-filter-row select{font-size:.85rem;min-height:44px;padding-block:9px}.resource-filter-row>.btn{flex:none;min-height:44px}.resource-browse-tabs{display:flex;gap:7px;border-bottom:1px solid #cbdce4;margin-bottom:27px;padding:0 0 0}.resource-browse-tabs>button{display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 18px 15px;border-bottom:3px solid transparent;min-height:54px;font-size:.88rem;color:#526e7d;border-radius:8px 8px 0 0}.resource-browse-tabs>button:hover{background:#eaf3f0}.resource-browse-tabs>button[aria-pressed=true]{color:var(--deep);font-weight:700;background:#e8f3ee;border-bottom-color:#078282}.resource-browse-tabs .icon{width:18px;height:18px}.resource-tab-count{font-size:.7rem;font-variant-numeric:tabular-nums;border-radius:5px;padding:2px 6px;background:#e8eef1;color:#496371}.resource-browse-tabs>button[aria-pressed=true] .resource-tab-count{background:#cfe8dd;color:#285c4d}.resource-results-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}.resource-results-head h2{font-size:1.23rem;margin-bottom:8px;line-height:1.4}.resource-results-head p{margin:0;color:var(--muted);font-size:.8rem}.resource-register-link{display:inline-flex;gap:6px;align-items:center;font-size:.77rem;min-height:44px;flex:none}.resource-register-link>.icon{width:15px;height:15px}.everyday-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.everyday-guide-card{display:flex;align-items:flex-start;gap:17px;background:white;border:1px solid #d5e3e8;border-radius:13px;padding:23px}.everyday-guide-card:focus-within{border-color:#72a896}.everyday-guide-card>div{min-width:0;flex:1}.everyday-guide-icon{display:grid;place-items:center;flex:none;width:42px;height:46px;border-radius:11px;background:#e8f3ed;color:#37745e}.guide-tone-1{background:#f7eed8;color:#927135}.guide-tone-2{background:#e8eff9;color:#426b9a}.everyday-guide-card h3{font-size:1.02rem;line-height:1.4;margin:1px 0 11px}.everyday-guide-card h3>button{text-align:left;padding:0;font:inherit;line-height:inherit}.everyday-guide-card h3>button:hover{text-decoration:underline;text-underline-offset:4px}.everyday-guide-card p{font-size:.86rem;line-height:1.65;margin-bottom:19px;color:var(--muted)}.everyday-guide-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.everyday-guide-foot>span{font-size:.72rem;color:#637e86}.everyday-guide-foot>.text-link{font-size:.81rem;white-space:nowrap;min-height:44px}.everyday-guide-foot .icon{width:16px;height:16px}.resource-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.resource-source-grid>.empty,.everyday-guide-grid>.empty{grid-column:1/-1;min-height:250px;background:#fff;border:1px dashed #bfd3da;border-radius:12px}.reading-source-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d4e2e9;border-radius:12px;padding:23px}.resource-source-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.resource-document{display:inline-flex;gap:6px;align-items:center;color:#496c7a;font-size:.73rem;font-weight:600}.resource-document .icon{width:17px;height:17px}.resource-publisher{font-size:.7rem;color:#4e7669;line-height:1.5;font-weight:600;margin-bottom:10px}.reading-source-card h3{font-size:1.04rem;line-height:1.45;margin-bottom:13px}.reading-source-card h3 button{font:inherit;text-align:left;padding:0}.reading-source-card h3 button:hover{text-decoration:underline;text-underline-offset:4px}.resource-summary{font-size:.84rem;line-height:1.7;color:var(--muted);margin-bottom:18px}.resource-evidence{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:16px}.resource-evidence .badge{font-size:.67rem}.resource-card-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #e4ecf0;padding-top:12px}.resource-card-foot>a,.resource-card-foot>button{display:inline-flex;gap:5px;align-items:center;font-size:.75rem;min-height:44px}.resource-card-foot .icon{width:14px;height:14px}.resource-reading-note{padding:26px 28px;margin-top:30px;border-top:1px solid #cadce2;background:#eef4f6;border-radius:0 0 13px 13px}.resource-reading-note>div{display:flex;align-items:center;gap:10px;margin-bottom:12px}.resource-reading-note h2{font-size:1.05rem;margin:0}.resource-reading-note>.icon{color:var(--teal)}.resource-reading-note>p{font-size:.82rem;line-height:1.7;max-width:900px;color:var(--muted);margin-bottom:14px}.resource-reading-note details{margin:17px 0}.resource-reading-note summary{font-size:.82rem;min-height:44px;padding-block:11px;cursor:pointer;color:var(--deep);font-weight:600}.resource-reading-note ul{font-size:.81rem;line-height:1.7;display:grid;gap:9px;max-width:850px;margin-top:6px}.resource-reading-note>.text-link{min-height:44px;font-size:.84rem}.resource-reading-note>.text-link .icon{margin-left:7px;width:17px;height:17px}.resource-detail,.resource-guide-detail{font-size:.95rem;line-height:1.7}.resource-detail>p,.resource-guide-detail>p{line-height:1.7}.resource-detail-publisher{color:#467360;font-weight:600;font-size:.85rem;margin:17px 0}.resource-detail h3,.resource-guide-detail h3{font-size:1rem;line-height:1.4;margin:24px 0 13px}.resource-detail ul{display:grid;gap:10px;font-size:.91rem;line-height:1.7;margin:0 0 25px}.resource-scope{padding:18px 20px;border-left:3px solid #93b6a7;background:#eff6f2;margin:24px 0;color:#47685a}.resource-scope h3{font-size:.92rem;margin:0 0 9px}.resource-scope p{font-size:.85rem;line-height:1.7;margin:0 0 10px}.resource-scope p:last-child{margin:0}.resource-metadata{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:24px 0}.resource-metadata dt{font-size:.75rem;color:var(--muted);margin-bottom:6px}.resource-metadata dd{font-size:.85rem;margin:0}.resource-update-note{font-size:.81rem;color:var(--muted);margin-bottom:22px}.resource-update-note summary{min-height:44px;padding-block:10px;cursor:pointer;color:var(--deep)}.resource-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.resource-detail>.form-help,.resource-guide-detail>.form-help{font-size:.76rem;margin-top:22px;line-height:1.65}.everyday-steps{padding-left:27px;display:grid;gap:17px;margin-block:26px}.everyday-steps li{padding-left:6px;line-height:1.7}.everyday-steps li::marker{font-weight:700;color:var(--deep)}.guide-source-links{display:grid;gap:8px}.guide-source-links>a{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #dce7ec;border-radius:8px;font-size:.85rem;text-decoration:none;line-height:1.5}.guide-source-links>a:hover{background:#f4f9f7}.guide-source-links>a>span:first-child{flex:1}.guide-source-links small{display:block;color:var(--muted);font-size:.72rem;margin-top:7px}.guide-source-links .icon{width:16px;height:16px}.app-footer{padding-bottom:30px}
@media(max-width:1180px){.everyday-guide-card{gap:12px;padding:20px}.everyday-guide-icon{width:36px;height:40px}.everyday-guide-foot{flex-wrap:wrap;gap:3px}.resource-welcome{gap:24px;padding:26px}.reading-source-card{padding:20px}}
@media(max-width:970px){.demo-profile-button{padding:6px;gap:7px;min-height:52px}.profile-button-copy{display:none}.profile-mobile-label{display:block;font-size:.65rem;color:var(--muted);font-weight:700}.demo-profile-button>.icon{margin-left:0}.resource-welcome{grid-template-columns:1fr}.resource-library-count{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;border-left:0;border-top:1px solid #c0d8cc;padding:17px 0 0}.resource-library-count strong{font-size:1.5rem}.resource-library-count small{margin:0 0 0 auto}.resource-filter-row{flex-wrap:wrap}.resource-filter-row>label{flex:1 1 170px}.everyday-guide-grid,.resource-source-grid{grid-template-columns:1fr}.everyday-guide-card{padding:24px}.everyday-guide-foot{flex-wrap:nowrap}.resource-browse-tabs>button{padding-inline:13px;font-size:.81rem}.resource-results-head{flex-wrap:wrap;gap:5px}.resource-register-link{font-size:.75rem}}
@media(max-width:720px){.topbar .topbar-right{align-self:flex-end}.demo-profile-button{padding:5px 7px;gap:6px;min-height:48px;border-radius:10px}.demo-profile-button .profile-portrait{width:34px;height:34px}.demo-profile-button>.icon{display:none}.profile-mobile-label{font-size:.63rem}.resource-welcome{padding:23px;margin-bottom:20px;border-radius:13px;gap:18px}.resource-welcome h2{font-size:1.45rem;line-height:1.35}.resource-welcome p{font-size:.88rem}.resource-library-count small{display:none}.resource-library-count span{font-size:.8rem}.resource-library-count{padding-top:14px;gap:9px}.resource-search-panel{padding:20px 17px;margin-bottom:20px}.resource-search-label{font-size:.85rem;line-height:1.5}.resource-search-box input{font-size:.9rem;padding-left:41px;min-height:53px}.resource-search-box>.icon{left:13px;width:18px;height:18px}.resource-filter-row{gap:13px 10px;margin-top:17px}.resource-filter-row>label{font-size:.72rem;flex:1 1 calc(50% - 10px)}.resource-filter-row>label:first-child{flex-basis:100%}.resource-filter-row select{font-size:.81rem;padding-inline:10px}.resource-filter-row>.btn{font-size:.78rem;padding-inline:0}.resource-browse-tabs{gap:2px;margin-bottom:23px}.resource-browse-tabs>button{flex:1;gap:5px;padding:12px 7px;font-size:.74rem;min-height:55px}.resource-browse-tabs>button>.icon{display:none}.resource-tab-count{font-size:.62rem;padding:2px 4px}.resource-results-head h2{font-size:1.12rem;line-height:1.4}.resource-results-head p{font-size:.76rem}.resource-register-link{font-size:.74rem}.everyday-guide-card{padding:21px 18px;gap:13px;border-radius:11px}.everyday-guide-icon{width:33px;height:37px;border-radius:8px}.everyday-guide-icon>.icon{width:19px;height:19px}.everyday-guide-card h3{font-size:1rem;margin-bottom:10px}.everyday-guide-card p{font-size:.85rem;margin-bottom:12px}.everyday-guide-foot{gap:7px}.everyday-guide-foot>span{font-size:.67rem}.everyday-guide-foot>.text-link{font-size:.77rem}.reading-source-card{padding:20px}.reading-source-card h3{font-size:1.03rem}.resource-summary{font-size:.87rem}.resource-card-foot{flex-wrap:wrap;gap:5px}.resource-card-foot>a,.resource-card-foot>button{font-size:.78rem}.resource-reading-note{padding:24px 20px;margin-top:23px}.resource-reading-note>p{font-size:.8rem;line-height:1.7}.resource-reading-note>.text-link{font-size:.81rem;text-align:left;line-height:1.55}.resource-metadata{grid-template-columns:1fr}.resource-detail-actions>.btn{width:100%}.demo-profile-option{gap:12px;padding:14px}.demo-profile-option .profile-portrait{width:46px;height:46px}.demo-profile-option strong{font-size:.9rem}.demo-profile-option small{font-size:.75rem}.profile-picker-intro{font-size:1rem}.resource-guide-detail,.resource-detail{font-size:.9rem}.resource-guide-detail .everyday-steps{padding-left:24px;gap:15px}.resource-scope{padding:17px}.guide-source-links>a{font-size:.8rem;padding:13px 11px}.guide-source-links small{font-size:.7rem}.app-footer{padding-bottom:50px}}
@media(max-width:360px){.resource-browse-tabs>button{font-size:.68rem;padding-inline:4px;gap:4px}.resource-tab-count{display:none}.everyday-guide-card{display:block}.everyday-guide-icon{margin-bottom:13px}.resource-filter-row>label{flex-basis:100%}}
.resource-guide-reviewed{font-size:.74rem;color:var(--muted);margin:16px 0 20px;line-height:1.6}.resource-studio-idea{padding:18px 20px;border:1px solid #dbe7eb;border-radius:10px;background:#f9fbfc;margin:24px 0}.resource-studio-idea h3{margin:0 0 10px}.resource-studio-idea p{font-size:.86rem;line-height:1.7;margin-bottom:15px}#resource-results-title:focus{outline:0}#resource-results-title:focus-visible{outline:3px solid #d8aa46;outline-offset:4px}

.modal-head h2{display:flex;align-items:center;gap:12px}.modal-title-icon{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:#e5f1ed;color:var(--deep)}.modal-title-icon>.icon{width:20px;height:20px}.modal-head h2>span:last-child{min-width:0}

.mode-switch button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.mode-switch button>.icon{width:17px;height:17px;flex:none}

/* A small, practical starting point for adults, shared with the mobile More page. */
.quick-start-card{padding:16px;border:1px solid #d6e6e0;border-radius:14px;background:#f0f7f4}
.quick-start-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.quick-start-mark{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:#dceee6;color:var(--deep)}
.quick-start-mark .icon{width:19px;height:19px}
.quick-start-heading h2{margin:0;font-family:var(--body);font-size:.92rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;text-wrap:initial;overflow-wrap:normal}
.quick-start-card>p{margin:0 0 16px;font-size:.82rem;line-height:1.55;color:#4b6865}
.quick-start-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 8px;border:1px solid #b4cec3;border-radius:8px;background:white;color:var(--deep);font-size:.8rem;font-weight:650;line-height:1.35}
.quick-start-button .icon{width:17px;height:17px}
.practice-formats{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:26px;padding:2px 0 16px}
.practice-format{display:grid;place-items:center;width:48px;height:44px;border:1px solid #c0d6cc;border-radius:10px;background:#fff;color:#216a63;z-index:1;transition:background .15s,border-color .15s}
.practice-format:hover,.practice-format[data-tip-open]{background:#dceee6;border-color:#6c9d8a}
.practice-format .icon{width:23px;height:23px}
.format-connection{position:absolute;left:30%;right:30%;top:23px;height:1px;background:#aac8ba;z-index:0}
.format-tooltip{position:absolute;z-index:5;bottom:100%;left:0;right:0;margin-bottom:6px;padding:12px;border:1px solid #bad2c7;border-radius:10px;box-shadow:0 8px 22px #14334b1a;background:#fff;color:#36574f;font-size:.76rem;line-height:1.5;text-align:left}
.format-tooltip::after{content:'';position:absolute;top:100%;left:0;right:0;height:12px}
.format-tooltip strong{display:block;font-size:.8rem;color:#143b36;margin-bottom:4px}
.format-tooltip[hidden]{display:none}
.more-quick-start .practice-formats{max-width:230px;justify-content:flex-start}
.more-quick-start .format-connection{left:30px;right:auto;width:70px}
.quick-start-button:hover{background:#e1efe8;border-color:#7da997}
.about-enablingpath-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:11px 5px;margin-top:6px;font-size:.77rem;line-height:1.4;color:var(--muted);text-decoration:none;border-radius:7px}
.about-enablingpath-link>.icon{width:15px;height:15px;flex:none}
.about-enablingpath-link:hover{color:var(--deep);background:#f4f8fa;text-decoration:underline;text-underline-offset:4px}
.more-quick-start .quick-start-card{padding:22px}
.more-quick-start .quick-start-heading h2{font-size:1.05rem}
.more-quick-start .quick-start-card>p{font-size:.9rem}
.more-quick-start .quick-start-button{width:auto;padding-inline:22px;font-size:.85rem}
.more-quick-start .about-enablingpath-link{justify-content:flex-start;font-size:.84rem;padding-inline:4px;gap:9px}
@media(min-width:721px) and (max-width:970px){.sidebar .quick-start-card{padding:13px}.sidebar .quick-start-heading{gap:8px}.sidebar .quick-start-heading h2{font-size:.87rem}.sidebar .quick-start-mark{width:28px;height:28px}.sidebar .quick-start-card>p{font-size:.78rem}.sidebar .quick-start-button{font-size:.77rem}}
/* Inline ASL playback stays in the activity, with independent media controls. */
.ep-asl-player{margin:20px 0 12px;min-width:0}.ep-asl-player .layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.ep-asl-player .card{min-width:0;background:white;border:1px solid #c5dbd7;border-radius:12px;padding:12px}.ep-asl-player .player-card{border:0;padding:0;overflow:hidden;container-type:inline-size;container-name:asl-player}.ep-asl-player video{display:block;width:100%;aspect-ratio:1;max-height:580px;object-fit:contain;border-radius:12px;background:#faf9f2}.ep-asl-player .letters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.ep-asl-player button{font:inherit;min-width:44px;min-height:44px;padding:8px 10px;background:#fff;color:#075e65;border:1px solid #b0ccc4;border-radius:9px;cursor:pointer}.ep-asl-player button[aria-pressed=true],.ep-asl-player button.primary{background:#096c72;color:#fff;border-color:#096c72}.ep-asl-player .letters button{font-size:20px;font-weight:700;padding:5px}.ep-asl-player .all{width:100%}.ep-asl-player details{padding:0;border:0;margin:0}.ep-asl-player summary{min-height:44px;cursor:pointer;font-weight:700}.ep-asl-player summary span{display:none}.ep-asl-player .player-controls{padding:12px 0 0}.ep-asl-player .player-controls[hidden],.ep-asl-player .caption-line[hidden]{display:none}.ep-asl-player .playback-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.ep-asl-player .timecode{font-variant-numeric:tabular-nums;white-space:nowrap}.ep-asl-player .seek{display:block;width:100%;min-height:32px;accent-color:#096c72;margin:6px 0}.ep-asl-player .transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ep-asl-player .transport-group{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.ep-asl-player .transport{justify-content:space-between}.ep-asl-player .transport button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.ep-asl-player svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ep-asl-player .speed-control{min-height:44px;max-width:128px;font:inherit;font-size:14px;border:1px solid #b0ccc4;border-radius:9px;padding:7px;background:#fff;color:#075e65}.ep-asl-player .caption-line{padding:6px 12px;background:#14334b;color:#fff;border-radius:6px;text-align:center}.ep-asl-player .player-message{min-height:24px;font-size:14px;color:#426376;margin:6px 0 0}.ep-asl-player :focus-visible{outline:3px solid #2454c8;outline-offset:3px}.ep-asl-player .player-card:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#f3f7f5;padding:16px;overflow:auto}.ep-asl-player .player-card:fullscreen video{max-height:calc(100dvh - 230px)}
@media(max-width:1000px){.ep-asl-player .layout{grid-template-columns:212px minmax(0,1fr);gap:12px}.ep-asl-player .letters{gap:4px}.ep-asl-player .card{padding:8px}.ep-asl-player .transport{gap:8px}}
@media(max-width:760px){.ep-asl-player .layout{grid-template-columns:1fr;gap:10px}.ep-asl-player .letter-nav{padding:4px 10px}.ep-asl-player summary{display:flex;align-items:center;justify-content:space-between;font-size:16px;list-style:none}.ep-asl-player summary::-webkit-details-marker{display:none}.ep-asl-player summary span{display:inline;color:#096c72;font-size:14px}.ep-asl-player .letters{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px}.ep-asl-player .transport{display:grid;grid-template-columns:1fr}.ep-asl-player .transport-group{justify-content:space-between}.ep-asl-player .transport-group:first-child button{flex:1}.ep-asl-player .transport-group:last-child{padding-top:8px;border-top:1px solid #dbe8e3;gap:4px}.ep-asl-player .control-label{font-size:14px}.ep-asl-player .player-card{padding:0}.ep-asl-player video{max-height:none}}
@media(max-width:380px){.ep-asl-player [data-asl-control=sound] .control-label{display:none}.ep-asl-player .speed-control{max-width:120px}.ep-asl-player .playback-meta{font-size:13px}}
@media(max-width:480px){.ep-asl-player .transport-group:last-child{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;width:100%}.ep-asl-player [data-asl-control=sound] .control-label{display:none}.ep-asl-player .speed-control{min-width:0;max-width:none;width:100%}}

.ep-asl-player .transport .icon-only{width:44px;padding:9px;flex:none}.ep-asl-player [data-asl-control=sound] .control-label{display:none}.ep-asl-player .transport button:not(.primary){background:transparent;border-color:transparent}.ep-asl-player .transport button:not(.primary):hover{background:#e4f2ee}.ep-asl-player .transport-group:last-child{display:flex;flex-wrap:nowrap}.ep-asl-player .transport{padding:8px 0;border-top:1px solid #dbe8e3}@container asl-player (max-width:540px){.ep-asl-player .transport{display:grid;grid-template-columns:1fr;gap:8px}.ep-asl-player .transport-group:first-child{display:grid;grid-template-columns:1fr 1fr}.ep-asl-player .transport-group:last-child{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;border-top:1px solid #dbe8e3;padding-top:8px;gap:6px}.ep-asl-player .speed-control{width:100%;max-width:none}}

.ep-asl-player .transport button[aria-pressed=true]:not(.primary){background:#d9ece5;color:#075e65;border-color:#8caeb7}