.catalog-header{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:22px 0}.catalog-header .eyebrow{display:block;margin-top:20px}.catalog-header h1{font-size:37px;margin:12px 0}.catalog-header p{font-size:15px}.catalog-world svg{display:block;width:100%;max-height:210px;border-radius:26px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:20px 0}.mode-switch{display:flex;background:#eceee0;padding:5px;border-radius:17px;gap:4px}.mode-switch button{font-size:13px;padding:11px 14px;min-height:46px;background:transparent}.mode-switch .active,.topic-tabs .active{background:#496f59;color:#fffdf5}.topic-tabs{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;align-items:center}.topic-tabs button{flex-shrink:0;min-height:45px;padding:11px 15px;font-size:13px;background:#eeeadc}.lesson-filters{border:1px solid var(--border);border-radius:18px;background:#f7f5ec;padding:6px 14px;margin:8px 0 20px}.lesson-filters .form{grid-template-columns:repeat(3,1fr);margin:12px 0}.lesson-filters #resetFilters{margin-bottom:10px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lesson-card{border:1px solid var(--border);background:var(--white);border-radius:25px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.lesson-cover{background:#edf1e3;border-radius:0;width:100%;display:flex;align-items:center;justify-content:center;padding:17px;min-height:151px}.lesson-card:nth-child(3n+2) .lesson-cover{background:#f0e7dc}.lesson-card:nth-child(3n) .lesson-cover{background:#e5edf0}.lesson-cover .art{width:120px;height:120px}.lesson-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.lesson-card h2{font-size:22px;margin:10px 0;line-height:1.35;letter-spacing:-.3px}.lesson-card p{font-size:13px;color:var(--muted);margin:2px 0 8px}.lesson-status{font-size:11px;align-self:flex-start;padding:5px 9px;border-radius:20px;background:#f0ecdf;color:#61735b}.status-started{background:#f3e4c7;color:#77633c}.status-completed{background:#e1eddc;color:#436245}.level-badge{font-size:12px;padding:4px 8px;background:#efecdf;border-radius:20px;white-space:nowrap}.lesson-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:14px;flex-wrap:wrap;align-items:center}.lesson-card-actions .primary{font-size:13px;min-height:46px;padding:12px 15px}.audio-chip{border:1px solid #d4dfd1;background:#f1f3e9;color:#47644e;font-size:12px;min-height:44px;padding:10px 12px;border-radius:12px;box-shadow:none}.audio-chip:hover{background:#e5ecdc}.audio-tools{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0 8px}.audio-status{font-size:13px;line-height:1.6;color:#62725f;min-height:23px}.audio-status:empty{display:none}.answer-cell{display:flex;flex-direction:column;gap:7px;min-width:0}.answer-cell>.choice{width:100%;flex:1}.option-audio{align-self:center;min-width:90px}.shadow-pictures .option-audio{filter:none;opacity:1}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;padding:28px 0}.pagination button:disabled{opacity:.4}.lesson-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center;margin:45px 0}.lesson-detail-art{background:#eaf0df;border-radius:35px;padding:40px;display:flex;align-items:center;justify-content:center}.lesson-detail-art .art{width:240px;height:240px;max-width:100%}.lesson-detail .controls{justify-content:flex-start}.scene-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative}.scene-panels.groups{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-panel{background:#fffdf3bd;border:1px solid #d1ddc9;border-radius:20px;padding:13px 8px}.scene-panel b{display:block;font-size:14px;margin-bottom:8px}.scene-panel .visual-row{gap:3px}.scene-panel .art{width:65px;height:65px}.storage-scene{display:flex;align-items:center;justify-content:center;gap:35px}.position-picture.in>svg{width:100%;height:100%}.position-picture.below .position-object{top:80px}.position-picture.below-chair .position-object{width:50px!important;height:50px!important;top:94px;left:55px}.position-picture.box-position.below .position-furniture{top:0;height:100px!important}.position-picture.box-position.below .position-object{top:103px}.sequence-strip,.comparison-row{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap}.sequence-strip .art{flex:1 1 0;min-width:0;max-width:80px;height:auto;aspect-ratio:1}.sequence-strip .visual-word{font-size:22px}.comparison-row .art{width:min(23vw,95px);height:auto;aspect-ratio:1}.block-tower{height:180px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:0}.block-tower span{display:block;flex-shrink:0;height:50px;max-width:100%}.block-tower .art{width:100%;height:100%}.order-slot{min-width:0;max-width:none;flex:1}.order-tray{max-width:100%}.task-scene>.visual-row>.art{width:104px;height:104px}.choices .choice>.art{width:104px;height:104px}.match-column .choice{min-height:130px}.lesson-cover:focus-visible{outline-offset:-5px}
@media(max-width:760px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.catalog-header{grid-template-columns:1fr 1fr;gap:15px}.catalog-header h1{font-size:31px}.catalog-header .eyebrow{font-size:9px}.catalog-world svg{max-height:180px}.lesson-detail{grid-template-columns:1fr;gap:24px;margin:22px 0}.lesson-detail-art{max-width:400px;width:100%;margin:auto;padding:20px}.lesson-detail-art .art{width:180px;height:180px}.scene-panels{gap:8px}.scene-panel .art{width:56px;height:56px}}
@media(max-width:480px){.catalog-header{display:block;padding-top:10px}.catalog-header h1{font-size:30px}.catalog-world{display:none}.catalog-header p{font-size:14px}.catalog-toolbar{gap:10px}.catalog-toolbar>button{font-size:12px;width:100%}.mode-switch{width:100%}.mode-switch button{flex:1;font-size:12px;padding:10px}.lesson-filters .form{grid-template-columns:1fr}.lesson-grid{gap:12px}.lesson-cover{min-height:126px;padding:12px}.lesson-cover .art{width:102px;height:102px}.lesson-card-body{padding:13px 11px}.lesson-card h2{font-size:18px;margin:9px 0;min-height:48px}.lesson-card p{font-size:11px;line-height:1.8}.lesson-card small{font-size:11px}.lesson-card-actions{gap:9px}.lesson-card-actions .primary,.lesson-card-actions .audio-chip{width:100%;text-align:center}.lesson-card-actions .primary{font-size:12px}.level-badge{font-size:10px}.audio-chip{font-size:11px;min-height:44px;padding:9px}.option-audio{min-width:76px}.scene-panel{padding:10px 5px;border-radius:14px}.scene-panel b{font-size:11px;line-height:1.5}.scene-panel .art{width:43px;height:43px}.scene-panels.groups .art{width:47px;height:47px}.task-scene>.visual-row>.art{width:82px;height:82px}.choices .choice>.art{width:91px;height:91px}.match-column .choice{min-height:115px}.comparison-row .art{width:75px;height:75px}.sequence-strip .art{max-width:65px}.storage-scene{gap:10px}.position-picture.below .position-object{top:70px}.position-picture.below-chair .position-object{width:44px!important;height:44px!important;top:83px;left:36px}.position-picture.box-position.below .position-object{top:100px}.order-tray{gap:5px;padding:7px}.order-slot{padding:3px}.order-slot .art{width:38px;height:38px}.order-slot .visual-word{font-size:10px}.order-slot .sized-object{max-width:100%}.block-tower{height:151px}.block-tower span{height:43px}.parent-catalog .lesson-goal{font-size:12px}.lesson-detail h1{font-size:31px}}
.position-picture.above .position-object[aria-label="quyển sách"]{top:23px}.position-picture.above-chair .position-object{top:35px}@media(max-width:480px){.position-picture.above-chair .position-object{top:31px}}
@media(max-width:480px){.scene-panels.phases{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-panels.phases .scene-panel:last-child{grid-column:1/-1;background:#fffdf6}.scene-panels.phases .scene-panel:last-child .art{width:70px;height:70px}.scene-panel .visual-word{font-size:15px}}