/* Student-first redesign. The original academy logo is preserved. */
:root {
  --paper:#f7f8fc; --surface:#ffffff; --surface-2:#eff1f7;
  --ink:#262638; --muted:#626575; --line:#dde1ec;
  --orange:#fb8258; --orange-ink:#371e2b;
  --peach:#fff0e9; --lavender:#eeebff; --sage:#e9f4f2;
  --feature:#442535; --feature-text:#fff8f1;
  --accent:#6251c6; --accent-soft:#eeebff; --focus:#6251c6;
  --shadow:0 8px 32px #24243c08;
}
:root[data-theme="dark"] {
  --paper:#15151e; --surface:#20202c; --surface-2:#292938;
  --ink:#f4f3fb; --muted:#b5b5c9; --line:#39394e;
  --peach:#372b30; --lavender:#302c45; --sage:#253c3b;
  --feature:#442535; --feature-text:#fff8f1;
  --accent:#b4a4ff; --accent-soft:#302c45; --focus:#b4a4ff;
  --shadow:0 8px 32px #00000015;
}
body {line-height:1.6}
.container {width:min(1200px,calc(100% - 64px))}
h1,h2,h3 {letter-spacing:-.035em}
.overline {font-size:.78rem;letter-spacing:.1em;line-height:1.6;margin-bottom:10px}
.ui-icon {display:block;width:24px;height:24px;flex:none}
.brand {font-family:'Manrope',sans-serif;color:#442535}
.brand-sub {font-family:'DM Sans',sans-serif}
html:lang(hi) .brand-sub {letter-spacing:.29em}
:root[data-theme="dark"] .brand {color:#f7edf3}
.primary-button,.secondary-button {justify-content:center;gap:10px;padding:13px 20px;border-radius:12px;font-size:.89rem;min-height:48px;transition:background .18s,box-shadow .18s}
.primary-button:hover,.secondary-button:hover {transform:none;box-shadow:0 4px 16px #44253515}
.primary-button:hover {background:color-mix(in srgb,var(--orange) 88%,#fff)}
.secondary-button:hover {background:var(--surface-2)}
.text-link {font-size:.86rem;font-weight:750;color:var(--accent);text-underline-offset:4px}
.announcement {min-height:34px;padding:7px max(24px,calc((100vw - 1200px)/2));font-size:.78rem;gap:16px}
.announcement-dot {box-shadow:none}
.announcement a {text-decoration:none;padding-left:16px;border-left:1px solid #ffffff40}
.announcement a span {display:none}
.site-header {background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--line)}
.header-inner {min-height:88px;gap:28px}
.desktop-nav {gap:22px;margin-left:auto}
.desktop-nav>a,.nav-more>summary {font-size:.85rem;line-height:1.4;font-weight:650;min-height:44px;border:0;padding:10px 0}
.desktop-nav>a.active {color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
.desktop-nav>a:hover {color:var(--accent);border:0}
.header-actions {gap:6px;margin-left:2px}
.header-actions button {background:transparent;border:0;padding:8px 9px;font-size:.85rem;min-width:44px}
.header-actions .reading-button {display:grid;place-items:center}
.header-enquire {margin-left:6px;font-size:.85rem;padding:11px 18px}
.nav-more {position:relative}
.nav-more>summary {display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}
.nav-more>summary::-webkit-details-marker {display:none}
.nav-more>summary .ui-icon {width:15px;height:15px}
.nav-more>summary.active,.nav-more[open]>summary {color:var(--accent)}
.nav-dropdown {position:absolute;top:calc(100% + 18px);right:-16px;width:260px;padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #19152620}
.nav-dropdown a {display:flex;align-items:center;gap:13px;min-height:50px;padding:11px 13px;border:0;border-radius:9px;font-size:.86rem;font-weight:600;white-space:normal}
.nav-dropdown a:hover,.nav-dropdown a.active {background:var(--accent-soft);color:var(--accent);border:0}
.nav-dropdown .ui-icon {width:21px;height:21px}
.home-page {padding-bottom:68px}
.home-hero {grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:72px;padding-block:58px 62px;align-items:center}
.hero-eyebrow {color:var(--accent);font-size:.76rem;letter-spacing:.14em;display:flex;align-items:center;gap:12px}
.hero-eyebrow:before {content:'';width:24px;height:2px;background:var(--orange);flex:none}
.hero-copy h1 {font-size:clamp(2.8rem,4.4vw,4rem);line-height:1.14;letter-spacing:-.055em;max-width:620px;margin:18px 0 22px}
.hero-lead {font-size:1rem;line-height:1.8;max-width:520px;margin-bottom:28px}
.hero-copy .hero-lead {margin-bottom:18px}
.hero-about {margin-bottom:26px;max-width:570px}
.hero-about h2 {font-size:1.05rem;letter-spacing:-.02em;margin-bottom:12px}
.hero-about p {font-size:.94rem;line-height:1.8;margin-bottom:14px}
.hero-about p:last-child {margin-bottom:0}
.hero-read-more {display:none}
.hero-actions {gap:10px}
.hero-copy .hero-actions {flex-direction:row;align-items:center;flex-wrap:nowrap}
.hero-learning-links {display:flex;align-items:stretch;gap:14px;flex:1;min-width:0}
.hero-learning-links a {flex:1;min-width:0;text-align:center}
.hero-actions a {font-size:.85rem}
.hero-tags {gap:22px;margin-top:27px}
.hero-tags span {display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;font-size:.8rem;font-weight:550;color:var(--muted)}
.hero-tags .ui-icon {width:18px;height:18px;color:var(--accent)}
.student-hub {padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.hub-heading {display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.hub-heading h2 {font-size:1.04rem;margin:0;letter-spacing:-.02em}
.hub-label {font-size:.72rem;color:var(--muted)}
.hub-feature {display:block;padding:22px 24px;background:var(--feature);color:var(--feature-text);border-radius:16px;transition:box-shadow .2s}
.hub-feature:hover {box-shadow:0 5px 24px #44253530}
.hub-feature-top {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.76rem;color:#ecdce4}
.hub-feature-icon {width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#ffffff12;color:var(--orange)}
.hub-feature h3 {font-size:1.55rem;margin:18px 0 6px;letter-spacing:-.035em}
.hub-feature p {font-size:.85rem;color:#e4d5dd;margin:0 0 19px}
.hub-feature-action {display:inline-flex;padding:9px 14px;min-height:40px;align-items:center;border-radius:8px;background:var(--orange);color:var(--orange-ink);font-size:.8rem;font-weight:750}
.hub-links {display:grid;margin-top:10px}
.hub-links a {display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line)}
.hub-links a:last-child {border-bottom:0;padding-bottom:0}
.hub-links a:hover strong {color:var(--accent)}
.hub-link-icon {width:38px;height:38px;background:var(--surface-2);border-radius:10px;color:var(--accent);display:grid;place-items:center;flex:none}
.hub-link-icon .ui-icon {width:20px;height:20px}
.hub-links a>span:last-child {display:grid;gap:1px;min-width:0}
.hub-links strong {font-size:.85rem;font-weight:700}
.hub-links small {font-size:.74rem;color:var(--muted)}
.section-intro {margin-bottom:23px}
.section-intro h2 {font-size:clamp(1.5rem,2.5vw,2.1rem);letter-spacing:-.04em}
.home-paths {padding-bottom:0}
.path-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.path-card {background:var(--surface);border:1px solid var(--line);padding:28px 30px;border-radius:20px;min-height:0;transition:border-color .2s,box-shadow .2s}
.path-card:hover {transform:none;border-color:var(--accent);box-shadow:var(--shadow)}
.path-card-heading {display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.path-icon {width:48px;height:48px;border:0;border-radius:13px;background:var(--peach);color:#aa492e}
.college-path .path-icon {background:var(--accent-soft);color:var(--accent)}
.path-icon .ui-icon {width:26px;height:26px}
.path-index {font:600 .9rem var(--display);color:var(--muted)}
.path-copy {margin:0}
.path-label {font-size:.73rem;font-weight:600;text-transform:none;letter-spacing:0;opacity:1;color:var(--muted)}
.path-copy strong {font-size:1.5rem;margin-top:7px}
.home-support .path-copy h2 {font-size:1.5rem;margin:0}
.home-support .path-card-foot {color:var(--accent)}
.path-copy p {font-size:.85rem;margin:10px 0 25px}
.path-card-foot {display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:17px;font-size:.8rem;font-weight:600}
.path-card-foot>span:last-child {color:var(--accent)}
.action-strip {margin-top:28px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);padding:25px 28px;border-radius:18px;gap:20px}
.action-strip>div:nth-child(2) {flex:1}
.action-strip .overline {color:var(--accent);font-size:.73rem;margin-bottom:4px}
.action-strip h2 {font-size:1.12rem;margin:0;letter-spacing:-.02em}
.action-strip .secondary-button {color:var(--ink);background:var(--surface);border-color:var(--line)}
.strip-actions {gap:9px;flex:none}
.strip-actions a {font-size:.8rem;padding:11px 16px}
.next-step-icon {width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--surface);color:var(--accent);flex:none}
.student-shortcuts {padding-top:60px;padding-bottom:0}
.shortcut-grid {gap:20px}
.shortcut-grid>a {border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:24px;display:flex;flex-direction:column;align-items:start;min-height:220px}
.shortcut-grid>a:hover {border-color:var(--accent);box-shadow:var(--shadow);transform:none}
.shortcut-grid .shortcut-icon {width:43px;height:43px;font-size:1rem;margin:0 0 20px;background:var(--accent-soft);color:var(--accent);border:0;border-radius:12px;display:grid;place-items:center}
.shortcut-grid strong {font-size:1.12rem;margin:0 0 7px}
.shortcut-grid small {font-size:.8rem;line-height:1.6;color:var(--muted);margin:0 0 18px}
.shortcut-grid .shortcut-action {margin-top:auto;color:var(--accent);font-size:.8rem;font-weight:700;width:auto;height:auto;border:0;background:transparent;padding:0}
.content-section {padding-block:58px 0}
.notice-icon {display:grid;place-items:center;width:36px;height:36px;background:var(--peach);color:#aa492e;border-radius:9px}
.info-card {border-radius:17px;padding:25px;min-height:210px}
.info-card h3 {font-size:1.15rem}
.info-card p {font-size:.87rem}
.category-chip {background:var(--surface-2);border:0;padding:5px 11px;min-height:30px;font-size:.76rem;letter-spacing:0}
.linked-card .card-end {color:var(--accent);font-size:.85rem}
.mobile-menu {display:block;padding:16px max(20px,calc((100vw - 1200px)/2));max-height:calc(100dvh - 148px);overflow:auto;background:var(--surface);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.mobile-menu-label {font-size:.76rem;font-weight:700;color:var(--muted);margin:5px 0 9px}
.mobile-menu-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:17px}
.mobile-menu a {justify-content:flex-start;gap:10px;background:var(--paper);border:0;font-size:.86rem;min-height:51px;padding:12px}
.mobile-menu a.active {background:var(--accent-soft);color:var(--accent)}
.mobile-menu .ui-icon {width:20px;height:20px}
.reading-dialog {border-radius:22px;border-color:var(--line);padding:30px}
.reading-dialog fieldset legend {font-size:.86rem}
.reading-dialog .reading-choices button {min-height:46px}
/* Shared learning pages */
.page-section,.english-page {padding-block:46px 72px}
.page-heading {align-items:center;margin-bottom:32px;gap:24px}
.page-heading h1,.english-heading h1 {font-size:clamp(2rem,3.8vw,3.15rem);line-height:1.2;letter-spacing:-.045em;max-width:830px;margin-bottom:14px}
.page-heading .overline,.english-heading .overline {color:var(--accent)}
.page-lead {font-size:1rem;max-width:750px;line-height:1.75}
.selector-panel {border-radius:17px;padding:22px;gap:25px;box-shadow:var(--shadow)}
.segmented {background:var(--surface-2);border-radius:11px;gap:4px;padding:5px}
.segmented button {font-size:.875rem;padding:10px 17px;min-height:46px}
.segmented button.selected,.fee-paths button.selected {background:var(--accent);color:#fff}
:root[data-theme="dark"] .segmented button.selected,:root[data-theme="dark"] .fee-paths button.selected {background:var(--accent-soft);color:var(--accent)}
.class-picker,.form-grid label,.fee-subjects legend {font-size:.875rem;line-height:1.6}
input,select,textarea {accent-color:var(--accent)}
.class-picker select,.enquiry-form input,.enquiry-form select,.enquiry-form textarea,.search-box input {border-radius:10px;min-height:49px}
.english-course-link {background:var(--accent-soft);padding:26px 28px;border:0;border-radius:18px;gap:24px;flex-direction:row;align-items:center;margin-block:24px 30px}
.english-course-link h2 {font-size:1.3rem;letter-spacing:-.025em}
.english-course-link p {font-size:.93rem;max-width:700px}
.english-course-link .primary-button {background:var(--feature);color:var(--feature-text);font-size:.84rem}
.english-course-link+.action-strip {margin-top:32px}
.subject-grid,.resource-grid,.simple-grid {gap:20px}
.subject-card,.resource-card,.fee-builder,.enquiry-form,.tool-card,.english-card {border-radius:18px;box-shadow:var(--shadow);padding:27px}
.subject-card {min-height:260px;gap:3px}
.subject-glyph {background:var(--accent-soft);color:var(--accent);font-family:var(--display);font-size:1.3rem;font-weight:700;border-radius:12px}
.subject-card h3 {font-size:1.25rem;margin-top:22px}
.subject-card p {font-size:.94rem;line-height:1.7}
.subject-price {padding-top:15px;font-size:1rem!important}
.subject-price span {display:block;margin-top:3px;font-size:.78rem}
.subject-card .arrow-link,.resource-action {font-size:.875rem;min-height:49px;padding-top:15px;color:var(--accent);margin-top:15px}
.next-panel {background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px}
.next-panel>div>span {display:none}
.next-panel h2 {font-size:1.4rem}.next-panel p {font-size:.94rem}
.college-layout {gap:24px}
.college-highlight,.college-subjects {border-radius:20px;padding:30px}
.college-code {transform:none;font-size:2rem;margin-top:25px}
.college-code span {display:none}
.college-subject {padding:18px 0;gap:15px}
.college-subject strong {font-size:1.05rem}.college-subject small {font-size:.85rem;margin-top:3px}
.college-subject>span:last-child {display:none}
.fees-layout {grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);gap:26px}
.fee-builder h2 {font-size:1.45rem}
.fee-builder>p,.fee-subjects p {font-size:.94rem}
.fee-paths {gap:8px}
.fee-paths button {font-size:.82rem;border-radius:10px;line-height:1.5;padding:10px 14px}
.fee-checkbox {min-height:62px;font-size:.94rem}
.fee-checkbox strong {font-size:.89rem}.fee-checkbox input {accent-color:var(--accent)}
.fee-summary {border-radius:20px;padding:30px;top:112px;box-shadow:var(--shadow)}
.summary-badge {font-size:.78rem;letter-spacing:.08em}.summary-total {font-size:3.3rem;letter-spacing:-.055em}
.summary-caption,.summary-row,.fee-summary p {font-size:.88rem}
.batch-intro {margin-top:50px}
.learn-controls {gap:20px;align-items:center}
.learn-tabs {gap:8px}
.learn-tabs a {border-radius:10px;padding:11px 15px;font-size:.875rem}
.learn-tabs a.active {background:var(--accent);color:#fff;border-color:transparent}
:root[data-theme="dark"] .learn-tabs a.active {background:var(--accent-soft);color:var(--accent)}
.search-box input {font-size:.9rem}
.resource-card {min-height:280px}
.resource-card h2 {font-size:1.2rem;line-height:1.4}
.resource-card p:not(.resource-level) {font-size:.94rem}
.resource-meta {font-size:.8rem!important}
.resource-top {margin-bottom:18px}
.resource-action span {font-size:1rem}
.library-strip {background:var(--surface);border-radius:16px;margin-block:0 26px;padding:20px}
.library-strip p {font-size:.85rem}.library-strip>span {color:var(--accent)}
.learning-support {margin-top:34px}
.empty-card,.loading-card {border-style:solid;border-radius:18px;padding:40px 24px}
.empty-card p {font-size:.94rem;max-width:540px}
.empty-card h2,.empty-card h3 {font-size:1.3rem}.empty-icon {color:var(--accent)}
.teacher-grid {gap:24px}
.teacher-card {border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.teacher-photo img {object-fit:contain;object-position:center;background:var(--surface-2)}
.teacher-copy {padding:28px}
.teacher-copy h2 {font-size:1.55rem}.teacher-copy p:not(.overline) {font-size:.94rem;line-height:1.75}
.teacher-copy .overline {font-size:.78rem}.teacher-copy .arrow-link {color:var(--accent)}
.enquiry-layout {gap:26px}.contact-card {border-radius:20px;padding:30px}
.contact-row {padding:17px 0}.contact-row small {font-size:.8rem}.contact-row strong {font-size:.94rem}
.contact-row>span:last-child {display:none}
.form-grid {gap:21px}.consent-row {font-size:.86rem;line-height:1.7}
.enquiry-form .primary-button {width:100%}
.faq-section {margin-top:45px}.faq-list details {padding:22px 0}
.faq-list summary {font-size:1rem}.faq-list p,.privacy-details p {font-size:.94rem;line-height:1.75}
/* Library, results and calculators */
.student-hero {border-radius:22px;padding:40px}
.student-hero:after {display:none}
.student-hero h1 {font-size:clamp(2rem,3.7vw,3rem);line-height:1.22}
.student-hero p:not(.overline) {font-size:1rem;line-height:1.8}
.board-selector {margin-block:28px}
.board-selector button {border-radius:10px;font-size:.9rem;min-height:48px}
.results-guide,.result-aside,.student-help-card,.official-card {border-radius:18px;padding:28px}
.results-guide h2,.student-help-card h2 {font-size:1.5rem}
.step-list h3 {font-size:1.08rem}.step-list p,.student-help-card p,.official-card p {font-size:.94rem;line-height:1.7}
.result-aside {background:var(--accent-soft);border:0}.result-aside>span {display:none}
.result-aside h2 {font-size:1.45rem}.result-aside p {font-size:.94rem}
.official-grid {gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.official-card h3 {font-size:1.15rem}.official-card strong {color:var(--accent);font-size:.88rem}
.book-search {max-width:650px;min-height:52px;border-radius:12px;margin-bottom:28px}
.book-search input {font-size:.94rem;min-height:52px}
.book-grid {gap:22px}.book-card {border-radius:18px;box-shadow:var(--shadow)}
.book-cover {border-right:1px solid var(--line);background:var(--accent-soft);color:var(--accent);justify-content:start;gap:15px;padding:24px}
.book-cover>.ui-icon {width:36px;height:36px}.book-cover>span {font-size:.76rem;letter-spacing:.12em;line-height:1.5}.book-cover strong {font-size:1.15rem;line-height:1.5;margin-top:auto;color:var(--ink)}
.book-copy {padding:26px}.book-copy h2 {font-size:1.25rem;line-height:1.4}.book-copy p {font-size:.94rem}
.book-actions {gap:10px}.book-actions>button {font-size:.875rem}.book-actions>a {border-radius:10px}
.tool-card {background:var(--surface)}
.tool-heading h2 {font-size:1.3rem}.tool-heading>span {background:var(--accent-soft);color:var(--accent);border-radius:12px}
.tool-card>p,.tool-field,.tool-result>span {font-size:.94rem}
.marks-head {font-size:.78rem}.marks-row input {font-size:.875rem;min-height:49px;border-radius:9px}
.tool-result {border-radius:14px;background:var(--accent-soft);color:var(--ink)}
.tool-result strong {font-size:2.2rem}.tool-result small {color:var(--muted)}
.calculator-note {border-radius:16px}.calculator-note p {font-size:.94rem}
/* English classroom */
.english-heading {margin-bottom:28px}
.english-welcome {grid-template-columns:1.35fr 1fr;gap:45px;margin-bottom:30px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.english-welcome h2 {font-size:1.55rem}.english-welcome p {font-size:.94rem;line-height:1.8}
.english-welcome>.english-card {background:var(--accent-soft);border:0;box-shadow:none;padding:25px}
.english-welcome>.english-card>strong {font-size:1.05rem}.english-welcome small {font-size:.8rem}
.english-tabs {border-bottom:1px solid var(--line);gap:5px;padding-bottom:8px;margin-block:24px}
.english-tabs button {border:0;border-radius:10px;padding:13px 18px;background:transparent;font-size:.875rem}
.english-tabs button[aria-current] {background:var(--accent-soft);color:var(--accent)}
.english-tabs button:hover {background:var(--surface-2)}
.learner-switch {background:var(--surface);border:1px solid var(--line);border-radius:15px}
.english-next {border-radius:20px;padding:32px;gap:35px;margin-top:20px}
.english-next .overline {color:#e2c9d6}.english-next p {font-size:.94rem;line-height:1.75}
.english-next h2 {font-size:1.6rem;line-height:1.4}
.english-metrics {gap:16px;margin-block:25px}
.english-metrics>div {padding:23px;border-radius:17px}.english-metrics strong {font-family:var(--display);font-size:1.9rem;color:var(--accent)}
.english-metrics span {font-size:.875rem}
.english-page progress::-webkit-progress-value,.english-page progress::-moz-progress-bar {background:var(--accent)}
.english-grid .english-card {padding:25px;gap:10px}.english-card p {font-size:.94rem;line-height:1.75}
.english-status {background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:650}
.english-topic {border-radius:17px;padding:25px;gap:20px;align-items:start}
.topic-number {border:0;background:var(--surface-2);padding:9px 0;border-radius:9px;text-align:center;color:var(--accent);font-size:.88rem;font-weight:700}
.english-topic h3 {font-size:1.15rem}.english-topic p {font-size:.94rem}
.english-question fieldset label {border-radius:12px}.english-question fieldset label.selected {border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
.english-question input {accent-color:var(--accent)}
.english-lesson {padding:32px;line-height:1.8}.english-lesson li {font-size:1rem}
.lesson-examples {border-color:var(--accent);border-radius:0 12px 12px 0}
/* Footer */
.site-footer {background:var(--surface);padding-top:48px}
.footer-grid {grid-template-columns:1.6fr 1fr 1.1fr 1.2fr;gap:35px}
.footer-grid h3 {font-size:.94rem;margin-bottom:10px}
.footer-grid a:not(.brand) {font-size:.85rem;min-height:35px;color:var(--muted)}
.footer-grid a:not(.brand):hover {color:var(--accent)}
.footer-grid p {font-size:.85rem;line-height:1.8;max-width:270px}
.footer-brand p:last-child {margin-top:12px}.footer-bottom {font-size:.8rem;margin-top:35px;padding-top:22px}
:root[data-theme="dark"] .path-card {background:var(--surface);color:var(--ink)}
:root[data-theme="dark"] .path-card .path-label {opacity:1}
@media(min-width:1101px) {.desktop-nav{display:flex!important}.menu-button{display:none!important}}
@media(max-width:1100px) {
  .desktop-nav {display:none!important}.menu-button {display:grid!important;place-items:center}
  .header-actions {margin-left:auto}.header-inner {min-height:78px}
  .home-hero {gap:36px}.hero-copy h1 {font-size:3rem}.hero-learning-links {flex-direction:column}
  .action-strip {flex-wrap:wrap}.strip-actions {margin-left:64px}
  .learn-controls {align-items:stretch;flex-direction:column}.search-box {width:100%;max-width:none}
  .english-welcome {gap:25px}.english-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid {grid-template-columns:1.3fr 1fr 1fr}.footer-brand {grid-column:1/-1}
}
@media(max-width:760px) {
  .container {width:calc(100% - 40px)}
  .header-inner {min-height:76px;gap:12px}.header-enquire {display:none}
  .announcement {padding:7px 20px;font-size:.73rem;gap:11px}.announcement>a {display:none}
  .home-hero {grid-template-columns:1fr;gap:30px;padding-block:35px 38px}
  .hero-copy h1 {font-size:clamp(2.3rem,7.5vw,3.25rem);max-width:550px;line-height:1.16;margin:16px 0}
  .hero-lead {font-size:.94rem;line-height:1.75;margin-bottom:22px}
  .hero-copy .hero-lead {margin-bottom:4px}
  .hero-read-more {display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--accent);font-size:.85rem;font-weight:700;padding:6px 0;min-height:44px;margin-bottom:17px}
  .hero-read-more .ui-icon {width:17px;height:17px}
  .hero-read-more[aria-expanded="true"] .ui-icon {transform:rotate(180deg)}
  .hero-about {display:none;margin-bottom:22px}
  .hero-about.is-expanded {display:block}
  .hero-about p {font-size:.9rem;line-height:1.8}
  .hero-learning-links {flex-direction:row;gap:10px}
  .hero-actions {display:flex;flex-direction:row;align-items:stretch;gap:9px}.hero-actions a {font-size:.82rem;padding:12px 15px;flex:1}
  .hero-tags {margin-top:20px;gap:18px}.hero-tags span {font-size:.76rem}
  .student-hub {padding:20px;border-radius:20px}.hub-label {font-size:.72rem}
  .hub-feature {padding:19px 21px}.hub-feature h3 {margin-top:13px;font-size:1.45rem}
  .hub-feature p {margin-bottom:15px}.hub-links a {padding:12px 1px}
  .section-intro {margin-bottom:18px}.section-intro h2 {font-size:1.5rem}.section-intro .overline {font-size:.73rem}
  .inline-intro {align-items:start;flex-wrap:wrap;gap:10px}.inline-intro .text-link {font-size:.8rem}
  .path-grid {grid-template-columns:1fr;gap:15px}.path-card {padding:23px;border-radius:17px;flex-direction:column;align-items:stretch;gap:0}
  .path-card-heading {margin-bottom:18px}.path-copy strong {font-size:1.4rem}.path-copy p {margin-bottom:20px}
  .action-strip {display:flex;flex-wrap:wrap;margin-top:22px;padding:22px;gap:13px;border-radius:17px}
  .action-strip h2 {font-size:1.08rem;line-height:1.5}.action-strip .overline {font-size:.73rem}
  .next-step-icon {width:39px;height:39px}.strip-actions {margin-left:0;width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .strip-actions a {font-size:.78rem;padding:11px 9px}
  .student-shortcuts {padding-top:40px}.shortcut-grid {grid-template-columns:1fr;gap:12px}
  .shortcut-grid>a {display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:20px;min-height:0;border-radius:16px}
  .shortcut-grid .shortcut-icon {position:static;grid-row:1/4;margin:0}.shortcut-grid strong {font-size:1rem;margin:0 0 4px}.shortcut-grid small {font-size:.8rem;margin:0}
  .shortcut-grid .shortcut-action {position:static;grid-column:2;margin-top:8px;font-size:.78rem}
  .content-section {padding-top:40px}.simple-grid {gap:14px}.home-page {padding-bottom:44px}
  .mobile-dock {background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -3px 20px #25243806;padding:6px 6px max(7px,env(safe-area-inset-bottom));gap:0}
  .mobile-dock a {color:var(--muted);gap:4px;min-height:54px;font-size:.68rem;font-weight:550;border-radius:10px}
  .mobile-dock .ui-icon {width:21px;height:21px}.mobile-dock a.active {color:var(--accent);background:var(--accent-soft)}
  .reading-dialog {padding:22px;max-width:calc(100vw - 30px)}
  .page-section,.english-page {padding-block:30px 48px}
  .page-heading {display:block;margin-bottom:25px}.page-heading h1,.english-heading h1 {font-size:2rem;line-height:1.3;letter-spacing:-.035em}
  .page-lead {font-size:.94rem}.page-heading .overline {font-size:.78rem}
  .selector-panel {padding:17px;display:block}.class-picker {margin-top:16px}.class-picker select {width:100%}
  .segmented button {padding:9px 7px;font-size:.82rem}
  .english-course-link {padding:22px;flex-direction:column;align-items:start;gap:18px;margin-block:24px 28px}
  .english-course-link h2 {font-size:1.3rem}.english-course-link p {font-size:.9rem}.english-course-link a {width:100%}
  .subject-grid,.resource-grid,.simple-grid,.teacher-grid {grid-template-columns:1fr;gap:16px}
  .subject-card,.resource-card,.fee-builder,.enquiry-form,.tool-card,.english-card {padding:22px;border-radius:16px}
  .subject-card {min-height:0}.subject-price span {display:inline}.subject-card .arrow-link {margin-top:10px}
  .fees-layout,.college-layout {grid-template-columns:1fr;gap:20px}.fee-paths button {font-size:.8rem}.fee-summary {position:static;padding:25px}
  .fee-checkbox {min-height:58px}.fee-checkbox span {overflow-wrap:anywhere}.fee-checkbox strong {font-size:.84rem}
  .learn-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.learn-tabs a {white-space:normal;min-height:49px;padding:10px;font-size:.82rem;text-align:center}
  .library-strip {align-items:start;flex-wrap:wrap;padding:20px;gap:12px}.library-strip .arrow-link {margin-left:0;font-size:.88rem}
  .library-strip>div {min-width:0;flex-basis:calc(100% - 50px)}
  .teacher-card {display:flex;flex-direction:column}.teacher-photo {min-height:300px}.teacher-copy {padding:23px}.teacher-copy h2 {font-size:1.5rem}
  .teacher-copy .category-chip {font-size:.78rem}.teacher-copy .arrow-link {font-size:.9rem}
  .student-hero {padding:26px;border-radius:18px}.student-hero h1 {font-size:2rem}.student-hero-actions {display:grid;grid-template-columns:1fr;width:100%}
  .student-hero .primary-button,.student-hero .secondary-button {font-size:.85rem}
  .results-guide,.result-aside,.student-help-card,.official-card {padding:23px}.official-grid,.book-grid,.tools-layout {grid-template-columns:1fr}
  .book-card {grid-template-columns:1fr}.book-copy {padding:22px}.book-cover {min-height:100px;display:grid;grid-template-columns:36px minmax(0,1fr);border-right:0;border-bottom:1px solid var(--line);gap:4px 15px;padding:22px}.book-cover>.ui-icon{grid-row:1/3}.book-cover strong{font-size:1rem;margin:0}.book-cover>span{font-size:.73rem}.marks-row {gap:6px}.marks-row input {padding:9px 7px;font-size:.82rem}
  .english-heading {flex-direction:column}.english-heading>a {align-self:start;font-size:.85rem}
  .english-welcome {grid-template-columns:1fr;padding:22px;gap:24px}.english-welcome>.english-card {padding:22px}
  .english-welcome>.english-card {order:-1}.english-welcome label{margin-top:14px}
  .english-welcome h2 {font-size:1.35rem}.english-grid {grid-template-columns:1fr}
  .english-tabs {gap:6px;margin-block:20px}.english-tabs button {flex:none;font-size:.84rem;padding:12px 15px}
  .english-next {padding:25px;gap:20px}.english-next h2 {font-size:1.4rem}
  .english-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.english-metrics>div {padding:19px}.english-metrics strong {font-size:1.65rem}.english-metrics span {font-size:.8rem}
  .english-topic {grid-template-columns:35px minmax(0,1fr);padding:20px;gap:15px}.english-topic .english-actions {grid-column:1/-1;display:flex;flex-direction:row}.english-topic .english-actions>button {flex:1}
  .english-topic h3 {font-size:1.1rem}.english-topic .english-row {flex-direction:column;gap:8px;align-items:start}
  .learner-switch {margin-top:20px;padding:12px;grid-template-columns:minmax(0,1fr) 46px 46px}.learner-switch label {font-size:.8rem;min-width:0}
  .english-lesson {padding:23px}.english-lesson h2 {font-size:1.6rem}
  .enquiry-layout {gap:20px}.contact-card {display:block;padding:25px}.form-grid {gap:17px}
  .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px}.footer-grid>div:last-child {grid-column:1/-1}.footer-brand {grid-column:1/-1}
  .footer-grid a:not(.brand) {min-height:36px;font-size:.85rem}.footer-bottom {flex-wrap:wrap;font-size:.78rem}
}
@media(max-width:380px) {
  .container {width:calc(100% - 32px)}.header-inner {gap:5px}.header-actions {gap:0}.header-actions button {padding:7px;min-width:40px}
  .hero-learning-links {flex-direction:column}.hero-tags {gap:13px}.hub-heading {align-items:start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}