:root{--green:#0876c9;--ink:#123653;--cream:#f3faff;--line:#d8ebf7;--sky:#38b5f4;--navy:#103c62}body{background:linear-gradient(180deg,#f4fbff 0,#fff 50%,#f0f9ff 100%);color:var(--ink)}header{background:#ffffffef;border-color:#d9edfa;backdrop-filter:blur(15px)}.logo{background:linear-gradient(145deg,#53c8ff,#0780cd);box-shadow:0 5px 12px #1f9cdc22}.brand{color:#12476a}.links a:hover{color:#0879bd}.btn{background:linear-gradient(120deg,#109ee7,#087ac9);border-color:#0888cf;box-shadow:0 5px 14px #0789d51a}.btn:hover{filter:brightness(.96)}.btn.light{background:white;color:#14608d;border-color:#cde5f4;box-shadow:none}.eyebrow{color:#0877b2}.tag{background:#e3f5ff;color:#136491;border:1px solid #cdeaff}.hero-photo{padding-top:56px;padding-bottom:58px;gap:42px}.hero-photo:before{background:radial-gradient(ellipse at 78% 40%,#bdeaff 0,transparent 48%),linear-gradient(120deg,#f0faff,#e6f6ff);box-shadow:0 0 0 100vmax #edf9ff}.hero-photo h1{color:#113957;font-weight:800}.hero-photo h1 em{color:#078dcc}.hero-photo .lead{color:#4d6b81}.hero-photo .btn{background:linear-gradient(125deg,#13a9f0,#087bc6);border-color:#0d93d5}.hero-art{padding:18px 0 0}.hero-art img{aspect-ratio:3/2;object-fit:cover;border:6px solid #ffffffc9;border-radius:32px;box-shadow:0 18px 46px #1578b524}.subject-badges{top:-8px;z-index:1}.subject-badge{background:#f2fbff;color:#176388;box-shadow:0 5px 18px #1d72a41a}.subject-badge.literature{background:#f0faff}.subject-badge.literature b{color:#0c97cc}.photo-caption{color:#12648c}.section{border-color:#d7eaf6}.school-section{padding-top:46px}.school-levels{gap:20px}.school-level{background:linear-gradient(135deg,#eaf7ff,#d8f0ff)!important;color:#14547f!important;padding:27px;min-height:188px;border:1px solid #c5e5f7;box-shadow:0 7px 20px #218bc409}.school-level:nth-child(2){background:linear-gradient(135deg,#def3ff,#c5eaff)!important}.school-level:nth-child(3){background:linear-gradient(135deg,#d0efff,#b5e3ff)!important}.school-level:after{content:'';position:absolute;right:-20px;bottom:-55px;width:150px;height:150px;border:25px solid #ffffff55;border-radius:50%;pointer-events:none}.school-level[aria-pressed=true]{border:2px solid #1a95d2;box-shadow:0 8px 24px #128cce19}.school-level strong{font-size:27px;position:relative;z-index:1}.school-level small{position:relative;z-index:1;color:#3a6986}.level-icon{width:48px;height:48px;background:#ffffffc7;display:grid;place-items:center;border-radius:14px;color:#1089cb;box-shadow:0 4px 10px #237da10c}.level-arrow{color:#1e8bc2}.class-panel{border-color:#d3eaf8;box-shadow:0 8px 30px #1c73a806}.grade-button{background:#f1f9ff;border-color:#d3e9f7;color:#215a7d}.grade-button[aria-pressed=true]{background:linear-gradient(125deg,#25acec,#0b83c9);border-color:#1498d5}.subject-card{border-color:#d7eaf6;box-shadow:0 4px 16px #247ea106;transition:transform .18s,box-shadow .18s}.subject-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #168ac914;border-color:#6ac3ee}.subject-card[aria-pressed=true]{background:#eaf8ff;border-color:#299ed3}.subject-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f7ff;color:#168bc4}.subject-card .available{background:#d9f1ff;color:#075c8d}.subject-message,.resume-card{background:linear-gradient(110deg,#e4f5ff,#f3fbff);border-color:#b4dbf2}.summary-card{border-color:#d2e8f5;box-shadow:0 5px 22px #207ca407}.summary-card strong{color:#0988c6}.summary-card:nth-child(2){background:#f0faff}.summary-card:nth-child(3){background:#eaf7ff}.catalog-tools{background:#e5f4fd;border:1px solid #d3eaf8}.teacher-card{border-color:#d6eaf6}.teacher-card:hover,.teacher-card.selected{background:#eaf8ff;border-color:#2da2d8}.avatar{color:#087ab6;background:#e0f3ff}.folder{border-color:#d1e7f5}.folder[open]>summary{background:#eaf7ff}.folder-teacher{border-color:#c3e0f2}.catalog-row{border-color:#e1eff8}.state-select{border-color:#cfe4f1;color:#2f5a73}.resource{border-color:#d3e8f5;box-shadow:0 6px 22px #2c80ad07}.pdf-icon{background:#e2f4ff;color:#1378a8}.steps article{border-color:#d0e6f5;background:linear-gradient(145deg,#fff,#eff9ff)}.steps b{color:#087fb8}.about .label{color:#146b97}footer{background:#eaf6ff;color:#416b85;border-color:#d0e8f7}dialog{background:#f7fcff;border:1px solid #c7e3f4;box-shadow:0 20px 90px #114e7940}dialog::backdrop{background:#103d5b99}.progress{background:#e7f5ff}.search:focus,.state-select:focus{outline:2px solid #77c9f0;outline-offset:2px}@media(max-width:700px){.hero-photo{gap:28px}.school-levels{gap:9px}.school-level{padding:17px 11px;min-height:165px}.school-level strong{font-size:20px}.school-level:after{width:100px;height:100px;right:-30px}.level-icon{width:37px;height:37px;font-size:22px}.hero-art img{border-width:4px;border-radius:24px}.subject-badges{top:-7px}.hero-photo .lead{font-size:15px}}@media(prefers-reduced-motion:reduce){.subject-card{transition:none}.subject-card:hover{transform:none}}

/* Grade directory: horizontal class navigation and colorful subject folders. */
.grade-directory{background:#fff;scroll-margin-top:85px;border-bottom:1px solid #d4e8fa}.grade-nav-wrap{background:linear-gradient(110deg,#39b8f6,#1279de)}.quick-grades{max-width:1160px;margin:auto;display:flex;overflow-x:auto;gap:2px;padding:8px 10px;scrollbar-width:thin}.quick-grade{flex:1 0 auto;min-height:48px;padding:9px 13px;border:0;border-radius:8px;background:transparent;color:white;font-size:17px;white-space:nowrap;font-weight:650;position:relative}.quick-grade:hover,.quick-grade[aria-expanded=true]{background:#ffffff24}.quick-grade[aria-expanded=true]:after{content:'';height:3px;position:absolute;bottom:3px;left:15px;right:15px;background:white;border-radius:4px}.directory-inner{max-width:1160px;margin:auto;padding:20px 24px 24px}.directory-inner .subject-heading{margin-top:0;margin-bottom:12px}.directory-inner .subject-heading h3{font-size:22px}.directory-inner #subject-note{font-size:13px}.directory-inner .subject-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.directory-inner .subject-card{padding:0;gap:0;overflow:hidden;min-height:108px;border-radius:11px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;align-content:start;background:#f8fcff}.directory-inner .subject-card .subject-symbol{grid-column:1;grid-row:1;width:auto;height:52px;border-radius:0;background:transparent;color:white;margin:0;padding-left:12px;font-size:25px}.directory-inner .subject-card b{grid-column:2;grid-row:1;align-self:stretch;display:flex;align-items:center;min-height:52px;color:white;padding:10px 12px 10px 5px;font-size:15px;text-transform:uppercase;line-height:1.4;background:transparent}.directory-inner .subject-card{background:linear-gradient(110deg,#47b9fa,#1978ed) top/100% 68px no-repeat,#f6fbff}.directory-inner .subject-card:nth-child(6n+2){background-image:linear-gradient(110deg,#ffcb40,#ff9351)}.directory-inner .subject-card:nth-child(6n+3){background-image:linear-gradient(110deg,#ff91b0,#e95bda)}.directory-inner .subject-card:nth-child(6n+4){background-image:linear-gradient(110deg,#ff777e,#fa3a7e)}.directory-inner .subject-card:nth-child(6n+5){background-image:linear-gradient(110deg,#39c7c0,#199ec7)}.directory-inner .subject-card:nth-child(6n+6){background-image:linear-gradient(110deg,#9b94f6,#7064dd)}.directory-inner .subject-card small{grid-column:1/-1;padding:7px 13px 0;background:#f6fbff;color:#526981;margin:0;font-size:12px}.directory-inner .subject-card small:last-child{padding:5px 13px 10px}.directory-inner .subject-card .available{color:#087049;font-weight:700;border-radius:0}.directory-inner .subject-card[aria-pressed=true]{outline:2px solid #188fd6;outline-offset:2px}.directory-inner .subject-card:hover{transform:translateY(-2px)}.directory-inner .subject-message{margin-top:18px}.directory-inner>.note{font-size:11px;margin-bottom:0}.quick-grade:focus-visible{outline:3px solid #fff;outline-offset:-3px}
@media(max-width:900px){.quick-grade{font-size:15px;padding:9px 12px}.directory-inner .subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.directory-inner{padding:17px 16px}.directory-inner .subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-inner .subject-card{grid-template-columns:32px 1fr}.directory-inner .subject-card b{font-size:12px;padding-right:7px}.directory-inner .subject-card .subject-symbol{font-size:21px;padding-left:7px}.directory-inner .subject-card small{font-size:11px}.directory-inner .subject-heading h3{font-size:20px}.quick-grades{padding:6px 8px}.quick-grade{padding:8px 13px;min-height:44px}.directory-inner .subject-search-label{max-width:100%}}

.directory-inner .subject-card:nth-child(6n+2) b,.directory-inner .subject-card:nth-child(6n+2) .subject-symbol{color:#593400}

.directory-inner .subject-grid{align-items:start}.subject-folder{min-width:0}.directory-inner .subject-folder>.subject-card{width:100%;background-image:linear-gradient(110deg,#ffca42,#ff9250)}.directory-inner .subject-folder>.subject-card b,.directory-inner .subject-folder>.subject-card .subject-symbol{color:#593400}.math-teacher-list{display:flex;flex-direction:column;gap:5px;margin-top:6px}.math-teacher-list.hide{display:none}.teacher-directory-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 15px;background:#f2f3f5;border:1px solid transparent;border-radius:9px;text-align:left;font-size:15px;line-height:1.5;color:#29435b;min-height:51px}.teacher-directory-row>span:first-child{min-width:0;overflow-wrap:anywhere}.teacher-directory-row>span:last-child{font-size:25px;line-height:1;color:#77838d;flex-shrink:0}.teacher-directory-row:hover,.teacher-directory-row:focus-visible{background:#e3f2fc;border-color:#80bfe5;color:#125f91}.teacher-directory-row:focus-visible{outline:2px solid #168ccc;outline-offset:2px}@media(max-width:600px){.teacher-directory-row{padding:11px 10px;gap:7px;font-size:13px}.teacher-directory-row>span:last-child{font-size:21px}}

/* Compact independent subject columns, with teacher folders nested below each title. */
.directory-inner{max-width:1240px}.directory-inner .subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.subject-column{display:flex;flex-direction:column;gap:14px;min-width:0}.directory-inner .subject-folder>.subject-card{display:flex;align-items:center;gap:9px;min-height:50px;padding:9px 13px;border:0;border-radius:9px;box-shadow:none;background:linear-gradient(110deg,#47b9fa,#1978ed);width:100%;text-align:left;transform:none}.directory-inner .subject-folder>.subject-card .subject-symbol{display:grid;place-items:center;flex:0 0 26px;width:26px;height:29px;padding:0;margin:0;border-radius:6px;background:#ffffff30;color:white;font-size:23px;line-height:1}.directory-inner .subject-folder>.subject-card b{display:block;min-height:0;padding:0;color:#fff;font-size:15px;line-height:1.4;text-transform:uppercase;flex:1;min-width:0}.subject-chevron{color:#fff;font-size:21px;flex-shrink:0}.directory-inner .subject-folder>.subject-card:hover{filter:brightness(.95)}.directory-inner .subject-folder>.subject-card[aria-expanded=true]{outline:2px solid #1b89d0;outline-offset:3px}.directory-inner .subject-color-1>.subject-card{background:linear-gradient(110deg,#ffca42,#ff9250)}.directory-inner .subject-color-1>.subject-card b,.directory-inner .subject-color-1>.subject-card .subject-symbol,.subject-color-1 .subject-chevron{color:#593400}.directory-inner .subject-color-2>.subject-card{background:linear-gradient(110deg,#f678a2,#d646c3)}.directory-inner .subject-color-3>.subject-card{background:linear-gradient(110deg,#fc6f7e,#f43175)}.directory-inner .subject-color-4>.subject-card{background:linear-gradient(110deg,#26b5ac,#138eae)}.directory-inner .subject-color-5>.subject-card{background:linear-gradient(110deg,#9586eb,#6c5bd1)}.math-teacher-list{margin-top:7px;gap:5px}.teacher-directory-row{border-radius:8px;background:#f3f3f4;padding:12px 15px;min-height:48px;font-size:15px}.directory-empty{margin:0;background:#f3f3f4;padding:15px;border-radius:8px;font-size:14px;line-height:1.6;color:#607186}.directory-inner .subject-heading{margin-bottom:12px}.directory-inner #subject-note{margin:0 0 18px;font-size:12px}.directory-inner>.note{margin-top:22px}.grade-subject-panel{background:#fff;box-shadow:0 10px 24px #163c6710;border-radius:0 0 18px 18px}
@media(max-width:900px){.directory-inner .subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:600px){.directory-inner .subject-grid{grid-template-columns:minmax(0,1fr);gap:12px}.subject-column{gap:12px}.directory-inner .subject-folder>.subject-card b{font-size:15px}.teacher-directory-row{font-size:15px;padding:13px 15px}.directory-inner .subject-folder>.subject-card{min-height:50px}.directory-inner{padding:18px 16px}}
.directory-inner .subject-folder>.subject-card{flex-direction:row;justify-content:flex-start;min-height:50px}.directory-inner .subject-folder>.subject-card .subject-symbol{align-self:center}.directory-inner .subject-folder>.subject-card b{align-self:center}.directory-inner .subject-folder>.subject-card .subject-chevron{align-self:center}

/* Nested navigation: teacher → chapter → lesson. */
.directory-teacher,.directory-chapter{min-width:0}.directory-teacher>summary,.directory-chapter>summary{list-style:none;cursor:pointer}.directory-teacher>summary::-webkit-details-marker,.directory-chapter>summary::-webkit-details-marker{display:none}.directory-teacher>summary{box-sizing:border-box}.directory-teacher[open]>summary{background:#e6f3fc;color:#125f91;border-color:#a4cfea}.directory-arrow{transition:transform .15s;display:inline-block}.directory-teacher[open]>summary>.directory-arrow,.directory-chapter[open]>summary>.directory-arrow{transform:rotate(90deg)}.directory-chapters{margin:5px 0 9px 9px;padding-left:8px;border-left:2px solid #d9e9f5;display:flex;flex-direction:column;gap:5px}.directory-chapter>summary{display:flex;align-items:center;justify-content:space-between;gap:9px;background:#edf5fb;color:#2b536c;border-radius:7px;padding:11px 10px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.directory-chapter>summary>.directory-arrow{flex-shrink:0;font-size:22px}.directory-chapter[open]>summary{background:#dceefa;font-weight:650}.directory-lessons{display:flex;flex-direction:column;gap:4px;padding:5px 0 5px 7px;border-left:2px solid #e5edf4;margin:4px 0 5px 7px}.directory-lesson{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 9px;border:1px solid #e1e9ef;border-radius:6px;text-align:left;background:#fff;color:#35566d;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.directory-lesson>span:first-child{min-width:0}.directory-lesson>span:last-child{flex-shrink:0;font-size:18px;color:#7a96aa}.directory-lesson:hover{background:#edf8ff;border-color:#8abfde}.directory-teacher>summary:focus-visible,.directory-chapter>summary:focus-visible,.directory-lesson:focus-visible{outline:2px solid #098acf;outline-offset:2px}@media(max-width:600px){.directory-chapter>summary{font-size:14px}.directory-lesson{font-size:13px;padding:12px 10px}}

.vip-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vip-nav>span{font-size:11px;color:#42728e;max-width:180px;overflow-wrap:anywhere}.vip-nav [hidden]{display:none!important}#vip-dialog{max-width:480px;width:calc(100% - 32px);border-radius:18px;padding:24px;box-sizing:border-box}#vip-dialog h2{font-size:23px;margin:0}#vip-dialog p{font-size:14px;line-height:1.7;color:#5c7287}#vip-form{display:flex;flex-direction:column;gap:9px}#vip-form label{font-weight:650;font-size:14px;margin-top:8px}#vip-form input{width:100%;box-sizing:border-box;border:1px solid #bcd8ea;border-radius:9px;padding:13px;font:inherit;background:#fff}#vip-message{color:#a53623!important;min-height:18px;margin:4px 0}#vip-submit{width:100%}.access-badge{font-size:10px;border-radius:5px;padding:2px 5px;display:inline-block;background:#e3edf8;color:#5c6287;margin-top:4px}.directory-chapter.vip-locked>summary{background:#f0f2f5;color:#627588}.directory-chapter.vip-locked .directory-lessons{display:none}@media(max-width:700px){.vip-nav>span{display:none}.vip-nav .btn{padding:9px 12px;font-size:12px}.nav{flex-wrap:wrap;gap:10px}.nav .links{order:3;width:100%;justify-content:center}}
#tai-lieu{scroll-margin-top:120px}.resource-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-subject{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;min-height:56px;background:linear-gradient(110deg,#40b5ef,#167bca);border:0;border-radius:10px;color:white;text-align:left;font-weight:750}.resource-subject:nth-child(3n+2){background:linear-gradient(110deg,#faa640,#f78057)}.resource-subject:nth-child(3n){background:linear-gradient(110deg,#8e85e3,#6659bd)}.resource-subject[aria-expanded=true]{outline:3px solid #106eab;outline-offset:2px}.resource-navigation{margin-top:22px}.resource-path{font-size:14px;font-weight:650;color:#3c6781;margin:16px 0 12px}.resource-grades{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.resource-grades button,.resource-kinds button{border:1px solid #cde1ee;background:#f0f8fd;color:#27536f;padding:13px;border-radius:9px;font-weight:650}.resource-grades button[aria-pressed=true],.resource-kinds button[aria-pressed=true]{background:#0878bf;color:white}.resource-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-kinds button{display:flex;justify-content:space-between;padding:18px;font-size:18px}#resource-results{margin-top:25px}.resource-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;text-align:left;border:1px solid #d5e7f2;border-radius:10px;background:white;margin:8px 0;color:#21485f}.resource-result strong{display:block}.resource-result small{display:block;color:#6c8293;margin-top:5px;line-height:1.6}.resource-result>span:last-child{flex-shrink:0;font-size:12px;color:#246d9b}.resource-result:hover{background:#edf8ff}.resource-result>span:first-child{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.resource-subjects{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.resource-subject{font-size:14px;padding:13px}.resource-grades{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-result{align-items:flex-start;flex-direction:column;gap:8px}.resource-kinds button{font-size:16px}.links a[href="#tai-lieu"]{display:block}}

/* Resources use nested folders beneath each subject. */
.resource-subjects{align-items:start;gap:20px}.resource-tree-subject{min-width:0}.resource-tree-subject>.resource-subject{width:100%;min-height:49px;border-radius:9px;padding:11px 15px}.resource-tree-subject:nth-child(3n+2)>.resource-subject{background:linear-gradient(110deg,#ffbf40,#ff9251);color:#593400}.resource-tree-subject:nth-child(3n)>.resource-subject{background:linear-gradient(110deg,#f178ad,#d44bd2)}.resource-subfolders{display:flex;flex-direction:column;gap:5px;margin-top:6px}.resource-folder-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:8px;background:#f2f3f5;color:#29435b;padding:12px 15px;min-height:48px;line-height:1.5}.resource-folder-row>span:last-child{font-size:23px;color:#7e8992}.resource-folder-row:hover,.resource-folder-row[aria-expanded=true]{background:#e4f2fc;border-color:#b0d4eb}.resource-grade-children{margin:5px 0 8px 10px;border-left:2px solid #dcebf6;padding-left:8px;display:flex;flex-direction:column;gap:5px}.resource-kind-row{font-size:14px;background:#f4f8fc}.resource-tree-kind #resource-results{margin:6px 0 10px;border-left:2px solid #e5eff7;padding-left:7px}.resource-tree-kind #resource-results>.section-head{flex-direction:column;align-items:stretch;gap:9px}.resource-tree-kind #resource-results-title{font-size:13px;font-weight:500;margin:5px 0;color:#647c90}.resource-tree-kind #search{width:100%;max-width:100%;font-size:13px;padding:9px}.resource-tree-kind .resource-result{padding:11px 9px;flex-direction:column;align-items:flex-start;gap:7px;font-size:13px;margin:5px 0}.resource-tree-kind .resource-result small{font-size:10px}.resource-tree-kind #resource{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.resource-tree-kind #resource h3{font-size:14px}.resource-tree-kind #resource .actions{margin-top:6px;gap:5px}.resource-tree-kind #resource .btn{padding:8px;font-size:11px}.resource-tree-kind .pdf-icon{display:none}.resource-tree-kind .empty{font-size:13px;padding:12px}.resource-navigation:empty{display:none}@media(max-width:600px){.resource-subjects{grid-template-columns:minmax(0,1fr);gap:12px}.resource-tree-subject>.resource-subject{font-size:16px}.resource-folder-row{font-size:15px}}
.resources-menu{position:relative;display:flex;align-items:center}.resources-menu-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:650;padding:0;white-space:nowrap}.resources-menu-button[aria-expanded=true]{color:#0685ca}.resource-menu-popup{position:absolute;right:0;top:calc(100% + 20px);width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 115px);overflow-y:auto;background:white;border:1px solid #d3e8f7;border-radius:12px;box-shadow:0 16px 40px #193b6130;padding:14px!important;margin:0;z-index:30;scrollbar-width:thin;text-align:left;font-weight:400}.resource-menu-popup>.section-head{display:none}.resource-menu-popup .resource-subjects{display:flex;flex-direction:column;gap:7px}.resource-menu-popup .resource-tree-subject{width:100%}.resource-menu-popup .resource-subject{font-size:15px;min-height:46px}.resource-menu-popup .resource-folder-row{font-size:14px;min-height:43px;padding:10px 13px}.resource-level-children{margin:5px 0 8px 10px;padding-left:8px;border-left:2px solid #dbeaf4;display:flex;flex-direction:column;gap:5px}.resource-menu-popup .resource-subfolders{gap:5px}.resource-menu-popup .resource-navigation{margin:0}.resource-menu-popup .resource-result{font-weight:400}.resource-menu-popup .resource-result strong{font-weight:650}@media(max-width:700px){.resources-menu-button{font-size:14px}.resources-menu{position:static}.nav .links{position:static}.resource-menu-popup{top:100%;right:12px;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 145px)}.resource-menu-popup .resource-subjects{display:flex}.resources-menu-button span{font-size:12px}}

/* Distinct colors for each resource subfolder, with darker open states. */
.resource-menu-popup .resource-folder-row{background:hsl(var(--folder-hue,210) 65% 95%);color:hsl(var(--folder-hue,210) 55% 25%);border:1px solid hsl(var(--folder-hue,210) 45% 82%);border-left:4px solid hsl(var(--folder-hue,210) 58% 50%)}.resource-menu-popup .resource-folder-row>span:last-child{color:hsl(var(--folder-hue,210) 50% 36%)}.resource-menu-popup .resource-folder-row:hover{background:hsl(var(--folder-hue,210) 65% 90%)}.resource-menu-popup .resource-folder-row[aria-expanded=true]{background:hsl(var(--folder-hue,210) 65% 86%);border-color:hsl(var(--folder-hue,210) 55% 52%);font-weight:750}.resource-menu-popup [data-resource-kind="exam"]{--folder-hue:22}.resource-menu-popup [data-resource-kind="document"]{--folder-hue:272}.resource-menu-popup .resource-folder-row:focus-visible{outline:3px solid hsl(var(--folder-hue,210) 65% 40%);outline-offset:2px}

.resource-exam-types{margin:6px 0 8px 8px;padding-left:8px;border-left:2px solid #e1e9f3;display:flex;flex-direction:column;gap:6px}.resource-menu-popup .resource-exam-row{font-size:12px;font-weight:650;line-height:1.5;padding:11px 10px}.resource-exam-types #resource-results{margin-left:0}.resource-exam-types #resource-results-title{font-size:11px}@media(max-width:600px){.resource-menu-popup .resource-exam-row{font-size:13px}}
/* Compact PDF cards inside the resource dropdown. */
.resource-menu-popup #resource-items .resource{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;margin:12px 0}
.resource-menu-popup #resource-items .pdf-icon{display:none}
.resource-menu-popup #resource-items .grow{min-width:0;width:100%}
.resource-menu-popup #resource-items h3{font-size:15px;line-height:1.5;overflow-wrap:anywhere;margin:6px 0}
.resource-menu-popup #resource-items .actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.resource-menu-popup #resource-items .actions .btn{flex:1;min-width:90px;padding:10px 12px;font-size:13px}

.practice-menu-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:650;padding:0;text-align:left;cursor:pointer}.practice-menu-button:hover{color:#0879bd}.nav .links{align-items:center;flex-wrap:wrap}.brand{flex-shrink:0}#practice-dialog{width:min(640px,calc(100vw - 32px))}#practice-dialog h2{font-size:24px}#practice-dialog .empty{margin:24px 0 0}@media(max-width:1150px){.nav{flex-wrap:wrap;gap:12px}.nav .links{order:3;width:100%;justify-content:center;gap:14px 24px}.vip-nav{margin-left:auto}}@media(max-width:700px){.practice-menu-button{font-size:14px}.nav .links{gap:12px 20px}#practice-dialog h2{font-size:20px}}

.practice-menu{position:relative;display:flex;align-items:center}.practice-menu-button{white-space:nowrap}.practice-menu-button[aria-expanded=true]{color:#0685ca}.practice-submenu{position:absolute;right:0;top:calc(100% + 20px);width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 180px);overflow-y:auto;padding:12px;background:white;border:1px solid #d3e8f7;border-radius:12px;box-shadow:0 16px 40px #193b6130;z-index:30;text-align:left;font-weight:400}.practice-grade{margin:0 0 6px;border:1px solid hsl(var(--folder-hue) 60% 85%);border-radius:8px;overflow:hidden}.practice-grade:last-child{margin-bottom:0}.practice-grade>summary{padding:10px 14px;background:hsl(var(--folder-hue) 65% 95%);color:hsl(var(--folder-hue) 60% 25%);font-size:14px;font-weight:650;cursor:pointer}.practice-grade[open]>summary{background:hsl(var(--folder-hue) 65% 86%)}.practice-grade p{padding:12px 14px;margin:0;color:#647c90;font-size:13px;line-height:1.6}@media(max-width:700px){.practice-menu{position:static}.practice-submenu{top:100%;right:12px;max-height:calc(100dvh - 190px)}}

.youtube-player{aspect-ratio:16/9;width:100%;margin:20px 0;background:#111;border-radius:12px;overflow:hidden}.youtube-player iframe{width:100%;height:100%;border:0}

.practice-children{padding:8px}.practice-folder{margin:0 0 6px;border:1px solid hsl(var(--folder-hue) 60% 84%);border-radius:7px;overflow:hidden}.practice-folder:last-child{margin-bottom:0}.practice-folder>summary{padding:10px;background:hsl(var(--folder-hue) 65% 95%);color:hsl(var(--folder-hue) 60% 25%);font-size:13px;font-weight:650;cursor:pointer;line-height:1.4}.practice-folder[open]>summary{background:hsl(var(--folder-hue) 65% 86%)}

.school-section>.grade-subject-panel{margin-top:20px;scroll-margin-top:100px}.school-section>.grade-subject-panel>.directory-inner{padding:20px 0 0;max-width:none}