/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host{
    --font-sans: "DM Sans", "PingFang HK", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --tracking-wide: 0.025em;
    --radius-lg: 0.5rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-navy: #002147;
    --color-navy-soft: #02284c;
    --color-brand: #1e3e8a;
    --color-brand-alt: #0e3e8a;
    --color-cyan: #44defe;
    --color-cyan-deep: #02b5dd;
    --color-sky-soft: #e0edf9;
    --color-grey-soft: #f2f0f0;
    --color-header-bar: #141F3E;
    --gutter: clamp(20px, 3.4375vw, 66px);
    --card-gap: clamp(16px, 1.927vw, 37px);
    --radius-section: clamp(24px, 2.083vw, 40px);
    --radius-card: clamp(12px, 0.833vw, 16px);
    --news-card-w: clamp(260px, 21.823vw, 419px);
    --news-card-img-h: clamp(172px, 14.427vw, 277px);
    --news-desc-lh: clamp(20px, 1.458vw, 28px);
    --news-desc-h: calc(4 * var(--news-desc-lh));
    --news-card-body-pad-top: clamp(12px, 0.833vw, 16px);
    --news-card-body-gap: clamp(6px, 0.521vw, 10px);
    --news-card-body-pad-bottom: clamp(12px, 0.885vw, 17px);
    --news-card-date-h: clamp(20px, 1.25vw, 24px);
    --news-card-body-h: calc(var(--news-card-body-pad-top) + var(--news-desc-h) + var(--news-card-body-gap) + var(--news-card-date-h));
    --news-card-h: calc(var(--news-card-img-h) + var(--news-card-body-h));
    --ach-card-w: clamp(260px, 21.875vw, 420px);
    --ach-card-img-h: clamp(172px, 14.479vw, 278px);
    --ach-desc-lh: clamp(20px, 1.458vw, 28px);
    --ach-desc-h: calc(3 * var(--ach-desc-lh));
    --ach-card-body-pad-top: clamp(12px, 0.833vw, 16px);
    --ach-card-body-gap: clamp(6px, 0.521vw, 10px);
    --ach-card-body-pad-bottom: clamp(24px, 2.604vw, 50px);
    --ach-card-date-h: clamp(20px, 1.25vw, 24px);
    --ach-card-body-h: calc(var(--ach-card-body-pad-top) + var(--ach-desc-h) + var(--ach-card-body-gap) + var(--ach-card-date-h));
    --ach-card-h: calc(var(--ach-card-img-h) + var(--ach-card-body-h));
    --ach-watermark-w: clamp(400px, 43.802vw, 841px);
    --exc-card-w: clamp(260px, 21.823vw, 419px);
    --exc-card-img-h: clamp(172px, 14.427vw, 277px);
    --exc-desc-lh: clamp(20px, 1.458vw, 28px);
    --exc-desc-h: calc(2 * var(--exc-desc-lh));
    --exc-card-title-gap: clamp(12px, 0.833vw, 16px);
    --exc-controls-mt: clamp(20px, 2.083vw, 40px);
    --exc-dots-bottom: clamp(10px, 0.781vw, 15px);
    --exc-nav-lift: clamp(36px, 2.865vw, 55px);
    --exc-nav-btn-size: clamp(44px, 3.542vw, 68px);
    --exc-nav-icon-w: clamp(22px, 1.563vw, 30px);
    --exc-nav-icon-h: clamp(12px, 0.833vw, 16px);
    --story-card-w: clamp(260px, 21.823vw, 419px);
    --story-card-img-h: clamp(140px, 12.083vw, 232px);
    --story-desc-lh: clamp(20px, 1.667vw, 32px);
    --story-desc-h: calc(2 * var(--story-desc-lh));
    --story-card-title-gap: clamp(12px, 0.833vw, 16px);
    --story-play-size: clamp(44px, 3.438vw, 66px);
    --story-more-w: clamp(220px, 12.969vw, 249px);
    --community-card-w: clamp(260px, 21.823vw, 419px);
    --community-card-h: clamp(172px, 14.427vw, 277px);
    --community-label-lh: clamp(20px, 1.667vw, 32px);
    --footer-logo-h: clamp(55px, 4.583vw, 88px);
    --footer-brand-h: clamp(65px, 5.417vw, 104px);
    --footer-logo-google-w: clamp(180px, 14.896vw, 286px);
    --footer-logo-common-w: clamp(110px, 9.063vw, 174px);
    --footer-logo-cambridge-w: clamp(93px, 7.656vw, 147px);
    --footer-logo-pearson-w: clamp(93px, 7.656vw, 147px);
    --footer-logo-hkage-w: clamp(140px, 11.563vw, 222px);
    --footer-logo-brand-w: clamp(120px, 10.104vw, 194px);
    --footer-social-size: clamp(44px, 3.125vw, 60px);
    --footer-social-icon-pad: clamp(9px, 0.729vw, 14px);
    --footer-text-size: clamp(17px, 1.25vw, 24px);
    --footer-text-lh: clamp(20px, 1.458vw, 28px);
    --footer-edge-nudge: clamp(10px, 0.781vw, 15px);
    --about-hero-bg: #141f3e;
    --about-header-offset: clamp(96px, 7.812vw, 150px);
    /* News/Excellence/Community 等：header 内边距更大（~122px@1440），顶距须大于 header 并留出上分割线 */
    --mainsite-header-offset: clamp(130px, 9.5vw, 170px);
    --about-hero-title-gap: clamp(32px, 3.125vw, 60px);
    --about-message-bg: #ffffff;
    --about-hero-img-w: clamp(320px, 93.125vw, 1788px);
    --about-hero-img-h: clamp(118px, 34.375vw, 660px);
    --about-split-img-w: clamp(220px, 28.281vw, 543px);
    --about-split-img-h: clamp(172px, 22.188vw, 426px);
    --about-portrait-w: clamp(220px, 26.042vw, 500px);
    --about-portrait-h: clamp(298px, 35.208vw, 676px);
    --about-title-gap: clamp(24px, 2.604vw, 50px);
    --about-banner-half: calc(var(--about-hero-img-h) / 2);
    --about-banner-lift: clamp(20px, 2.083vw, 40px);
    --smc-card-w: clamp(220px, 21.823vw, 419px);
    --smc-content-gap: clamp(24px, 3.125vw, 60px);
    --smc-featured-pad-y: clamp(24px, 3.125vw, 60px);
    --smc-featured-pad-l: clamp(24px, 3.125vw, 60px);
    --smc-featured-pad-r: clamp(40px, 6.667vw, 128px);
    --mcp-portrait-w: clamp(220px, 25.104vw, 482px);
    --mcp-content-gap: clamp(28px, 3.646vw, 70px);
    --mcp-text-size: clamp(16px, 1.25vw, 24px);
    --mcp-text-lh: clamp(24px, 1.875vw, 36px);
    --mcp-body-size: clamp(16px, 1.146vw, 22px);
    --mcp-body-lh: clamp(24px, 1.667vw, 32px);
    --vm-title-color: #1e3e8a;
    --vm-text-color: #353f4c;
    --vm-content-gap: clamp(28px, 3.125vw, 60px);
    --vm-body-size: clamp(16px, 1.146vw, 22px);
    --vm-body-lh: clamp(24px, 1.667vw, 32px);
    --vm-block-title-size: clamp(28px, 2.8125vw, 54px);
    --vm-block-title-lh: clamp(36px, 3.75vw, 72px);
    --vm-motto-size: clamp(20px, 1.667vw, 32px);
    --vm-motto-lh: clamp(30px, 2.5vw, 48px);
    --teams-blue: #1e3e8a;
    --teams-navy: #002046;
    --teams-text: #353f4c;
    --teams-heading-size: clamp(28px, 2.8125vw, 54px);
    --teams-heading-lh: clamp(36px, 3.75vw, 72px);
    --teams-name-size: clamp(18px, 1.25vw, 24px);
    --teams-name-lh: clamp(28px, 1.875vw, 36px);
    --teams-role-size: clamp(16px, 1.042vw, 20px);
    --teams-role-lh: clamp(24px, 1.563vw, 30px);
    --teams-table-cell-size: clamp(16px, 1.146vw, 22px);
    --teams-table-cell-lh: clamp(24px, 1.667vw, 32px);
    --teams-body-copy-size: clamp(16px, 1.146vw, 22px);
    --teams-body-copy-lh: clamp(24px, 1.667vw, 32px);
    --teams-content-gap: clamp(28px, 3.125vw, 60px);
    --teams-body-size: clamp(16px, 1.042vw, 20px);
    --campus-blue: #1e3e8a;
    --campus-navy: #002147;
    --campus-text: #353f4c;
    --campus-body-size: clamp(18px, 1.146vw, 22px);
    --campus-caption-size: clamp(20px, 1.458vw, 28px);
    --campus-carousel-shell-w: clamp(320px, 93.125vw, 1788px);
    --campus-carousel-shell-min-h: clamp(360px, 50.99vw, 979px);
    --campus-carousel-main-w: clamp(240px, 64.479vw, 1238px);
    --campus-carousel-main-h: clamp(170px, 45.469vw, 873px);
    --campus-carousel-thumb-w: clamp(120px, 20.521vw, 394px);
    --campus-carousel-thumb-h: clamp(75px, 12.813vw, 246px);
    --campus-carousel-gap: clamp(12px, 1.927vw, 37px);
    --campus-carousel-pad-x: clamp(16px, 3.125vw, 60px);
    --campus-carousel-pad-y: clamp(12px, 2.76vw, 53px);
    --campus-carousel-thumb-border: #02b5dd;
    --campus-carousel-arrow-color: #1e3e8a;
    --campus-carousel-bg: rgba(224, 237, 249, 0.6);
    --binfo-blue: #1e3e8a;
    --binfo-accent: #02b5dd;
    --binfo-text: #353f4c;
    --binfo-body-size: clamp(18px, 1.146vw, 22px);
    --binfo-section-title-size: clamp(32px, 2.813vw, 54px);
    --binfo-subtitle-size: clamp(20px, 1.458vw, 28px);
    --adgen-blue: #1e3e8a;
    --adgen-accent: #02b5dd;
    --adgen-text: #353f4c;
    --adgen-body-size: clamp(18px, 1.146vw, 22px);
    --adgen-section-title-size: clamp(32px, 2.813vw, 54px);
    --adg10-heading: #002046;
    --adg10-accent: #02b5dd;
    --adg10-text: #353f4c;
    --adg10-body-size: clamp(18px, 1.146vw, 22px);
    --adg10-section-title-size: clamp(32px, 2.813vw, 54px);
    --adg10-section-title-leading: clamp(42px, 3.75vw, 72px);
    --adg10-block-title-size: clamp(22px, 1.458vw, 28px);
    --adg16-accent: #02b5dd;
    --adg16-text: #353f4c;
    --adg16-body-size: clamp(18px, 1.146vw, 22px);
    --adg16-body-leading: clamp(26px, 1.667vw, 32px);
    --adg16-section-title-size: clamp(32px, 2.813vw, 54px);
    --adg16-section-title-leading: clamp(42px, 3.75vw, 72px);
    --adg16-block-title-size: clamp(22px, 1.458vw, 28px);
    --adg16-block-title-leading: clamp(28px, 1.875vw, 36px);
    --adg11-heading: #002046;
    --adg11-accent: #02b5dd;
    --adg11-text: #353f4c;
    --adg11-body-size: clamp(18px, 1.146vw, 22px);
    --adg11-section-title-size: clamp(32px, 2.813vw, 54px);
    --adg11-section-title-leading: clamp(42px, 3.75vw, 72px);
    --adg11-block-title-size: clamp(22px, 1.458vw, 28px);
    --adgnl-blue: #1e3e8a;
    --adgnl-heading: #002046;
    --adgnl-accent: #02b5dd;
    --adgnl-text: #353f4c;
    --adgnl-body-size: clamp(18px, 1.146vw, 22px);
    --adgnl-section-title-size: clamp(32px, 2.813vw, 54px);
    --adgnl-section-title-leading: clamp(42px, 3.75vw, 72px);
    --adgnl-block-title-size: clamp(22px, 1.458vw, 28px);
    --adgnl-label-col: 38%;
    --adg1-heading: #002046;
    --adg1-accent: #02b5dd;
    --adg1-text: #353f4c;
    --adg1-body-size: clamp(18px, 1.146vw, 22px);
    --adg1-section-title-size: clamp(32px, 2.813vw, 54px);
    --adg1-section-title-leading: clamp(42px, 3.75vw, 72px);
    --adg1-block-title-size: clamp(22px, 1.458vw, 28px);
    --adg7-heading: #002046;
    --adg7-accent: #02b5dd;
    --adg7-text: #353f4c;
    --adg7-body-size: clamp(18px, 1.146vw, 22px);
    --adg7-section-title-size: clamp(32px, 2.813vw, 54px);
    --adg7-section-title-leading: clamp(42px, 3.75vw, 72px);
    --adg7-block-title-size: clamp(22px, 1.458vw, 28px);
    --adsch-blue: #1e3e8a;
    --adsch-accent: #02b5dd;
    --adsch-text: #353f4c;
    --adsch-body-size: clamp(18px, 1.146vw, 22px);
    --adsch-section-title-size: clamp(32px, 2.813vw, 54px);
    --adfa-blue: #1e3e8a;
    --adfa-accent: #02b5dd;
    --adfa-fr: #02b5dd;
    --adfa-navy: #131e3a;
    --adfa-text: #353f4c;
    --adfa-body-size: clamp(18px, 1.146vw, 22px);
    --adfa-accent-link-size: 22px;
    --adfa-accent-link-leading: 28px;
    --adfa-section-title-size: clamp(32px, 2.813vw, 54px);
    --adfa-card-title-size: clamp(18px, 1.146vw, 22px);
    --adfa-card-body-size: clamp(16px, 1.146vw, 22px);
    --adfa-card-width: clamp(280px, 30.208vw, 580px);
    --adfa-card-min-height: clamp(220px, 23.073vw, 443px);
    --adfa-card-radius: clamp(6px, 0.521vw, 10px);
    --adfa-card-gap: clamp(12px, 1.25vw, 24px);
    --adncs-text: #353f4c;
    --adncs-body-size: clamp(18px, 1.146vw, 22px);
    --adncs-body-leading: clamp(24px, 1.458vw, 28px);
    --adncs-caption-size: clamp(20px, 1.458vw, 28px);
    --adncs-gallery-shell-w: clamp(320px, 93.125vw, 1788px);
    --adncs-gallery-shell-min-h: clamp(360px, 50.99vw, 979px);
    --adncs-gallery-main-w: clamp(240px, 64.479vw, 1238px);
    --adncs-gallery-main-h: clamp(170px, 45.469vw, 873px);
    --adncs-gallery-thumb-w: clamp(120px, 20.521vw, 394px);
    --adncs-gallery-thumb-h: clamp(75px, 12.813vw, 246px);
    --adncs-gallery-gap: clamp(12px, 1.927vw, 37px);
    --adncs-gallery-pad-x: clamp(16px, 3.125vw, 60px);
    --adncs-gallery-pad-y: clamp(12px, 2.76vw, 53px);
    --adncs-gallery-thumb-border: #02b5dd;
    --contact-hero-img-w: clamp(320px, 93.125vw, 1788px);
    --contact-hero-img-h: clamp(118px, 34.375vw, 660px);
    --contact-banner-half: calc(var(--contact-hero-img-h) / 2);
    --contact-banner-content-gap: clamp(32px, 3.125vw, 60px);
    --contact-divider-pad: clamp(32px, 3.125vw, 60px);
    --contact-divider-size: calc(var(--contact-divider-pad) * 2 + 1px);
    --contact-section-gap: var(--contact-divider-size);
    --contact-row-title-w: minmax(180px, 20.833vw);
    --contact-table-label-w: clamp(140px, 15.625vw, 300px);
    --contact-divider-color: rgba(53, 63, 76, 0.12);
    --contact-table-cell-size: clamp(16px, 1.146vw, 22px);
    --contact-table-cell-lh: clamp(24px, 1.667vw, 32px);
    --pcl-blue: #3268b0;
    --pcl-blue-panel: #2a5f9f;
    --pcl-bg: #f5f7f8;
    --pcl-text: #353f4c;
    --pcl-sidebar-bg: #dce9f6;
    --curriculum-blue: #0159ac;
    --curriculum-bg: #f5f7f8;
    --curriculum-line: #cfd8e3;
    --curriculum-text: #353f4c;
    --curriculum-text-dark: #131313;
    --curriculum-sidebar-bg: #dce9f6;
    --excellence-header-bg: #1b2547;
    --excellence-shell-bg: #dce7f4;
    --excellence-title: #ffffff;
    --excellence-card-text: #28446c;
    --ai-edu-header-bg: #1b2547;
    --ai-edu-band-vision-bg: #e0edf9;
    --ai-edu-band-main-bg: #f2f0f0;
    --ai-edu-heading: #1e3e8a;
    --ai-edu-text: #353f4c;
    --ai-edu-body-size: clamp(18px, 1.146vw, 22px);
    --ai-edu-heading-size: clamp(32px, 2.813vw, 54px);
    --ai-edu-carousel-shell-w: clamp(320px, 93.125vw, 1788px);
    --ai-edu-carousel-shell-min-h: clamp(360px, 50.99vw, 979px);
    --ai-edu-carousel-main-w: clamp(240px, 64.479vw, 1238px);
    --ai-edu-carousel-main-h: clamp(170px, 43.906vw, 843px);
    --ai-edu-carousel-thumb-w: clamp(120px, 20.521vw, 394px);
    --ai-edu-carousel-thumb-h: clamp(75px, 12.813vw, 246px);
    --ai-edu-carousel-gap: clamp(12px, 1.927vw, 37px);
    --ai-edu-carousel-pad-x: clamp(16px, 3.125vw, 60px);
    --ai-edu-carousel-pad-y: clamp(12px, 2.76vw, 53px);
    --ai-edu-carousel-thumb-border: #02b5dd;
    --ai-edu-carousel-shell-bg: rgba(224, 237, 249, 0.8);
    --gifted-header-bg: #141f3e;
    --gifted-band-discover-bg: #e0edf9;
    --gifted-band-main-bg: #f2f0f0;
    --gifted-heading: #1e3e8a;
    --gifted-text: #353f4c;
    --gifted-body-size: clamp(18px, 1.146vw, 22px);
    --gifted-heading-size: clamp(32px, 2.813vw, 54px);
    --gifted-subheading-size: clamp(22px, 1.458vw, 28px);
    --gifted-tier-1: #0d9488;
    --gifted-tier-2: #1e3e8a;
    --gifted-tier-3: #02b5dd;
    --gifted-carousel-shell-w: clamp(320px, 93.125vw, 1788px);
    --gifted-carousel-shell-min-h: clamp(360px, 50.99vw, 979px);
    --gifted-carousel-main-w: clamp(240px, 64.479vw, 1238px);
    --gifted-carousel-main-h: clamp(170px, 43.906vw, 843px);
    --gifted-carousel-thumb-w: clamp(120px, 20.521vw, 394px);
    --gifted-carousel-thumb-h: clamp(75px, 12.813vw, 246px);
    --gifted-carousel-gap: clamp(12px, 1.927vw, 37px);
    --gifted-carousel-pad-x: clamp(16px, 3.125vw, 60px);
    --gifted-carousel-pad-y: clamp(12px, 2.76vw, 53px);
    --gifted-carousel-thumb-border: #02b5dd;
    --gifted-carousel-shell-bg: rgba(255, 255, 255, 0.5);
    --msp-header-bg: #141f3e;
    --msp-band-discover-bg: #e0edf9;
    --msp-band-main-bg: #f2f0f0;
    --msp-heading: #1e3e8a;
    --msp-text: #353f4c;
    --msp-body-size: clamp(18px, 1.146vw, 22px);
    --msp-heading-size: clamp(32px, 2.813vw, 54px);
    --msp-subheading-size: clamp(22px, 1.458vw, 28px);
    --msp-tier-1: #0d9488;
    --msp-tier-2: #1e3e8a;
    --msp-tier-3: #02b5dd;
    --msp-carousel-shell-w: clamp(320px, 93.125vw, 1788px);
    --msp-carousel-shell-min-h: clamp(360px, 50.99vw, 979px);
    --msp-carousel-main-w: clamp(240px, 64.479vw, 1238px);
    --msp-carousel-main-h: clamp(170px, 41.302vw, 793px);
    --msp-carousel-thumb-w: clamp(120px, 20.521vw, 394px);
    --msp-carousel-thumb-h: clamp(75px, 12.813vw, 246px);
    --msp-carousel-gap: clamp(12px, 1.927vw, 37px);
    --msp-carousel-pad-x: clamp(16px, 3.125vw, 60px);
    --msp-carousel-pad-y: clamp(12px, 2.76vw, 53px);
    --msp-carousel-thumb-border: #02b5dd;
    --msp-carousel-shell-bg: rgba(224, 237, 249, 0.8);
    --nse-header-bg: #141f3e;
    --nse-shell-bg: #e0edf9;
    --nse-text: #353f4c;
    --nse-body-size: clamp(18px, 1.146vw, 22px);
    --pbl-header-bg: #141f3e;
    --pbl-shell-bg: #f2f0f0;
    --pbl-heading: #1e3e8a;
    --pbl-subheading: #002046;
    --pbl-text: #353f4c;
    --pbl-body-size: clamp(18px, 1.146vw, 22px);
    --pbl-heading-size: clamp(32px, 2.813vw, 54px);
    --pbl-subheading-size: clamp(22px, 1.458vw, 28px);
    --pbl-carousel-shell-w: clamp(320px, 93.125vw, 1788px);
    --pbl-carousel-shell-min-h: clamp(360px, 50.99vw, 979px);
    --pbl-carousel-main-w: clamp(240px, 64.479vw, 1238px);
    --pbl-carousel-main-h: clamp(170px, 43.906vw, 843px);
    --pbl-carousel-thumb-w: clamp(120px, 20.521vw, 394px);
    --pbl-carousel-thumb-h: clamp(75px, 12.813vw, 246px);
    --pbl-carousel-gap: clamp(12px, 1.927vw, 37px);
    --pbl-carousel-pad-x: clamp(16px, 3.125vw, 60px);
    --pbl-carousel-pad-y: clamp(12px, 2.76vw, 53px);
    --pbl-carousel-thumb-border: #02b5dd;
    --pbl-duo-img-w: clamp(280px, 45.521vw, 874px);
    --pbl-duo-gap: clamp(16px, 2.083vw, 40px);
    --gel-header-bg: #141f3e;
    --gel-band-intro-bg: #e0edf9;
    --gel-band-mid-bg: #f2f0f0;
    --gel-band-main-bg: #ffffff;
    --gel-heading: #1e3e8a;
    --gel-subheading: #002046;
    --gel-text: #353f4c;
    --gel-text-muted: #7d7d7d;
    --gel-body-size: clamp(18px, 1.146vw, 22px);
    --gel-body-lh: calc(32 / 22);
    --gel-heading-size: clamp(32px, 2.813vw, 54px);
    --gel-heading-lh: calc(72 / 54);
    --gel-subheading-size: clamp(22px, 1.458vw, 28px);
    --gel-subheading-lh: 1;
    --gel-map-w: clamp(280px, 93.125vw, 1788px);
    --gel-table-head-bg: #f2f0f0;
    --hsp-header-bg: #141f3e;
    --hsp-band-intro-bg: #e0edf9;
    --hsp-band-content-bg: #f2f0f0;
    --hsp-carousel-shell-w: clamp(320px, 93.125vw, 1788px);
    --hsp-carousel-shell-min-h: clamp(280px, 42vw, 820px);
    --hsp-carousel-main-w: clamp(240px, 64.479vw, 1238px);
    --hsp-carousel-main-h: clamp(170px, 43.906vw, 843px);
    --hsp-carousel-thumb-w: clamp(120px, 20.521vw, 394px);
    --hsp-carousel-thumb-h: clamp(75px, 12.813vw, 246px);
    --hsp-carousel-gap: clamp(12px, 1.927vw, 37px);
    --hsp-carousel-pad-x: clamp(16px, 3.125vw, 60px);
    --hsp-carousel-pad-y: clamp(12px, 2.76vw, 53px);
    --hsp-carousel-thumb-border: #02b5dd;
    --hsp-carousel-shell-bg: rgba(255, 255, 255, 0.55);
    --hsp-heading: #1e3e8a;
    --hsp-subheading: #002046;
    --hsp-text: #353f4c;
    --hsp-area-link: #007eb7;
    --hsp-body-size: clamp(18px, 1.146vw, 22px);
    --hsp-body-lh: calc(32 / 22);
    --hsp-heading-size: clamp(32px, 2.813vw, 54px);
    --hsp-heading-lh: calc(72 / 54);
    --hsp-subheading-size: 28px;
    --hsp-subheading-lh: 28px;
    --hsp-area-tone-1: #007eb7;
    --hsp-area-tone-2: #1e3e8a;
    --hsp-area-tone-3: #00959b;
    --hsp-area-tone-4: #602f9d;
    --hsp-table-font-size: 22px;
    --hsp-table-col12-lh: 32px;
    --hsp-table-col3-lh: 22px;
    --hsp-btn-bg: #1e3e8a;
    --ge-header-bg: #141f3e;
    --ge-band-intro-bg: #e0edf9;
    --ge-band-main-bg: #f2f0f0;
    --ge-heading: #1e3e8a;
    --ge-subheading: #002046;
    --ge-subheading-size: 28px;
    --ge-subheading-lh: 28px;
    --ge-carousel-shell-w: 1788px;
    --ge-carousel-shell-min-h: 979px;
    --ge-carousel-main-w: clamp(240px, 64.479vw, 1238px);
    --ge-carousel-main-h: clamp(170px, 43.906vw, 843px);
    --ge-carousel-thumb-w: clamp(120px, 20.521vw, 394px);
    --ge-carousel-thumb-h: clamp(75px, 12.813vw, 246px);
    --ge-carousel-gap: clamp(12px, 1.927vw, 37px);
    --ge-carousel-pad-x: clamp(16px, 3.125vw, 60px);
    --ge-carousel-pad-y: clamp(12px, 2.76vw, 53px);
    --ge-carousel-thumb-border: #02b5dd;
    --ge-banner-w: clamp(320px, 93.125vw, 1788px);
    --ge-feature-w: clamp(280px, 36.458vw, 700px);
    --ge-diagram-w: 724px;
    --ge-duo-img-w: 874px;
    --ge-activity-banner-w: 874px;
    --ge-body-lh: 32px;
    --al-header-bg: #141f3e;
    --al-band-intro-bg: #e0edf9;
    --al-band-main-bg: #f2f0f0;
    --al-heading: #1e3e8a;
    --al-subheading: #002046;
    --al-subheading-size: 28px;
    --al-subheading-lh: 28px;
    --al-carousel-shell-w: 1788px;
    --al-carousel-shell-min-h: 979px;
    --al-carousel-main-w: clamp(240px, 64.479vw, 1238px);
    --al-carousel-main-h: clamp(170px, 43.906vw, 843px);
    --al-carousel-thumb-w: clamp(120px, 20.521vw, 394px);
    --al-carousel-thumb-h: clamp(75px, 12.813vw, 246px);
    --al-carousel-gap: clamp(12px, 1.927vw, 37px);
    --al-carousel-pad-x: clamp(16px, 3.125vw, 60px);
    --al-carousel-pad-y: clamp(12px, 2.76vw, 53px);
    --al-carousel-thumb-border: #02b5dd;
    --al-banner-w: clamp(320px, 93.125vw, 1788px);
    --al-feature-w: clamp(280px, 36.458vw, 700px);
    --al-diagram-w: 724px;
    --al-duo-img-w: 874px;
    --al-activity-banner-w: 874px;
    --al-body-lh: 32px;
    --life-purple: #512d8c;
    --life-purple-panel: #432574;
    --life-bg: #f5f3f8;
    --life-line: #d5cfe6;
    --life-text: #4a4a5a;
    --life-text-dark: #2d2d3a;
    --life-sidebar-bg: #ebe8f5;
    --life-accent: #e8985c;
    --achievements-header-bg: #1b2547;
    --achievements-shell-bg: #f2f0f0;
    --achievements-panel-bg: #ffffff;
    --achievements-title: #ffffff;
    --achievements-card-title: #0e3e8a;
    --achievements-tab-active: #1b2547;
    --achievements-tag-bg: #413e93;
    --achievements-detail-header-bg: #1b2547;
    --achievements-detail-shell-bg: #f2f0f0;
    --achievements-detail-panel-bg: #ffffff;
    --achievements-detail-tag-secondary: #602f9d;
    --achievements-detail-tag-academic: #1e3e8a;
    --achievements-detail-title-size: clamp(28px, 3.542vw, 68px);
    --achievements-detail-title-leading: clamp(36px, 4.479vw, 86px);
    --achievements-detail-hero-title-gap: clamp(28px, 2.083vw, 40px);
    --achievements-detail-hero-meta-top: clamp(6px, 2.29vw, 34px);
    --achievements-detail-hero-meta-gap: 40px;
    --achievements-detail-feature-w: clamp(280px, 37.917vw, 728px);
    --achievements-detail-table-text: #353f4c;
    --achievements-detail-table-row-alt: #f0eeef;
    --achievements-detail-table-row-base: #ffffff;
    --achievements-detail-table-border: #e3e0e1;
    --latest-news-header-bg: #1b2547;
    --latest-news-shell-bg: #f2f0f0;
    --latest-news-panel-bg: #ffffff;
    --latest-news-title: #ffffff;
    --latest-news-card-text: #0e3e8a;
    --latest-news-accent: #1b2547;
    --latest-news-tag-primary: #0159ac;
    --latest-news-tag-secondary: #602f9d;
    --latest-news-tag-whole: #1e3e8a;
    --latest-news-desc-lh: clamp(20px, 1.458vw, 28px);
    --news-detail-header-bg: #141f3e;
    --news-detail-shell-bg: #f3f2f2;
    --news-detail-gallery-shell-min-h: clamp(360px, 50.99vw, 979px);
    --news-detail-gallery-main-w: clamp(240px, 64.479vw, 1238px);
    --news-detail-gallery-main-h: clamp(170px, 45.469vw, 873px);
    --news-detail-gallery-thumb-w: clamp(120px, 20.521vw, 394px);
    --news-detail-gallery-thumb-h: clamp(75px, 12.813vw, 246px);
    --news-detail-gallery-gap: clamp(12px, 1.927vw, 37px);
    --news-detail-gallery-pad-x: clamp(16px, 3.125vw, 60px);
    --news-detail-gallery-pad-y: clamp(12px, 2.76vw, 53px);
    --news-detail-title-size: clamp(28px, 3.542vw, 68px);
    --news-detail-title-leading: clamp(36px, 4.479vw, 86px);
    --news-detail-hero-title-gap: clamp(28px, 2.083vw, 40px);
    --news-detail-hero-meta-top: clamp(6px, 2.29vw, 34px);
    --news-detail-hero-meta-gap: 40px;
    --news-detail-gallery-thumb-border: #02b5dd;
    --publications-header-bg: #1b2547;
    --publications-shell-bg: #f2f0f0;
    --publications-panel-bg: #f2f0f0;
    --publications-title: #ffffff;
    --plans-header-bg: #1b2547;
    --plans-band-bg: #f2f0f0;
    --jt-header-bg: #1b2547;
    --jt-navy: #02284c;
    --jt-active: #1e3e8a;
    --jt-subtitle: #002046;
    --jt-body: #353f4c;
    --jt-sidebar-bg: #e6e5e5;
    --jt-shell-bg: #e6e5e5;
    --plans-title: #ffffff;
    --plans-accent: #1e3e8a;
    --plans-link: #1e3e8a;
    --plans-row-bg: #f0eeef;
    --plans-row-alt: #e6e5e5;
    --plans-row-border: rgba(53, 63, 76, 0.14);
    --plans-divider: rgba(53, 63, 76, 0.16);
    --gallery-main-radius: 10px;
    --gallery-thumb-bg: #cfe2f5;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr{
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]){
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6{
    font-size: inherit;
    font-weight: inherit;
  }
  a{
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong{
    font-weight: bolder;
  }
  code, kbd, samp, pre{
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small{
    font-size: 80%;
  }
  sub, sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub{
    bottom: -0.25em;
  }
  sup{
    top: -0.5em;
  }
  table{
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring{
    outline: auto;
  }
  progress{
    vertical-align: baseline;
  }
  summary{
    display: list-item;
  }
  ol, ul, menu{
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object{
    display: block;
    vertical-align: middle;
  }
  img, video{
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup{
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option{
    padding-inline-start: 20px;
  }
  ::file-selector-button{
    margin-inline-end: 4px;
  }
  ::placeholder{
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder{
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea{
    resize: vertical;
  }
  ::-webkit-search-decoration{
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value{
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit{
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper{
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field{
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator{
    line-height: 1;
  }
  :-moz-ui-invalid{
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button{
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button{
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])){
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto{
    pointer-events: auto;
  }
  .pointer-events-none{
    pointer-events: none;
  }
  .visible{
    visibility: visible;
  }
  .sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute{
    position: absolute;
  }
  .fixed{
    position: fixed;
  }
  .relative{
    position: relative;
  }
  .static{
    position: static;
  }
  .inset-0{
    inset: 0px;
  }
  .top-0{
    top: 0px;
  }
  .top-1\/2{
    top: calc(1 / 2 * 100%);
  }
  .right-0{
    right: 0px;
  }
  .right-4{
    right: calc(var(--spacing) * 4);
  }
  .bottom-\[10\%\]{
    bottom: 10%;
  }
  .left-4{
    left: calc(var(--spacing) * 4);
  }
  .z-0{
    z-index: 0;
  }
  .z-10{
    z-index: 10;
  }
  .z-20{
    z-index: 20;
  }
  .z-\[1\]{
    z-index: 1;
  }
  .z-\[2\]{
    z-index: 2;
  }
  .z-\[60\]{
    z-index: 60;
  }
  .z-\[70\]{
    z-index: 70;
  }
  .mt-6{
    margin-top: calc(var(--spacing) * 6);
  }
  .mb-3{
    margin-bottom: calc(var(--spacing) * 3);
  }
  .block{
    display: block;
  }
  .contents{
    display: contents;
  }
  .flex{
    display: flex;
  }
  .grid{
    display: grid;
  }
  .hidden{
    display: none;
  }
  .inline{
    display: inline;
  }
  .inline-block{
    display: inline-block;
  }
  .table{
    display: table;
  }
  .h-4{
    height: calc(var(--spacing) * 4);
  }
  .h-5{
    height: calc(var(--spacing) * 5);
  }
  .h-6{
    height: calc(var(--spacing) * 6);
  }
  .h-10{
    height: calc(var(--spacing) * 10);
  }
  .h-12{
    height: calc(var(--spacing) * 12);
  }
  .h-full{
    height: 100%;
  }
  .w-4{
    width: calc(var(--spacing) * 4);
  }
  .w-5{
    width: calc(var(--spacing) * 5);
  }
  .w-6{
    width: calc(var(--spacing) * 6);
  }
  .w-10{
    width: calc(var(--spacing) * 10);
  }
  .w-\[min\(100\%\,340px\)\]{
    width: min(100%, 340px);
  }
  .w-auto{
    width: auto;
  }
  .w-full{
    width: 100%;
  }
  .flex-1{
    flex: 1;
  }
  .grow{
    flex-grow: 1;
  }
  .translate-x-0{
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full{
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2{
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0{
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4{
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform{
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize{
    resize: both;
  }
  .flex-col{
    flex-direction: column;
  }
  .items-center{
    align-items: center;
  }
  .justify-between{
    justify-content: space-between;
  }
  .justify-center{
    justify-content: center;
  }
  .gap-1{
    gap: var(--spacing);
  }
  .gap-2{
    gap: calc(var(--spacing) * 2);
  }
  :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .overflow-hidden{
    overflow: hidden;
  }
  .overflow-y-auto{
    overflow-y: auto;
  }
  .rounded-full{
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg{
    border-radius: var(--radius-lg);
  }
  .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t{
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b{
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-brand\/30{
    border-color: color-mix(in srgb, #1e3e8a 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand) 30%, transparent);
    }
  }
  .border-sky-soft{
    border-color: var(--color-sky-soft);
  }
  .bg-black\/50{
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-sky-soft{
    background-color: var(--color-sky-soft);
  }
  .bg-white{
    background-color: var(--color-white);
  }
  .object-contain{
    object-fit: contain;
  }
  .px-3{
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-5{
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6{
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-2{
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3{
    padding-block: calc(var(--spacing) * 3);
  }
  .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6{
    padding-block: calc(var(--spacing) * 6);
  }
  .pt-5{
    padding-top: calc(var(--spacing) * 5);
  }
  .text-center{
    text-align: center;
  }
  .text-base{
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm{
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .font-light{
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium{
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .tracking-wide{
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-brand{
    color: var(--color-brand);
  }
  .text-slate-700{
    color: var(--color-slate-700);
  }
  .opacity-0{
    opacity: 0%;
  }
  .opacity-100{
    opacity: 100%;
  }
  .shadow-2xl{
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .blur{
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert{
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter{
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-opacity{
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform{
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300{
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  @media (hover: hover) {
    .hover\:bg-sky-soft:hover{
      background-color: var(--color-sky-soft);
    }
  }
  @media (width >= 64rem) {
    .lg\:right-\[66px\]{
      right: 66px;
    }
    .lg\:left-\[66px\]{
      left: 66px;
    }
  }
  @media (width >= 80rem) {
    .xl\:hidden{
      display: none;
    }
  }
}
:root{
  --fs-nav: clamp(13px, 0.917vw, 17.6px);
  --header-pill-h: clamp(38px, 3.021vw, 58px);
  --header-glass-r: clamp(20px, 1.667vw, 32px);
  --header-nav-r: clamp(28px, 2.604vw, 50px);
  --header-nav-bar-w: clamp(360px, 29.844vw, 573px);
  --header-tabs-w: 255px;
  --header-contact-w: clamp(96px, 7.188vw, 138px);
  --header-lang-w: clamp(38px, 3.021vw, 58px);
  --header-utils-gap: clamp(10px, 0.85vw, 14px);
  --header-home-w: clamp(38px, 3.021vw, 58px);
  --header-nav-bar-w-division: clamp(418px, 33.49vw, 643px);
  --hero-arrow-size: clamp(44px, 3.542vw, 68px);
  --scroll-mouse-w: clamp(18px, 1.25vw, 24px);
  --scroll-mouse-h: clamp(32px, 2.24vw, 43px);
  --scroll-label-w: clamp(110px, 7.604vw, 146px);
  --scroll-hint-gap: clamp(10px, 0.781vw, 15px);
  --scroll-hint-clearance: clamp(20px, 1.563vw, 30px);
  --scroll-hint-bottom: calc(var(--radius-section) + var(--scroll-hint-clearance));
  --intro-arrow-inset: clamp(16px, 3.4375vw, 66px);
  --intro-text-w: clamp(280px, 49.74vw, 955px);
  --intro-figure-w: clamp(180px, 23.542vw, 452px);
  --intro-figure-h: clamp(220px, 28.177vw, 541px);
  --intro-content-gap: clamp(40px, 4.688vw, 90px);
  --intro-arrow-clearance: calc(var(--intro-arrow-inset) + var(--hero-arrow-size) + clamp(12px, 0.833vw, 16px));
  --fs-logo: clamp(13px, 1.146vw, 22px);
  --lh-logo: 1.364;
  --fs-hero: clamp(40px, 3.958vw, 76px);
  --fs-hero-sub: clamp(16px, 1.563vw, 30px);
  --fs-intro: clamp(28px, 3.333vw, 64px);
  --fs-section: clamp(30px, 3.333vw, 64px);
  --fs-link: clamp(15px, 1.042vw, 20px);
  --fs-card-title: clamp(17px, 1.25vw, 24px);
  --fs-card-meta: clamp(14px, 0.938vw, 18px);
  --fs-tag: clamp(12px, 0.833vw, 16px);
  --fs-footer: clamp(15px, 1.25vw, 24px);
}
@layer base {
  html{
    scroll-behavior: smooth;
    overflow-x: clip;
  }
  body{
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-navy);
    overflow-x: clip;
    min-width: 320px;
  }
  img{
    display: block;
    max-width: 100%;
  }
}
@layer components {
  .site-container{
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
    padding-inline: var(--gutter);
  }
  .section-band{
    position: relative;
    border-top-left-radius: var(--radius-section);
    border-top-right-radius: var(--radius-section);
    margin-top: calc(var(--radius-section) * -1);
  }
  .section-pad{
    padding-top: clamp(48px, 4.6vw, 88px);
    padding-bottom: clamp(48px, 4.6vw, 88px);
  }
  .section-head{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: clamp(12px, 1.5vw, 24px);
    margin-bottom: clamp(24px, 2.6vw, 50px);
  }
  .section-title{
    font-size: var(--fs-section);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.01em;
    color: var(--color-brand);
  }
  .pill-link{
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    height: clamp(44px, 3.65vw, 70px);
    padding-inline: clamp(20px, 1.8vw, 34px);
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, #1e3e8a 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brand) 35%, transparent);
    }
    font-size: var(--fs-link);
    color: var(--color-brand);
    transition: all .25s ease;
  }
  .pill-link:hover{
    background: var(--color-brand);
    color: #fff;
    border-color: var(--color-brand);
  }
  .pill-link svg{
    width: 1.1em;
    height: 1.1em;
  }
  .pill-link--light{
    border-color: color-mix(in srgb, #fff 45%, transparent);
    color: #fff;
  }
  .pill-link--light:hover{
    background: rgba(255,255,255,.12);
    color: #fff;
  }
  .card-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--card-gap);
  }
  .info-card{
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: var(--radius-card);
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(2,40,76,.08);
    transition: transform .3s ease, box-shadow .3s ease;
  }
  .info-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 50px rgba(2,40,76,.14);
  }
  .info-card__media{
    position: relative;
    aspect-ratio: 419 / 277;
    overflow: hidden;
  }
  .info-card__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
  }
  .info-card:hover .info-card__media img{
    transform: scale(1.04);
  }
  .info-card__meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(8px, 0.625vw, 12px);
    margin-top: auto;
    width: 100%;
  }
  .info-card__tag{
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    height: clamp(24px, 1.77vw, 34px);
    padding-inline: clamp(8px, 0.6vw, 12px);
    border-radius: 4px;
    font-size: var(--fs-tag);
    font-weight: 300;
    line-height: 1;
    white-space: nowrap;
    text-transform: capitalize;
  }
  .info-card__tag--wholeSchool{
    background: #1E3E8A;
    color: #fff;
  }
  .info-card__tag--primary{
    background: #26D2FF;
    color: #fff;
  }
  .info-card__tag--secondary{
    background: #7B4BB7;
    color: #fff;
  }
  .info-card__body{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: clamp(8px, 0.7vw, 14px);
    padding: clamp(14px, 1.25vw, 24px);
  }
  .info-card__title{
    font-size: var(--fs-card-title);
    font-weight: 400;
    line-height: 1.3;
    color: var(--card-title-color, var(--color-brand));
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .info-card__date{
    margin: 0;
    font-size: var(--fs-card-meta);
    font-weight: 300;
    color: var(--color-navy-soft);
  }
  #achievementsSection .info-card{
    --card-title-color: var(--color-brand-alt);
  }
  .feature-card{
    display: flex;
    flex-direction: column;
  }
  .feature-card__media{
    aspect-ratio: 419 / 277;
    border-radius: var(--radius-card);
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(2,40,76,.08);
  }
  .feature-card__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
  }
  .feature-card:hover .feature-card__media img{
    transform: scale(1.04);
  }
  .feature-card__title{
    margin-top: clamp(10px, 0.9vw, 18px);
    font-size: var(--fs-card-title);
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-brand);
  }
  .fade-up{
    transform: translateY(28px);
    opacity: 0;
    transition: all .7s ease-out;
  }
  .fade-up.is-visible{
    transform: none;
    opacity: 1;
  }
}
.subpage-section-nav{
  display: none;
}
@media (max-width: 1279px) {
  .subpage-section-nav{
    display: block;
    margin-bottom: clamp(18px, 4.5vw, 24px);
  }
  .subpage-section-nav__label{
    display: block;
    margin: 0 0 8px;
    color: #5a6278;
    font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
    font-size: clamp(12px, 3.2vw, 14px);
    font-weight: 500;
    line-height: 1.3;
  }
  .subpage-section-nav__dropdown{
    position: relative;
    width: 100%;
  }
  .subpage-section-nav__trigger{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #d8dee8;
    border-radius: 12px;
    background: #fff;
    color: #2d2d3a;
    font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
    font-size: clamp(14px, 3.8vw, 16px);
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .subpage-section-nav__trigger:hover, .subpage-section-nav__trigger[aria-expanded="true"]{
    border-color: var(--subpage-nav-accent, #512d8c);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--subpage-nav-accent, #512d8c) 35%, #d8dee8);
    }
  }
  .subpage-section-nav__trigger[aria-expanded="true"]{
    box-shadow: 0 0 0 3px var(--subpage-nav-accent, #512d8c);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--subpage-nav-accent, #512d8c) 12%, transparent);
    }
  }
  .subpage-section-nav__value{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .subpage-section-nav__chevron{
    flex: 0 0 auto;
    color: #4e5876;
    font-size: 14px;
    line-height: 1;
    transition: transform 0.2s ease;
  }
  .subpage-section-nav__trigger[aria-expanded="true"] .subpage-section-nav__chevron{
    transform: rotate(180deg);
  }
  .subpage-section-nav__panel{
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 40;
    box-sizing: border-box;
    width: 100%;
    min-width: 100%;
    max-height: min(70vh, 520px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0;
    border: 1px solid #e6eaf0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(19, 19, 19, 0.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    text-align: left;
  }
  .subpage-section-nav__panel.is-open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .subpage-section-nav__option{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 12px 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #353f4c;
    font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
    font-size: clamp(14px, 3.8vw, 16px);
    font-weight: 300;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
  }
  .subpage-section-nav__option.is-nested{
    padding-left: 28px;
    color: #5a6278;
  }
  .subpage-section-nav__option:hover{
    background: var(--subpage-nav-accent, #512d8c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--subpage-nav-accent, #512d8c) 8%, #fff);
    }
    color: var(--subpage-nav-accent, #512d8c);
  }
  .subpage-section-nav__option.is-active{
    color: var(--subpage-nav-accent, #512d8c);
    font-weight: 500;
    background: var(--subpage-nav-accent, #512d8c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--subpage-nav-accent, #512d8c) 10%, #fff);
    }
  }
  .subpage-section-nav__group-toggle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px 14px 4px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #2d2d3a;
    font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
    font-size: clamp(13px, 3.5vw, 15px);
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
  }
  .subpage-section-nav__group-toggle:hover{
    color: var(--subpage-nav-accent, #512d8c);
  }
  .subpage-section-nav__group-label{
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: left;
  }
  .subpage-section-nav__group-chevron{
    flex: 0 0 auto;
    color: #4e5876;
    font-size: 12px;
    line-height: 1;
    transition: transform 0.2s ease;
  }
  .subpage-section-nav__group.is-open .subpage-section-nav__group-chevron{
    transform: rotate(180deg);
  }
  .subpage-section-nav__group-panel{
    display: none;
  }
  .subpage-section-nav__group.is-open > .subpage-section-nav__group-panel{
    display: block;
  }
  /* 兼容旧静态 HTML：无折叠按钮的纯 group-label */
  .subpage-section-nav__panel > .subpage-section-nav__group-label{
    display: block;
    margin: 6px 0 0;
    padding: 10px 14px 4px;
    color: #2d2d3a;
    font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
    font-size: clamp(13px, 3.5vw, 15px);
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
  }
}
body[data-page="life-planning"] .subpage-section-nav, body[data-page="ole-highlights"] .subpage-section-nav{
  --subpage-nav-accent: var(--life-purple);
}
@media (max-width: 1279px) {
  body[data-page="ole-highlights"] .subpage-section-nav__trigger[aria-expanded="true"]{
    border-color: var(--life-purple);
    box-shadow: none;
  }
  body[data-page="ole-highlights"] .subpage-section-nav__panel{
    top: calc(100% + 6px);
    border-color: rgba(81, 45, 140, 0.16);
    background: var(--life-sidebar-bg);
    box-shadow: 0 10px 28px rgba(81, 45, 140, 0.12);
  }
  body[data-page="ole-highlights"] .subpage-section-nav__group-toggle{
    color: #2d2d3a;
    font-weight: 700;
    padding: 12px 16px 8px;
  }
  body[data-page="ole-highlights"] .subpage-section-nav__group-chevron{
    color: var(--life-purple);
  }
  body[data-page="ole-highlights"] .subpage-section-nav__option.is-nested{
    padding-left: 36px;
    color: var(--life-purple);
    font-weight: 400;
  }
  body[data-page="ole-highlights"] .subpage-section-nav__option.is-nested:hover,
  body[data-page="ole-highlights"] .subpage-section-nav__option.is-nested.is-active{
    color: var(--life-purple);
    font-weight: 500;
    background: rgba(81, 45, 140, 0.08);
  }
}
body[data-page="curriculum"] .subpage-section-nav, body[data-page="sd-highlights"] .subpage-section-nav{
  --subpage-nav-accent: var(--curriculum-blue);
}
body[data-page^="primary-"] .subpage-section-nav{
  --subpage-nav-accent: var(--pcl-blue, #1e5a96);
}
body[data-page="s-curriculum"] .subpage-section-nav,
body[data-page="s-life-planning"] .subpage-section-nav,
body[data-page="s-sd-highlights"] .subpage-section-nav{
  --subpage-nav-accent: #512d8c;
}
body[data-page^="jobs-tenders"] .subpage-section-nav{
  --subpage-nav-accent: #141f3e;
}
@media (max-width: 1279px) {
  body[data-page^="jobs-tenders"] .jt-sidebar{
    display: none;
  }
  body[data-page^="jobs-tenders"] .jt-shell__inner{
    grid-template-columns: minmax(0, 1fr);
  }
}
#siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  transition: background .3s ease, box-shadow .3s ease;
}
#siteHeader .site-container{
  padding-top: clamp(12px, 1.2vw, 23px);
  padding-bottom: clamp(8px, 0.7vw, 14px);
}
.header-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(12px, 1.5vw, 24px);
  flex-wrap: nowrap;
}
.header-brand{
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: clamp(10px, 0.73vw, 14px);
}
.header-brand__logo{
  width: clamp(44px, 4.583vw, 88px);
  height: auto;
  flex-shrink: 0;
  object-fit: contain;
}
.header-logo-text{
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  min-width: 0;
  color: #fff;
  transition: color .3s ease;
}
.header-brand__en{
  display: block;
  font-family: var(--font-sans);
  font-size: var(--fs-logo);
  font-weight: 500;
  line-height: var(--lh-logo);
  white-space: nowrap;
}
.header-brand__zh{
  display: block;
  font-family: "PingFang HK", "PingFang SC", var(--font-sans);
  font-size: var(--fs-logo);
  font-weight: 500;
  line-height: var(--lh-logo);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.header-desktop{
  display: none !important;
  flex: 0 0 auto;
  margin-left: auto;
  align-items: center;
  gap: clamp(10px, 0.85vw, 14px);
}
@media (min-width: 1280px) {
  .header-top .header-desktop{
    display: inline-flex !important;
    flex-direction: row;
    align-items: center;
    width: auto;
    max-width: none;
  }
}
.header-utils{
  display: flex;
  align-items: center;
  gap: var(--header-utils-gap);
  flex-shrink: 0;
  width: auto;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
.division-switcher{
  position: relative;
  width: var(--header-tabs-w);
  flex-shrink: 0;
  overflow: visible;
}
.util-glass{
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.322);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background .2s ease, border-color .2s ease;
}
.util-glass:hover{
  background: rgba(255, 255, 255, 0.32);
  border-color: rgba(255, 255, 255, 0.45);
}
.division-tabs.util-glass:hover{
  background: rgba(255, 255, 255, 0.32);
}
body[data-page="home"]{
  --header-pill-h: 58px;
  --header-glass-r: 32px;
}
body[data-page="home"] .division-tabs{
  width: 255px;
  height: 58px;
  border-radius: 32px;
}
.division-tabs{
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  height: var(--header-pill-h);
  padding-inline: clamp(18px, 1.25vw, 24px);
  border-radius: var(--header-glass-r);
  box-sizing: border-box;
}
.division-tab{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 clamp(8px, 0.625vw, 12px);
  font-size: var(--fs-nav);
  font-weight: 300;
  color: #fff;
  white-space: nowrap;
}
.division-tab::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: clamp(40px, 2.917vw, 56px);
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: var(--color-cyan);
  opacity: 0;
  transform: translateX(-50%) scaleX(0.5);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}
.division-tab:hover::after, .division-tab[aria-expanded="true"]::after, .division-tab.is-active::after{
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
.division-tabs__divider{
  display: none;
}
html[lang="zh-Hant"] body[data-page="home"] .division-tab, html[lang="zh-Hant"] body[data-page="primary"] .division-tab, html[lang="zh-Hant"] body[data-page^="primary-"] .division-tab, html[lang="zh-Hant"] body[data-page="secondary"] .division-tab, html[lang="zh-Hant"] body[data-page="curriculum"] .division-tab, html[lang="zh-Hant"] body[data-page="sd-highlights"] .division-tab, html[lang="zh-Hant"] body[data-page="life-planning"] .division-tab, html[lang="zh-Hant"] body[data-page="ole-highlights"] .division-tab{
  letter-spacing: 0.03em;
  padding-inline: clamp(12px, 0.833vw, 16px);
}
html[lang="zh-Hant"] body[data-page="home"] .division-tabs, html[lang="zh-Hant"] body[data-page="primary"] .division-tabs, html[lang="zh-Hant"] body[data-page^="primary-"] .division-tabs, html[lang="zh-Hant"] body[data-page="secondary"] .division-tabs, html[lang="zh-Hant"] body[data-page="curriculum"] .division-tabs, html[lang="zh-Hant"] body[data-page="sd-highlights"] .division-tabs, html[lang="zh-Hant"] body[data-page="life-planning"] .division-tabs, html[lang="zh-Hant"] body[data-page="ole-highlights"] .division-tabs{
  padding-inline: clamp(22px, 1.563vw, 30px);
  gap: clamp(8px, 0.625vw, 12px);
}
.division-panel{
  position: absolute;
  top: calc(100% + 12px);
  left: auto;
  right: calc(-1 * (var(--header-lang-w) + var(--header-utils-gap)));
  z-index: 90;
  display: none;
  min-width: clamp(260px, 22vw, 420px);
  padding: clamp(16px, 1.25vw, 24px) clamp(20px, 1.6vw, 32px);
  border-radius: 0;
  background: var(--color-brand);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.division-panel.is-open{
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
/* 桥接 tab 与面板，减少斜向移动时误触发另一学部 */
.division-panel.is-open::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 16px;
}
.division-panel a{
  display: block;
  padding-block: clamp(9px, 0.65vw, 13px);
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  transition: color .2s ease;
}
.division-panel a:hover{
  color: var(--color-cyan);
}
.contact-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--header-contact-w);
  height: var(--header-pill-h);
  padding: 0;
  border-radius: var(--header-glass-r);
  box-sizing: border-box;
  font-size: var(--fs-nav);
  font-weight: 300;
  color: #fff;
  white-space: nowrap;
  flex-shrink: 0;
}
.lang-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--header-lang-w);
  height: var(--header-pill-h);
  padding: 0;
  border-radius: var(--header-glass-r);
  box-sizing: border-box;
  font-size: var(--fs-nav);
  font-weight: 300;
  color: #fff;
  flex-shrink: 0;
  /* division-panel 右对齐会伸到语言按钮区域，必须压在面板之上否则点击无响应 */
  position: relative;
  z-index: 100;
  pointer-events: auto;
}
.home-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--header-home-w);
  height: var(--header-pill-h);
  padding: 0;
  border-radius: var(--header-glass-r);
  box-sizing: border-box;
  flex-shrink: 0;
  color: #fff;
}
.home-pill img{
  display: block;
  width: clamp(16px, 1.042vw, 20px);
  height: clamp(16px, 1.042vw, 20px);
  object-fit: contain;
}
a.division-tab{
  text-decoration: none;
}
.header-nav-link{
  font-size: var(--fs-nav);
  font-weight: 300;
  letter-spacing: .03em;
  padding: 0;
  border-radius: 8px;
  transition: background .2s ease, color .2s ease;
}
.nav-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 1 auto;
  width: var(--header-nav-bar-w);
  max-width: 100%;
  height: var(--header-pill-h);
  padding-inline: clamp(14px, 1.25vw, 24px);
  border-radius: var(--header-nav-r);
  background: #fff;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  transition: background .2s ease, border-color .2s ease, backdrop-filter .2s ease;
}
.nav-bar .header-nav-link{
  color: var(--color-brand);
  white-space: nowrap;
  flex: 0 0 auto;
  text-align: center;
}
html[lang="en"] .nav-bar .header-nav-link, html[lang="en"] .nav-bar .header-menu-trigger{
  text-transform: uppercase;
}
.nav-bar .header-nav-link:hover{
  background: rgba(30, 62, 138, 0.14);
  color: var(--color-brand);
}
.about-switcher{
  position: relative;
  flex: 0 0 auto;
}
.header-menu-switcher{
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  height: 100%;
}
.header-menu-trigger{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 6px 10px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
}
.nav-bar > .header-nav-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 6px 10px;
}
.header-menu-trigger::after, .nav-bar > .header-nav-link::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: clamp(40px, 2.917vw, 56px);
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: var(--color-cyan);
  opacity: 0;
  transform: translateX(-50%) scaleX(0.5);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
.header-menu-trigger:hover::after, .header-menu-trigger[aria-expanded="true"]::after, .header-menu-trigger.is-active::after, .nav-bar > .header-nav-link:hover::after, .nav-bar > .header-nav-link.is-active::after{
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
.header-menu-panel{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 80;
  display: none;
  min-width: clamp(220px, 16.667vw, 320px);
  padding: clamp(16px, 1.25vw, 24px) clamp(20px, 1.6vw, 32px);
  border-radius: 0;
  background: var(--color-brand);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}
.header-menu-panel.is-open{
  display: block;
}
.header-menu-panel a{
  display: block;
  padding-block: clamp(9px, 0.65vw, 13px);
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.header-menu-panel a.is-active{
  font-weight: 500;
}
.division-panel a, .header-menu-panel a, .about-panel a, .mobile-division__panel a, .mobile-about__panel a, #mobileMenu [data-mobile-panel="admissions"] a, #mobileMenu [data-mobile-panel="news"] a{
  text-transform: none;
}
.header-nav-link--about{
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
}
.header-nav-link--about.is-active{
  background: rgba(30, 62, 138, 0.14);
}
.header-nav-link--about::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 48%;
  height: 2px;
  border-radius: 1px;
  background: var(--color-cyan);
  opacity: 0;
  transform: translateX(-50%) scaleX(0.5);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
.header-nav-link--about:hover::after, .header-nav-link--about[aria-expanded="true"]::after, .header-nav-link--about.is-active::after{
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
.about-panel{
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  z-index: 80;
  display: none;
  min-width: clamp(220px, 16.667vw, 320px);
  padding: clamp(8px, 0.625vw, 12px);
  border-radius: clamp(12px, 0.833vw, 16px);
  background: #fff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
  transform: translateX(-50%);
}
.about-panel.is-open{
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.about-panel a{
  padding: clamp(10px, 0.833vw, 16px) clamp(12px, 1.042vw, 20px);
  border-radius: clamp(8px, 0.521vw, 10px);
  font-size: clamp(14px, 0.917vw, 17.6px);
  font-weight: 300;
  line-height: 1.35;
  color: var(--color-brand);
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease;
}
.about-panel a:hover, .about-panel a.is-active{
  background: rgba(30, 62, 138, 0.1);
}
#siteHeader:hover .about-panel, #siteHeader.is-scrolled .about-panel{
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
#siteHeader:hover .about-panel a, #siteHeader.is-scrolled .about-panel a{
  color: var(--color-brand);
}
.menu-toggle{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  backdrop-filter: blur(6px);
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
@media (min-width: 1280px) {
  .menu-toggle{
    display: none;
  }
}
a.mobile-division__toggle{
  text-decoration: none;
  cursor: pointer;
}
button.mobile-division__toggle{
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}
.mobile-division__chevron{
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.mobile-division__toggle.is-open .mobile-division__chevron, .mobile-about__toggle.is-open .mobile-division__chevron{
  transform: rotate(180deg);
}
.mobile-division{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#mobileMenu nav + .mobile-division{
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-sky-soft);
}
#mobileMenu{
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  will-change: transform;
}
#mobileMenu > div:first-child{
  flex-shrink: 0;
}
#mobileMenu > div:nth-child(2){
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
#mobileMenu > div:last-child{
  flex-shrink: 0;
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
}
.mobile-back-home{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 10px;
  padding: 12px 20px;
  border: 1px solid var(--color-brand);
  border-radius: 9999px;
  background: #fff;
  color: var(--color-brand);
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
@supports (color: color-mix(in lab, red, red)) {
  .mobile-back-home{
    border-color: color-mix(in srgb, var(--color-brand) 40%, #c5d6ef);
  }
}
.mobile-back-home:hover{
  background: var(--color-sky-soft);
}
.mobile-back-home__icon{
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
}
.mobile-back-home span{
  min-width: 0;
}
#mobileMenu nav > a{
  text-transform: uppercase;
}
#menuOverlay{
  will-change: opacity;
}
.mobile-division__toggle{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-brand);
  background: var(--color-sky-soft);
  transition: background .2s ease;
}
.mobile-division__toggle.is-open{
  background: var(--color-brand);
  color: #fff;
}
.mobile-division__toggle + .mobile-division__panel{
  margin-top: 0;
}
.mobile-division__panel{
  display: none;
  flex-direction: column;
  gap: 2px;
  padding: 6px 0 12px 12px;
}
.mobile-division__panel.is-open{
  display: flex;
}
.mobile-division__panel a{
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 300;
  color: var(--color-brand);
  transition: background .2s ease;
}
.mobile-division__panel a:hover{
  background: var(--color-sky-soft);
}
.mobile-about__toggle{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  font-family: inherit;
  color: var(--color-brand);
  background: var(--color-sky-soft);
  cursor: pointer;
  text-transform: uppercase;
  transition: background 0.2s ease;
}
.mobile-about__toggle.is-open{
  background: var(--color-brand);
  color: #fff;
}
.mobile-about__panel{
  display: none;
  flex-direction: column;
  gap: 2px;
  padding: 6px 0 12px 12px;
}
.mobile-about__panel.is-open{
  display: flex;
}
.mobile-about__panel a{
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 300;
  color: var(--color-brand);
  transition: background 0.2s ease;
}
.mobile-about__panel a:hover, .mobile-about__panel a.is-active{
  background: var(--color-sky-soft);
  font-weight: 500;
}
#siteHeader:hover, #siteHeader.is-scrolled{
  background: var(--color-header-bar);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
}
#siteHeader:hover .division-tab::after, #siteHeader.is-scrolled .division-tab::after, #siteHeader:hover .header-menu-trigger::after, #siteHeader.is-scrolled .header-menu-trigger::after, #siteHeader:hover .nav-bar > .header-nav-link::after, #siteHeader.is-scrolled .nav-bar > .header-nav-link::after, #siteHeader:hover .header-nav-link--about::after, #siteHeader.is-scrolled .header-nav-link--about::after{
  background: #fff;
}
#siteHeader:hover .header-logo-text, #siteHeader.is-scrolled .header-logo-text{
  color: #fff !important;
}
#siteHeader:hover .division-tabs, #siteHeader.is-scrolled .division-tabs, #siteHeader:hover .contact-pill, #siteHeader.is-scrolled .contact-pill, #siteHeader:hover .lang-pill, #siteHeader.is-scrolled .lang-pill, #siteHeader:hover .home-pill, #siteHeader.is-scrolled .home-pill, #siteHeader:hover .nav-bar, #siteHeader.is-scrolled .nav-bar{
  background: rgba(88, 108, 138, 0.42);
  border-color: rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(8px);
  box-shadow: none;
}
#siteHeader:hover .util-glass:hover, #siteHeader.is-scrolled .util-glass:hover, #siteHeader:hover .nav-bar:hover, #siteHeader.is-scrolled .nav-bar:hover{
  background: rgba(110, 130, 165, 0.55);
  border-color: rgba(255, 255, 255, 0.38);
}
#siteHeader:hover .division-tab, #siteHeader.is-scrolled .division-tab, #siteHeader:hover .contact-pill, #siteHeader.is-scrolled .contact-pill, #siteHeader:hover .lang-pill, #siteHeader.is-scrolled .lang-pill, #siteHeader:hover .home-pill, #siteHeader.is-scrolled .home-pill, #siteHeader:hover .nav-bar .header-nav-link, #siteHeader.is-scrolled .nav-bar .header-nav-link{
  color: #fff;
}
#siteHeader:hover .nav-bar .header-nav-link:hover, #siteHeader.is-scrolled .nav-bar .header-nav-link:hover{
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}
#siteHeader:hover .division-tabs__divider, #siteHeader.is-scrolled .division-tabs__divider{
  background: rgba(255, 255, 255, 0.4);
}
#siteHeader:hover .menu-toggle, #siteHeader.is-scrolled .menu-toggle{
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.4);
}
@media (min-width: 1280px) and (max-width: 1535px) {
  html[lang="en"] body{
    --header-nav-bar-w: clamp(480px, 38vw, 580px);
    --fs-nav: clamp(12px, 0.82vw, 15px);
  }
  html[lang="en"] .header-desktop{
    gap: clamp(12px, 1vw, 16px);
  }
  html[lang="en"] .header-nav-link{
    letter-spacing: 0.01em;
  }
  html[lang="en"] .division-tabs{
    padding-inline: clamp(12px, 0.9vw, 18px);
  }
  html[lang="en"] .division-tab{
    padding-inline: clamp(4px, 0.4vw, 8px);
  }
}
@media (min-width: 1280px) {
  html[lang="en"] .nav-bar{
    width: fit-content;
    max-width: 100%;
    justify-content: flex-start;
    gap: clamp(12px, 1.05vw, 22px);
    padding-inline: clamp(16px, 1.25vw, 24px);
  }
  html[lang="en"] .header-menu-trigger, html[lang="en"] .nav-bar > .header-nav-link{
    padding-inline: clamp(6px, 0.5vw, 10px);
  }
}
#heroSection{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  height: min(100svh, 1022px);
  min-height: 600px;
  background: var(--color-navy);
  color: #fff;
}
@media (min-width: 1280px) {
  #heroSection{
    height: clamp(720px, 53.2vw, 1022px);
  }
}
.hero-banner{
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero-controls{
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
}
.hero-panel{
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}
.hero-panel .hero-titles, .hero-panel .hero-controls{
  pointer-events: auto;
}
.hero-controls .hero-arrow, .hero-controls .carousel-dots, .hero-controls .scroll-hint, .hero-controls .hero-controls__arrows{
  pointer-events: auto;
}
.hero-controls__arrows{
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.hero-controls__arrows .hero-arrow{
  pointer-events: auto;
}
.hero-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero-bg__item{
  display: none;
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.hero-bg__item.is-active{
  display: block;
}
.hero-bg__item video{
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-dim{
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.475);
  pointer-events: none;
}
.hero-masks{
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.hero-mask{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  opacity: 0;
  transition: opacity 0.3s ease, -webkit-backdrop-filter 0.3s ease, backdrop-filter 0.3s ease;
  pointer-events: none;
}
.hero-mask--left{
  left: 0;
}
.hero-mask--right{
  right: 0;
}
.hero-mask.is-active{
  opacity: 1;
  -webkit-backdrop-filter: blur(8.1px);
  backdrop-filter: blur(8.1px);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .hero-mask.is-active{
    background-color: rgba(37, 37, 37, 0.12);
  }
}
.hero-titles{
  position: absolute;
  inset: 0;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  pointer-events: none;
}
.hero-trigger{
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: var(--gutter);
  max-width: none;
  text-align: center;
  color: #fff;
  text-decoration: none;
  cursor: default;
}
.hero-trigger__core{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.hero-zone__desc{
  max-width: min(92vw, 520px);
  font-size: var(--fs-link);
  font-weight: 300;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.95);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 768px) {
  .hero-zone__desc{
    position: absolute;
    top: 100%;
    left: 50%;
    width: max-content;
    max-width: min(92vw, 520px);
    margin-top: clamp(14px, 1.042vw, 20px);
    transform: translateX(-50%);
  }
  .hero-sub, .hero-trigger.is-hovered .hero-zone__desc, .hero-trigger:focus-visible .hero-zone__desc{
    white-space: nowrap;
  }
}
.hero-trigger.is-hovered .hero-zone__desc, .hero-trigger:focus-visible .hero-zone__desc{
  opacity: 1;
  visibility: visible;
}
.hero-title{
  margin: 0;
  font-size: var(--fs-hero);
  font-weight: 300;
  line-height: 1;
  color: #fff;
}
.hero-sub{
  margin: clamp(10px, 0.781vw, 15px) 0 0;
  font-size: var(--fs-hero-sub);
  font-weight: 400;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 767px) {
  /* 仅主站首页 hero；勿波及中小学 #heroSection.primary-hero（绝对定位背景会塌高度） */
  body[data-page="home"] #heroSection{
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
    overflow: visible;
    z-index: 2;
    background: #f5f5f7;
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) #heroSection.primary-hero{
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: #f5f5f7;
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__stage{
    position: relative;
    inset: auto;
    z-index: 1;
    width: 100%;
    aspect-ratio: 1920 / 1022;
    flex-shrink: 0;
    overflow: hidden;
    background: #000;
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__bg,
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__dim{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__bg img,
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__slide img{
    width: 100%;
    height: 100% !important;
    max-height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__dim{
    z-index: 2;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.32) 0%,
      rgba(0, 0, 0, 0.22) 45%,
      rgba(0, 0, 0, 0.38) 78%,
      rgba(0, 0, 0, 0.5) 100%
    );
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__dots{
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__content{
    position: relative;
    inset: auto;
    z-index: 2;
    flex-shrink: 0;
    display: block;
    padding: 14px var(--gutter) calc(var(--radius-section) + 10px);
    text-align: left;
    background: rgba(255, 255, 255, 0.72);
    -webkit-backdrop-filter: blur(40px) saturate(180%);
    backdrop-filter: blur(40px) saturate(180%);
    border-top: 0.5px solid rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 -1px 0 rgba(0, 0, 0, 0.04);
    color: #002147;
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__title{
    font-size: clamp(28px, 7.5vw, 36px);
    line-height: 1.15;
    color: #002147;
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero__desc{
    margin-top: 8px;
    max-width: min(92vw, 360px);
    font-size: clamp(13px, 3.4vw, 15px);
    line-height: 1.4;
    color: rgba(0, 33, 71, 0.72);
  }
  :is(body[data-page="primary"], body[data-page="secondary"]) .primary-hero .scroll-hint{
    display: none;
  }
  .hero-banner{
    position: relative;
    inset: auto;
    z-index: 1;
    width: 100%;
    aspect-ratio: 1920 / 1022;
    flex-shrink: 0;
    overflow: hidden;
    background: #000;
  }
  .hero-bg__item video{
    object-fit: contain;
    object-position: center;
  }
  .hero-dim{
    background: transparent !important;
  }
  .hero-mask{
    display: none;
  }
  .hero-panel{
    position: relative;
    inset: auto;
    z-index: 2;
    flex-shrink: 0;
    margin-top: 0;
    padding: 10px var(--gutter) calc(var(--radius-section) + 8px);
    background: rgba(255, 255, 255, 0.72);
    -webkit-backdrop-filter: blur(40px) saturate(180%);
    backdrop-filter: blur(40px) saturate(180%);
    border-top: 0.5px solid rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 -1px 0 rgba(0, 0, 0, 0.04);
    pointer-events: auto;
  }
  @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .hero-panel{
      background: rgba(255, 255, 255, 0.94);
    }
  }
  .hero-titles{
    position: relative;
    inset: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 2;
    display: block;
    grid-template-columns: none;
    flex-shrink: 0;
    width: 100%;
    padding: 0;
    background: transparent;
    pointer-events: none;
  }
  .hero-trigger{
    display: none;
    position: relative;
    inset: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    max-width: none;
    padding: 0;
    border-radius: 0;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    transition: opacity 0.45s ease, visibility 0.45s ease;
    pointer-events: none;
    cursor: pointer;
  }
  .hero-trigger.is-active{
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .hero-trigger__core{
    align-items: flex-start;
    width: 100%;
    text-align: left;
  }
  .hero-zone__desc{
    position: static;
    transform: none;
    width: auto;
    opacity: 1;
    visibility: visible;
    max-width: min(78vw, 280px);
    margin: 6px 0 0;
    font-size: clamp(12px, 3.2vw, 14px);
    line-height: 1.35;
    text-align: left;
    color: rgba(0, 33, 71, 0.68);
    white-space: normal;
  }
  .hero-title{
    width: 100%;
    max-width: none;
    margin: 0;
    font-size: clamp(26px, 7vw, 32px);
    line-height: 1.05;
    letter-spacing: -0.02em;
    text-align: left;
    color: var(--color-navy);
  }
  .hero-sub{
    width: 100%;
    text-align: left;
    margin-top: 6px;
    color: var(--color-cyan-deep);
    font-size: clamp(11px, 2.9vw, 13px);
    line-height: 1.2;
  }
  .hero-controls{
    position: relative;
    inset: auto;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-shrink: 0;
    margin-top: 8px;
    padding: 0;
    background: transparent;
    pointer-events: auto;
  }
  .hero-controls .hero-arrow, .hero-controls .carousel-dots, .hero-controls .scroll-hint, .hero-controls .hero-controls__arrows{
    pointer-events: auto;
  }
  .hero-controls__arrows{
    position: static;
    inset: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    pointer-events: auto;
  }
  .hero-controls .hero-arrow{
    position: static;
    z-index: auto;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    transform: none;
    background: rgba(255, 255, 255, 0.88);
    border: 0.5px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  }
  .hero-controls .hero-arrow:hover{
    background: rgba(255, 255, 255, 1);
  }
  .hero-controls .hero-arrow img{
    width: 100%;
    height: 100%;
    filter: brightness(0) saturate(100%) opacity(0.45);
  }
  #heroDots button{
    width: 22px;
    height: 3px;
    border: 0;
    border-radius: 999px;
    background: rgba(0, 33, 71, 0.16);
  }
  #heroDots{
    position: static;
    flex-shrink: 0;
    transform: none;
    gap: 10px;
  }
  #heroDots button.is-active{
    width: 34px;
    background: var(--color-cyan);
  }
  .scroll-hint{
    display: none;
  }
}
.hero-arrow{
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--hero-arrow-size);
  height: var(--hero-arrow-size);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  backdrop-filter: none;
  cursor: pointer;
  transition: background-color 0.25s ease;
}
.hero-arrow:hover{
  background-color: var(--color-cyan-deep);
}
.hero-arrow img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.scroll-hint{
  position: absolute;
  left: 50%;
  bottom: var(--scroll-hint-bottom);
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--scroll-hint-gap);
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transform: translateX(-50%);
  transition: opacity .25s ease;
}
.scroll-hint:hover{
  opacity: .9;
}
.scroll-hint__mouse{
  position: relative;
  flex-shrink: 0;
  width: var(--scroll-mouse-w);
  height: var(--scroll-mouse-h);
  border: 2px solid #fff;
  border-radius: 12px;
  box-sizing: border-box;
  opacity: 1;
}
.scroll-hint__mouse::before{
  content: '';
  position: absolute;
  top: 7px;
  left: 50%;
  width: 4px;
  height: 8px;
  border-radius: 2px;
  background: #fff;
  transform: translateX(-50%);
}
.scroll-hint__label{
  min-width: var(--scroll-label-w);
  width: auto;
  min-height: 26px;
  font-size: clamp(14px, 1.042vw, 20px);
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  opacity: 1;
}
#heroDots{
  display: flex;
  align-items: center;
  gap: 8px;
}
#heroDots button, .carousel-dots button{
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  background: transparent;
  box-sizing: border-box;
  cursor: pointer;
  transition: background .3s ease, border-color .3s ease;
}
#heroDots button.is-active, .carousel-dots button.is-active{
  border-color: var(--color-cyan);
  background: var(--color-cyan);
}
.carousel-dots{
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .scroll-hint{
    display: none;
  }
}
#introSection{
  position: relative;
  z-index: 3;
  overflow: hidden;
  height: clamp(360px, 29.792vw, 572px);
  background: var(--color-navy);
  color: #fff;
  border-top-left-radius: var(--radius-section);
  border-top-right-radius: var(--radius-section);
}
.intro-band__arrow{
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
}
.intro-band__arrow--prev{
  left: var(--intro-arrow-inset);
}
.intro-band__arrow--next{
  right: var(--intro-arrow-inset);
}
.intro-band__inner{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: var(--intro-arrow-clearance);
}
.intro-band__content{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--intro-content-gap);
  width: calc(var(--intro-text-w) + var(--intro-figure-w) + var(--intro-content-gap));
  max-width: 100%;
}
.intro-carousel{
  flex: 0 0 var(--intro-text-w);
  width: var(--intro-text-w);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(28px, 2.6vw, 48px);
  min-width: 0;
}
.intro-carousel__viewport{
  position: relative;
  width: var(--intro-text-w);
  min-height: clamp(80px, 8.385vw, 161px);
}
.intro-slide{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity .7s ease;
  pointer-events: none;
}
.intro-slide.is-active{
  opacity: 1;
  pointer-events: auto;
}
.intro-slide__text{
  margin: 0;
  width: var(--intro-text-w);
  font-size: clamp(28px, 3.333vw, 64px);
  font-weight: 300;
  line-height: clamp(34px, 4.063vw, 78px);
  letter-spacing: 0;
  text-align: left;
  color: #fff;
}
.intro-slide__accent{
  color: var(--color-cyan);
}
.intro-band__figure{
  flex: 0 0 var(--intro-figure-w);
  width: var(--intro-figure-w);
  height: var(--intro-figure-h);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.intro-band__figure img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1023px) {
  #introSection{
    height: auto;
    min-height: clamp(320px, 50vw, 480px);
    padding-block: clamp(40px, 6vw, 64px);
  }
  .intro-band__inner{
    padding-inline: var(--gutter);
  }
  .intro-band__content{
    flex-direction: column;
    width: 100%;
    gap: clamp(28px, 4vw, 40px);
  }
  .intro-carousel, .intro-carousel__viewport, .intro-slide__text{
    width: 100%;
    flex-basis: auto;
    max-width: 100%;
  }
  .intro-band__figure{
    width: min(72vw, 320px);
    height: auto;
    flex-basis: auto;
    aspect-ratio: 452 / 541;
  }
  .intro-band__arrow{
    display: none;
  }
}
.intro-title{
  font-size: var(--fs-intro);
  font-weight: 300;
  line-height: 1.18;
  color: #fff;
  max-width: 1400px;
}
#newsSection{
  position: relative;
  z-index: 2;
  margin-top: 0;
  background: #E0EDF9;
  border-top-left-radius: var(--radius-section);
  border-top-right-radius: var(--radius-section);
  overflow: visible;
}
.news-band{
  height: auto;
}
.news-band__inner{
  display: flex;
  flex-direction: column;
  padding-top: clamp(40px, 4.792vw, 92px);
  padding-bottom: calc(var(--news-card-body-pad-bottom) + var(--radius-section));
}
.news-band .section-head{
  align-items: center;
  margin-bottom: clamp(24px, 2.865vw, 55px);
  flex-shrink: 0;
}
.news-band__title{
  font-size: clamp(32px, 3.333vw, 64px);
  font-weight: 500;
  line-height: clamp(48px, 5vw, 96px);
  color: #1E3E8A;
  text-transform: uppercase;
}
.news-band__more{
  width: auto;
  height: clamp(48px, 3.646vw, 70px);
  padding-inline: clamp(20px, 1.667vw, 32px);
  justify-content: center;
  gap: clamp(8px, 0.625vw, 12px);
  border: 1px solid #1E3E8A;
  border-radius: 42px;
  font-size: clamp(14px, 1.042vw, 20px);
  font-weight: 400;
  color: #1E3E8A;
  flex-shrink: 0;
}
.news-band__more-icon{
  --arrow-crop-zoom: 2.35;
  display: block;
  width: clamp(22px, 1.563vw, 30px);
  height: clamp(22px, 1.563vw, 30px);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
.news-band__more-icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(var(--arrow-crop-zoom));
  filter: brightness(0) saturate(100%) invert(21%) sepia(61%) saturate(1523%) hue-rotate(198deg) brightness(94%) contrast(88%);
}
.news-band__more:hover{
  background: #1E3E8A;
  color: #fff;
  border-color: #1E3E8A;
}
.news-band__more:hover .news-band__more-icon img{
  filter: brightness(0) invert(1);
}
.news-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, var(--news-card-w));
  justify-content: space-between;
  gap: var(--card-gap);
  align-content: start;
}
#newsSection .info-card{
  position: relative;
  z-index: 1;
  width: var(--news-card-w);
  height: var(--news-card-h);
  display: flex;
  flex-direction: column;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
#newsSection .info-card:hover{
  transform: none;
  box-shadow: none;
}
#newsSection .info-card__media{
  flex: 0 0 var(--news-card-img-h);
  width: 100%;
  height: var(--news-card-img-h);
  aspect-ratio: auto;
  border-radius: 16px;
}
#newsSection .info-card__media img{
  border-radius: 16px;
}
#newsSection .info-card:hover .info-card__media img{
  transform: scale(1.03);
}
#newsSection .info-card__tag{
  height: clamp(28px, 1.771vw, 34px);
  padding-inline: clamp(8px, 0.625vw, 12px);
  font-size: clamp(13px, 0.833vw, 16px);
  line-height: 1;
}
#newsSection .info-card__meta{
  flex: 0 0 var(--news-card-date-h);
  height: var(--news-card-date-h);
  min-height: var(--news-card-date-h);
  margin: 0;
  align-self: stretch;
}
#newsSection .info-card__date{
  flex: 0 1 auto;
  height: auto;
  overflow: hidden;
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  line-height: var(--news-card-date-h);
  color: #02284C;
}
#newsSection .info-card__body{
  display: flex;
  flex-direction: column;
  gap: var(--news-card-body-gap);
  flex: 0 0 var(--news-card-body-h);
  height: var(--news-card-body-h);
  min-height: var(--news-card-body-h);
  box-sizing: border-box;
  padding: var(--news-card-body-pad-top) 0 0;
  overflow: visible;
}
#newsSection .info-card__title{
  flex: 0 0 var(--news-desc-h);
  height: var(--news-desc-h);
  min-height: var(--news-desc-h);
  max-height: var(--news-desc-h);
  margin: 0;
  font-size: clamp(17px, 1.25vw, 24px);
  font-weight: 400;
  line-height: var(--news-desc-lh);
  color: #1E3E8A;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media (max-width: 1023px) {
  .news-band{
    height: auto;
  }
  .news-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }
  #newsSection .info-card{
    width: 100%;
    height: auto;
  }
  #newsSection .info-card__body{
    flex: 1 1 auto;
    height: auto;
    min-height: var(--news-card-body-h);
  }
}
@media (max-width: 639px) {
  .news-grid{
    display: flex;
    gap: var(--card-gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
    scrollbar-width: none;
  }
  .news-grid::-webkit-scrollbar{
    display: none;
  }
  #newsSection .info-card{
    flex: 0 0 min(82vw, var(--news-card-w));
    height: var(--news-card-h);
    scroll-snap-align: start;
  }
}
#achievementsSection{
  position: relative;
  z-index: 3;
  min-height: clamp(480px, 39.167vw, 752px);
  background: var(--color-grey-soft);
  border-top-left-radius: var(--radius-section);
  border-top-right-radius: var(--radius-section);
  overflow: hidden;
}
.achievements-band{
  height: auto;
}
.achievements-band .band-watermark{
  position: absolute;
  inset: 0 0 0 auto;
  left: auto;
  transform: none;
  z-index: 0;
  width: var(--ach-watermark-w);
  max-width: 55%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  user-select: none;
}
.achievements-band .band-watermark img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
}
.achievements-band__inner{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding-top: clamp(40px, 4.792vw, 92px);
  padding-bottom: calc(var(--ach-card-body-pad-bottom) + var(--radius-section));
}
.achievements-band .section-head{
  align-items: center;
  margin-bottom: clamp(24px, 2.865vw, 55px);
  flex-shrink: 0;
}
.achievements-band__title{
  font-size: clamp(32px, 3.333vw, 64px);
  font-weight: 500;
  line-height: clamp(48px, 5vw, 96px);
  color: #0E3E8A;
  text-transform: uppercase;
}
.achievements-band__more{
  width: auto;
  height: clamp(48px, 3.646vw, 70px);
  padding-inline: clamp(20px, 1.667vw, 32px);
  justify-content: center;
  gap: clamp(8px, 0.625vw, 12px);
  border: 1px solid #0E3E8A;
  border-radius: 42px;
  font-size: clamp(14px, 1.042vw, 20px);
  font-weight: 400;
  color: #0E3E8A;
  flex-shrink: 0;
}
.achievements-band__more-icon{
  --arrow-crop-zoom: 2.35;
  display: block;
  width: clamp(22px, 1.563vw, 30px);
  height: clamp(22px, 1.563vw, 30px);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
.achievements-band__more-icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(var(--arrow-crop-zoom));
  filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(1875%) hue-rotate(198deg) brightness(92%) contrast(92%);
}
.achievements-band__more:hover{
  background: #0E3E8A;
  color: #fff;
  border-color: #0E3E8A;
}
.achievements-band__more:hover .achievements-band__more-icon img{
  filter: brightness(0) invert(1);
}
.achievements-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, var(--ach-card-w));
  justify-content: space-between;
  gap: var(--card-gap);
  align-content: start;
}
#achievementsSection .info-card{
  position: relative;
  z-index: 1;
  width: var(--ach-card-w);
  height: var(--ach-card-h);
  display: flex;
  flex-direction: column;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
#achievementsSection .info-card:hover{
  transform: none;
  box-shadow: none;
}
#achievementsSection .info-card__media{
  flex: 0 0 var(--ach-card-img-h);
  width: 100%;
  height: var(--ach-card-img-h);
  aspect-ratio: auto;
  border-radius: 16px;
}
#achievementsSection .info-card__media img{
  border-radius: 16px;
}
#achievementsSection .info-card:hover .info-card__media img{
  transform: scale(1.03);
}
#achievementsSection .info-card__body{
  display: flex;
  flex-direction: column;
  gap: var(--ach-card-body-gap);
  flex: 0 0 var(--ach-card-body-h);
  height: var(--ach-card-body-h);
  min-height: var(--ach-card-body-h);
  box-sizing: border-box;
  padding: var(--ach-card-body-pad-top) 0 0;
  overflow: visible;
}
#achievementsSection .info-card__title{
  flex: 0 0 var(--ach-desc-h);
  width: var(--ach-card-w);
  max-width: 100%;
  height: var(--ach-desc-h);
  min-height: var(--ach-desc-h);
  max-height: var(--ach-desc-h);
  margin: 0;
  font-size: clamp(17px, 1.25vw, 24px);
  font-weight: 400;
  line-height: var(--ach-desc-lh);
  color: #0E3E8A;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
#achievementsSection .info-card__meta{
  flex: 0 0 var(--ach-card-date-h);
  height: var(--ach-card-date-h);
  min-height: var(--ach-card-date-h);
  margin: 0;
  align-self: stretch;
}
#achievementsSection .info-card__tag{
  height: clamp(28px, 1.771vw, 34px);
  padding-inline: clamp(8px, 0.625vw, 12px);
  font-size: clamp(13px, 0.833vw, 16px);
  line-height: 1;
}
#achievementsSection .info-card__date{
  flex: 0 1 auto;
  height: auto;
  margin: 0;
  overflow: hidden;
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  line-height: var(--ach-card-date-h);
  color: #02284C;
}
@media (max-width: 1023px) {
  .achievements-band{
    height: auto;
  }
  .achievements-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }
  #achievementsSection .info-card{
    width: 100%;
    height: auto;
  }
  #achievementsSection .info-card__title{
    width: 100%;
  }
  #achievementsSection .info-card__body{
    flex: 1 1 auto;
    height: auto;
    min-height: var(--ach-card-body-h);
  }
}
@media (max-width: 639px) {
  .achievements-grid{
    display: flex;
    gap: var(--card-gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
    scrollbar-width: none;
  }
  .achievements-grid::-webkit-scrollbar{
    display: none;
  }
  #achievementsSection .info-card{
    flex: 0 0 min(82vw, var(--ach-card-w));
    height: var(--ach-card-h);
    scroll-snap-align: start;
  }
}
#excellenceSection{
  position: relative;
  z-index: 4;
  background: #E0EDF9;
  border-top-left-radius: var(--radius-section);
  border-top-right-radius: var(--radius-section);
  overflow: hidden;
}
.excellence-band{
  height: auto;
}
.excellence-band__inner{
  display: flex;
  flex-direction: column;
  padding-top: clamp(40px, 4.792vw, 92px);
  padding-bottom: var(--radius-section);
}
.excellence-band .section-head{
  align-items: center;
  margin-bottom: clamp(24px, 2.865vw, 55px);
  flex-shrink: 0;
}
.excellence-band__title{
  font-size: clamp(32px, 3.333vw, 64px);
  font-weight: 500;
  line-height: clamp(48px, 5vw, 96px);
  color: #1E3E8A;
  text-transform: uppercase;
}
.excellence-band__more{
  width: auto;
  height: clamp(48px, 3.646vw, 70px);
  padding-inline: clamp(20px, 1.667vw, 32px);
  justify-content: center;
  gap: clamp(8px, 0.625vw, 12px);
  border: 1px solid #1E3E8A;
  border-radius: 42px;
  font-size: clamp(14px, 1.042vw, 20px);
  font-weight: 400;
  color: #1E3E8A;
  flex-shrink: 0;
}
.excellence-band__more-icon{
  --arrow-crop-zoom: 2.35;
  display: block;
  width: clamp(22px, 1.563vw, 30px);
  height: clamp(22px, 1.563vw, 30px);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
.excellence-band__more-icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(var(--arrow-crop-zoom));
  filter: brightness(0) saturate(100%) invert(21%) sepia(61%) saturate(1523%) hue-rotate(198deg) brightness(94%) contrast(88%);
}
.excellence-band__more:hover{
  background: #1E3E8A;
  color: #fff;
  border-color: #1E3E8A;
}
.excellence-band__more:hover .excellence-band__more-icon img{
  filter: brightness(0) invert(1);
}
#excellenceSection .excellence-grid{
  display: grid;
  grid-template-columns: repeat(4, var(--exc-card-w));
  justify-content: space-between;
  gap: var(--card-gap);
  align-content: start;
}
#excellenceSection .excellence-card{
  display: flex;
  flex-direction: column;
  width: var(--exc-card-w);
  background: transparent;
}
#excellenceSection .excellence-card__media{
  flex: 0 0 var(--exc-card-img-h);
  width: 100%;
  height: var(--exc-card-img-h);
  border-radius: 16px;
  overflow: hidden;
}
#excellenceSection .excellence-card__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform .5s ease;
}
#excellenceSection .excellence-card:hover .excellence-card__media img{
  transform: scale(1.03);
}
#excellenceSection .excellence-card__title{
  flex: 0 0 var(--exc-desc-h);
  height: var(--exc-desc-h);
  min-height: var(--exc-desc-h);
  max-height: var(--exc-desc-h);
  margin: var(--exc-card-title-gap) 0 0;
  font-size: clamp(17px, 1.25vw, 24px);
  font-weight: 400;
  line-height: var(--exc-desc-lh);
  color: #1E3E8A;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.excellence-band__controls{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: var(--exc-controls-mt);
  padding-bottom: var(--exc-dots-bottom);
  flex-shrink: 0;
}
.excellence-band__dots{
  display: flex;
  align-items: center;
  gap: 8px;
}
.excellence-band__dots button{
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid #1E3E8A;
  border-radius: 999px;
  background: transparent;
  box-sizing: border-box;
  cursor: default;
  pointer-events: none;
}
.excellence-band__dots button.is-active{
  background: #1E3E8A;
  border-color: #1E3E8A;
}
.excellence-band__nav{
  display: flex;
  align-items: center;
  gap: clamp(8px, 0.833vw, 16px);
  flex-shrink: 0;
  margin-bottom: var(--exc-nav-lift);
}
.excellence-band__nav-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--exc-nav-btn-size);
  height: var(--exc-nav-btn-size);
  padding: 0;
  border: 1px solid #1E3E8A;
  border-radius: 999px;
  background: transparent;
  color: #1E3E8A;
  cursor: default;
  pointer-events: none;
  flex-shrink: 0;
  transition: opacity .25s ease;
}
.excellence-band__nav-btn svg{
  display: block;
  width: var(--exc-nav-icon-w);
  height: var(--exc-nav-icon-h);
}
@media (max-width: 1023px) {
  #excellenceSection .excellence-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }
  #excellenceSection .excellence-card{
    width: 100%;
  }
}
@media (max-width: 639px) {
  #excellenceSection .excellence-grid{
    display: block;
    overflow: hidden;
    padding-bottom: 0;
  }
  #excellenceSection.is-band-carousel .excellence-card{
    display: none;
    flex: none;
    width: min(82vw, 340px);
    margin-inline: auto;
    scroll-snap-align: unset;
    animation: band-carousel-in 0.35s ease;
  }
  #excellenceSection.is-band-carousel .excellence-card.is-active{
    display: flex;
  }
  .excellence-band__controls.band-carousel__controls{
    justify-content: center;
    align-items: center;
    gap: clamp(12px, 4vw, 20px);
    padding-bottom: 0;
  }
  .excellence-band__nav{
    display: contents;
    margin-bottom: 0;
  }
  .excellence-band__dots{
    order: 2;
  }
  #excellencePrev{
    order: 1;
  }
  #excellenceNext{
    order: 3;
  }
  #excellenceSection.is-band-carousel .excellence-band__dots button, #excellenceSection.is-band-carousel .excellence-band__nav-btn{
    pointer-events: auto;
    cursor: pointer;
  }
}
#storiesSection{
  position: relative;
  z-index: 5;
  background: var(--color-navy);
  border-top-left-radius: var(--radius-section);
  border-top-right-radius: var(--radius-section);
  overflow: hidden;
}
.stories-band__inner{
  display: flex;
  flex-direction: column;
  padding-top: clamp(40px, 4.792vw, 92px);
  padding-bottom: calc(clamp(40px, 4.792vw, 92px) + var(--radius-section));
}
.stories-band .section-head{
  align-items: center;
  margin-bottom: clamp(24px, 2.865vw, 55px);
  flex-shrink: 0;
}
.stories-band__title{
  font-size: clamp(32px, 3.333vw, 64px);
  font-weight: 500;
  line-height: clamp(48px, 5vw, 96px);
  color: #E0EDF9;
  text-transform: uppercase;
}
.stories-band__more{
  width: auto;
  min-width: var(--story-more-w);
  height: clamp(48px, 3.646vw, 70px);
  padding-inline: clamp(20px, 1.667vw, 32px);
  justify-content: center;
  gap: clamp(8px, 0.625vw, 12px);
  border: 1px solid #44DEFE;
  border-radius: 42px;
  font-size: clamp(14px, 1.042vw, 20px);
  font-weight: 400;
  color: #44DEFE;
  white-space: nowrap;
  flex-shrink: 0;
}
.stories-band__more-icon{
  --arrow-crop-zoom: 2.35;
  display: block;
  width: clamp(22px, 1.563vw, 30px);
  height: clamp(22px, 1.563vw, 30px);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
.stories-band__more-icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(var(--arrow-crop-zoom));
  filter: brightness(0) saturate(100%) invert(79%) sepia(45%) saturate(2476%) hue-rotate(157deg) brightness(103%) contrast(98%);
}
.stories-band__more:hover{
  background: #44DEFE;
  color: var(--color-navy);
  border-color: #44DEFE;
}
.stories-band__more:hover .stories-band__more-icon img{
  filter: brightness(0) saturate(100%) invert(8%) sepia(30%) saturate(2000%) hue-rotate(190deg) brightness(95%) contrast(105%);
}
.stories-grid{
  display: grid;
  grid-template-columns: repeat(4, var(--story-card-w));
  justify-content: space-between;
  gap: var(--card-gap);
  align-content: start;
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card{
  display: flex;
  flex-direction: column;
  background: transparent;
}
/* 首页：固定卡片宽；列表页由 .stories-grid--list 撑满格子，禁止锁死 419 留空 */
#storiesSection .story-card{
  width: var(--story-card-w);
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card__media{
  position: relative;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background: #000;
}
/* 首页：固定高度，轮播卡片对齐 */
#storiesSection .story-card__media{
  flex: 0 0 var(--story-card-img-h);
  height: var(--story-card-img-h);
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card__thumb{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform .5s ease, opacity .25s ease;
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform .5s ease;
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card:hover .story-card__media img,
:is(#storiesSection, body[data-page="student-stories"]) .story-card:hover .story-card__thumb{
  transform: scale(1.03);
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card.has-started:hover .story-card__media img,
:is(#storiesSection, body[data-page="student-stories"]) .story-card.has-started:hover .story-card__thumb{
  transform: none;
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card__player{
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 16px;
  object-fit: cover;
  background: #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card.has-started .story-card__player{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card.has-started .story-card__thumb{
  opacity: 0;
  pointer-events: none;
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card__play{
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: #44DEFE;
  color: var(--color-navy);
  cursor: pointer;
  pointer-events: auto;
  transition: opacity .25s ease;
}
#storiesSection .story-card__play{
  right: clamp(18px, 1.25vw, 24px);
  bottom: clamp(18px, 1.25vw, 24px);
  width: var(--story-play-size);
  height: var(--story-play-size);
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card__play[hidden]{
  display: none !important;
}
#storiesSection .story-card__play-icon{
  display: block;
  flex-shrink: 0;
  width: clamp(28px, 1vw, 40px);
  height: clamp(28px, 1vw, 40px);
  margin: 0;
  color: var(--color-navy);
  pointer-events: none;
}
/* Student Stories：右下角画中画播放器（非全屏遮罩） */
.story-video-modal{
  position: fixed;
  right: clamp(12px, 2vw, 28px);
  bottom: clamp(12px, 2vw, 28px);
  left: auto;
  top: auto;
  z-index: 120;
  display: block;
  width: min(420px, calc(100vw - 24px));
  padding: 0;
  box-sizing: border-box;
  pointer-events: none;
}
.story-video-modal[hidden]{
  display: none !important;
}
.story-video-modal__backdrop{
  display: none;
}
.story-video-modal__dialog{
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 16px 48px rgba(8, 20, 40, 0.42);
  pointer-events: auto;
}
.story-video-modal__player{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
  object-fit: contain;
}
.story-video-modal__close{
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #0b2440;
  cursor: pointer;
}
.story-video-modal__close svg{
  width: 16px;
  height: 16px;
}
body.is-story-video-modal-open{
  overflow: auto;
}
/* 全屏交接瞬间隐藏原生全屏层，避免过渡动画闪屏 */
body.is-story-fs-handoff .story-card__player.is-fs-handoff,
.story-card__player.is-fs-handoff:fullscreen,
.story-card__player.is-fs-handoff:-webkit-full-screen,
.story-card__player:fullscreen,
.story-card__player:-webkit-full-screen{
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
}
/* 画中画时原卡片强制封面态 */
:is(#storiesSection, body[data-page="student-stories"]) .story-card.is-pip-open .story-card__player{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card.is-pip-open .story-card__thumb{
  opacity: 1 !important;
  pointer-events: none;
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card.is-pip-open .story-card__play{
  display: flex !important;
}
@media (max-width: 639px){
  .story-video-modal{
    width: min(100vw - 20px, 360px);
    right: 10px;
    bottom: 10px;
  }
}
:is(#storiesSection, body[data-page="student-stories"]) .story-card__title{
  margin: var(--story-card-title-gap) 0 0;
  font-size: clamp(17px, 1.25vw, 24px);
  font-weight: 700;
  line-height: var(--story-desc-lh);
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
/* 首页卡片区：固定两行高，保持轮播对齐 */
#storiesSection .story-card__title{
  flex: 0 0 var(--story-desc-h);
  height: var(--story-desc-h);
  min-height: var(--story-desc-h);
  max-height: var(--story-desc-h);
}
/* 列表页：随容器变窄提前换行，不锁死高度 */
body[data-page="student-stories"] .story-card__title{
  flex: 0 0 auto;
  height: auto;
  min-height: var(--story-desc-h);
  max-height: none;
}
#storiesSection .story-card__title{
  color: #E0EDF9;
}
body[data-page="student-stories"] .story-card__title{
  color: var(--excellence-card-text);
}
.stories-band__controls{
  display: none;
}
.stories-band__dots{
  display: flex;
  align-items: center;
  gap: 8px;
}
.stories-band__dots button{
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid #44DEFE;
  border-radius: 999px;
  background: transparent;
  box-sizing: border-box;
}
.stories-band__dots button.is-active{
  background: #44DEFE;
  border-color: #44DEFE;
}
.stories-band__nav{
  display: flex;
  align-items: center;
  gap: clamp(8px, 0.833vw, 16px);
  flex-shrink: 0;
}
.stories-band__nav-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--story-play-size);
  height: var(--story-play-size);
  padding: 0;
  border: 1px solid #44DEFE;
  border-radius: 999px;
  background: transparent;
  color: #44DEFE;
  flex-shrink: 0;
  transition: opacity .25s ease, background .25s ease, color .25s ease;
}
.stories-band__nav-btn svg{
  display: block;
  width: clamp(22px, 1.563vw, 30px);
  height: clamp(12px, 0.833vw, 16px);
}
.stories-band__nav-btn:hover{
  background: #44DEFE;
  color: var(--color-navy);
}
@media (max-width: 1023px) {
  .stories-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }
  #storiesSection .story-card{
    width: 100%;
  }
}
@media (max-width: 639px) {
  .stories-grid{
    display: block;
    overflow: hidden;
    padding-bottom: 0;
  }
  .stories-band__controls{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 4vw, 20px);
    margin-top: clamp(20px, 5vw, 28px);
  }
  .stories-band__nav{
    display: contents;
  }
  .stories-band__dots{
    order: 2;
  }
  #storiesPrev{
    order: 1;
  }
  #storiesNext{
    order: 3;
  }
  :is(#storiesSection.is-band-carousel) .story-card{
    display: none;
    flex: none;
    width: min(82vw, 340px);
    margin-inline: auto;
    scroll-snap-align: unset;
    animation: band-carousel-in 0.35s ease;
  }
  :is(#storiesSection.is-band-carousel) .story-card.is-active{
    display: flex;
  }
  :is(#storiesSection.is-band-carousel) .stories-band__dots button, :is(#storiesSection.is-band-carousel) .stories-band__nav-btn{
    pointer-events: auto;
    cursor: pointer;
  }
}
#communitySection{
  position: relative;
  z-index: 6;
  min-height: clamp(360px, 35.365vw, 679px);
  background: #fff;
  border-top-left-radius: var(--radius-section);
  border-top-right-radius: var(--radius-section);
  overflow: hidden;
}
.community-band__inner{
  display: flex;
  flex-direction: column;
  padding-top: clamp(40px, 4.792vw, 92px);
  padding-bottom: calc(clamp(40px, 4.792vw, 92px) + var(--radius-section));
}
.community-band .section-head{
  align-items: center;
  margin-bottom: clamp(24px, 2.865vw, 55px);
  flex-shrink: 0;
}
.community-band__title{
  font-size: clamp(32px, 3.333vw, 64px);
  font-weight: 500;
  line-height: clamp(48px, 5vw, 96px);
  color: #1E3E8A;
  text-transform: uppercase;
}
.community-grid{
  display: grid;
  grid-template-columns: repeat(4, var(--community-card-w));
  justify-content: space-between;
  gap: var(--card-gap);
  align-content: start;
}
#communitySection .community-card{
  position: relative;
  display: block;
  width: var(--community-card-w);
  height: var(--community-card-h);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none;
}
#communitySection .community-card img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform .5s ease;
}
#communitySection .community-card:hover img{
  transform: scale(1.03);
}
#communitySection .community-card__overlay{
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: linear-gradient(180deg, #0000 0%, #000000d8 100%);
  opacity: .7;
  pointer-events: none;
}
#communitySection .community-card__label{
  position: absolute;
  left: clamp(14px, 1.25vw, 22px);
  right: clamp(14px, 1.25vw, 22px);
  bottom: clamp(14px, 1.25vw, 22px);
  z-index: 1;
  font-size: clamp(17px, 1.25vw, 24px);
  font-weight: 700;
  line-height: var(--community-label-lh);
  color: #fff;
  text-align: left;
}
@media (max-width: 1023px) {
  .community-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }
  #communitySection .community-card{
    width: 100%;
  }
}
@media (max-width: 639px) {
  .community-grid{
    display: flex;
    gap: var(--card-gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
    scrollbar-width: none;
  }
  .community-grid::-webkit-scrollbar{
    display: none;
  }
  #communitySection .community-card{
    flex: 0 0 min(82vw, var(--community-card-w));
    scroll-snap-align: start;
  }
}
body[data-page="home"] .section-title{
  text-transform: uppercase;
}
.footer-band__content{
  --footer-content-pad-x: calc(clamp(20px, 3.4375vw, 66px) + clamp(36px, 2.604vw, 50px));
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: var(--footer-content-pad-x);
  box-sizing: border-box;
}
#footerMain{
  position: relative;
  z-index: 7;
  background: #002147;
  border-top-left-radius: var(--radius-section);
  border-top-right-radius: var(--radius-section);
  overflow: hidden;
}
.footer-band__inner{
  padding-top: clamp(32px, 3.125vw, 60px);
  padding-bottom: clamp(28px, 2.604vw, 50px);
}
.footer-band__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 2vw, 32px);
  width: 100%;
}
.footer-band__row--partners{
  align-items: center;
}
.footer-band__partners{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(16px, 1.927vw, 37px);
  min-width: 0;
  transform: translateX(calc(-1 * var(--footer-edge-nudge)));
}
.footer-band__brand{
  flex-shrink: 0;
  transform: translateX(var(--footer-edge-nudge));
}
.footer-logo{
  display: block;
  flex-shrink: 0;
  object-fit: contain;
}
.footer-logo--google{
  width: var(--footer-logo-google-w);
  height: var(--footer-logo-h);
}
.footer-logo--common{
  width: var(--footer-logo-common-w);
  height: var(--footer-logo-h);
}
.footer-logo--cambridge{
  width: var(--footer-logo-cambridge-w);
  height: var(--footer-logo-h);
}
.footer-logo--pearson{
  width: var(--footer-logo-pearson-w);
  height: var(--footer-logo-h);
}
.footer-logo--hkage{
  width: var(--footer-logo-hkage-w);
  height: var(--footer-logo-h);
}
.footer-logo--brand{
  width: var(--footer-logo-brand-w);
  height: var(--footer-brand-h);
}
.footer-band__divider{
  display: block;
  border: 0;
  height: 1px;
  width: 100%;
  margin: clamp(20px, 2.083vw, 40px) 0;
  background: rgba(255, 255, 255, 0.18);
}
.footer-band__links{
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.042vw, 20px);
  min-width: 0;
}
.footer-band__links-sep{
  font-size: var(--footer-text-size);
  font-weight: 300;
  line-height: var(--footer-text-lh);
  color: #fff;
  opacity: .35;
  user-select: none;
}
.footer-link{
  font-size: var(--footer-text-size);
  font-weight: 300;
  line-height: var(--footer-text-lh);
  letter-spacing: 0;
  color: #fff;
  transition: color .2s ease, opacity .2s ease;
  white-space: nowrap;
}
.footer-link:hover{
  color: #fff;
  opacity: .75;
}
.footer-band__social{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: clamp(12px, 1.042vw, 20px);
  min-width: 0;
}
.footer-band__social-label{
  font-size: var(--footer-text-size);
  font-weight: 300;
  line-height: var(--footer-text-lh);
  letter-spacing: 0;
  color: #fff;
  white-space: nowrap;
}
.footer-band__social-icons{
  display: flex;
  align-items: center;
  gap: clamp(8px, 0.833vw, 16px);
}
.footer-band__social-icons a{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--footer-social-size);
  height: var(--footer-social-size);
  padding: var(--footer-social-icon-pad);
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  transition: opacity .2s ease;
}
.footer-band__social-icons a:hover{
  opacity: .85;
}
.footer-band__social-icons img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(9%) sepia(68%) saturate(2878%) hue-rotate(196deg) brightness(92%) contrast(101%);
}
.footer-band__social-icons a.footer-social-link--xhs img{
  width: clamp(33px, 2.344vw, 45px);
  height: clamp(12px, 0.833vw, 16px);
  max-width: none;
  max-height: none;
  object-fit: contain;
}
#footerBar{
  position: relative;
  z-index: 7;
  background: #002147;
}
.footer-bar__inner{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1920px;
  height: clamp(44px, 3.542vw, 68px);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
.footer-bar__text{
  margin: 0;
  font-size: var(--footer-text-size);
  font-weight: 300;
  line-height: var(--footer-text-lh);
  letter-spacing: 0;
  color: #fff;
  text-align: center;
}
@media (max-width: 1023px) {
  .footer-band__row{
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-band__partners, .footer-band__brand{
    transform: none;
  }
  .footer-band__brand{
    align-self: flex-end;
  }
  .footer-band__social{
    justify-content: flex-start;
    width: 100%;
  }
}
@media (max-width: 639px) {
  .footer-band__brand{
    align-self: flex-start;
  }
}
@media (max-width: 767px) {
  body[data-page="home"]{
    --gutter: clamp(20px, 5.128vw, 24px);
    --card-gap: 16px;
    --mobile-section-pad: clamp(42px, 11vw, 56px);
    --mobile-section-tail: clamp(44px, 12vw, 64px);
    --mobile-card-radius: 18px;
  }
  .section-head{
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    width: 100%;
    margin-bottom: 24px;
  }
  .section-head .pill-link{
    align-self: flex-start;
    width: auto;
    max-width: 100%;
    min-height: 46px;
    height: auto;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.2;
  }
  .news-band__title, .achievements-band__title, .excellence-band__title, .stories-band__title, .community-band__title{
    width: 100%;
    font-size: clamp(30px, 8.2vw, 38px);
    line-height: 1.06;
    letter-spacing: -0.02em;
    text-align: left;
  }
  #introSection{
    --intro-mobile-arrow: 30px;
    --intro-mobile-figure-w: clamp(76px, 24vw, 112px);
    --intro-mobile-content-gap: clamp(10px, 3vw, 18px);
    min-height: 0;
    padding-block: clamp(28px, 7.5vw, 40px);
    margin-top: 0;
  }
  .intro-band__inner{
    padding-inline: var(--gutter);
    padding-left: calc(var(--gutter) + var(--intro-mobile-arrow) + 4px);
  }
  .intro-band__content{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 3vw, 18px);
    width: 100%;
  }
  .intro-carousel{
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    align-items: flex-start;
    gap: clamp(14px, 3.6vw, 20px);
    padding-right: calc(var(--intro-mobile-arrow) + 2px);
  }
  .intro-carousel__viewport{
    width: 100%;
    min-height: clamp(52px, 16vw, 80px);
  }
  .intro-slide__text{
    width: 100%;
    max-width: 100%;
    font-size: clamp(14px, 3.85vw, 18px);
    font-weight: 300;
    line-height: 1.28;
    letter-spacing: -0.01em;
    text-align: left;
  }
  #introDots{
    justify-content: flex-start;
  }
  .intro-band__figure{
    flex: 0 0 var(--intro-mobile-figure-w);
    width: var(--intro-mobile-figure-w);
    height: auto;
    aspect-ratio: 452 / 541;
    opacity: 0.5;
    align-self: center;
  }
  .intro-band__arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--intro-mobile-arrow);
    height: var(--intro-mobile-arrow);
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 255, 255, 0.88);
    background: transparent;
  }
  .intro-band__arrow:hover, .intro-band__arrow:focus-visible{
    background: rgba(255, 255, 255, 0.12);
  }
  .intro-band__arrow img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .intro-band__arrow--prev{
    left: clamp(6px, 2vw, 10px);
    right: auto;
  }
  .intro-band__arrow--next{
    right: calc( var(--gutter) + var(--intro-mobile-figure-w) + var(--intro-mobile-content-gap) / 2 - var(--intro-mobile-arrow) / 2 );
    left: auto;
  }
  .news-band__inner, .achievements-band__inner, .excellence-band__inner, .stories-band__inner, .community-band__inner{
    padding-top: var(--mobile-section-pad);
    padding-bottom: var(--mobile-section-tail);
  }
  #achievementsSection, #communitySection{
    min-height: auto;
  }
  .achievements-band .band-watermark{
    top: 18%;
    right: -34%;
    left: auto;
    transform: none;
    width: 82vw;
    max-width: none;
    height: 72%;
    opacity: 0.16;
  }
  .news-band__controls, .achievements-band__controls, .community-band__controls{
    display: none;
  }
  .news-grid, .achievements-grid, .excellence-grid, .stories-grid, .community-grid{
    width: 100%;
    gap: var(--card-gap);
    scroll-padding-inline: 0;
  }
  #newsSection.is-band-carousel .news-grid, #achievementsSection.is-band-carousel .achievements-grid, #excellenceSection.is-band-carousel .excellence-grid, :is(#storiesSection.is-band-carousel) .stories-grid, #communitySection.is-band-carousel .community-grid{
    display: block;
    overflow: hidden;
    padding-bottom: 0;
  }
  #newsSection.is-band-carousel .info-card, #achievementsSection.is-band-carousel .info-card, #excellenceSection.is-band-carousel .excellence-card, :is(#storiesSection.is-band-carousel) .story-card, #communitySection.is-band-carousel .community-card{
    display: none;
    flex-direction: column;
    width: 100%;
    margin-inline: 0;
    animation: band-carousel-in 0.35s ease;
  }
  #newsSection.is-band-carousel .info-card.is-active, #achievementsSection.is-band-carousel .info-card.is-active, #excellenceSection.is-band-carousel .excellence-card.is-active, :is(#storiesSection.is-band-carousel) .story-card.is-active, #communitySection.is-band-carousel .community-card.is-active{
    display: flex;
  }
  #newsSection .info-card, #achievementsSection .info-card, #communitySection .community-card{
    width: 100%;
    border-radius: var(--mobile-card-radius);
  }
  #newsSection .info-card, #achievementsSection .info-card{
    height: auto;
    min-height: 0;
  }
  #newsSection .info-card__media, #achievementsSection .info-card__media, #excellenceSection .excellence-card__media, #storiesSection .story-card__media{
    width: 100%;
    height: auto;
    flex-basis: auto;
    aspect-ratio: 16 / 10;
    border-radius: var(--mobile-card-radius);
  }
  #newsSection .info-card__media img, #achievementsSection .info-card__media img, #excellenceSection .excellence-card__media img, #storiesSection .story-card__media img, #communitySection .community-card img, #communitySection .community-card__overlay{
    border-radius: var(--mobile-card-radius);
  }
  #newsSection.is-band-carousel .info-card__body, #achievementsSection.is-band-carousel .info-card__body{
    height: auto;
    min-height: 0;
    flex: none;
    gap: 10px;
    padding: 14px 0 0;
  }
  #newsSection.is-band-carousel .info-card__title, #achievementsSection.is-band-carousel .info-card__title{
    margin-top: 0;
  }
  #newsSection.is-band-carousel .info-card__meta, #achievementsSection.is-band-carousel .info-card__meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: auto;
    min-height: 0;
    flex: none;
    margin: 0;
  }
  #newsSection.is-band-carousel .info-card__tag, #achievementsSection.is-band-carousel .info-card__tag{
    height: 30px;
    padding-inline: 10px;
    font-size: 13px;
    line-height: 1;
  }
  #newsSection.is-band-carousel .info-card__date, #achievementsSection.is-band-carousel .info-card__date{
    height: auto;
    flex: none;
    font-size: 14px;
    line-height: 1.3;
  }
  #newsSection .info-card__title, #achievementsSection .info-card__title, #excellenceSection .excellence-card__title, :is(#storiesSection, body[data-page="student-stories"]) .story-card__title{
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    flex: none;
    margin-top: 14px;
    font-size: clamp(18px, 4.8vw, 21px);
    line-height: 1.28;
    -webkit-line-clamp: unset;
  }
  #excellenceSection .excellence-card__title, :is(#storiesSection, body[data-page="student-stories"]) .story-card__title{
    margin-top: 14px;
  }
  #communitySection.is-band-carousel .community-card{
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
    border-radius: 0;
  }
  #communitySection.is-band-carousel .community-card img{
    aspect-ratio: 16 / 10;
    height: auto;
  }
  #communitySection.is-band-carousel .community-card__overlay{
    display: none;
  }
  #communitySection.is-band-carousel .community-card__label{
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 14px;
    font-size: clamp(18px, 4.8vw, 21px);
    font-weight: 400;
    line-height: 1.28;
    color: #1E3E8A;
  }
  #storiesSection .story-card__play{
    right: 16px;
    bottom: 16px;
    width: 52px;
    height: 52px;
  }
  #newsSection.is-band-carousel .news-band__controls, #achievementsSection.is-band-carousel .achievements-band__controls, #excellenceSection.is-band-carousel .excellence-band__controls, :is(#storiesSection.is-band-carousel) .stories-band__controls, #communitySection.is-band-carousel .community-band__controls{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 4vw, 20px);
    width: 100%;
    margin-top: 18px;
    padding-bottom: 0;
  }
  .news-band__nav, .achievements-band__nav, .excellence-band__nav, .stories-band__nav, .community-band__nav{
    display: contents;
    margin-bottom: 0;
  }
  .news-band__dots, .achievements-band__dots, .excellence-band__dots, .stories-band__dots, .community-band__dots{
    order: 2;
    display: flex;
    align-items: center;
    gap: 9px;
  }
  #newsPrev, #achievementsPrev, #excellencePrev, #storiesPrev, #communityPrev{
    order: 1;
  }
  #newsNext, #achievementsNext, #excellenceNext, #storiesNext, #communityNext{
    order: 3;
  }
  .news-band__nav-btn, .achievements-band__nav-btn, .excellence-band__nav-btn, .community-band__nav-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #1E3E8A;
    border-radius: 999px;
    background: transparent;
    color: #1E3E8A;
    flex-shrink: 0;
    cursor: pointer;
  }
  .stories-band__nav-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #44DEFE;
    border-radius: 999px;
    background: transparent;
    color: #44DEFE;
    flex-shrink: 0;
    cursor: pointer;
  }
  .news-band__nav-btn svg, .achievements-band__nav-btn svg, .excellence-band__nav-btn svg, .stories-band__nav-btn svg, .community-band__nav-btn svg{
    display: block;
    width: clamp(22px, 1.563vw, 30px);
    height: clamp(12px, 0.833vw, 16px);
  }
  .news-band__dots button, .achievements-band__dots button, .excellence-band__dots button, .community-band__dots button{
    width: 22px;
    height: 3px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(30, 62, 138, 0.16);
    cursor: pointer;
  }
  .news-band__dots button.is-active, .achievements-band__dots button.is-active, .excellence-band__dots button.is-active, .community-band__dots button.is-active{
    background: #1E3E8A;
  }
  .stories-band__dots button{
    width: 22px;
    height: 3px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(68, 222, 254, 0.24);
    cursor: pointer;
  }
  .stories-band__dots button.is-active{
    background: #44DEFE;
  }
  #newsSection.is-band-carousel .news-band__dots button, #newsSection.is-band-carousel .news-band__nav-btn, #achievementsSection.is-band-carousel .achievements-band__dots button, #achievementsSection.is-band-carousel .achievements-band__nav-btn, #excellenceSection.is-band-carousel .excellence-band__dots button, #excellenceSection.is-band-carousel .excellence-band__nav-btn, :is(#storiesSection.is-band-carousel) .stories-band__dots button, :is(#storiesSection.is-band-carousel) .stories-band__nav-btn, #communitySection.is-band-carousel .community-band__dots button, #communitySection.is-band-carousel .community-band__nav-btn{
    pointer-events: auto;
  }
  @keyframes band-carousel-in {
    from {
      opacity: 0.55;
      transform: translateX(10px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  #backToTop{
    right: 16px;
    bottom: calc(70px + env(safe-area-inset-bottom));
    width: 44px;
    height: 44px;
  }
}
body[data-page^="about-"] #siteHeader, body[data-page^="admissions-"] #siteHeader, body[data-page="about-contact-us"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  background: var(--about-hero-bg);
  box-shadow: none;
}
body[data-page^="about-"] #siteHeader .header-logo-text, body[data-page^="admissions-"] #siteHeader .header-logo-text, body[data-page="about-contact-us"] #siteHeader .header-logo-text{
  color: #fff !important;
}
body[data-page^="about-"] #siteHeader .header-nav-link--about.is-active, body[data-page^="about-"] #siteHeader .about-panel a.is-active{
  font-weight: 500;
}
body[data-page^="about-"] #siteHeader:hover .nav-bar, body[data-page^="about-"] #siteHeader .nav-bar, body[data-page^="admissions-"] #siteHeader:hover .nav-bar, body[data-page^="admissions-"] #siteHeader .nav-bar, body[data-page="about-contact-us"] #siteHeader:hover .nav-bar, body[data-page="about-contact-us"] #siteHeader .nav-bar{
  background: #fff;
  border-color: transparent;
}
body[data-page^="about-"] #siteHeader:hover .nav-bar .header-nav-link, body[data-page^="about-"] #siteHeader .nav-bar .header-nav-link, body[data-page^="about-"] #siteHeader:hover .nav-bar .header-nav-link--about, body[data-page^="about-"] #siteHeader .nav-bar .header-nav-link--about, body[data-page^="admissions-"] #siteHeader:hover .nav-bar .header-nav-link, body[data-page^="admissions-"] #siteHeader .nav-bar .header-nav-link, body[data-page="about-contact-us"] #siteHeader:hover .nav-bar .header-nav-link, body[data-page="about-contact-us"] #siteHeader .nav-bar .header-nav-link, body[data-page="about-contact-us"] #siteHeader:hover .nav-bar .header-nav-link--about, body[data-page="about-contact-us"] #siteHeader .nav-bar .header-nav-link--about{
  color: var(--color-brand);
}
body[data-page^="about-"] #siteHeader:hover .nav-bar .header-nav-link:hover, body[data-page^="about-"] #siteHeader .nav-bar .header-nav-link:hover, body[data-page^="about-"] #siteHeader:hover .nav-bar .header-nav-link--about:hover, body[data-page^="about-"] #siteHeader .nav-bar .header-nav-link--about:hover, body[data-page^="admissions-"] #siteHeader:hover .nav-bar .header-nav-link:hover, body[data-page^="admissions-"] #siteHeader .nav-bar .header-nav-link:hover, body[data-page="about-contact-us"] #siteHeader:hover .nav-bar .header-nav-link:hover, body[data-page="about-contact-us"] #siteHeader .nav-bar .header-nav-link:hover, body[data-page="about-contact-us"] #siteHeader:hover .nav-bar .header-nav-link--about:hover, body[data-page="about-contact-us"] #siteHeader .nav-bar .header-nav-link--about:hover{
  background: rgba(30, 62, 138, 0.14);
  color: var(--color-brand);
}
body[data-page^="about-"] #siteHeader .division-panel, body[data-page^="about-"] #siteHeader .header-menu-panel, body[data-page^="admissions-"] #siteHeader .division-panel, body[data-page^="admissions-"] #siteHeader .header-menu-panel, body[data-page="about-contact-us"] #siteHeader .division-panel, body[data-page="about-contact-us"] #siteHeader .header-menu-panel, body[data-page^="about-"] #siteHeader:hover .division-panel, body[data-page^="about-"] #siteHeader:hover .header-menu-panel, body[data-page^="about-"] #siteHeader.is-scrolled .division-panel, body[data-page^="about-"] #siteHeader.is-scrolled .header-menu-panel, body[data-page^="admissions-"] #siteHeader:hover .division-panel, body[data-page^="admissions-"] #siteHeader:hover .header-menu-panel, body[data-page^="admissions-"] #siteHeader.is-scrolled .division-panel, body[data-page^="admissions-"] #siteHeader.is-scrolled .header-menu-panel, body[data-page="about-contact-us"] #siteHeader:hover .division-panel, body[data-page="about-contact-us"] #siteHeader:hover .header-menu-panel, body[data-page="about-contact-us"] #siteHeader.is-scrolled .division-panel, body[data-page="about-contact-us"] #siteHeader.is-scrolled .header-menu-panel{
  background: var(--color-brand);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}
/* About / Admissions / Contact 主站 hero 皮肤 —— 必须带作用域。
   禁止写成裸 .page-hero / .page-breadcrumb（会污染中学 s-*、小学 primary-*）。 */
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-hero{
  position: relative;
  background: var(--about-hero-bg);
  padding-top: var(--about-header-offset);
  padding-bottom: clamp(24px, 2.083vw, 40px);
}
body[data-page="about-a-school"] .page-hero{
  padding-bottom: calc(var(--about-hero-img-h, 660px) / 2);
}
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-hero__inner{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 3;
}
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-breadcrumb-bar{
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  margin-bottom: clamp(16px, 1.563vw, 30px);
  position: relative;
  z-index: 3;
}
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-breadcrumb-bar .site-container{
  padding-block: clamp(12px, 1.042vw, 20px);
}
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(6px, 0.521vw, 10px);
  margin: 0;
  padding: 0;
  list-style: none;
}
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-breadcrumb a,
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-breadcrumb span{
  font-size: var(--fs-nav);
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
}
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-breadcrumb a:hover{
  opacity: 0.8;
}
/* 主站用 img 分隔符；中小学用文本 ›，切勿给全局设死宽高 */
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-breadcrumb__sep{
  display: block;
  width: clamp(5px, 0.313vw, 6px);
  height: clamp(9px, 0.573vw, 11px);
  flex-shrink: 0;
  object-fit: contain;
  opacity: 0.85;
}
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-breadcrumb [aria-current="page"]{
  opacity: 0.92;
}
:is(body[data-page^="about-"], body[data-page^="admissions-"], body[data-page="about-contact-us"]) .page-hero__title{
  margin: 0 0 var(--about-hero-title-gap);
  font-size: clamp(36px, 3.542vw, 68px);
  font-weight: 300;
  line-height: 1.1;
  color: #fff;
}

/* ---------- Main-site News / Excellence / Community：与 Admissions 同款 breadcrumb-bar ----------
   顶距写在 .page-hero（不是 main）：header 叠在 hero 背景上，上分割线在 header 下方完整露出。 */
:is(body[data-page^="excellence"], body[data-page="student-stories"], body[data-page^="community-"], body[data-page="latest-news"], body[data-page="latest-news-detail"], body[data-page="achievements"], body[data-page="achievements-detail"], body[data-page="publications"], body[data-page="plans-reports"], body[data-page^="jobs-tenders"]) .page-hero{
  padding-top: var(--mainsite-header-offset);
}
:is(body[data-page^="excellence"], body[data-page="student-stories"], body[data-page^="community-"], body[data-page="latest-news"], body[data-page="latest-news-detail"], body[data-page="achievements"], body[data-page="achievements-detail"], body[data-page="publications"], body[data-page="plans-reports"], body[data-page^="jobs-tenders"]) .page-breadcrumb-bar{
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  margin-bottom: clamp(16px, 1.563vw, 30px);
  position: relative;
  z-index: 3;
}
:is(body[data-page^="excellence"], body[data-page="student-stories"], body[data-page^="community-"], body[data-page="latest-news"], body[data-page="latest-news-detail"], body[data-page="achievements"], body[data-page="achievements-detail"], body[data-page="publications"], body[data-page="plans-reports"], body[data-page^="jobs-tenders"]) .page-breadcrumb-bar .site-container{
  padding-block: clamp(12px, 1.042vw, 20px);
}
:is(body[data-page^="excellence"], body[data-page="student-stories"], body[data-page^="community-"], body[data-page="latest-news"], body[data-page="latest-news-detail"], body[data-page="achievements"], body[data-page="achievements-detail"], body[data-page="publications"], body[data-page="plans-reports"], body[data-page^="jobs-tenders"]) .page-breadcrumb-bar .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(6px, 0.521vw, 10px);
  margin: 0;
  padding: 0;
  min-height: 0;
  border-bottom: 0;
  list-style: none;
  color: #fff;
  font-size: var(--fs-nav);
  font-weight: 300;
  line-height: 1.4;
}
:is(body[data-page^="excellence"], body[data-page="student-stories"], body[data-page^="community-"], body[data-page="latest-news"], body[data-page="latest-news-detail"], body[data-page="achievements"], body[data-page="achievements-detail"], body[data-page="publications"], body[data-page="plans-reports"], body[data-page^="jobs-tenders"]) .page-breadcrumb-bar .page-breadcrumb a,
:is(body[data-page^="excellence"], body[data-page="student-stories"], body[data-page^="community-"], body[data-page="latest-news"], body[data-page="latest-news-detail"], body[data-page="achievements"], body[data-page="achievements-detail"], body[data-page="publications"], body[data-page="plans-reports"], body[data-page^="jobs-tenders"]) .page-breadcrumb-bar .page-breadcrumb span{
  font-size: var(--fs-nav);
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
}
:is(body[data-page^="excellence"], body[data-page="student-stories"], body[data-page^="community-"], body[data-page="latest-news"], body[data-page="latest-news-detail"], body[data-page="achievements"], body[data-page="achievements-detail"], body[data-page="publications"], body[data-page="plans-reports"], body[data-page^="jobs-tenders"]) .page-breadcrumb-bar .page-breadcrumb a:hover{
  opacity: 0.8;
}
:is(body[data-page^="excellence"], body[data-page="student-stories"], body[data-page^="community-"], body[data-page="latest-news"], body[data-page="latest-news-detail"], body[data-page="achievements"], body[data-page="achievements-detail"], body[data-page="publications"], body[data-page="plans-reports"], body[data-page^="jobs-tenders"]) .page-breadcrumb-bar .page-breadcrumb__sep{
  display: block;
  width: clamp(5px, 0.313vw, 6px);
  height: clamp(9px, 0.573vw, 11px);
  flex-shrink: 0;
  object-fit: contain;
  opacity: 0.85;
}
:is(body[data-page^="excellence"], body[data-page="student-stories"], body[data-page^="community-"], body[data-page="latest-news"], body[data-page="latest-news-detail"], body[data-page="achievements"], body[data-page="achievements-detail"], body[data-page="publications"], body[data-page="plans-reports"], body[data-page^="jobs-tenders"]) .page-breadcrumb-bar .page-breadcrumb [aria-current="page"]{
  opacity: 0.92;
}

.about-hkbu{
  position: relative;
  overflow: visible;
  background: #f0eeef no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
  opacity: 1;
}
.about-hkbu::before{
  content: "";
  position: absolute;
  top: clamp(240px, 22.396vw, 430px);
  right: 40px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 52.396vw, 1006px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain padding-box;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.about-hkbu__inner{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.about-hkbu__banner{
  width: var(--about-hero-img-w);
  max-width: 100%;
  margin: 0 0 calc(var(--about-title-gap) + var(--about-banner-lift) - var(--about-banner-half));
  position: relative;
  top: calc(var(--about-banner-half) * -1 + var(--about-banner-lift));
  z-index: 2;
}
.about-hkbu__banner img{
  display: block;
  width: 100%;
  height: var(--about-hero-img-h);
  object-fit: cover;
  border-radius: clamp(12px, 0.833vw, 16px);
}
.about-message{
  position: relative;
  z-index: 3;
  overflow: visible;
  background: var(--about-message-bg);
}
.about-message__inner{
  position: relative;
  z-index: 1;
  padding-top: var(--about-title-gap);
  padding-bottom: clamp(56px, 5.729vw, 110px);
}
.about-block{
  position: relative;
  z-index: 2;
}
.about-block__title{
  margin: 0 0 var(--about-title-gap);
  font-family: var(--font-sans);
  font-size: clamp(28px, 2.8125vw, 54px);
  font-weight: 500;
  font-style: normal;
  line-height: clamp(36px, 3.75vw, 72px);
  letter-spacing: 0;
  text-align: left;
  color: #1e3e8a;
}
.about-split{
  display: grid;
  grid-template-columns: minmax(0, var(--about-split-img-w)) minmax(0, 1fr);
  gap: clamp(24px, 3.125vw, 60px);
  align-items: start;
}
.about-block--message .about-split{
  grid-template-columns: minmax(0, var(--about-portrait-w)) minmax(0, 1fr);
}
.about-split__media{
  margin: 0;
}
.about-split__media img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: clamp(12px, 0.833vw, 16px);
  object-fit: cover;
}
.about-block:not(.about-block--message) .about-split__media img{
  aspect-ratio: 543 / 426;
  height: var(--about-split-img-h);
}
.about-block--message .about-split__media img{
  aspect-ratio: 500 / 676;
  max-height: var(--about-portrait-h);
}
.about-split__body{
  min-width: 0;
}
.about-split__subhead{
  margin: 0 0 clamp(16px, 1.563vw, 30px);
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 700;
  font-style: normal;
  line-height: clamp(20px, 1.458vw, 28px);
  letter-spacing: 0;
  text-align: left;
  color: #1e3e8a;
}
.about-split__text p{
  margin: 0 0 clamp(14px, 1.25vw, 24px);
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.146vw, 22px);
  font-weight: 300;
  font-style: normal;
  line-height: clamp(24px, 1.667vw, 32px);
  letter-spacing: 0;
  text-align: left;
  color: #353f4c;
}
.about-split__text p:last-child{
  margin-bottom: 0;
}
.about-signature{
  margin-top: clamp(20px, 2.083vw, 40px);
}
.about-signature__name{
  margin: 0 0 clamp(4px, 0.313vw, 6px);
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 700;
  font-style: normal;
  line-height: clamp(20px, 1.458vw, 28px);
  letter-spacing: 0;
  color: #1e3e8a;
}
.about-signature__role{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.146vw, 22px);
  font-weight: 300;
  font-style: normal;
  line-height: clamp(24px, 1.667vw, 32px);
  letter-spacing: 0;
  color: #353f4c;
}
@media (max-width: 1023px) {
  .about-split, .about-block--message .about-split{
    grid-template-columns: 1fr;
  }
  .about-split__body{
    min-width: 0;
  }
  .about-block:not(.about-block--message) .about-split__media img, .about-block--message .about-split__media img{
    width: 100%;
    max-width: var(--about-split-img-w);
    height: auto;
    max-height: none;
  }
  .about-hkbu::before{
    width: clamp(200px, 52vw, 400px);
    height: clamp(240px, 62vw, 480px);
    top: clamp(180px, 34vw, 340px);
  }
}
@media (max-width: 639px) {
  .about-hkbu__inner{
    padding-bottom: calc(var(--radius-section) + 48px);
  }
  .about-message__inner{
    padding-bottom: 48px;
  }
}
.smc-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.smc-content::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain padding-box;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.smc-content__inner{
  position: relative;
  z-index: 1;
  padding-top: 65px;
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.smc-featured{
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, var(--smc-card-w)) minmax(0, 1fr);
  gap: 0;
  align-items: start;
  width: 100%;
  margin: 0 0 var(--smc-content-gap);
  padding: 0;
  background: #ffffff no-repeat padding-box;
  border-radius: 16px;
  opacity: 1;
}
.smc-featured::before{
  content: "";
  position: absolute;
  top: clamp(12px, 1.042vw, 20px);
  right: 0;
  width: clamp(220px, 43.75vw, 840px);
  height: clamp(280px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain padding-box;
  opacity: 0.22;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.smc-featured__media{
  position: relative;
  z-index: 1;
  margin: 0;
  width: 100%;
  aspect-ratio: 419 / 514;
  align-self: center;
  overflow: hidden;
}
.smc-featured__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 0;
}
.smc-featured__body{
  position: relative;
  z-index: 1;
  min-width: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--smc-featured-pad-y) var(--smc-featured-pad-r) var(--smc-featured-pad-y) var(--smc-featured-pad-l);
}
.smc-role{
  margin: 0 0 clamp(8px, 0.625vw, 12px);
  font-family: var(--font-sans);
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  line-height: clamp(18px, 1.25vw, 24px);
  color: #02b5dd;
}
.smc-name{
  margin: 0 0 clamp(8px, 0.625vw, 12px);
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 700;
  line-height: clamp(22px, 1.458vw, 28px);
  color: #002046;
}
.smc-title{
  margin: 0 0 clamp(16px, 1.563vw, 30px);
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.146vw, 22px);
  font-weight: 500;
  font-style: normal;
  line-height: clamp(22px, 1.458vw, 28px);
  letter-spacing: 0;
  text-align: left;
  color: #002046;
  opacity: 1;
}
.smc-text p, .smc-bio{
  margin: 0 0 clamp(14px, 1.25vw, 24px);
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.042vw, 20px);
  font-weight: 300;
  line-height: clamp(24px, 1.563vw, 30px);
  color: #353f4c;
}
.smc-text p:last-child{
  margin-bottom: 0;
}
.smc-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 420px));
  justify-content: space-between;
  row-gap: var(--smc-content-gap);
  column-gap: clamp(24px, 1.875vw, 36px);
}
.smc-card{
  margin: 0;
  width: 100%;
  max-width: 420px;
}
.smc-card__media{
  margin: 0 0 clamp(16px, 1.563vw, 30px);
}
.smc-card__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 419 / 514;
  object-fit: cover;
  object-position: center top;
  border-radius: clamp(12px, 0.833vw, 16px);
}
.smc-card .smc-role, .smc-card .smc-name, .smc-card .smc-bio{
  width: 100%;
  max-width: 420px;
}
.smc-card .smc-bio{
  margin-bottom: 0;
}
@media (max-width: 1279px) {
  .smc-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    gap: var(--smc-content-gap);
  }
  .smc-card{
    max-width: none;
  }
  .smc-card .smc-role, .smc-card .smc-name, .smc-card .smc-bio{
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .smc-content::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    top: clamp(32px, 6vw, 60px);
    opacity: 0.22;
  }
  .smc-featured::before{
    width: clamp(180px, 50vw, 360px);
    height: clamp(220px, 58vw, 440px);
    opacity: 0.18;
  }
  .smc-featured{
    grid-template-columns: 1fr;
  }
  .smc-featured__media{
    max-width: none;
    width: 100%;
    min-height: 0;
  }
  .smc-featured__body{
    padding: var(--smc-featured-pad-y) var(--smc-featured-pad-l);
  }
}
@media (max-width: 639px) {
  .smc-grid{
    grid-template-columns: 1fr;
  }
  .smc-content__inner{
    padding-bottom: calc(var(--radius-section) + 48px);
  }
}
body[data-page="about-message-principal"] #footerMain, body[data-page="about-message-principal"] #footerBar{
  background: #141f3e;
}
.mcp-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.mcp-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.mcp-layout{
  display: grid;
  grid-template-columns: minmax(0, var(--mcp-portrait-w)) minmax(0, 1fr);
  column-gap: var(--mcp-content-gap);
  align-items: start;
}
.mcp-portrait{
  min-width: 0;
}
.mcp-portrait__media{
  margin: 0 0 clamp(16px, 1.25vw, 24px);
}
.mcp-portrait__media img{
  display: block;
  width: 100%;
  max-width: var(--mcp-portrait-w);
  height: auto;
  aspect-ratio: 482 / 675;
  object-fit: cover;
  object-position: center top;
  border-radius: 16px;
}
.mcp-portrait__name{
  margin: 0 0 clamp(4px, 0.417vw, 8px);
  font-family: var(--font-sans);
  font-size: var(--mcp-text-size);
  font-weight: 700;
  line-height: var(--mcp-text-lh);
  letter-spacing: 0;
  color: #002046;
}
.mcp-portrait__role{
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--mcp-text-size);
  font-weight: 400;
  line-height: var(--mcp-text-lh);
  letter-spacing: 0;
  color: #002046;
}
.mcp-message{
  min-width: 0;
}
.mcp-message p{
  margin: 0 0 clamp(16px, 1.25vw, 24px);
  font-family: var(--font-sans);
  font-size: var(--mcp-body-size);
  font-weight: 300;
  font-style: normal;
  line-height: var(--mcp-body-lh);
  letter-spacing: 0;
  color: #353f4c;
}
.mcp-message p:last-child{
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .mcp-layout{
    grid-template-columns: 1fr;
    row-gap: clamp(24px, 3vw, 32px);
  }
  .mcp-portrait{
    max-width: var(--mcp-portrait-w);
    margin-inline: auto;
  }
  .mcp-portrait__name, .mcp-portrait__role{
    text-align: center;
  }
}
@media (max-width: 639px) {
  .mcp-content__inner{
    padding-bottom: calc(var(--radius-section) + 48px);
  }
  .mcp-portrait{
    max-width: 100%;
  }
}
body[data-page="about-vision-mission"] #footerMain, body[data-page="about-vision-mission"] #footerBar{
  background: #141f3e;
}
body[data-page="about-vision-mission"] .page-hero__title{
  font-family: var(--font-sans);
  font-size: clamp(36px, 3.542vw, 68px);
  font-weight: 300;
  font-style: normal;
  line-height: clamp(46px, 4.479vw, 86px);
  letter-spacing: 0;
  text-align: left;
  color: #ffffff;
  opacity: 1;
}
.vm-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.vm-content::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain padding-box;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.vm-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
/* 標準內容頁的通用外框；獨立定義，避免改動 Vision & Mission 專用 class。 */
.page-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.page-content::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain padding-box;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.page-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.vm-block{
  position: relative;
  z-index: 1;
}
.vm-block__title{
  margin: 0 0 clamp(20px, 2.083vw, 40px);
  font-family: var(--font-sans);
  font-size: var(--vm-block-title-size);
  font-weight: 500;
  font-style: normal;
  line-height: var(--vm-block-title-lh);
  letter-spacing: 0;
  text-align: left;
  color: var(--vm-title-color);
  opacity: 1;
}
.vm-block__title--flush{
  margin-bottom: 0;
}
.vm-divider{
  margin: var(--vm-content-gap) 0;
  border: none;
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.vm-beginning{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, clamp(300px, 36.458vw, 700px));
  gap: var(--vm-content-gap);
  align-items: start;
}
.vm-beginning__text p{
  margin: 0 0 clamp(14px, 1.25vw, 24px);
  font-family: var(--font-sans);
  font-size: var(--vm-body-size);
  font-weight: 300;
  font-style: normal;
  line-height: var(--vm-body-lh);
  letter-spacing: 0;
  text-align: left;
  color: var(--vm-text-color);
  opacity: 1;
}
.vm-beginning__text p:last-child{
  margin-bottom: 0;
}
.vm-beginning__media{
  margin: 0;
}
.vm-beginning__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 700 / 467;
  object-fit: cover;
  border-radius: 16px;
}
.vm-motto{
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--vm-motto-size);
  font-weight: 500;
  font-style: normal;
  line-height: var(--vm-motto-lh);
  letter-spacing: 0;
  text-align: left;
  color: var(--vm-title-color);
  opacity: 1;
}
.vm-mission{
  margin: 0;
  padding: 0 0 0 1.4em;
  list-style: disc;
}
.vm-mission li{
  margin: 0 0 clamp(8px, 0.833vw, 16px);
  font-family: var(--font-sans);
  font-size: var(--vm-body-size);
  font-weight: 300;
  font-style: normal;
  line-height: var(--vm-body-lh);
  letter-spacing: 0;
  text-align: left;
  color: var(--vm-text-color);
}
.vm-mission li::marker{
  color: var(--vm-title-color);
}
.vm-mission li:last-child{
  margin-bottom: 0;
}
.vm-anthem__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(16px, 1.563vw, 30px);
  margin-bottom: clamp(20px, 2.083vw, 40px);
}
.vm-audio{
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.833vw, 16px);
  width: min(100%, clamp(300px, 25.104vw, 482px));
  height: clamp(64px, 5.104vw, 98px);
  padding: 0 clamp(18px, 1.563vw, 30px);
  background: #e0edf9 0% 0% no-repeat padding-box;
  border-radius: 61px;
}
.vm-audio__play, .vm-audio__volume{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(30px, 2.083vw, 40px);
  height: clamp(30px, 2.083vw, 40px);
  padding: 0;
  border: none;
  background: transparent;
  color: #002147;
  cursor: pointer;
}
.vm-audio__play svg, .vm-audio__volume svg{
  width: 100%;
  height: 100%;
}
.vm-audio__icon--pause{
  display: none;
}
.vm-audio.is-playing .vm-audio__icon--play{
  display: none;
}
.vm-audio.is-playing .vm-audio__icon--pause{
  display: block;
}
.vm-audio__volume.is-muted{
  opacity: 0.45;
}
.vm-audio__time{
  flex-shrink: 0;
  font-family: var(--font-sans);
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 400;
  color: #002147;
  font-variant-numeric: tabular-nums;
}
.vm-audio__track{
  position: relative;
  flex: 1;
  height: 4px;
  border-radius: 2px;
  background: #b3d3e1;
  cursor: pointer;
}
.vm-audio__progress{
  position: absolute;
  inset: 0 auto 0 0;
  width: 0%;
  border-radius: 2px;
  background: #006b9b;
}
.vm-anthem__card{
  display: flex;
  justify-content: center;
  padding: clamp(24px, 2.604vw, 50px);
  background: #fff;
  border-radius: clamp(12px, 0.833vw, 16px);
}
.vm-anthem__card img{
  display: block;
  width: min(100%, clamp(320px, 36.458vw, 700px));
  height: auto;
}
.vm-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: 10px 10px 0 0;
}
.vm-table th, .vm-table td{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: none;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  font-family: var(--font-sans);
  font-size: var(--vm-body-size);
  font-style: normal;
  line-height: var(--vm-body-lh);
  letter-spacing: 0;
  color: #353f4c;
  text-align: left;
  vertical-align: middle;
  background: #fff;
  opacity: 1;
}
.vm-table th{
  border-right: 1px solid rgba(53, 63, 76, 0.16);
}
.vm-table tbody tr:last-child th, .vm-table tbody tr:last-child td{
  border-bottom: none;
}
.vm-table tbody tr:first-child th{
  border-top-left-radius: 10px;
}
.vm-table tbody tr:first-child td{
  border-top-right-radius: 10px;
}
.vm-table tbody tr:nth-child(odd) th, .vm-table tbody tr:nth-child(odd) td{
  background: #f0eeef 0% 0% no-repeat padding-box;
}
.vm-table th{
  width: clamp(140px, 16.667vw, 320px);
  font-weight: 700;
}
.vm-table td{
  font-weight: 500;
}
.vm-table__link{
  font-weight: 500;
  text-decoration: underline;
  color: #1e3e8a;
  overflow-wrap: anywhere;
}
.vm-table__link:hover{
  opacity: 0.8;
}
@media (max-width: 1023px) {
  .page-content::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    top: clamp(32px, 6vw, 60px);
  }
  .vm-content::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    top: clamp(32px, 6vw, 60px);
  }
  .vm-beginning{
    grid-template-columns: 1fr;
  }
  .vm-beginning__media{
    max-width: clamp(260px, 80vw, 520px);
  }
  .vm-anthem__head{
    flex-direction: column;
    align-items: flex-start;
  }
  .vm-audio{
    width: 100%;
  }
}
@media (max-width: 639px) {
  .page-content__inner{
    padding-bottom: calc(var(--radius-section) + 48px);
  }
  .vm-content__inner{
    padding-bottom: calc(var(--radius-section) + 48px);
  }
  /* 两列表格保持横排，缩小字号/内边距 */
  .vm-table{
    width: 100%;
    table-layout: fixed;
  }
  .vm-table th, .vm-table td{
    display: table-cell;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.35;
    vertical-align: top;
  }
  .vm-table th{
    width: 36%;
    white-space: nowrap;
  }
  .vm-table td{
    width: 64%;
    word-break: break-word;
  }
}
body[data-page="about-our-teams"] #footerMain, body[data-page="about-our-teams"] #footerBar{
  background: #141f3e;
}
body[data-page="about-our-teams"] .page-hero__title{
  font-family: var(--font-sans);
  font-size: clamp(36px, 3.542vw, 68px);
  font-weight: 300;
  font-style: normal;
  line-height: clamp(46px, 4.479vw, 86px);
  letter-spacing: 0;
  text-align: left;
  color: #ffffff;
  opacity: 1;
}
.teams-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.teams-content::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.teams-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.content-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10px, 1.042vw, 20px);
  margin-bottom: clamp(40px, 3.125vw, 60px);
}
.content-tab{
  min-height: 50px;
  padding: 12px clamp(20px, 1.667vw, 32px);
  border: 1px solid #ccc;
  border-radius: 999px;
  background: #fff;
  color: var(--content-tab-fg, #353f4c);
  font: 500 clamp(15px, 1.042vw, 20px)/1.25 var(--font-sans);
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.content-tab:hover, .content-tab:focus-visible{
  border-color: var(--content-tab-active, #1e3e8a);
}
.content-tab.is-active, .content-tab[aria-selected="true"]{
  border-color: var(--content-tab-active, #1e3e8a);
  background: var(--content-tab-active, #1e3e8a);
  color: #fff;
}
.content-panel[hidden]{
  display: none;
}
.teams-section + .teams-section{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.teams-heading{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  font-family: var(--font-sans);
  font-size: var(--teams-heading-size);
  font-weight: 500;
  font-style: normal;
  line-height: var(--teams-heading-lh);
  letter-spacing: 0;
  text-align: left;
  color: var(--teams-blue);
  opacity: 1;
}
.teams-subheading{
  margin: 0 0 clamp(16px, 1.25vw, 24px);
  font-family: var(--font-sans);
  font-size: clamp(20px, 1.25vw, 24px);
  font-weight: 700;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: left;
  color: var(--teams-navy);
}
.teams-card__media, .teams-professional__hero{
  margin: 0;
  overflow: hidden;
  border-radius: 16px;
}
.teams-card__media img, .teams-professional__hero img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.teams-card__media{
  aspect-ratio: 2 / 3;
  margin-bottom: 18px;
  background: #e5e5e5;
}
.teams-name{
  margin: 0 0 8px;
  font-family: var(--font-sans);
  font-size: var(--teams-name-size);
  font-weight: 700;
  font-style: normal;
  line-height: var(--teams-name-lh);
  letter-spacing: -0.24px;
  text-align: left;
  color: var(--teams-navy);
  opacity: 1;
}
.teams-card .teams-role{
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--teams-role-size);
  font-weight: 300;
  font-style: normal;
  line-height: var(--teams-role-lh);
  letter-spacing: 0;
  text-align: left;
  color: var(--teams-text);
  opacity: 1;
}
.teams-section > p, .teams-note{
  margin: 0;
  color: var(--teams-text);
  font: 300 var(--teams-body-size)/1.55 var(--font-sans);
}
/* 富文本正文请用 .rich-doc（见 rich-editor-content.css），勿再靠 teams-section 顶正文皮肤 */
.teams-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(28px, 2.083vw, 40px) clamp(18px, 1.563vw, 30px);
}
.teams-table-wrap{
  overflow-x: auto;
  border-radius: 10px 10px 0 0;
}
.teams-table{
  width: 100%;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px 10px 0 0;
  background: #fff;
}
body[data-page="about-our-teams"] .teams-table :is(th, td){
  padding: clamp(14px, 1.25vw, 24px) clamp(18px, 1.667vw, 32px);
  border: 0;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  font: normal normal 300 var(--teams-table-cell-size) / var(--teams-table-cell-lh) var(--font-sans);
  letter-spacing: 0;
  text-align: left;
  color: #353f4c;
  vertical-align: middle;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
}
.teams-table:not(.teams-table--names) tbody th[scope="row"]{
  width: 62%;
  border-right: 1px solid rgba(53, 63, 76, 0.16);
}
.teams-table--names td{
  width: 50%;
}
.teams-subjects{
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(36px, 3.125vw, 60px);
}
.teams-subject .teams-note{
  margin-top: 12px;
}
.teams-note{
  margin-top: 20px;
  font-family: var(--font-sans);
  font-size: var(--teams-table-cell-size);
  font-weight: 300;
  font-style: normal;
  line-height: var(--teams-table-cell-lh);
  letter-spacing: 0;
  text-align: left;
  color: var(--teams-blue);
  opacity: 1;
  white-space: pre-line;
}
.teams-table tr:nth-child(odd) > *{
  background: #f0eeef;
}
.teams-table tr:last-child > *{
  border-bottom: 0;
}
.teams-professional__hero{
  aspect-ratio: 700 / 467;
  max-width: clamp(520px, 52vw, 1000px);
  margin-bottom: clamp(28px, 2.604vw, 50px);
}
.teams-professional__copy{
  display: flex;
  flex-direction: column;
  margin-bottom: clamp(48px, 4.167vw, 80px);
}
.teams-professional__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin: 0 0 var(--teams-content-gap);
  font: normal normal 300 var(--teams-body-copy-size) / var(--teams-body-copy-lh) var(--font-sans);
  letter-spacing: 0;
  text-align: left;
  color: #353f4c;
  opacity: 1;
}
.teams-professional__block-title{
  margin: 0 0 clamp(20px, 2.083vw, 40px);
  font: normal normal 500 var(--teams-heading-size) / var(--teams-heading-lh) var(--font-sans);
  letter-spacing: 0;
  text-align: left;
  color: #1e3e8a;
  opacity: 1;
}
/* 正文走级联：标题块内任意 p 自动继承，CMS 加段不必再贴 class */
.teams-professional__copy article > p{
  margin: 0;
  font: normal normal 300 var(--teams-body-copy-size) / var(--teams-body-copy-lh) var(--font-sans);
  letter-spacing: 0;
  text-align: left;
  color: #353f4c;
  opacity: 1;
}
.teams-professional__copy article > p + p{
  margin-top: clamp(12px, 1.042vw, 20px);
}
.teams-professional__divider{
  margin: var(--teams-content-gap) 0;
  border: none;
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
@media (max-width: 1279px) {
  .teams-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1023px) {
  .teams-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .teams-content::before{
    right: -40px;
    width: 360px;
    height: 470px;
  }
  .teams-grid, .teams-subjects{
    grid-template-columns: 1fr;
  }
  .teams-professional__hero{
    aspect-ratio: 4 / 3;
  }
}
@media (max-width: 767px) {
  .content-tabs{
    align-items: stretch;
    flex-direction: column;
  }
  .content-tab{
    width: 100%;
  }
}
@media (max-width: 479px) {
  /* 两列表格保持横排，缩小字号/内边距 */
  body[data-page="about-our-teams"] .teams-table{
    width: 100%;
    table-layout: fixed;
  }
  body[data-page="about-our-teams"] .teams-table :is(th, td){
    display: table-cell;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.35;
    vertical-align: top;
  }
  body[data-page="about-our-teams"] .teams-table th[scope="row"],
  body[data-page="about-our-teams"] .teams-table:not(.teams-table--names) tbody th[scope="row"]{
    width: 62%;
    word-break: break-word;
  }
  body[data-page="about-our-teams"] .teams-table td{
    width: 38%;
    word-break: break-word;
  }
}
body[data-page="about-campus-facilities"] #footerMain, body[data-page="about-campus-facilities"] #footerBar{
  background: #141f3e;
}
.campus-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.campus-content::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.campus-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.campus-section-title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--campus-blue);
  font: 500 clamp(32px, 2.813vw, 54px)/1.15 var(--font-sans);
}
.campus-innolab-block + .campus-innolab-block{
  margin-top: clamp(48px, 4.167vw, 80px);
}
:is(.campus-innolab-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .campus-facilities-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: var(--campus-text);
  font: 300 var(--campus-body-size)/1.55 var(--font-sans);
}
:is(.campus-innolab-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .campus-facilities-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.campus-innolab-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .campus-facilities-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), .content-gallery + :is(.campus-innolab-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .campus-facilities-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.campus-innolab-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .campus-facilities-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .campus-list, :is(.campus-innolab-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .campus-facilities-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .campus-table-wrap{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.campus-list{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  padding-left: 1.25em;
  color: var(--campus-text);
  font: 300 var(--campus-body-size)/1.55 var(--font-sans);
}
.campus-list li + li{
  margin-top: 0.35em;
}
.campus-virtual{
  display: grid;
  gap: clamp(24px, 2.083vw, 40px);
}
.campus-virtual__media{
  margin: 0;
  overflow: hidden;
  border-radius: 16px;
  background: #e0edf9;
}
.campus-virtual__link{
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.campus-virtual__link:focus-visible{
  outline: 2px solid var(--color-cyan, #44defe);
  outline-offset: 3px;
}
.campus-virtual__media img{
  display: block;
  width: 100%;
  height: auto;
}
.content-gallery{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--campus-carousel-gap);
  box-sizing: border-box;
  width: min(100%, var(--campus-carousel-shell-w));
  min-height: var(--campus-carousel-shell-min-h);
  padding: var(--campus-carousel-pad-y) var(--campus-carousel-pad-x);
  border-radius: 10px;
  background: var(--campus-carousel-bg);
}
.campus-carousel--facilities{
  margin-top: clamp(28px, 2.604vw, 50px);
}
.content-gallery__caption{
  margin: clamp(12px, 0.729vw, 14px) 0 0;
  color: #131313;
  font: 400 var(--campus-caption-size)/1.29 var(--font-sans);
  text-align: center;
  text-transform: capitalize;
}
.content-gallery__controls{
  display: flex;
  flex: 0 0 var(--campus-carousel-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  width: var(--campus-carousel-thumb-w);
  min-height: var(--campus-carousel-main-h);
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--campus-carousel-arrow-color);
  cursor: pointer;
  transition: opacity 180ms ease, color 180ms ease;
}
.content-gallery__arrow svg{
  display: block;
  width: 17px;
  height: 10px;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
  color: var(--campus-navy);
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: clamp(8px, 0.625vw, 12px) 0;
}
.content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--campus-carousel-thumb-w);
  height: var(--campus-carousel-thumb-h);
  aspect-ratio: 394 / 246;
  padding: clamp(4px, 0.417vw, 8px);
  border: 5px solid transparent;
  border-radius: 4px;
  background: #cfe2f5;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--campus-carousel-thumb-border);
  background: transparent;
}
.content-gallery__thumb img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.campus-table-wrap{
  overflow-x: auto;
  margin-top: clamp(20px, 1.667vw, 32px);
  border-radius: 10px;
}
.campus-table{
  width: 100%;
  min-width: 520px;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  background: #fff;
}
.campus-table th, .campus-table td{
  padding: clamp(14px, 1.25vw, 24px) clamp(18px, 1.667vw, 32px);
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  color: var(--campus-text);
  font: 400 var(--campus-body-size)/1.5 var(--font-sans);
  text-align: left;
  vertical-align: top;
}
.campus-table th{
  width: 34%;
  border-right: 1px solid rgba(53, 63, 76, 0.16);
  font-weight: 700;
}
.campus-table tr:nth-child(odd) > *{
  background: #f0eeef;
}
.campus-table tr:last-child > *{
  border-bottom: 0;
}
@media (max-width: 1023px) {
  .content-gallery{
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 0;
    padding: clamp(20px, 4vw, 32px);
  }
  .content-gallery__controls{
    flex: none;
    flex-direction: row;
    width: 100%;
    min-height: 0;
    align-self: stretch;
  }
  .content-gallery__thumbs{
    flex-direction: row;
    flex: 1 1 auto;
    overflow-x: auto;
  }
  .content-gallery__thumb{
    flex: 0 0 min(42vw, var(--campus-carousel-thumb-w));
  }
  .content-gallery__arrow--prev svg, .content-gallery__arrow--next svg,
  .content-gallery__arrow--prev .bi, .content-gallery__arrow--next .bi{
    transform: rotate(-90deg);
  }
}
@media (max-width: 767px) {
  .campus-content::before{
    right: -40px;
    width: 360px;
    height: 470px;
  }
}
@media (max-width: 479px) {
  /* 两列表格保持横排，缩小字号/内边距 */
  .campus-table{
    width: 100%;
    table-layout: fixed;
  }
  .campus-table th, .campus-table td{
    display: table-cell;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.35;
    vertical-align: top;
  }
  .campus-table th{
    width: 36%;
    word-break: break-word;
  }
  .campus-table td{
    width: 64%;
    word-break: break-word;
  }
}
body[data-page="about-basic-information"] #footerMain, body[data-page="about-basic-information"] #footerBar{
  background: #141f3e;
}
.binfo-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.binfo-content::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.binfo-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.binfo-page-title{
  margin: 0 0 clamp(40px, 3.125vw, 60px);
  color: var(--binfo-blue);
  font: 500 var(--binfo-section-title-size)/1.15 var(--font-sans);
}
.binfo-section + .binfo-section{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.binfo-section__title{
  margin: 0 0 clamp(16px, 1.458vw, 28px);
  color: var(--binfo-blue);
  font: 700 var(--binfo-subtitle-size)/1.3 var(--font-sans);
}
:is(.binfo-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .binfo-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: var(--binfo-text);
  font: 300 var(--binfo-body-size)/1.55 var(--font-sans);
}
:is(.binfo-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .binfo-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.binfo-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .binfo-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), .binfo-subsection + :is(.binfo-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .binfo-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.binfo-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .binfo-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .binfo-subsection, :is(.binfo-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .binfo-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .binfo-note, .binfo-table-wrap + :is(.binfo-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .binfo-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), .binfo-branch + :is(.binfo-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .binfo-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: clamp(16px, 1.25vw, 24px);
}
.binfo-subsection{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.binfo-subsection__title{
  margin: 0 0 clamp(8px, 0.625vw, 12px);
  color: var(--binfo-text);
  font: 700 clamp(18px, 1.25vw, 24px)/1.4 var(--font-sans);
}
.binfo-note{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  color: var(--binfo-accent);
  font: 300 clamp(16px, 1.042vw, 20px)/1.5 var(--font-sans);
}
.binfo-table-wrap{
  margin-top: clamp(24px, 2.083vw, 40px);
  overflow-x: auto;
}
.binfo-table{
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: 10px;
  overflow: hidden;
}
.binfo-table th, .binfo-table td{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: none;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  border-right: 1px solid rgba(53, 63, 76, 0.16);
  font-family: var(--font-sans);
  font-size: var(--binfo-body-size);
  font-weight: 300;
  line-height: 1.45;
  color: var(--binfo-text);
  text-align: left;
  vertical-align: top;
  background: #fff;
}
.binfo-table th:last-child, .binfo-table td:last-child{
  border-right: none;
}
.binfo-table tbody tr:last-child th, .binfo-table tbody tr:last-child td{
  border-bottom: none;
}
.binfo-table thead th{
  font-weight: 700;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  color: var(--binfo-text);
}
.binfo-table--uniform tbody th[scope="row"]{
  width: clamp(120px, 12.5vw, 220px);
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.binfo-table--uniform tbody tr:nth-child(odd) th[scope="row"], .binfo-table--uniform tbody tr:nth-child(odd) td{
  background: #f0eeef;
}
.binfo-table--uniform tbody tr:nth-child(even) th[scope="row"], .binfo-table--uniform tbody tr:nth-child(even) td{
  background: #e6e5e5;
}
.binfo-table--uniform .binfo-list{
  color: var(--binfo-blue);
  list-style: disc;
}
.binfo-table--uniform .binfo-list li::marker{
  color: var(--binfo-blue);
}
.binfo-list{
  margin: 0;
  padding-left: 1.15em;
}
.binfo-list li + li{
  margin-top: 0.35em;
}
.binfo-link{
  font-weight: 500;
  text-decoration: underline;
  color: var(--binfo-blue);
}
.binfo-link:hover{
  opacity: 0.8;
}
.binfo-download{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font: 500 var(--binfo-body-size)/1.4 var(--font-sans);
  text-decoration: underline;
  color: var(--binfo-accent);
}
.binfo-download:hover{
  opacity: 0.8;
}
.binfo-download .bi{
  font-size: 1.05em;
}
.binfo-branch{
  margin-top: clamp(24px, 2.083vw, 40px);
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.binfo-branch__title{
  margin: 0;
  padding: clamp(14px, 1.042vw, 20px) clamp(16px, 1.563vw, 30px);
  background: #fff;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  color: var(--binfo-text);
  font: 700 clamp(18px, 1.25vw, 24px)/1.3 var(--font-sans);
}
.binfo-branch__body{
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(180px, 18.229vw, 350px);
}
.binfo-branch__list{
  display: flex;
  flex-direction: column;
}
.binfo-branch__item{
  padding: clamp(14px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  color: var(--binfo-text);
  font: 300 var(--binfo-body-size)/1.5 var(--font-sans);
}
.binfo-branch__item:nth-child(odd){
  background: #f0eeef;
}
.binfo-branch__item:nth-child(even){
  background: #e6e5e5;
}
.binfo-branch__item:last-child{
  border-bottom: none;
}
.binfo-branch__qr{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(16px, 1.563vw, 30px);
  background: #f0eeef;
  border-left: 1px solid rgba(53, 63, 76, 0.16);
}
.binfo-branch__qr img{
  display: block;
  width: min(100%, clamp(140px, 14.583vw, 280px));
  height: auto;
}
@media (max-width: 767px) {
  .binfo-content::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
  .binfo-branch__body{
    grid-template-columns: 1fr;
  }
  .binfo-branch__qr{
    border-left: none;
    border-top: 1px solid rgba(53, 63, 76, 0.16);
  }
}
body[data-page="admissions-general-information"] #footerMain, body[data-page="admissions-general-information"] #footerBar{
  background: #141f3e;
}
.adgen-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.adgen-content::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.adgen-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.adgen-section + .adgen-section{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adgen-section__title{
  margin: 0 0 clamp(16px, 1.458vw, 28px);
  color: var(--adgen-blue);
  font: 500 var(--adgen-section-title-size)/1.15 var(--font-sans);
}
.adgen-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin: 0;
  color: var(--adgen-text);
  font: 300 var(--adgen-body-size)/1.55 var(--font-sans);
}
.adgen-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .adgen-note, .adgen-table-wrap + .adgen-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgen-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .adgen-download-wrap{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.adgen-note{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  color: var(--adgen-accent);
  font: 300 clamp(16px, 1.042vw, 20px)/1.5 var(--font-sans);
}
.adgen-table-wrap{
  overflow-x: auto;
}
.adgen-class-tables{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adgen-class-tables .adgen-table-wrap + .adgen-table-wrap{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.adgen-table{
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: 10px;
  overflow: hidden;
}
.adgen-class-tables .adgen-table__col-label, .adgen-class-tables .adgen-table__col-count{
  width: 50%;
}
.adgen-class-tables .adgen-table thead th:first-child, .adgen-class-tables .adgen-table tbody th[scope="row"]{
  border-right: 1px solid rgba(53, 63, 76, 0.16);
}
.adgen-table th, .adgen-table td{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: none;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  font-family: var(--font-sans);
  font-size: var(--adgen-body-size);
  line-height: 1.45;
  color: var(--adgen-text);
  text-align: left;
  vertical-align: middle;
  background: #fff;
}
.adgen-table tbody tr:last-child th, .adgen-table tbody tr:last-child td{
  border-bottom: none;
}
.adgen-table thead th{
  font-weight: 700;
  background: #fff;
}
.adgen-table tbody th[scope="row"]{
  font-weight: 300;
}
.adgen-table tbody tr:nth-child(odd) th[scope="row"], .adgen-table tbody tr:nth-child(odd) td{
  background: #f0eeef;
}
.adgen-table tbody tr:nth-child(even) th[scope="row"], .adgen-table tbody tr:nth-child(even) td{
  background: #e6e5e5;
}
.adgen-download{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font: 500 var(--adgen-body-size)/1.4 var(--font-sans);
  text-decoration: underline;
  color: var(--adgen-accent);
}
.adgen-download:hover{
  opacity: 0.8;
}
.adgen-download .bi{
  font-size: 1.05em;
}
@media (max-width: 767px) {
  .adgen-content::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
}
body[data-page="admissions-grade-10"] #footerMain, body[data-page="admissions-grade-10"] #footerBar{
  background: #141f3e;
}
.adg10-intro{
  position: relative;
  overflow: hidden;
  background: #e0edf9 no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
  opacity: 1;
}
.adg10-intro__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg10-procedures{
  position: relative;
  overflow: hidden;
  background: #f0eeef no-repeat padding-box;
}
.adg10-procedures::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.adg10-procedures__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg10-details{
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff no-repeat padding-box;
  opacity: 1;
}
.adg10-details__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.adg10-block + .adg10-block{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.adg10-block.adg10-block--divider{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adg10-section__title{
  margin: 0 0 clamp(32px, 2.604vw, 50px);
  color: #1e3e8a;
  font-family: var(--font-sans);
  font-size: var(--adg10-section-title-size);
  font-weight: 500;
  font-style: normal;
  line-height: var(--adg10-section-title-leading);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
.adg10-block__title + .adg10-table-wrap, .adg10-section__title + .adg10-table-wrap{
  margin-top: 0;
}
.adg10-block__title + .adg10-block__title{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adg10-block__title + .adg10-download-wrap{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adg10-block__title{
  margin: 0 0 clamp(12px, 1.042vw, 20px);
  color: #002046;
  font-family: var(--font-sans);
  font-size: var(--adg10-block-title-size);
  font-weight: 700;
  font-style: normal;
  line-height: var(--adg10-block-title-size);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
:is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: var(--adg10-text);
  font: 300 var(--adg10-body-size)/1.55 var(--font-sans);
}
.adg10-subjects-medium{
  color: var(--adg10-heading);
  font-weight: 500;
}
:is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg10-list, .adg10-list + :is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg10-download-wrap, :is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg10-table-wrap, .adg10-table-wrap + :is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg10-list{
  margin: 0;
  padding-left: 1.25em;
  color: var(--adg10-text);
  font: 300 var(--adg10-body-size)/1.55 var(--font-sans);
}
.adg10-list li + li{
  margin-top: 0.35em;
}
.adg10-list--ordered{
  list-style: decimal;
}
.adg10-list--plain{
  list-style: disc;
}
.adg10-link{
  color: var(--adg10-accent);
  text-decoration: underline;
}
.adg10-link:hover{
  opacity: 0.8;
}
.adg10-download-wrap{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
}
.adg10-download{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font: 500 var(--adg10-body-size)/1.4 var(--font-sans);
  text-decoration: underline;
  color: var(--adg10-accent);
}
.adg10-download:hover{
  opacity: 0.8;
}
.adg10-download .bi{
  font-size: 1.05em;
}
.adg10-table-wrap{
  overflow-x: auto;
}
.adg10-table{
  width: 100%;
  min-width: 640px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: 10px;
  overflow: hidden;
}
.adg10-table th, .adg10-table td{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: none;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  font-family: var(--font-sans);
  font-size: var(--adg10-body-size);
  line-height: 1.45;
  color: var(--adg10-text);
  text-align: left;
  vertical-align: top;
  background: #fff;
}
.adg10-table tbody tr:last-child th, .adg10-table tbody tr:last-child td{
  border-bottom: none;
}
.adg10-table thead th{
  font-weight: 700;
  background: #fff;
}
.adg10-table--procedure col:nth-child(1){
  width: 28%;
}
.adg10-table--procedure col:nth-child(2){
  width: 22%;
}
.adg10-table--procedure col:nth-child(3){
  width: 50%;
}
.adg10-table--procedure thead th:not(:last-child), .adg10-table--procedure tbody th[scope="row"], .adg10-table--procedure tbody td:not(:last-child){
  border-right: 1px solid rgba(53, 63, 76, 0.16);
}
.adg10-table--procedure tbody th[scope="row"]{
  font-weight: 700;
}
.adg10-table--procedure .adg10-list{
  padding-left: 1.1em;
}
.adg10-table--procedure tbody tr:nth-child(odd) th, .adg10-table--procedure tbody tr:nth-child(odd) td{
  background: #f0eeef;
}
.adg10-table--procedure tbody tr:nth-child(even) th, .adg10-table--procedure tbody tr:nth-child(even) td{
  background: #e6e5e5;
}
.adg10-table--subjects col:nth-child(1), .adg10-table--subjects col:nth-child(2){
  width: 50%;
}
.adg10-table--subjects tbody th[scope="row"]{
  border-right: 1px solid rgba(53, 63, 76, 0.16);
  font-weight: 700;
}
.adg10-table--subjects tbody tr:first-child th{
  font-weight: 700;
  background: #fff;
}
.adg10-table--subjects tbody tr:nth-child(n + 2):nth-child(odd) th, .adg10-table--subjects tbody tr:nth-child(n + 2):nth-child(odd) td{
  background: #f0eeef;
}
.adg10-table--subjects tbody tr:nth-child(n + 2):nth-child(even) th, .adg10-table--subjects tbody tr:nth-child(n + 2):nth-child(even) td{
  background: #e6e5e5;
}
.adg10-list + :is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg10-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg10-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg10-disclaimer{
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg10-disclaimer{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
  color: var(--adg10-text);
  font: 300 var(--adg10-body-size)/1.55 var(--font-sans);
}
@media (max-width: 767px) {
  .adg10-procedures::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
}
body[data-page="admissions-grade-1-6"] #footerMain, body[data-page="admissions-grade-1-6"] #footerBar{
  background: #141f3e;
}
.adg16-intro{
  position: relative;
  overflow: hidden;
  background: #e0edf9 no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
  opacity: 1;
}
.adg16-intro__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg16-intro :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p), .adg16-intro .adg16-block__title{
  color: #002046;
  font-family: var(--font-sans);
  font-size: var(--adg16-block-title-size);
  font-weight: 700;
  font-style: normal;
  line-height: var(--adg16-block-title-leading);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
.adg16-intro .adg16-section__title + :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p){
  margin-top: 0;
}
.adg16-intro .adg16-block__title{
  margin-bottom: 0;
}
.adg16-intro .adg16-block__title + :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p){
  margin-top: 0;
}
.adg16-intro :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p) + .adg16-block, .adg16-intro .adg16-block + .adg16-block{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adg16-process{
  position: relative;
  overflow: hidden;
  background: #f0eeef no-repeat padding-box;
}
.adg16-process::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.adg16-process__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg16-step__title{
  margin: 0 0 clamp(8px, 0.625vw, 12px);
  color: #353f4c;
  font-family: var(--font-sans);
  font-size: var(--adg16-body-size);
  font-weight: 700;
  font-style: normal;
  line-height: var(--adg16-body-leading);
  letter-spacing: 0;
  text-align: left;
}
.adg16-process :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p) strong, .adg16-process .adg16-list strong{
  color: #353f4c;
  font-family: var(--font-sans);
  font-size: var(--adg16-body-size);
  font-weight: 700;
  font-style: normal;
  line-height: var(--adg16-body-leading);
  letter-spacing: 0;
}
.adg16-process .adg16-list--plain{
  padding-left: 1.35em;
}
.adg16-process .adg16-list--plain li::marker{
  color: var(--adg16-accent);
}
.adg16-process .adg16-block + :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p){
  margin-top: clamp(40px, 3.125vw, 60px);
}
.adg16-details{
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
  opacity: 1;
}
.adg16-details__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.adg16-block + .adg16-block{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.adg16-block.adg16-block--divider{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adg16-section__title{
  margin: 0 0 clamp(32px, 2.604vw, 50px);
  color: #1e3e8a;
  font-family: var(--font-sans);
  font-size: var(--adg16-section-title-size);
  font-weight: 500;
  font-style: normal;
  line-height: var(--adg16-section-title-leading);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
.adg16-section__title + :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p){
  margin-top: calc(-1 * clamp(16px, 1.458vw, 28px));
}
.adg16-section__title + .adg16-block{
  margin-top: 0;
}
.adg16-section__title + .adg16-block :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p):first-child{
  margin-top: 0;
}
.adg16-block__title + .adg16-block__title{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adg16-block__title + .adg16-download-wrap{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adg16-block__title{
  margin: 0 0 clamp(12px, 1.042vw, 20px);
  color: #002046;
  font-family: var(--font-sans);
  font-size: var(--adg16-block-title-size);
  font-weight: 700;
  font-style: normal;
  line-height: var(--adg16-block-title-leading);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
:is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p){
  margin: 0;
  color: var(--adg16-text);
  font-family: var(--font-sans);
  font-size: var(--adg16-body-size);
  font-weight: 300;
  font-style: normal;
  line-height: var(--adg16-body-leading);
  letter-spacing: 0;
}
:is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p) + :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p), :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p) + .adg16-list, .adg16-list + :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p), :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p) + .adg16-download-wrap, .adg16-block + :is(.adg16-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-intro > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg16-content > .site-container > p){
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg16-list{
  margin: 0;
  padding-left: 1.25em;
  color: var(--adg16-text);
  font-family: var(--font-sans);
  font-size: var(--adg16-body-size);
  font-weight: 300;
  font-style: normal;
  line-height: var(--adg16-body-leading);
  letter-spacing: 0;
}
.adg16-list li + li{
  margin-top: 0.35em;
}
.adg16-list--plain{
  list-style: disc;
}
.adg16-list--ordered{
  list-style: decimal;
}
.adg16-link{
  color: var(--adg16-accent);
  text-decoration: underline;
}
.adg16-link:hover{
  opacity: 0.8;
}
.adg16-download-wrap{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
}
.adg16-download{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font: 500 var(--adg16-body-size)/1.4 var(--font-sans);
  text-decoration: underline;
  color: var(--adg16-accent);
}
.adg16-download:hover{
  opacity: 0.8;
}
.adg16-download .bi{
  font-size: 1.05em;
}
@media (max-width: 767px) {
  .adg16-process::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
}
body[data-page="admissions-grade-11"] #footerMain, body[data-page="admissions-grade-11"] #footerBar{
  background: #141f3e;
}
.adg11-intro{
  position: relative;
  overflow: hidden;
  background: #e0edf9 no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
  opacity: 1;
}
.adg11-intro__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg11-intro .adg11-section__title{
  margin: 0 0 clamp(32px, 2.604vw, 50px);
  color: #1e3e8a;
  font-family: var(--font-sans);
  font-size: clamp(32px, 2.813vw, 54px);
  font-weight: 500;
  font-style: normal;
  line-height: clamp(42px, 3.75vw, 72px);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
.adg11-intro .adg11-list--ordered + .adg11-list--submit{
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg11-intro .adg11-list--plain li::marker{
  color: var(--adg11-accent);
}
.adg11-procedures{
  position: relative;
  overflow: hidden;
  background: #f0eeef no-repeat padding-box;
}
.adg11-procedures::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.adg11-procedures__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg11-details{
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff no-repeat padding-box;
  opacity: 1;
}
.adg11-details__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.adg11-block + .adg11-block{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.adg11-block.adg11-block--divider{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adg11-section__title{
  margin: 0 0 clamp(32px, 2.604vw, 50px);
  color: #1e3e8a;
  font-family: var(--font-sans);
  font-size: var(--adg11-section-title-size);
  font-weight: 500;
  font-style: normal;
  line-height: var(--adg11-section-title-leading);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
.adg11-block__title + .adg11-table-wrap, .adg11-section__title + .adg11-table-wrap{
  margin-top: 0;
}
.adg11-block__title + .adg11-block__title{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adg11-block__title + .adg11-download-wrap{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adg11-block__title{
  margin: 0 0 clamp(12px, 1.042vw, 20px);
  color: #002046;
  font-family: var(--font-sans);
  font-size: var(--adg11-block-title-size);
  font-weight: 700;
  font-style: normal;
  line-height: var(--adg11-block-title-size);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
:is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: var(--adg11-text);
  font: 300 var(--adg11-body-size)/1.55 var(--font-sans);
}
.adg11-subjects-medium{
  color: var(--adg11-heading);
  font-weight: 500;
}
:is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg11-list, .adg11-list + :is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg11-download-wrap, :is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg11-table-wrap, .adg11-table-wrap + :is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg11-list{
  margin: 0;
  padding-left: 1.25em;
  color: var(--adg11-text);
  font: 300 var(--adg11-body-size)/1.55 var(--font-sans);
}
.adg11-list li + li{
  margin-top: 0.35em;
}
.adg11-list--ordered{
  list-style: decimal;
}
.adg11-list--plain{
  list-style: disc;
}
.adg11-link{
  color: var(--adg11-accent);
  text-decoration: underline;
}
.adg11-link:hover{
  opacity: 0.8;
}
.adg11-download-wrap{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
}
.adg11-download{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font: 500 var(--adg11-body-size)/1.4 var(--font-sans);
  text-decoration: underline;
  color: var(--adg11-accent);
}
.adg11-download:hover{
  opacity: 0.8;
}
.adg11-download .bi{
  font-size: 1.05em;
}
.adg11-table-wrap{
  overflow-x: auto;
}
.adg11-table{
  width: 100%;
  min-width: 640px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: 10px;
  overflow: hidden;
}
.adg11-table th, .adg11-table td{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: none;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  font-family: var(--font-sans);
  font-size: var(--adg11-body-size);
  line-height: 1.45;
  color: var(--adg11-text);
  text-align: left;
  vertical-align: top;
  background: #fff;
}
.adg11-table tbody tr:last-child th, .adg11-table tbody tr:last-child td{
  border-bottom: none;
}
.adg11-table thead th{
  font-weight: 700;
  background: #fff;
}
.adg11-table--procedure col:nth-child(1){
  width: 28%;
}
.adg11-table--procedure col:nth-child(2){
  width: 22%;
}
.adg11-table--procedure col:nth-child(3){
  width: 50%;
}
.adg11-table--procedure thead th:not(:last-child), .adg11-table--procedure tbody th[scope="row"], .adg11-table--procedure tbody td:not(:last-child){
  border-right: 1px solid rgba(53, 63, 76, 0.16);
}
.adg11-table--procedure tbody th[scope="row"]{
  font-weight: 700;
}
.adg11-table--procedure .adg11-list{
  padding-left: 1.1em;
}
.adg11-table--procedure tbody tr:nth-child(odd) th, .adg11-table--procedure tbody tr:nth-child(odd) td{
  background: #f0eeef;
}
.adg11-table--procedure tbody tr:nth-child(even) th, .adg11-table--procedure tbody tr:nth-child(even) td{
  background: #e6e5e5;
}
.adg11-table--subjects col:nth-child(1), .adg11-table--subjects col:nth-child(2){
  width: 50%;
}
.adg11-table--subjects tbody th[scope="row"]{
  border-right: 1px solid rgba(53, 63, 76, 0.16);
  font-weight: 700;
}
.adg11-table--subjects tbody tr:first-child th{
  font-weight: 700;
  background: #fff;
}
.adg11-table--subjects tbody tr:nth-child(n + 2):nth-child(odd) th, .adg11-table--subjects tbody tr:nth-child(n + 2):nth-child(odd) td{
  background: #f0eeef;
}
.adg11-table--subjects tbody tr:nth-child(n + 2):nth-child(even) th, .adg11-table--subjects tbody tr:nth-child(n + 2):nth-child(even) td{
  background: #e6e5e5;
}
.adg11-list + :is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg11-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg11-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg11-disclaimer{
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg11-disclaimer{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
  color: var(--adg11-text);
  font: 300 var(--adg11-body-size)/1.55 var(--font-sans);
}
@media (max-width: 767px) {
  .adg11-procedures::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
}
body[data-page="admissions-grade-4-11-non-local"] #footerMain, body[data-page="admissions-grade-4-11-non-local"] #footerBar{
  background: #141f3e;
}
.adgnl-intro{
  position: relative;
  overflow: hidden;
  background: #e0edf9;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.adgnl-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef;
}
.adgnl-content::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.adgnl-content__inner{
  position: relative;
  z-index: 1;
}
.adgnl-overview{
  position: relative;
  overflow: hidden;
  background: #f0eeef;
}
.adgnl-content + .adgnl-overview .adgnl-overview__inner{
  padding-top: 0;
}
.adgnl-process{
  position: relative;
  overflow: hidden;
  background: #fff;
}
.adgnl-process__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.adgnl-intro + .adgnl-content .adgnl-content__inner, .adgnl-content + .adgnl-overview .adgnl-overview__inner{
  padding-top: clamp(24px, 2.083vw, 40px);
}
.adgnl-intro__inner, .adgnl-content__inner, .adgnl-overview__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adgnl-overview + .adgnl-process .adgnl-process__inner{
  padding-top: clamp(24px, 2.083vw, 40px);
}
.adgnl-section__title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--adgnl-blue);
  font-family: var(--font-sans);
  font-size: var(--adgnl-section-title-size);
  font-weight: 500;
  line-height: var(--adgnl-section-title-leading);
  letter-spacing: 0;
  text-align: left;
}
.adgnl-overview .adgnl-section__title, .adgnl-subsection__title{
  margin: 0 0 clamp(20px, 1.667vw, 32px);
  color: #002046;
  font: 700 clamp(22px, 1.458vw, 28px) / clamp(22px, 1.458vw, 28px) var(--font-sans);
  letter-spacing: 0;
  text-align: left;
}
.adgnl-section__title--sub{
  font-size: clamp(28px, 2.344vw, 45px);
  line-height: clamp(36px, 3.125vw, 60px);
}
.adgnl-block__title{
  margin: 0 0 clamp(16px, 1.25vw, 24px);
  color: var(--adgnl-heading);
  font-family: var(--font-sans);
  font-size: var(--adgnl-block-title-size);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: left;
}
:is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p){
  margin: 0;
  color: var(--adgnl-text);
  font: 300 var(--adgnl-body-size)/1.6 var(--font-sans);
}
:is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p) strong, .adgnl-list strong{
  font-weight: 700;
  color: var(--adgnl-heading);
}
.adgnl-section__title + :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p){
  margin-top: 0;
}
:is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p) + :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p), :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p) + .adgnl-list, .adgnl-list + :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p), :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p) + .adgnl-download-wrap, :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p) + .adgnl-table-wrap, .adgnl-table-wrap + :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p){
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adgnl-block + .adgnl-block{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.adgnl-block.adgnl-block--divider{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adgnl-section__title + .adgnl-list, .adgnl-block__title + .adgnl-prospectus-carousel{
  margin-top: 0;
}
.adgnl-list{
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--adgnl-text);
  font: 300 var(--adgnl-body-size)/1.6 var(--font-sans);
}
.adgnl-list li + li{
  margin-top: clamp(10px, 0.833vw, 16px);
}
.adgnl-list--details{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adgnl-list--details li + li{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adgnl-list--bullet{
  padding-left: 1.35em;
  list-style: disc;
}
.adgnl-list--features{
  padding-left: 1.35em;
  list-style: disc;
  color: #353f4c;
  font: normal normal 300 clamp(18px, 1.146vw, 22px) / clamp(24px, 1.667vw, 32px) var(--font-sans);
  letter-spacing: 0;
}
.adgnl-list--features > li::marker{
  color: var(--adgnl-heading);
}
.adgnl-list--features > li + li{
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adgnl-list--bullet > li + li{
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adgnl-list--resources > li + li{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adgnl-process-steps{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  padding: 0;
  list-style: none;
}
.adgnl-process-steps__item + .adgnl-process-steps__item{
  margin-top: clamp(20px, 1.667vw, 32px);
}
.adgnl-process-steps__title{
  margin: 0 0 clamp(8px, 0.625vw, 12px);
  color: var(--adgnl-heading);
  font: 700 var(--adgnl-body-size)/1.6 var(--font-sans);
}
.adgnl-process-steps__num{
  display: inline;
}
.adgnl-process-steps__item :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p) + .adgnl-list{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adgnl-subsection{
  margin-top: clamp(40px, 3.385vw, 65px);
}
.adgnl-subsection__title{
  margin-bottom: clamp(16px, 1.25vw, 24px);
}
.adgnl-copy--emphasis{
  margin-top: clamp(12px, 1.042vw, 20px);
  font-weight: 700;
  color: var(--adgnl-heading);
}
.adgnl-subsection .adgnl-download-wrap{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.adgnl-subsection .adgnl-resource__label{
  margin: 0 0 clamp(8px, 0.625vw, 12px);
}
.adgnl-subsection .adgnl-download-wrap + :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p), .adgnl-subsection :is(.adgnl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-subsection > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-resource > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-process-steps__item li > p, .adgnl-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adgnl-content > .site-container > p) + .adgnl-download-wrap{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adgnl-closing-box{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding: clamp(32px, 2.604vw, 50px) clamp(24px, 2.083vw, 40px);
  border-radius: clamp(16px, 1.25vw, 24px);
  background: #e0edf9;
  text-align: center;
}
.adgnl-closing-box__message{
  margin: 0;
  color: #002046;
  font: 700 clamp(20px, 1.458vw, 28px) / 1.45 var(--font-sans);
}
.adgnl-closing-box__divider{
  width: 100%;
  margin: clamp(20px, 1.667vw, 32px) 0;
  border: 0;
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adgnl-closing-box .adgnl-disclaimer{
  margin: 0;
  text-align: left;
  font-size: clamp(16px, 1.042vw, 20px);
}
.adgnl-link{
  color: var(--adgnl-accent);
  text-decoration: underline;
}
.adgnl-link:hover{
  opacity: 0.8;
}
.adgnl-prospectus-carousel{
  --adgnl-prospectus-card-w: clamp(280px, 28.125vw, 540px);
  --adgnl-prospectus-card-h: clamp(399px, 40.156vw, 771px);
  --adgnl-prospectus-card-pad-top: clamp(28px, 2.604vw, 50px);
  --adgnl-prospectus-img-w: clamp(202px, 20.26vw, 389px);
  --adgnl-prospectus-img-h: clamp(285px, 28.646vw, 550px);
  --adgnl-prospectus-arrow: clamp(44px, 3.542vw, 68px);
  --adgnl-prospectus-arrow-icon: clamp(14px, 1.146vw, 22px);
  width: 100%;
  margin-top: clamp(8px, 0.833vw, 16px);
}
.adgnl-prospectus-carousel__stage{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}
.adgnl-prospectus-carousel__col{
  position: relative;
  flex: 0 0 var(--adgnl-prospectus-card-w);
  width: var(--adgnl-prospectus-card-w);
  min-width: 0;
}
.adgnl-prospectus-carousel__card{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: var(--adgnl-prospectus-card-h);
  padding: var(--adgnl-prospectus-card-pad-top) clamp(20px, 1.979vw, 38px) clamp(24px, 2.083vw, 40px);
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 31, 62, 0.08);
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  opacity: 1;
  transition: box-shadow 0.25s ease;
}
.adgnl-prospectus-carousel__card:hover{
  box-shadow: 0 12px 32px rgba(20, 31, 62, 0.12);
}
.adgnl-prospectus-carousel__col--active .adgnl-prospectus-carousel__card{
  box-shadow: 0 12px 36px rgba(20, 31, 62, 0.12);
}
.adgnl-prospectus-carousel__figure{
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--adgnl-prospectus-img-w);
  height: var(--adgnl-prospectus-img-h);
  margin: 0;
  border: 2px solid #e0edf9;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.adgnl-prospectus-carousel__figure img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.adgnl-prospectus-carousel__caption{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  margin: clamp(20px, 1.875vw, 36px) 0 0;
  padding: 0 clamp(8px, 0.833vw, 16px);
  text-align: center;
}
.adgnl-prospectus-carousel__caption-line{
  display: block;
  width: 100%;
  color: #002046;
  font: normal normal 700 clamp(16px, 1.458vw, 28px) / clamp(20px, 1.875vw, 36px) var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
}
.adgnl-prospectus-carousel__arrow{
  position: absolute;
  top: var( --adgnl-prospectus-arrow-offset, calc(var(--adgnl-prospectus-card-pad-top) + (var(--adgnl-prospectus-img-h) / 2)) );
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--adgnl-prospectus-arrow);
  height: var(--adgnl-prospectus-arrow);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #1e3e8a;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.adgnl-prospectus-carousel__arrow--prev{
  right: 0;
  left: auto;
  transform: translate(50%, -50%);
}
.adgnl-prospectus-carousel__arrow--next{
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
}
.adgnl-prospectus-carousel__arrow--prev:active{
  transform: translate(50%, -50%) scale(0.96);
}
.adgnl-prospectus-carousel__arrow--next:active{
  transform: translate(-50%, -50%) scale(0.96);
}
.adgnl-prospectus-carousel__arrow img{
  display: block;
  width: var(--adgnl-prospectus-arrow-icon);
  height: auto;
}
.adgnl-prospectus-carousel__arrow:hover{
  opacity: 0.88;
}
.adgnl-prospectus-carousel__dots{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 0.625vw, 12px);
  margin-top: clamp(20px, 1.875vw, 36px);
}
.adgnl-prospectus-carousel__dot{
  width: clamp(10px, 0.625vw, 12px);
  height: clamp(10px, 0.625vw, 12px);
  padding: 0;
  border: 2px solid #1e3e8a;
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.adgnl-prospectus-carousel__dot.is-active{
  background: #1e3e8a;
}
.adgnl-download-wrap{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
}
.adgnl-download{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font: 500 var(--adgnl-body-size)/1.4 var(--font-sans);
  text-decoration: underline;
  color: var(--adgnl-accent);
}
.adgnl-download:hover{
  opacity: 0.8;
}
.adgnl-download .bi{
  font-size: 1.05em;
}
.adgnl-note{
  margin: 0;
  color: var(--adgnl-text);
  font: 300 var(--adgnl-body-size)/1.6 var(--font-sans);
}
.adgnl-note strong{
  font-weight: 700;
  color: var(--adgnl-heading);
}
.adgnl-table-wrap{
  overflow-x: auto;
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adgnl-table{
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  background: transparent;
  border: none;
}
.adgnl-table th, .adgnl-table td{
  padding: clamp(10px, 0.833vw, 16px) 0;
  border: none;
  font-family: var(--font-sans);
  font-size: var(--adgnl-body-size);
  line-height: 1.6;
  color: var(--adgnl-text);
  text-align: left;
  vertical-align: top;
  background: transparent;
}
.adgnl-table thead th{
  padding-bottom: clamp(12px, 1.042vw, 20px);
  font-weight: 700;
  color: var(--adgnl-heading);
}
.adgnl-table--overview col:nth-child(1){
  width: var(--adgnl-label-col);
}
.adgnl-table--overview col:nth-child(2){
  width: calc(100% - var(--adgnl-label-col));
}
.adgnl-table--overview{
  overflow: hidden;
  border: none;
  border-radius: clamp(8px, 0.625vw, 12px);
  background: #fff;
}
.adgnl-table--overview th, .adgnl-table--overview td{
  padding: clamp(14px, 1.042vw, 20px) clamp(16px, 1.25vw, 24px);
  border: none;
  text-align: left;
  vertical-align: top;
}
.adgnl-table--overview thead th:first-child, .adgnl-table--overview tbody th[scope="row"]{
  padding-left: clamp(28px, 2.604vw, 50px);
  padding-right: clamp(20px, 1.667vw, 32px);
}
.adgnl-table--overview thead th{
  background: #fff;
  font-weight: 700;
  color: var(--adgnl-heading);
}
.adgnl-table--overview tbody tr:nth-child(odd){
  background: #f0eeef;
}
.adgnl-table--overview tbody tr:nth-child(even){
  background: #e6e5e5;
}
.adgnl-table--overview tbody th[scope="row"]{
  text-align: left;
  font-weight: 700;
  color: var(--adgnl-heading);
}
.adgnl-table--overview tbody td{
  font-weight: 300;
}
.adgnl-resource + .adgnl-resource{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adgnl-resource__label{
  margin: 0 0 clamp(8px, 0.625vw, 12px);
  color: var(--adgnl-heading);
  font: 700 var(--adgnl-block-title-size)/1.35 var(--font-sans);
}
.adgnl-list + .adgnl-disclaimer{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.adgnl-disclaimer{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  color: var(--adgnl-text);
  font: 300 var(--adgnl-body-size)/1.6 var(--font-sans);
}
.adgnl-disclaimer strong{
  font-weight: 700;
  color: var(--adgnl-heading);
}
.adgnl-prospectus-carousel__arrow--prev-mobile, .adgnl-prospectus-carousel__arrow--next-mobile{
  display: none;
}
@media (max-width: 1023px) {
  .adgnl-prospectus-carousel__stage{
    justify-content: center;
    max-width: var(--adgnl-prospectus-card-w);
  }
  .adgnl-prospectus-carousel__col[data-prospectus-slot="prev"], .adgnl-prospectus-carousel__col[data-prospectus-slot="next"]{
    display: none;
  }
  .adgnl-prospectus-carousel__col--active{
    flex: 1 1 100%;
    width: 100%;
  }
  .adgnl-prospectus-carousel__col[data-prospectus-slot="prev"] .adgnl-prospectus-carousel__arrow--prev{
    display: none;
  }
  .adgnl-prospectus-carousel__col[data-prospectus-slot="next"] .adgnl-prospectus-carousel__arrow--next{
    display: none;
  }
  .adgnl-prospectus-carousel__arrow--prev-mobile, .adgnl-prospectus-carousel__arrow--next-mobile{
    display: inline-flex;
  }
  .adgnl-prospectus-carousel__col--active .adgnl-prospectus-carousel__arrow--prev, .adgnl-prospectus-carousel__col--active .adgnl-prospectus-carousel__arrow--prev-mobile{
    right: auto;
    left: 0;
    transform: translate(-50%, -50%);
  }
  .adgnl-prospectus-carousel__col--active .adgnl-prospectus-carousel__arrow--next-mobile{
    right: 0;
    left: auto;
    transform: translate(50%, -50%);
  }
  .adgnl-prospectus-carousel__col--active .adgnl-prospectus-carousel__arrow--prev:active, .adgnl-prospectus-carousel__col--active .adgnl-prospectus-carousel__arrow--prev-mobile:active{
    transform: translate(-50%, -50%) scale(0.96);
  }
  .adgnl-prospectus-carousel__col--active .adgnl-prospectus-carousel__arrow--next-mobile:active{
    transform: translate(50%, -50%) scale(0.96);
  }
}
@media (max-width: 767px) {
  .adgnl-content::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
  .adgnl-table--overview thead th:first-child, .adgnl-table--overview tbody th[scope="row"]{
    text-align: left;
    padding-right: clamp(12px, 3vw, 20px);
  }
  .adgnl-table th, .adgnl-table td{
    font-size: clamp(16px, 4vw, 18px);
  }
}
body[data-page="admissions-g1"] #footerMain, body[data-page="admissions-g1"] #footerBar{
  background: #141f3e;
}
.adg1-intro{
  position: relative;
  overflow: hidden;
  background: #e0edf9 no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
  opacity: 1;
}
.adg1-intro__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg1-procedures{
  position: relative;
  overflow: hidden;
  background: #f0eeef no-repeat padding-box;
}
.adg1-procedures::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.adg1-procedures__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg1-details{
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff no-repeat padding-box;
  opacity: 1;
}
.adg1-details__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.adg1-block + .adg1-block{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.adg1-intro + .adg1-procedures .adg1-procedures__inner{
  padding-top: clamp(24px, 2.083vw, 40px);
}
.adg1-copy--footnote{
  margin-top: clamp(12px, 1.042vw, 20px);
  color: var(--adg1-text);
  font: 300 clamp(16px, 1.042vw, 20px)/1.55 var(--font-sans);
}
.adg1-briefing{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.adg1-briefing__card{
  width: 100%;
  max-width: 1788px;
  margin-inline: auto;
  padding: clamp(28px, 2.604vw, 50px) clamp(24px, 2.083vw, 40px);
  background: rgba(224, 237, 249, 0.5);
  border-radius: 10px;
}
.adg1-briefing__header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(16px, 1.563vw, 30px);
  margin-bottom: clamp(20px, 1.563vw, 30px);
}
.adg1-briefing__title{
  margin: 0;
  flex: 1;
  min-width: 0;
  color: #f19300;
  font: normal normal bold clamp(24px, 1.667vw, 32px) / clamp(28px, 1.875vw, 36px) var(--font-sans);
  letter-spacing: 0;
}
.adg1-briefing__toggle{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(36px, 2.604vw, 50px);
  height: clamp(36px, 2.604vw, 50px);
  border: none;
  border-radius: 50%;
  background: #002046;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.adg1-briefing__toggle:hover{
  opacity: 0.88;
}
.adg1-briefing__toggle svg{
  transition: transform 0.25s ease;
}
.adg1-briefing__card.is-collapsed .adg1-briefing__toggle svg{
  transform: rotate(180deg);
}
.adg1-briefing__card.is-collapsed .adg1-briefing__body{
  display: none;
}
.adg1-briefing__bold{
  margin: 0 0 clamp(12px, 1.042vw, 20px);
  color: #002046;
  font: normal normal bold clamp(22px, 1.458vw, 28px) / clamp(28px, 1.875vw, 36px) var(--font-sans);
  letter-spacing: 0;
}
.adg1-briefing__fine{
  margin: 0 0 clamp(12px, 1.042vw, 20px);
  color: #353f4c;
  font: normal normal 300 clamp(18px, 1.146vw, 22px) / clamp(26px, 1.667vw, 32px) var(--font-sans);
  letter-spacing: 0;
}
.adg1-briefing__fine strong, .adg1-briefing__fine u{
  font-weight: 700;
  color: #002046;
}
.adg1-briefing__italic{
  font-style: italic;
}
.adg1-briefing__divider{
  margin: clamp(20px, 1.563vw, 30px) 0;
  border: none;
  border-top: 1px solid rgba(53, 63, 76, 0.2);
}
.adg1-briefing__rules-wrap{
  margin: 0 0 clamp(12px, 1.042vw, 20px);
}
.adg1-briefing__rules-link{
  color: #002046;
  font: normal normal bold clamp(22px, 1.458vw, 28px) / clamp(28px, 1.875vw, 36px) var(--font-sans);
  letter-spacing: 0;
  text-decoration: underline;
}
.adg1-briefing__rules-link:hover{
  opacity: 0.85;
}
.adg1-briefing__list{
  margin: 0;
  padding-left: 1.35em;
  color: #353f4c;
  font: normal normal 300 clamp(18px, 1.146vw, 22px) / clamp(26px, 1.667vw, 32px) var(--font-sans);
  letter-spacing: 0;
}
.adg1-briefing__list li + li{
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg1-briefing__list strong, .adg1-briefing__list u{
  font-weight: 700;
  color: #002046;
}
.adg1-privacy-list{
  color: #7d7d7d;
  font: 300 clamp(16px, 1.042vw, 20px)/1.55 var(--font-sans);
}
.adg1-privacy-list li + li{
  margin-top: 0.35em;
}
.adg1-block.adg1-block--divider{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adg1-section__title{
  margin: 0 0 clamp(32px, 2.604vw, 50px);
  color: #1e3e8a;
  font-family: var(--font-sans);
  font-size: var(--adg1-section-title-size);
  font-weight: 500;
  font-style: normal;
  line-height: var(--adg1-section-title-leading);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
.adg1-block__title + .adg1-table-wrap, .adg1-section__title + .adg1-table-wrap{
  margin-top: 0;
}
.adg1-block__title + .adg1-block__title{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adg1-block__title + .adg1-download-wrap{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adg1-block__title{
  margin: 0 0 clamp(12px, 1.042vw, 20px);
  color: #002046;
  font-family: var(--font-sans);
  font-size: var(--adg1-block-title-size);
  font-weight: 700;
  font-style: normal;
  line-height: var(--adg1-block-title-size);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
:is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: var(--adg1-text);
  font: 300 var(--adg1-body-size)/1.55 var(--font-sans);
}
.adg1-subjects-medium{
  color: var(--adg1-heading);
  font-weight: 500;
}
:is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg1-list, .adg1-list + :is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg1-download-wrap, :is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg1-table-wrap, .adg1-table-wrap + :is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg1-list{
  margin: 0;
  padding-left: 1.25em;
  color: var(--adg1-text);
  font: 300 var(--adg1-body-size)/1.55 var(--font-sans);
}
.adg1-list li + li{
  margin-top: 0.35em;
}
.adg1-list--ordered{
  list-style: decimal;
}
.adg1-list--plain{
  list-style: disc;
}
.adg1-link{
  color: var(--adg1-accent);
  text-decoration: underline;
}
.adg1-link:hover{
  opacity: 0.8;
}
.adg1-download-wrap{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
}
.adg1-download{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font: 500 var(--adg1-body-size)/1.4 var(--font-sans);
  text-decoration: underline;
  color: var(--adg1-accent);
}
.adg1-download:hover{
  opacity: 0.8;
}
.adg1-download .bi{
  font-size: 1.05em;
}
.adg1-table-wrap{
  overflow-x: auto;
}
.adg1-table{
  width: 100%;
  min-width: 900px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: 10px;
  overflow: hidden;
}
.adg1-table th, .adg1-table td{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: none;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  font-family: var(--font-sans);
  font-size: var(--adg1-body-size);
  line-height: 1.45;
  color: var(--adg1-text);
  text-align: left;
  vertical-align: top;
  background: #fff;
}
.adg1-table tbody tr:last-child th, .adg1-table tbody tr:last-child td{
  border-bottom: none;
}
.adg1-table thead th{
  font-weight: 700;
  background: #fff;
}
.adg1-table--procedure col:nth-child(1){
  width: 24%;
}
.adg1-table--procedure col:nth-child(2){
  width: 20%;
}
.adg1-table--procedure col:nth-child(3){
  width: 22%;
}
.adg1-table--procedure col:nth-child(4){
  width: 34%;
}
.adg1-table--procedure thead th:first-child, .adg1-table--procedure tbody th[scope="row"]{
  padding-left: clamp(28px, 2.604vw, 50px);
}
.adg1-table--procedure thead th:not(:last-child), .adg1-table--procedure tbody th[scope="row"], .adg1-table--procedure tbody td:not(:last-child){
  border-right: 1px solid rgba(53, 63, 76, 0.16);
}
.adg1-table--procedure tbody td.adg1-table__online{
  text-align: center;
  vertical-align: middle;
}
.adg1-table--procedure .adg1-table__online-link{
  display: inline-block;
  font-weight: 500;
  color: var(--adg1-accent);
  text-decoration: underline;
}
.adg1-table--procedure .adg1-table__online-text{
  display: inline-block;
  font-weight: 500;
  color: var(--adg1-heading);
  text-align: center;
}
.adg1-table--procedure tbody th[scope="row"]{
  font-weight: 700;
}
.adg1-table--procedure .adg1-list{
  padding-left: 1.1em;
}
.adg1-table--procedure tbody tr:nth-child(odd) th, .adg1-table--procedure tbody tr:nth-child(odd) td{
  background: #f0eeef;
}
.adg1-table--procedure tbody tr:nth-child(even) th, .adg1-table--procedure tbody tr:nth-child(even) td{
  background: #e6e5e5;
}
.adg1-table--subjects col:nth-child(1), .adg1-table--subjects col:nth-child(2){
  width: 50%;
}
.adg1-table--subjects tbody th[scope="row"]{
  border-right: 1px solid rgba(53, 63, 76, 0.16);
  font-weight: 700;
}
.adg1-table--subjects tbody tr:first-child th{
  font-weight: 700;
  background: #fff;
}
.adg1-table--subjects tbody tr:nth-child(n + 2):nth-child(odd) th, .adg1-table--subjects tbody tr:nth-child(n + 2):nth-child(odd) td{
  background: #f0eeef;
}
.adg1-table--subjects tbody tr:nth-child(n + 2):nth-child(even) th, .adg1-table--subjects tbody tr:nth-child(n + 2):nth-child(even) td{
  background: #e6e5e5;
}
.adg1-list + :is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg1-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg1-content > .site-container > p, .adg1-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg1-disclaimer{
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg1-disclaimer{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
  color: var(--adg1-text);
  font: 300 var(--adg1-body-size)/1.55 var(--font-sans);
}
@media (max-width: 767px) {
  .adg1-procedures::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
}
body[data-page="admissions-grade-7"] #footerMain, body[data-page="admissions-grade-7"] #footerBar{
  background: #141f3e;
}
.adg7-intro{
  position: relative;
  overflow: hidden;
  background: #e0edf9 no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
  opacity: 1;
}
.adg7-intro__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg7-scholarship{
  position: relative;
  overflow: hidden;
  background: #f0eeef no-repeat padding-box;
}
.adg7-scholarship::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.adg7-scholarship__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(40px, 3.385vw, 65px));
}
.adg7-intro + .adg7-scholarship .adg7-scholarship__inner{
  padding-top: clamp(24px, 2.083vw, 40px);
}
.adg7-details{
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff no-repeat padding-box;
  opacity: 1;
}
.adg7-details.adg7-details--video-playing{
  overflow: visible;
}
.adg7-details__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.adg7-block + .adg7-block{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.adg7-block.adg7-block--divider{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adg7-section__title{
  margin: 0 0 clamp(32px, 2.604vw, 50px);
  color: #1e3e8a;
  font-family: var(--font-sans);
  font-size: var(--adg7-section-title-size);
  font-weight: 500;
  font-style: normal;
  line-height: var(--adg7-section-title-leading);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
.adg7-block__title + .adg7-table-wrap, .adg7-section__title + .adg7-table-wrap{
  margin-top: 0;
}
.adg7-block__title + .adg7-block__title{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adg7-block__title + .adg7-download-wrap{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.adg7-block__title{
  margin: 0 0 clamp(12px, 1.042vw, 20px);
  color: #002046;
  font-family: var(--font-sans);
  font-size: var(--adg7-block-title-size);
  font-weight: 700;
  font-style: normal;
  line-height: var(--adg7-block-title-size);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
:is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: var(--adg7-text);
  font: 300 var(--adg7-body-size)/1.55 var(--font-sans);
}
.adg7-subjects-medium{
  color: var(--adg7-heading);
  font-weight: 500;
}
:is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg7-list, .adg7-list + :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg7-download-wrap, :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg7-table-wrap, .adg7-table-wrap + :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg7-list{
  margin: 0;
  padding-left: 1.25em;
  color: var(--adg7-text);
  font: 300 var(--adg7-body-size)/1.55 var(--font-sans);
}
.adg7-list li + li{
  margin-top: 0.35em;
}
.adg7-list--ordered{
  list-style: decimal;
}
.adg7-list--plain{
  list-style: disc;
}
.adg7-link{
  color: var(--adg7-accent);
  text-decoration: underline;
}
.adg7-link:hover{
  opacity: 0.8;
}
.adg7-download-wrap{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
}
.adg7-download{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font: 500 var(--adg7-body-size)/1.4 var(--font-sans);
  text-decoration: underline;
  color: var(--adg7-accent);
}
.adg7-download:hover{
  opacity: 0.8;
}
.adg7-download .bi{
  font-size: 1.05em;
}
.adg7-table-wrap{
  overflow-x: auto;
}
.adg7-table{
  width: 100%;
  min-width: 640px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: 10px;
  overflow: hidden;
}
.adg7-table th, .adg7-table td{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: none;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  font-family: var(--font-sans);
  font-size: var(--adg7-body-size);
  line-height: 1.45;
  color: var(--adg7-text);
  text-align: left;
  vertical-align: top;
  background: #fff;
}
.adg7-table tbody tr:last-child th, .adg7-table tbody tr:last-child td{
  border-bottom: none;
}
.adg7-table thead th{
  font-weight: 700;
  background: #fff;
}
.adg7-table--procedure col:nth-child(1){
  width: 28%;
}
.adg7-table--procedure col:nth-child(2){
  width: 22%;
}
.adg7-table--procedure col:nth-child(3){
  width: 50%;
}
.adg7-table--procedure thead th:not(:last-child), .adg7-table--procedure tbody th[scope="row"], .adg7-table--procedure tbody td:not(:last-child){
  border-right: 1px solid rgba(53, 63, 76, 0.16);
}
.adg7-table--procedure tbody th[scope="row"]{
  font-weight: 700;
}
.adg7-table--procedure .adg7-list{
  padding-left: 1.1em;
}
.adg7-table--procedure tbody tr:nth-child(odd) th, .adg7-table--procedure tbody tr:nth-child(odd) td{
  background: #f0eeef;
}
.adg7-table--procedure tbody tr:nth-child(even) th, .adg7-table--procedure tbody tr:nth-child(even) td{
  background: #e6e5e5;
}
.adg7-table--subjects col:nth-child(1), .adg7-table--subjects col:nth-child(2){
  width: 50%;
}
.adg7-table--subjects tbody th[scope="row"]{
  border-right: 1px solid rgba(53, 63, 76, 0.16);
  font-weight: 700;
}
.adg7-table--subjects tbody tr:first-child th{
  font-weight: 700;
  background: #fff;
}
.adg7-table--subjects tbody tr:nth-child(n + 2):nth-child(odd) th, .adg7-table--subjects tbody tr:nth-child(n + 2):nth-child(odd) td{
  background: #f0eeef;
}
.adg7-table--subjects tbody tr:nth-child(n + 2):nth-child(even) th, .adg7-table--subjects tbody tr:nth-child(n + 2):nth-child(even) td{
  background: #e6e5e5;
}
.adg7-list + :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg7-disclaimer{
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg7-disclaimer{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
  color: var(--adg7-text);
  font: 300 var(--adg7-body-size)/1.55 var(--font-sans);
}
.adg7-list--alpha{
  list-style: upper-alpha;
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adg7-notes-list > li + li{
  margin-top: clamp(20px, 1.563vw, 30px);
}
.adg7-section__title + :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: 0;
}
.adg7-scholarship__inner > :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg7-block{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.adg7-section__title + .adg7-block{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.adg7-scholarship :is(.adg7-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adg7-scholarship > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .adg7-block{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.adg7-tour__group + .adg7-tour__group{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.adg7-tour__heading, .adg7-tour__video-title{
  margin: 0 0 clamp(24px, 2.083vw, 50px);
  color: #1e3e8a;
  font-family: var(--font-sans);
  font-size: var(--adg7-section-title-size);
  font-weight: 500;
  font-style: normal;
  line-height: var(--adg7-section-title-leading);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
.adg7-tour__banner{
  display: block;
  width: 100%;
  max-width: 1788px;
  aspect-ratio: 1788 / 320;
  margin-top: 0;
  overflow: hidden;
  border-radius: 16px;
  opacity: 1;
}
.adg7-tour__banner img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  opacity: 1;
}
.adg7-video{
  position: relative;
  width: 100%;
  max-width: 1788px;
  margin-top: 0;
  aspect-ratio: 1788 / 1006;
  overflow: hidden;
  border-radius: 16px;
  background: #e0edf9;
  opacity: 1;
}
.adg7-video__activate{
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.adg7-video__activate[hidden]{
  display: none !important;
}
.adg7-video__thumb{
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.adg7-video__play{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(56px, 4.583vw, 88px);
  height: clamp(56px, 4.583vw, 88px);
  border-radius: 50%;
  background: #44defe;
  box-shadow: 0 8px 24px rgba(0, 32, 70, 0.18);
  pointer-events: none;
}
.adg7-video__play-icon{
  display: block;
  width: clamp(22px, 1.667vw, 32px);
  height: clamp(22px, 1.667vw, 32px);
  margin-left: 4%;
  color: #002046;
}
.adg7-video__media{
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
  background: #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
/* 已开始播放后：画面保持可见（含暂停帧） */
.adg7-video.has-started .adg7-video__media{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
/* 播放中：隐藏自定义播放按钮 */
.adg7-video.is-playing .adg7-video__activate{
  display: none !important;
}
/* 暂停（页面内）：露出自定义播放钮叠在当前画面上，不盖回 poster */
.adg7-video.has-started:not(.is-playing) .adg7-video__activate{
  display: flex;
  background: rgba(0, 32, 70, 0.18);
}
.adg7-video.has-started:not(.is-playing) .adg7-video__thumb{
  display: none;
}
/*
  不要给暂停态 video 设 pointer-events:none。
  原生全屏的是 <video> 本身，自定义按钮不在全屏层里；
  若禁掉 video 点击，全屏暂停会完全点不动。
*/
.adg7-tour + .adg7-block{
  margin-top: clamp(48px, 4.167vw, 80px);
}
@media (max-width: 767px) {
  .adg7-scholarship::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
}
body[data-page="admissions-scholarship-programmes"] #footerMain, body[data-page="admissions-scholarship-programmes"] #footerBar{
  background: #141f3e;
}
.adsch-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.adsch-content::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 60px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  pointer-events: none;
  z-index: 0;
}
.adsch-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(56px, 4.688vw, 90px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.adsch-intro{
  margin: 0 0 clamp(48px, 4.167vw, 80px);
  color: var(--adsch-text);
  font: 300 var(--adsch-body-size)/1.55 var(--font-sans);
}
.adsch-section + .adsch-section{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adsch-section__title{
  margin: 0 0 clamp(16px, 1.458vw, 28px);
  color: var(--adsch-blue);
  font: 500 var(--adsch-section-title-size)/1.15 var(--font-sans);
}
.adsch-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin: 0;
  color: var(--adsch-text);
  font: 300 var(--adsch-body-size)/1.55 var(--font-sans);
}
.adsch-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) strong{
  font-weight: 700;
}
.adsch-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .adsch-list, .adsch-list + .adsch-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adsch-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .adsch-flow{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.adsch-flow{
  margin: clamp(24px, 2.083vw, 40px) 0 0;
  padding: 0;
}
.adsch-flow__image{
  display: block;
  width: 100%;
  height: auto;
}
.adsch-list + .adsch-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin-top: clamp(12px, 1.042vw, 20px);
}
.adsch-list{
  margin: 0;
  padding-left: 1.25em;
  color: var(--adsch-text);
  font: 300 var(--adsch-body-size)/1.55 var(--font-sans);
}
.adsch-list li + li{
  margin-top: 0.35em;
}
.adsch-list--plain{
  list-style: disc;
}
.adsch-list--plain li::marker{
  color: var(--adsch-accent);
}
.adsch-section--download{
  padding-bottom: clamp(8px, 0.833vw, 16px);
}
.adsch-section--download .adsch-section__title{
  margin-bottom: clamp(20px, 1.875vw, 36px);
}
.adsch-download-wrap{
  margin: 0;
}
.adsch-download-wrap + .adsch-section__note{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adsch-section__note{
  margin: 0;
  padding: 0;
  border: none;
  color: var(--adsch-text);
  font: 300 clamp(16px, 1.042vw, 20px)/1.5 var(--font-sans);
}
.adsch-download{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font: 500 var(--adsch-body-size)/1.4 var(--font-sans);
  text-decoration: underline;
  color: var(--adsch-accent);
}
.adsch-download:hover{
  opacity: 0.8;
}
.adsch-download .bi{
  font-size: 1.05em;
}
@media (max-width: 767px) {
  .adsch-content::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
  .adsch-flow{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .adsch-flow__image{
    min-width: 640px;
  }
}
body[data-page="admissions-financial-assistance"] #footerMain, body[data-page="admissions-financial-assistance"] #footerBar{
  background: #141f3e;
}
.adfa-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.adfa-content::before{
  content: "";
  position: absolute;
  top: clamp(12px, 1.042vw, 20px);
  right: clamp(24px, 3.125vw, 60px);
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  opacity: 0.42;
  pointer-events: none;
  z-index: 0;
}
.adfa-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(56px, 4.688vw, 90px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.adfa-intro{
  margin: 0 0 clamp(48px, 4.167vw, 80px);
  color: var(--adfa-text);
  font: 300 var(--adfa-body-size)/1.55 var(--font-sans);
}
.adfa-section + .adfa-section{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(53, 63, 76, 0.16);
}
.adfa-section__title{
  margin: 0 0 clamp(16px, 1.458vw, 28px);
  color: var(--adfa-blue);
  font: 500 var(--adfa-section-title-size)/1.15 var(--font-sans);
}
.adfa-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin: 0;
  color: var(--adfa-text);
  font: 300 var(--adfa-body-size)/1.55 var(--font-sans);
}
.adfa-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) strong{
  font-weight: 700;
}
.adfa-cards{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, var(--adfa-card-width)));
  gap: var(--adfa-card-gap);
  margin-top: clamp(20px, 1.875vw, 36px);
}
.adfa-card{
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  min-height: var(--adfa-card-min-height);
  border-radius: var(--adfa-card-radius);
  padding: clamp(28px, 2.344vw, 45px) clamp(24px, 1.875vw, 36px);
  color: #fff;
}
.adfa-card--fr{
  background: var(--adfa-fr);
}
.adfa-card--fas{
  background: var(--adfa-blue);
}
.adfa-card--wkffa{
  background: var(--adfa-navy);
}
.adfa-card__title{
  margin: 0 0 clamp(14px, 1.25vw, 24px);
  font: 700 var(--adfa-card-title-size)/1.3 var(--font-sans);
  text-align: center;
}
.adfa-card > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adfa-card__list{
  flex: 1;
}
.adfa-card > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin: 0;
  font: 300 var(--adfa-card-body-size)/1.45 var(--font-sans);
}
.adfa-card__list{
  margin: 0;
  padding-left: 1.15em;
  font: 300 var(--adfa-card-body-size)/1.45 var(--font-sans);
}
.adfa-card__list li + li{
  margin-top: 0.65em;
}
.adfa-card__list li::marker{
  color: #fff;
}
.adfa-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .adfa-estimator-wrap{
  margin-top: clamp(16px, 1.458vw, 28px);
}
.adfa-estimator-wrap{
  margin: 0;
}
.adfa-estimator, .adfa-download{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: var(--adfa-accent-link-size);
  line-height: var(--adfa-accent-link-leading);
  letter-spacing: 0;
  text-align: left;
  text-decoration: none;
  color: var(--adfa-accent);
}
.adfa-estimator:hover, .adfa-download:hover{
  opacity: 0.85;
}
.adfa-estimator .bi, .adfa-download .bi{
  flex-shrink: 0;
  font-size: var(--adfa-accent-link-size);
  line-height: 1;
}
.adfa-section--download{
  padding-bottom: clamp(8px, 0.833vw, 16px);
}
.adfa-section--download .adfa-section__title{
  margin-bottom: clamp(20px, 1.875vw, 36px);
}
.adfa-download-list{
  margin: 0;
  padding: 0;
  list-style: none;
}
.adfa-download-list li + li{
  margin-top: clamp(10px, 0.833vw, 16px);
}
.adfa-section__footnote:empty{
  display: none;
}
.adfa-section__footnote{
  margin: clamp(16px, 1.458vw, 28px) 0 0;
  color: var(--adfa-text);
  font: 300 clamp(15px, 0.99vw, 18px)/1.5 var(--font-sans);
}
.adfa-section__footnote + .adfa-section__note{
  margin-top: clamp(16px, 1.458vw, 28px);
}
.adfa-download-list + .adfa-section__footnote, .adfa-download-list + .adfa-section__note{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.adfa-section__note{
  margin: 0;
  padding: 0;
  border: none;
  color: var(--adfa-text);
  font: 300 clamp(16px, 1.042vw, 20px)/1.5 var(--font-sans);
}
@media (max-width: 1279px) {
  .adfa-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .adfa-cards{
    grid-template-columns: minmax(0, 1fr);
  }
  .adfa-estimator, .adfa-download{
    font-size: 18px;
    line-height: 24px;
    gap: 10px;
  }
  .adfa-estimator .bi, .adfa-download .bi{
    font-size: 18px;
  }
  .adfa-content::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
}
body[data-page="admissions-ncs-support"] #footerMain, body[data-page="admissions-ncs-support"] #footerBar{
  background: #141f3e;
}
.adncs-content{
  position: relative;
  overflow: hidden;
  background: #f0eeef;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.adncs-content::before{
  content: "";
  position: absolute;
  top: clamp(12px, 1.042vw, 20px);
  right: clamp(24px, 3.125vw, 60px);
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 56.563vw, 1086px);
  background: url("/assets/abouta-school/png/3.png") no-repeat right top / contain;
  opacity: 0.42;
  pointer-events: none;
  z-index: 0;
}
.adncs-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(56px, 4.688vw, 90px);
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
:is(.adncs-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adncs-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: var(--adncs-text);
  font: normal normal 300 var(--adncs-body-size) / var(--adncs-body-leading) var(--font-sans);
  letter-spacing: 0;
  text-align: left;
}
:is(.adncs-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adncs-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.adncs-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .adncs-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: clamp(16px, 1.25vw, 24px);
}
body[data-page="admissions-ncs-support"] .adncs-copy--above-gallery{
  margin-top: clamp(24px, 2.083vw, 40px);
  color: #131313;
  text-align: center;
}
.content-gallery{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--adncs-gallery-gap);
  box-sizing: border-box;
  width: min(100%, var(--adncs-gallery-shell-w));
  min-height: var(--adncs-gallery-shell-min-h);
  margin-inline: auto;
  margin-top: clamp(24px, 2.083vw, 40px);
  padding: var(--adncs-gallery-pad-y) var(--adncs-gallery-pad-x);
  border-radius: 10px;
  background: var(--campus-carousel-bg);
}
.content-gallery__main{
  flex: 1 1 var(--adncs-gallery-main-w);
  width: min(100%, var(--adncs-gallery-main-w));
  max-width: var(--adncs-gallery-main-w);
  height: var(--adncs-gallery-main-h);
  min-height: var(--adncs-gallery-main-h);
  margin: 0;
}
.content-gallery__caption{
  margin: clamp(12px, 0.729vw, 14px) 0 0;
  color: #131313;
  font: normal normal 400 var(--adncs-caption-size) / 1.29 var(--font-sans);
  letter-spacing: 0;
  text-align: center;
  text-transform: capitalize;
}
.content-gallery__controls{
  display: flex;
  flex: 0 0 var(--adncs-gallery-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  width: var(--adncs-gallery-thumb-w);
  min-height: var(--adncs-gallery-main-h);
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--campus-carousel-arrow-color);
  cursor: pointer;
  transition: opacity 180ms ease, color 180ms ease;
}
.content-gallery__arrow img{
  display: block;
  width: 17px;
  height: auto;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
  color: var(--campus-navy);
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: clamp(8px, 0.625vw, 12px) 0;
}
.content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--adncs-gallery-thumb-w);
  height: var(--adncs-gallery-thumb-h);
  aspect-ratio: 394 / 246;
  padding: clamp(4px, 0.417vw, 8px);
  border: 5px solid transparent;
  border-radius: 4px;
  background: var(--gallery-thumb-bg);
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--adncs-gallery-thumb-border);
  background: transparent;
}
.content-gallery__thumb img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1023px) {
  .content-gallery{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-height: 0;
    padding: clamp(20px, 4vw, 32px);
  }
  .content-gallery__controls{
    flex: none;
    flex-direction: row;
    width: 100%;
    min-height: 0;
    align-self: stretch;
  }
  .content-gallery__thumbs{
    flex-direction: row;
    flex: 1 1 auto;
    overflow-x: auto;
  }
  .content-gallery__thumb{
    flex: 0 0 min(42vw, var(--adncs-gallery-thumb-w));
  }
  .content-gallery__arrow--prev svg, .content-gallery__arrow--next svg,
  .content-gallery__arrow--prev .bi, .content-gallery__arrow--next .bi{
    transform: rotate(-90deg);
  }
}
@media (max-width: 767px) {
  .adncs-content::before{
    width: clamp(220px, 55vw, 420px);
    height: clamp(260px, 65vw, 520px);
    right: 16px;
    top: 12px;
    opacity: 0.35;
  }
  body[data-page="admissions-ncs-support"] .adncs-copy--above-gallery{
    text-align: left;
  }
}
body[data-page="about-contact-us"] .page-hero{
  padding-bottom: calc(var(--contact-hero-img-h) / 2);
}
.contact-content{
  position: relative;
  overflow: visible;
  background: #f0eeef no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
}
.contact-content::before{
  content: "";
  position: absolute;
  top: 95px;
  right: 65px;
  width: clamp(260px, 43.75vw, 840px);
  height: clamp(320px, 52.396vw, 1006px);
  background: url("/assets/contactus/png/1.png") no-repeat right top / contain padding-box;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.contact-content__inner{
  position: relative;
  z-index: 1;
  padding-bottom: calc(var(--radius-section) + clamp(56px, 5.729vw, 110px));
}
.contact-banner{
  width: var(--contact-hero-img-w);
  max-width: 100%;
  margin: 0 0 calc(var(--contact-banner-content-gap) - var(--contact-banner-half));
  position: relative;
  top: calc(var(--contact-banner-half) * -1 + clamp(20px, 2.083vw, 40px));
  z-index: 2;
}
.contact-banner + .contact-section{
  margin-top: clamp(20px, 2.083vw, 40px);
}
.contact-banner img{
  display: block;
  width: 100%;
  height: var(--contact-hero-img-h);
  object-fit: cover;
  border-radius: clamp(12px, 0.833vw, 16px);
}
.contact-section, .contact-office-section{
  position: relative;
  z-index: 1;
  margin-bottom: var(--contact-section-gap);
}
.contact-office-section:last-child{
  margin-bottom: 0;
}
.contact-section::after, .contact-office-section:not(:last-child)::after{
  content: "";
  position: absolute;
  top: 100%;
  left: calc(var(--gutter) * -1);
  right: calc(var(--gutter) * -1);
  height: var(--contact-divider-size);
  background: linear-gradient( var(--contact-divider-color), var(--contact-divider-color) ) center / 100% 1px no-repeat;
  pointer-events: none;
}
.contact-row-layout{
  display: grid;
  grid-template-columns: var(--contact-row-title-w) minmax(0, 1fr);
  gap: clamp(24px, 3.125vw, 60px);
  align-items: start;
}
.contact-row-layout__title{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(28px, 2.8125vw, 54px);
  font-weight: 500;
  line-height: clamp(36px, 3.75vw, 72px);
  color: #1e3e8a;
}
.contact-row-layout__title--office{
  font-size: clamp(22px, 1.667vw, 32px);
  line-height: clamp(28px, 2.083vw, 40px);
}
.contact-row-layout__body{
  min-width: 0;
}
.contact-info-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 3.125vw, 60px);
}
.contact-info-card__head{
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.042vw, 20px);
  margin: 0 0 clamp(12px, 1.042vw, 20px);
}
.contact-info-card__icon{
  display: block;
  width: clamp(48px, 3.542vw, 68px);
  height: clamp(48px, 3.542vw, 68px);
  flex-shrink: 0;
  object-fit: contain;
}
.contact-info-card__label{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 700;
  line-height: clamp(22px, 1.458vw, 28px);
  color: #1e3e8a;
}
.contact-info-card__text{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.042vw, 20px);
  font-weight: 300;
  line-height: clamp(24px, 1.563vw, 30px);
  color: #353f4c;
}
.contact-map{
  margin: 0 0 clamp(20px, 1.875vw, 36px);
}
.contact-map a{
  display: block;
  border-radius: clamp(12px, 0.833vw, 16px);
  overflow: hidden;
}
.contact-map img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1178 / 660;
  object-fit: cover;
}
.contact-transport__title{
  margin: 0 0 clamp(16px, 1.563vw, 30px);
  font-family: var(--font-sans);
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 700;
  line-height: clamp(22px, 1.458vw, 28px);
  color: #1e3e8a;
}
.contact-transport__list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: clamp(8px, 0.521vw, 10px);
  overflow: hidden;
}
.contact-transport__item{
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.042vw, 20px);
  padding: clamp(14px, 1.25vw, 24px) clamp(16px, 1.563vw, 30px);
  background: #fff;
  border-bottom: 1px solid rgba(53, 63, 76, 0.12);
}
.contact-transport__item:last-child{
  border-bottom: none;
}
.contact-transport__icon{
  display: block;
  width: clamp(28px, 2.083vw, 40px);
  height: auto;
  flex-shrink: 0;
  object-fit: contain;
}
.contact-transport__item p{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.042vw, 20px);
  font-weight: 300;
  line-height: clamp(24px, 1.563vw, 30px);
  color: #353f4c;
}
.contact-table{
  border: 1px solid var(--contact-divider-color);
  border-radius: clamp(8px, 0.521vw, 10px);
  overflow: hidden;
}
.contact-table__row{
  display: grid;
  grid-template-columns: var(--contact-table-label-w) minmax(0, 1fr);
  border-bottom: 1px solid var(--contact-divider-color);
}
.contact-table__row:last-child{
  border-bottom: none;
}
.contact-table__label, .contact-table__value{
  padding: clamp(14px, 1.25vw, 24px) clamp(16px, 1.563vw, 30px);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
.contact-table__label{
  background: #e8e6e7;
  border-right: 1px solid var(--contact-divider-color);
  font: normal normal 700 var(--contact-table-cell-size) / var(--contact-table-cell-lh) var(--font-sans);
  color: #353f4c;
}
.contact-table__value{
  background: #fff;
  font: normal normal 500 var(--contact-table-cell-size) / var(--contact-table-cell-lh) var(--font-sans);
  color: #353f4c;
}
.contact-table__value a{
  font: inherit;
  font-weight: 500;
  color: #1e3e8a;
  text-decoration: underline;
}
.contact-table__value a:hover{
  color: #1e3e8a;
  text-decoration: underline;
}
.contact-hours{
  margin: 0;
  padding: 0;
  list-style: none;
  font: inherit;
}
.contact-hours li{
  position: relative;
  padding-left: clamp(14px, 0.938vw, 18px);
  font: inherit;
}
.contact-hours li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: clamp(5px, 0.313vw, 6px);
  height: clamp(5px, 0.313vw, 6px);
  border-radius: 50%;
  background: #1e3e8a;
  transform: translateY(-50%);
}
.contact-hours li + li{
  margin-top: clamp(4px, 0.313vw, 6px);
}
@media (max-width: 1023px) {
  .contact-content::before{
    top: clamp(32px, 6vw, 60px);
    width: clamp(200px, 52vw, 400px);
    height: clamp(240px, 62vw, 480px);
  }
  .contact-row-layout{
    grid-template-columns: 1fr;
  }
  .contact-info-grid{
    grid-template-columns: 1fr;
  }
  .contact-table__row{
    grid-template-columns: 1fr;
  }
  .contact-table__label{
    padding-bottom: 8px;
    border-right: none;
    border-bottom: 1px solid var(--contact-divider-color);
  }
  .contact-table__value{
    padding-top: 0;
  }
}
@media (max-width: 639px) {
  .contact-content__inner{
    padding-bottom: calc(var(--radius-section) + 48px);
  }
}
:root{
  --font-serif: "Libre Baskerville", "Songti SC", "STSong", Georgia, serif;
  --color-primary-blue: #3268b0;
  --color-primary-accent: #3268b0;
  --color-primary-lavender: #f0f8ff;
}
.primary-hero{
  position: relative;
  overflow: hidden;
  height: min(100svh, 1022px);
  min-height: 560px;
  background: var(--color-navy);
  color: #fff;
}
@media (min-width: 1280px) {
  .primary-hero{
    height: clamp(720px, 53.2vw, 1022px);
  }
}
.primary-hero__stage{
  position: absolute;
  inset: 0;
  z-index: 0;
}
.primary-hero__bg{
  position: absolute;
  inset: 0;
  z-index: 0;
}
.primary-hero__slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0.8s ease;
  pointer-events: none;
}
.primary-hero__slide.is-active{
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.primary-hero__bg img,
.primary-hero__slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.primary-hero__dim{
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.42);
  pointer-events: none;
}
/* 桌面：底部加深渐变；移动端单独处理，避免串台导致底部留亮边 */
@media (min-width: 768px) {
  body[data-page="primary"] .primary-hero__dim{
    background: linear-gradient( 180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 52%, rgba(0, 0, 0, 0.52) 68%, rgba(0, 0, 0, 0.62) 82%, rgba(0, 0, 0, 0.7) 100% );
  }
  body[data-page="primary"] .primary-hero__bg img,
  body[data-page="primary"] .primary-hero__slide img{
    width: 100%;
    height: 112%;
    object-fit: cover;
    object-position: center top;
  }
}
.primary-hero__dots{
  position: absolute;
  left: 50%;
  bottom: calc(var(--scroll-hint-bottom) + clamp(52px, 4.5vw, 72px));
  z-index: 12;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transform: translateX(-50%);
}
.primary-hero__dots:not(:empty){
  display: flex;
}
.primary-hero__dots button{
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  background: transparent;
  box-sizing: border-box;
  cursor: pointer;
  transition: background .3s ease, border-color .3s ease;
}
.primary-hero__dots button.is-active{
  border-color: #fff;
  background: #fff;
}
.primary-hero__content{
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--gutter);
  text-align: center;
}
.primary-hero__title{
  font-size: var(--fs-hero);
  font-weight: 300;
  line-height: 1.05;
  color: #fff;
}
.primary-hero__desc{
  margin-top: clamp(10px, 0.781vw, 15px);
  max-width: 420px;
  font-size: var(--fs-link);
  font-weight: 300;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.95);
}
.scroll-hint--explore{
  flex-direction: column;
  gap: clamp(6px, 0.42vw, 8px);
}
.scroll-hint--explore .scroll-hint__label{
  min-width: auto;
  font-size: clamp(12px, 0.833vw, 16px);
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.scroll-hint__chevron{
  width: clamp(18px, 1.25vw, 24px);
  height: clamp(18px, 1.25vw, 24px);
}
.primary-hero .scroll-hint{
  bottom: var(--scroll-hint-bottom);
}
.primary-label{
  display: flex;
  align-items: center;
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(12px, 1.04vw, 20px);
  font-size: clamp(12px, 0.833vw, 16px);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary-blue);
}
.primary-label::before{
  content: '';
  width: 3px;
  height: 1.1em;
  border-radius: 2px;
  background: var(--color-primary-blue);
  flex-shrink: 0;
}
.primary-label--pipe::before{
  display: none;
}
.primary-label--pipe{
  gap: 0;
}
.primary-label--pipe::after{
  content: '|';
  margin-right: clamp(8px, 0.52vw, 10px);
  color: var(--color-primary-blue);
  font-weight: 400;
}
.primary-heading{
  font-family: var(--font-serif);
  font-size: clamp(28px, 2.5vw, 48px);
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-primary-blue);
}
.primary-heading--sm{
  font-size: clamp(24px, 2.083vw, 40px);
}
.primary-divider{
  width: clamp(48px, 4.167vw, 80px);
  height: 2px;
  margin: clamp(16px, 1.25vw, 24px) 0;
  border: 0;
  background: var(--color-primary-blue);
  opacity: 0.45;
}
.primary-text{
  font-size: clamp(15px, 1.042vw, 20px);
  font-weight: 300;
  line-height: 1.65;
  color: #4b5563;
}
.primary-section-title{
  margin-bottom: clamp(8px, 0.625vw, 12px);
  font-family: var(--font-serif);
  font-size: clamp(32px, 2.917vw, 56px);
  font-weight: 400;
  line-height: 1.15;
  color: var(--color-primary-blue);
}
.primary-section-head{
  margin-bottom: clamp(24px, 2.083vw, 40px);
}
.primary-cta{
  display: inline-flex;
  align-items: center;
  gap: clamp(10px, 0.73vw, 14px);
  margin-top: clamp(20px, 1.563vw, 30px);
  font-size: var(--fs-link);
  font-weight: 400;
  color: var(--color-primary-blue);
  transition: opacity .2s ease;
}
.primary-cta:hover{
  opacity: .8;
}
.primary-cta__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(36px, 2.604vw, 50px);
  height: clamp(36px, 2.604vw, 50px);
  border-radius: 999px;
  background: var(--color-primary-blue);
  color: #fff;
}
.primary-cta__icon svg{
  width: 45%;
  height: 45%;
}
.primary-cta--dark{
  color: var(--color-primary-blue);
}
.primary-cta--dark .primary-cta__icon{
  background: var(--color-primary-blue);
}
.primary-square-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(40px, 2.917vw, 56px);
  height: clamp(40px, 2.917vw, 56px);
  margin-top: clamp(20px, 1.563vw, 30px);
  margin-left: auto;
  border-radius: clamp(8px, 0.625vw, 12px);
  background: var(--color-primary-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-primary-blue) 18%, #fff);
  }
  color: var(--color-primary-blue);
  transition: background .2s ease;
}
.primary-square-btn:hover{
  background: var(--color-primary-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-primary-blue) 28%, #fff);
  }
}
.primary-square-btn svg{
  width: 45%;
  height: 45%;
}
.primary-students{
  position: relative;
  z-index: 6;
  background: #fff;
}
.primary-students__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 3.125vw, 60px);
  align-items: start;
}
@media (min-width: 1024px) {
  .primary-students__grid{
    grid-template-columns: minmax(0, 1093fr) minmax(0, 561fr);
    gap: clamp(40px, 3.646vw, 70px);
    align-items: center;
  }
}
.primary-students__media{
  position: relative;
  margin: 0;
  width: 100%;
  max-width: clamp(280px, 56.927vw, 1093px);
}
.primary-students__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1093 / 700;
  object-fit: cover;
}
.primary-students__caption{
  position: absolute;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: clamp(220px, 23.958vw, 460px);
  min-height: clamp(64px, 4.792vw, 92px);
  margin: 0;
  padding: clamp(12px, 0.938vw, 18px) clamp(14px, 1.042vw, 20px);
  background: #fff;
  font-family: var(--font-sans);
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0.8px;
  color: #0159ac;
}
.primary-label--students{
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(14px, 1.042vw, 20px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 700;
  line-height: 1.2857;
  letter-spacing: 2.8px;
  color: #4e5876;
}
.primary-label--students::before{
  width: 2px;
  height: 1em;
  border-radius: 0;
  background: #e8985c;
}
.primary-heading--students{
  font-family: var(--font-sans);
  font-size: clamp(26px, 2.083vw, 40px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  color: #0159ac;
}
.primary-divider--students{
  width: clamp(48px, 4.167vw, 80px);
  height: 1px;
  margin: clamp(18px, 1.354vw, 26px) 0;
  background: #cfd8e3;
  opacity: 1;
}
.primary-text--students{
  font-family: var(--font-sans);
  font-size: clamp(15px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.333;
  letter-spacing: 0;
  color: #353f4c;
}
.primary-cta--students{
  gap: clamp(10px, 0.833vw, 16px);
  margin-top: clamp(24px, 1.875vw, 36px);
  font-family: var(--font-sans);
  font-size: clamp(14px, 0.833vw, 16px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0;
  color: #02284c;
}
.primary-cta--students .primary-cta__asset{
  display: block;
  width: 56px;
  height: 28px;
  object-fit: contain;
}
.primary-curriculum{
  background: #f0f8ff;
}
.primary-section-head--curriculum{
  margin-bottom: clamp(24px, 2.083vw, 40px);
}
.primary-label--curriculum{
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(12px, 0.833vw, 16px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 700;
  line-height: 1.2857;
  letter-spacing: 2.8px;
  color: #4e5876;
}
.primary-label--curriculum::before{
  width: 2px;
  height: 1em;
  border-radius: 0;
  background: #e8985c;
}
.primary-section-title--curriculum{
  margin-bottom: 0;
  font-family: var(--font-sans);
  font-size: clamp(26px, 2.083vw, 40px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: capitalize;
  color: #0159ac;
}
.primary-curriculum__card{
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
@media (min-width: 1024px) {
  .primary-curriculum__card{
    grid-template-columns: minmax(0, 999fr) minmax(0, 789fr);
    align-items: stretch;
    max-height: clamp(320px, 27.188vw, 522px);
  }
}
.primary-curriculum__media{
  min-height: 0;
}
.primary-curriculum__media img{
  display: block;
  width: 100%;
  height: 100%;
  min-height: 240px;
  aspect-ratio: 999 / 522;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .primary-curriculum__media img{
    min-height: 0;
    aspect-ratio: auto;
  }
}
.primary-curriculum__panel{
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: clamp(280px, 27.188vw, 522px);
  padding: clamp(28px, 2.604vw, 50px) clamp(24px, 2.604vw, 50px) clamp(56px, 4.167vw, 80px);
  background: #fff;
}
.primary-curriculum__tag{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: clamp(14px, 1.042vw, 20px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  line-height: 1.2857;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: #4e5876;
}
.primary-curriculum__tag-strong{
  font-weight: 700;
}
.primary-curriculum__tag-sep, .primary-curriculum__tag-muted{
  font-weight: 500;
  opacity: 0.5;
}
.primary-curriculum__title{
  margin: 0 0 clamp(16px, 1.25vw, 24px);
  font-family: var(--font-sans);
  font-size: clamp(22px, 1.667vw, 32px);
  font-weight: 300;
  line-height: 1.3125;
  letter-spacing: 0;
  color: #0159ac;
}
.primary-curriculum__text{
  margin: 0;
  max-width: 36em;
  font-family: var(--font-sans);
  font-size: clamp(15px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.333;
  letter-spacing: 0;
  color: #353f4c;
}
.primary-curriculum__more{
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  line-height: 0;
  transition: opacity 0.2s ease;
}
.primary-curriculum__more:hover{
  opacity: 0.85;
}
.primary-curriculum__more img{
  display: block;
  width: clamp(48px, 4.167vw, 80px);
  height: auto;
  object-fit: contain;
}
.primary-development{
  background: #fff;
}
.primary-development__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 3.125vw, 60px);
  align-items: start;
}
@media (min-width: 1024px) {
  .primary-development__grid{
    grid-template-columns: minmax(0, 561fr) minmax(0, 1093fr);
    gap: clamp(40px, 3.646vw, 70px);
    align-items: center;
  }
}
.primary-development__media{
  position: relative;
  margin: 0;
  width: 100%;
  max-width: clamp(280px, 56.927vw, 1093px);
  justify-self: end;
}
.primary-development__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1093 / 593;
  object-fit: cover;
}
.primary-development__caption{
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: clamp(220px, 23.958vw, 460px);
  min-height: clamp(64px, 4.792vw, 92px);
  margin: 0;
  padding: clamp(12px, 0.938vw, 18px) clamp(14px, 1.042vw, 20px);
  background: #fff;
  font-family: var(--font-sans);
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0.8px;
  color: #0159ac;
}
.primary-label--development{
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(14px, 1.042vw, 20px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 700;
  line-height: 1.2857;
  letter-spacing: 2.8px;
  color: #4e5876;
}
.primary-label--development::before{
  width: 2px;
  height: 1em;
  border-radius: 0;
  background: #e8985c;
}
.primary-heading--development{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(26px, 2.083vw, 40px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  color: #0159ac;
}
.primary-divider--development{
  width: clamp(48px, 4.167vw, 80px);
  height: 1px;
  margin: clamp(18px, 1.354vw, 26px) 0;
  background: #cfd8e3;
  opacity: 1;
}
.primary-text--development{
  font-family: var(--font-sans);
  font-size: clamp(15px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.333;
  letter-spacing: 0;
  color: #353f4c;
}
.primary-cta--development{
  gap: clamp(10px, 0.833vw, 16px);
  margin-top: clamp(24px, 1.875vw, 36px);
  font-family: var(--font-sans);
  font-size: clamp(14px, 0.833vw, 16px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0;
  color: #02284c;
}
.primary-cta--development .primary-cta__asset{
  display: block;
  width: 56px;
  height: 28px;
  object-fit: contain;
}
.primary-ole{
  background: #f0f8ff;
}
.primary-ole__head{
  max-width: clamp(280px, 52vw, 1000px);
  margin-bottom: clamp(28px, 2.604vw, 50px);
}
.primary-label--ole{
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(12px, 0.833vw, 16px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 700;
  line-height: 1.2857;
  letter-spacing: 2.8px;
  color: #4e5876;
}
.primary-label--ole::before{
  width: 2px;
  height: 1em;
  border-radius: 0;
  background: #e8985c;
}
.primary-heading--ole{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(26px, 2.083vw, 40px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  color: #0159ac;
}
.primary-ole__carousel{
  position: relative;
  width: calc(100% + var(--gutter));
  margin-right: calc(-1 * var(--gutter));
  overflow: hidden;
}
.primary-ole__track{
  --ole-lift: clamp(36px, 3.75vw, 72px);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: clamp(14px, 1.25vw, 24px);
  min-height: calc(clamp(220px, 24.115vw, 463px) + var(--ole-lift) + clamp(64px, 5vw, 96px));
}
.primary-ole__slide{
  flex: 0 0 clamp(240px, 37.5vw, 720px);
  width: clamp(240px, 37.5vw, 720px);
  max-width: none;
  box-sizing: border-box;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0);
  transition: transform 0.45s ease, opacity 0.35s ease, visibility 0.35s ease;
}
.primary-ole__slide.is-prev, .primary-ole__slide.is-active, .primary-ole__slide.is-next{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.primary-ole__slide.is-prev{
  order: 1;
  transform: translateY(0);
}
.primary-ole__slide.is-active{
  order: 2;
  transform: translateY(calc(-1 * var(--ole-lift)));
  z-index: 2;
}
.primary-ole__slide.is-next{
  order: 3;
  transform: translateY(0);
}
.primary-ole__frame{
  overflow: hidden;
  background: transparent;
}
.primary-ole__frame img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 720 / 463;
  object-fit: cover;
}
.primary-ole__caption{
  margin: 0;
  min-height: clamp(48px, 5vw, 96px);
  padding-top: clamp(10px, 0.833vw, 16px);
  font-family: var(--font-sans);
  font-size: clamp(15px, 1.25vw, 24px);
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: -0.72px;
  color: #0159ac;
}
.primary-ole__controls{
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: calc(100% - var(--gutter));
  min-height: clamp(40px, 2.552vw, 49px);
  margin-top: clamp(8px, 1.042vw, 20px);
}
.primary-ole__arrows{
  grid-column: 1 / -1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: clamp(10px, 0.833vw, 16px);
  z-index: 1;
}
.primary-ole__arrow{
  display: block;
  width: clamp(40px, 2.552vw, 49px);
  height: clamp(40px, 2.552vw, 49px);
  padding: 0;
  border: 0;
  border-radius: 32px;
  background: transparent;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.primary-ole__arrow:hover{
  opacity: 0.85;
}
.primary-ole__arrow img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.primary-cta--ole{
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  gap: clamp(10px, 0.833vw, 16px);
  margin-top: 0;
  font-family: var(--font-sans);
  font-size: clamp(14px, 0.833vw, 16px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0;
  color: #02284c;
}
.primary-cta--ole .primary-cta__asset{
  display: block;
  width: clamp(64px, 4.792vw, 92px);
  height: auto;
  object-fit: contain;
}
@media (max-width: 1023px) {
  .primary-ole__carousel{
    width: 100%;
    margin-right: 0;
  }
  .primary-ole__track{
    --ole-lift: 0px;
    min-height: 0;
    justify-content: flex-start;
  }
  .primary-ole__slide{
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    transform: none !important;
  }
  .primary-ole__slide.is-prev, .primary-ole__slide.is-next{
    display: none;
  }
  .primary-ole__slide.is-active{
    display: block;
    order: 0;
  }
  .primary-ole__controls{
    display: flex;
    justify-content: space-between;
  }
  .primary-ole__arrows{
    grid-column: auto;
    grid-row: auto;
  }
  .primary-cta--ole{
    grid-column: auto;
    grid-row: auto;
    justify-self: auto;
    position: static;
    transform: none;
  }
}
body[data-page="primary"]{
  --color-primary-blue: #3268b0;
  --color-primary-blue-panel: #2a5f9f;
  --header-nav-bar-w: clamp(360px, 29.844vw, 573px);
}
body[data-page="primary"] .division-tab::after{
  background: #fff;
}
body[data-page="primary"] #siteHeader:hover, body[data-page="primary"] #siteHeader.is-scrolled{
  background: var(--color-primary-blue);
}
body[data-page="primary"] .division-panel, body[data-page="primary"] .header-menu-panel{
  background: var(--color-primary-blue-panel);
}
body[data-page="primary"] #footerMain, body[data-page="primary"] #footerBar{
  background: var(--color-primary-blue);
}
body[data-page="primary"] .footer-band__social-icons img{
  filter: none;
}
html{
  scroll-behavior: smooth;
}
body[data-page="primary-chinese-language"], body[data-page="primary-english-language"], body[data-page="primary-mathematics"], body[data-page="primary-integrated-science"], body[data-page="primary-liberal-arts"], body[data-page="primary-music"], body[data-page="primary-music-ensemble"], body[data-page="primary-physical-education"], body[data-page="primary-steam"], body[data-page="primary-modern-languages"], body[data-page="primary-visual-arts"], body[data-page="primary-e-learning"], body[data-page="primary-gifted-education"], body[data-page="primary-ole-highlights"]{
  --header-nav-bar-w: clamp(360px,29.844vw,573px);
  --pcl-header-offset: clamp(110px, 8.75vw, 156px);
  background: var(--pcl-bg);
  color: var(--pcl-text);
}
body[data-page="primary-chinese-language"] .division-tab:after, body[data-page="primary-english-language"] .division-tab:after, body[data-page="primary-mathematics"] .division-tab:after, body[data-page="primary-integrated-science"] .division-tab:after, body[data-page="primary-liberal-arts"] .division-tab:after, body[data-page="primary-music"] .division-tab:after, body[data-page="primary-music-ensemble"] .division-tab:after, body[data-page="primary-physical-education"] .division-tab:after, body[data-page="primary-steam"] .division-tab:after, body[data-page="primary-modern-languages"] .division-tab:after, body[data-page="primary-visual-arts"] .division-tab:after, body[data-page="primary-e-learning"] .division-tab:after, body[data-page="primary-gifted-education"] .division-tab:after{
  background: #fff;
}
body[data-page="primary-chinese-language"] #siteHeader, body[data-page="primary-english-language"] #siteHeader, body[data-page="primary-mathematics"] #siteHeader, body[data-page="primary-integrated-science"] #siteHeader, body[data-page="primary-liberal-arts"] #siteHeader, body[data-page="primary-music"] #siteHeader, body[data-page="primary-music-ensemble"] #siteHeader, body[data-page="primary-physical-education"] #siteHeader, body[data-page="primary-steam"] #siteHeader, body[data-page="primary-modern-languages"] #siteHeader, body[data-page="primary-visual-arts"] #siteHeader, body[data-page="primary-e-learning"] #siteHeader, body[data-page="primary-gifted-education"] #siteHeader{
  background: var(--pcl-blue);
  width: 100%;
  box-shadow: none;
  position: fixed;
  top: 0;
  left: 0;
}
body[data-page="primary-chinese-language"] #siteHeader .site-container, body[data-page="primary-english-language"] #siteHeader .site-container, body[data-page="primary-mathematics"] #siteHeader .site-container, body[data-page="primary-integrated-science"] #siteHeader .site-container, body[data-page="primary-liberal-arts"] #siteHeader .site-container, body[data-page="primary-music"] #siteHeader .site-container, body[data-page="primary-music-ensemble"] #siteHeader .site-container, body[data-page="primary-physical-education"] #siteHeader .site-container, body[data-page="primary-steam"] #siteHeader .site-container, body[data-page="primary-modern-languages"] #siteHeader .site-container, body[data-page="primary-visual-arts"] #siteHeader .site-container, body[data-page="primary-e-learning"] #siteHeader .site-container, body[data-page="primary-gifted-education"] #siteHeader .site-container{
  padding-top: clamp(18px,1.563vw,30px);
  padding-bottom: clamp(18px,1.458vw,28px);
}
body[data-page="primary-chinese-language"] .header-logo-text, body[data-page="primary-english-language"] .header-logo-text, body[data-page="primary-mathematics"] .header-logo-text, body[data-page="primary-integrated-science"] .header-logo-text, body[data-page="primary-liberal-arts"] .header-logo-text, body[data-page="primary-music"] .header-logo-text, body[data-page="primary-music-ensemble"] .header-logo-text, body[data-page="primary-physical-education"] .header-logo-text, body[data-page="primary-steam"] .header-logo-text, body[data-page="primary-modern-languages"] .header-logo-text, body[data-page="primary-visual-arts"] .header-logo-text, body[data-page="primary-e-learning"] .header-logo-text, body[data-page="primary-gifted-education"] .header-logo-text{
  color: #fff;
}
body[data-page="primary-chinese-language"] .division-panel, body[data-page="primary-chinese-language"] .header-menu-panel, body[data-page="primary-english-language"] .division-panel, body[data-page="primary-english-language"] .header-menu-panel, body[data-page="primary-mathematics"] .division-panel, body[data-page="primary-mathematics"] .header-menu-panel, body[data-page="primary-integrated-science"] .division-panel, body[data-page="primary-integrated-science"] .header-menu-panel, body[data-page="primary-liberal-arts"] .division-panel, body[data-page="primary-liberal-arts"] .header-menu-panel, body[data-page="primary-music"] .division-panel, body[data-page="primary-music"] .header-menu-panel, body[data-page="primary-music-ensemble"] .division-panel, body[data-page="primary-physical-education"] .division-panel, body[data-page="primary-steam"] .division-panel, body[data-page="primary-modern-languages"] .division-panel, body[data-page="primary-visual-arts"] .division-panel, body[data-page="primary-e-learning"] .division-panel, body[data-page="primary-gifted-education"] .division-panel, body[data-page="primary-gifted-education"] .header-menu-panel, body[data-page="primary-physical-education"] .header-menu-panel, body[data-page="primary-steam"] .header-menu-panel, body[data-page="primary-modern-languages"] .header-menu-panel, body[data-page="primary-visual-arts"] .header-menu-panel, body[data-page="primary-e-learning"] .header-menu-panel, body[data-page="primary-gifted-education"] .header-menu-panel{
  background: var(--pcl-blue-panel);
}
body[data-page="primary-chinese-language"] #siteHeader:hover, body[data-page="primary-chinese-language"] #siteHeader.is-scrolled, body[data-page="primary-english-language"] #siteHeader:hover, body[data-page="primary-english-language"] #siteHeader.is-scrolled, body[data-page="primary-mathematics"] #siteHeader:hover, body[data-page="primary-mathematics"] #siteHeader.is-scrolled, body[data-page="primary-integrated-science"] #siteHeader:hover, body[data-page="primary-integrated-science"] #siteHeader.is-scrolled, body[data-page="primary-liberal-arts"] #siteHeader:hover, body[data-page="primary-liberal-arts"] #siteHeader.is-scrolled, body[data-page="primary-music"] #siteHeader:hover, body[data-page="primary-music"] #siteHeader.is-scrolled, body[data-page="primary-music-ensemble"] #siteHeader:hover, body[data-page="primary-physical-education"] #siteHeader:hover, body[data-page="primary-steam"] #siteHeader:hover, body[data-page="primary-modern-languages"] #siteHeader:hover, body[data-page="primary-visual-arts"] #siteHeader:hover, body[data-page="primary-e-learning"] #siteHeader:hover, body[data-page="primary-gifted-education"] #siteHeader:hover, body[data-page="primary-gifted-education"] #siteHeader.is-scrolled, body[data-page="primary-physical-education"] #siteHeader.is-scrolled, body[data-page="primary-steam"] #siteHeader.is-scrolled, body[data-page="primary-modern-languages"] #siteHeader.is-scrolled, body[data-page="primary-visual-arts"] #siteHeader.is-scrolled, body[data-page="primary-e-learning"] #siteHeader.is-scrolled, body[data-page="primary-gifted-education"] #siteHeader.is-scrolled, body[data-page="primary-gifted-education"] #footerMain, body[data-page="primary-chinese-language"] #footerBar, body[data-page="primary-english-language"] #footerMain, body[data-page="primary-english-language"] #footerBar, body[data-page="primary-mathematics"] #footerMain, body[data-page="primary-mathematics"] #footerBar, body[data-page="primary-integrated-science"] #footerMain, body[data-page="primary-integrated-science"] #footerBar, body[data-page="primary-liberal-arts"] #footerMain, body[data-page="primary-liberal-arts"] #footerBar, body[data-page="primary-music"] #footerMain, body[data-page="primary-music"] #footerBar, body[data-page="primary-music-ensemble"] #footerMain, body[data-page="primary-physical-education"] #footerMain, body[data-page="primary-steam"] #footerMain, body[data-page="primary-modern-languages"] #footerMain, body[data-page="primary-visual-arts"] #footerMain, body[data-page="primary-e-learning"] #footerMain, body[data-page="primary-gifted-education"] #footerMain, body[data-page="primary-gifted-education"] #footerBar, body[data-page="primary-physical-education"] #footerBar, body[data-page="primary-steam"] #footerBar, body[data-page="primary-modern-languages"] #footerBar, body[data-page="primary-visual-arts"] #footerBar, body[data-page="primary-e-learning"] #footerBar, body[data-page="primary-gifted-education"] #footerBar{
  background: var(--pcl-blue);
}
body[data-page="primary-chinese-language"] .footer-band__social-icons img, body[data-page="primary-english-language"] .footer-band__social-icons img, body[data-page="primary-mathematics"] .footer-band__social-icons img, body[data-page="primary-integrated-science"] .footer-band__social-icons img, body[data-page="primary-liberal-arts"] .footer-band__social-icons img, body[data-page="primary-music"] .footer-band__social-icons img, body[data-page="primary-music-ensemble"] .footer-band__social-icons img, body[data-page="primary-physical-education"] .footer-band__social-icons img, body[data-page="primary-steam"] .footer-band__social-icons img, body[data-page="primary-modern-languages"] .footer-band__social-icons img, body[data-page="primary-visual-arts"] .footer-band__social-icons img, body[data-page="primary-e-learning"] .footer-band__social-icons img, body[data-page="primary-gifted-education"] .footer-band__social-icons img, body[data-page="primary-gifted-education"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-english-language"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-mathematics"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-integrated-science"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-liberal-arts"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-music"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-music-ensemble"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-physical-education"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-steam"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-modern-languages"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-visual-arts"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-e-learning"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="primary-gifted-education"] .footer-band__social-icons a.footer-social-link--xhs img{
  filter: none;
}
body[data-page="primary-chinese-language"] main, body[data-page="primary-english-language"] main, body[data-page="primary-mathematics"] main, body[data-page="primary-integrated-science"] main, body[data-page="primary-liberal-arts"] main, body[data-page="primary-music"] main, body[data-page="primary-music-ensemble"] main, body[data-page="primary-physical-education"] main, body[data-page="primary-steam"] main, body[data-page="primary-modern-languages"] main, body[data-page="primary-visual-arts"] main, body[data-page="primary-e-learning"] main, body[data-page="primary-gifted-education"] main{
  padding-top: var(--pcl-header-offset);
  background: var(--pcl-blue);
}
/* primary-reading-education: layout shell only (do not splice into gifted :is() lists) */
body[data-page="primary-reading-education"]{
  --header-nav-bar-w: clamp(360px,29.844vw,573px);
  --pcl-header-offset: clamp(110px, 8.75vw, 156px);
  background: var(--pcl-bg);
  color: var(--pcl-text);
}
body[data-page="primary-reading-education"] .division-tab:after{
  background: #fff;
}
body[data-page="primary-reading-education"] #siteHeader{
  background: var(--pcl-blue);
  width: 100%;
  box-shadow: none;
  position: fixed;
  top: 0;
  left: 0;
}
body[data-page="primary-reading-education"] #siteHeader .site-container{
  padding-top: clamp(18px,1.563vw,30px);
  padding-bottom: clamp(18px,1.458vw,28px);
}
body[data-page="primary-reading-education"] .header-logo-text{
  color: #fff;
}
body[data-page="primary-reading-education"] .division-panel,
body[data-page="primary-reading-education"] .header-menu-panel{
  background: var(--pcl-blue-panel);
}
body[data-page="primary-reading-education"] #siteHeader:hover,
body[data-page="primary-reading-education"] #siteHeader.is-scrolled,
body[data-page="primary-reading-education"] #footerMain,
body[data-page="primary-reading-education"] #footerBar{
  background: var(--pcl-blue);
}
body[data-page="primary-reading-education"] .footer-band__social-icons img,
body[data-page="primary-reading-education"] .footer-band__social-icons a.footer-social-link--xhs img{
  filter: none;
}
body[data-page="primary-reading-education"] main{
  padding-top: var(--pcl-header-offset);
  background: var(--pcl-blue);
}

body[data-page^="primary-"] .page-hero{
  background: var(--pcl-blue);
}
body[data-page^="primary-"] .page-hero.page-hero--crumb-only{
  padding-top: clamp(10px, 0.833vw, 16px);
  padding-bottom: 0;
}
body[data-page^="primary-"] .page-hero__divider{
  background: #ffffff52;
  width: 100%;
  height: 1px;
  margin-top: 0;
  margin-bottom: clamp(8px, 0.625vw, 12px);
}
body[data-page^="primary-"] .page-breadcrumb{
  color: #ffffffd1;
  align-items: center;
  gap: 10px;
  min-height: 0;
  padding-bottom: clamp(10px, 0.833vw, 16px);
  font-size: clamp(14px,.938vw,18px);
  display: flex;
}
body[data-page^="primary-"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page^="primary-"] .page-breadcrumb__sep{
  display: inline;
  width: auto;
  height: auto;
  color: inherit;
  opacity: 0.85;
  line-height: inherit;
  object-fit: unset;
}
body[data-page^="primary-"] .pcl-shell{
  background: #fff;
  border-radius: clamp(24px,2.083vw,40px) clamp(24px,2.083vw,40px) 0 0;
  width: 100%;
  margin-top: 0;
  overflow: hidden;
}
body[data-page^="primary-"] .pcl-shell.section-band{
  margin-top: 0;
}
body[data-page^="primary-"] .pcl-shell__inner{
  grid-template-columns: clamp(300px,21.25vw,408px) minmax(0,1fr);
  align-items: start;
  gap: clamp(36px,3.333vw,64px);
  padding-top: clamp(32px,2.604vw,50px);
  padding-bottom: clamp(72px,6.25vw,120px);
  display: grid;
}
body[data-page^="primary-"] .pcl-sidebar{
  background: var(--pcl-sidebar-bg);
  border-radius: 0 clamp(20px,1.563vw,30px) 0 0;
  overflow: hidden;
}
body[data-page^="primary-"] .pcl-sidebar__title{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: clamp(64px, 4.01vw, 77px);
  margin: 0;
  padding: 0 clamp(24px, 1.667vw, 32px);
  background: var(--pcl-blue);
  color: #fff;
  white-space: nowrap;
  font-size: clamp(18px, 1.25vw, 24px);
  line-height: clamp(24px, 1.615vw, 31px);
  font-weight: 600;
}
body[data-page^="primary-"] .pcl-sidebar__nav{
  padding: 0 clamp(14px,1.042vw,20px) clamp(14px,2.042vw,40px);
}
body[data-page^="primary-"] .pcl-sidebar__nav a{
  color: #4e5876;
  border-bottom: 1px solid #788eaa59;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: clamp(12px,.938vw,18px) clamp(12px,.833vw,16px);
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}
body[data-page^="primary-"] .pcl-sidebar__nav a:hover, body[data-page^="primary-"] .pcl-sidebar__nav a.is-active{
  color: var(--pcl-blue);
}
/* 小学部侧栏箭头：设计稿 PNG；未激活隐藏，激活/hover 显示 */
body[data-page^="primary-"] .pcl-sidebar__icon{
  display: inline-block;
  flex: 0 0 auto;
  width: clamp(18px, 1.25vw, 22px);
  height: clamp(18px, 1.25vw, 22px);
  aspect-ratio: 1 / 1;
  border: 0;
  border-radius: 0;
  background: url("/assets/primary/png/sidebar-arrow.png") center / contain no-repeat;
  opacity: 0;
  transition: opacity 0.2s ease;
}
body[data-page^="primary-"] .pcl-sidebar__icon:before,
body[data-page^="primary-"] .pcl-sidebar__icon:after{
  content: none;
  display: none;
}
body[data-page^="primary-"] .pcl-sidebar__nav a:hover .pcl-sidebar__icon,
body[data-page^="primary-"] .pcl-sidebar__nav a.is-active .pcl-sidebar__icon{
  opacity: 1;
}
body[data-page^="primary-"] .pcl-content{
  min-width: 0;
  max-width: none;
  padding-bottom: clamp(18px,1.458vw,28px);
}
body[data-page^="primary-"] .pcl-article__header{
  border-bottom: 1px solid #9dc1ea;
  margin-bottom: clamp(28px,2.083vw,40px);
  padding-bottom: clamp(14px,1.302vw,25px);
}
body[data-page^="primary-"] .pcl-article__title{
  color: #0159ac;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(24px,2.5vw + 14px,40px);
  line-height: 1.3;
  letter-spacing: 0;
  margin: 0;
}
body[data-page^="primary-"] .pcl-article__title--after-gallery{
  color: #131313;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: clamp(18px,1.5vw + 12px,24px);
  line-height: 1.3;
  letter-spacing: 0;
  margin: clamp(20px,1.563vw,30px) 0 12px;
}
body[data-page^="primary-"] .pcl-section{
  margin-bottom: clamp(32px,2.5vw,48px);
}
body[data-page^="primary-"] .pcl-section__title{
  color: #131313;
  font: normal normal 500 24px / 31px var(--font-sans);
  letter-spacing: 0;
  margin: 0 0 16px;
}
body[data-page^="primary-"] .pcl-section__subtitle{
  color: #353f4c;
  font: normal normal 500 18px / 28px var(--font-sans);
  letter-spacing: 0;
  margin: 16px 0 6px;
}
body[data-page^="primary-"] .pcl-subsection__title{
  color: #353f4c;
  font: normal normal 700 18px / 24px var(--font-sans);
  letter-spacing: 0;
  margin: clamp(20px,1.563vw,30px) 0 12px;
}
body[data-page^="primary-"] .pcl-section__title+.pcl-subsection__title{
  margin-top: clamp(20px,1.563vw,30px);
}
body[data-page^="primary-"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page^="primary-"] .pcl-bullets li, body[data-page^="primary-"] .pcl-numbered li, body[data-page^="primary-"] .pcl-lines li{
  color: #353f4c;
  font: normal normal 300 18px / 24px var(--font-sans);
  letter-spacing: 0;
}
body[data-page^="primary-"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p{
  margin: 0;
}
body[data-page^="primary-"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p{
  margin-top: 12px;
}
body[data-page^="primary-"] .pcl-bullets, body[data-page^="primary-"] .pcl-numbered, body[data-page^="primary-"] .pcl-lines{
  margin: 0;
  padding-left: 1.5em;
}
body[data-page^="primary-"] .pcl-bullets, body[data-page^="primary-"] .pcl-lines{
  list-style: circle;
}
body[data-page^="primary-"] .pcl-numbered{
  list-style: decimal;
}
body[data-page^="primary-"] .pcl-bullets li, body[data-page^="primary-"] .pcl-lines li, body[data-page^="primary-"] .pcl-numbered li{
  padding-left: .15em;
}
body[data-page^="primary-"] .pcl-bullets li+li, body[data-page^="primary-"] .pcl-numbered li+li, body[data-page^="primary-"] .pcl-lines li+li{
  margin-top: 2px;
}
body[data-page^="primary-"] .pcl-topic-block{
  margin-top: 8px;
}
body[data-page^="primary-"] .pcl-topic-block>.pcl-section__subtitle, body[data-page^="primary-"] .pcl-topic-block>.pcl-numbered, body[data-page^="primary-"] .pcl-topic-block>:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page^="primary-"] .pcl-topic-block>.pcl-bullets, body[data-page^="primary-"] .pcl-topic-block>.pcl-lines, body[data-page^="primary-"] .pcl-topic-block>.pcl-framework, body[data-page^="primary-"] .pcl-section>.pcl-topic-title~.pcl-section__subtitle, body[data-page^="primary-"] .pcl-section>.pcl-topic-title~.pcl-numbered, body[data-page^="primary-"] .pcl-section>.pcl-topic-title~:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page^="primary-"] .pcl-section>.pcl-topic-title~.pcl-bullets, body[data-page^="primary-"] .pcl-section>.pcl-topic-title~.pcl-lines, body[data-page^="primary-"] .pcl-section>.pcl-topic-title~.pcl-section__subtitle+.pcl-bullets, body[data-page^="primary-"] .pcl-section>.pcl-topic-title~.pcl-section__subtitle+.pcl-numbered, body[data-page^="primary-"] .pcl-section>.pcl-topic-title~.pcl-section__subtitle+.pcl-lines, body[data-page^="primary-"] .pcl-topic-block>.pcl-section__subtitle+.pcl-bullets, body[data-page^="primary-"] .pcl-topic-block>.pcl-section__subtitle+.pcl-numbered, body[data-page^="primary-"] .pcl-topic-block>.pcl-section__subtitle+.pcl-lines{
  margin-left: 20px;
}
body[data-page^="primary-"] .content-gallery{
  grid-template-columns: minmax(0,892px) minmax(0,284px);
  justify-content: center;
  align-items: center;
  gap: clamp(18px,1.563vw,30px);
  margin-bottom: 0;
  display: grid;
}
body[data-page^="primary-"] .content-gallery__main, body[data-page^="primary-"] .pcl-framework, body[data-page^="primary-"] .pcl-photo-strip figure{
  margin: 0;
}
body[data-page^="primary-"] .content-gallery__main img, body[data-page^="primary-"] .pcl-framework img, body[data-page^="primary-"] .pcl-photo-strip img{
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
body[data-page^="primary-"] .content-gallery-shell{
  background: #f0f8ff;
  border-radius: 10px;
  width: min(100%,1289px);
  min-height: 715px;
  margin-bottom: 0;
  padding: clamp(24px,2.083vw,40px);
}
body[data-page^="primary-"] .content-gallery__controls{
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(16px,1.25vw,24px);
  width: 284px;
  min-height: 605px;
  display: flex;
}
body[data-page^="primary-"] .content-gallery__arrow{
  width: 32px;
  height: 32px;
  color: var(--pcl-blue);
  cursor: pointer;
  background: 0 0;
  border: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: opacity .18s;
  display: inline-flex;
}
body[data-page^="primary-"] .content-gallery__arrow svg{
  width: 17px;
  height: 10px;
  display: block;
}
body[data-page^="primary-"] .content-gallery__arrow:hover:not(:disabled){
  opacity: .72;
}
body[data-page^="primary-"] .content-gallery__arrow:disabled{
  opacity: .35;
  cursor: default;
}
body[data-page^="primary-"] .content-gallery__arrow--next{
  margin-top: auto;
}
body[data-page^="primary-"] .content-gallery__thumbs{
  flex: 1 1 auto;
  align-self: stretch;
  align-content: start;
  gap: clamp(16px,1.25vw,24px);
  width: 100%;
  min-height: 0;
  display: grid;
}
body[data-page^="primary-"] .content-gallery__thumb{
  display: block;
  width: 100%;
  max-width: 284px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
body[data-page^="primary-"] .content-gallery__thumb img{
  aspect-ratio: 284/177;
  object-fit: cover;
  cursor: pointer;
  border: 5px solid #0000;
  border-radius: 4px;
  width: 100%;
  max-width: 284px;
  height: auto;
  transition: border-color .2s,opacity .2s;
  display: block;
}
body[data-page^="primary-"] .content-gallery__thumb.is-active img{
  border-color: #02b5dd;
}
body[data-page^="primary-"] .pcl-framework{
  max-width: 678px;
  margin: clamp(18px,1.354vw,26px) 0;
}
body[data-page^="primary-"] .pcl-framework-axis{
  color: #9aa3ad;
  font: normal normal 300 18px / 28px var(--font-sans);
  letter-spacing: 0;
  white-space: nowrap;
  text-align: left;
  margin: clamp(10px,.833vw,16px) 0 0;
  padding: 0;
}
body[data-page^="primary-"] .pcl-topic-title{
  color: #0159ac;
  font: normal normal 500 20px / 26px var(--font-sans);
  letter-spacing: 0;
  margin: 0 0 12px;
  padding-left: 18px;
  position: relative;
}
body[data-page^="primary-"] .pcl-topic-title:before{
  content: "";
  background: #0159ac;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: .55em;
  left: 0;
}
body[data-page^="primary-"] .pcl-section__title+.pcl-topic-title, body[data-page^="primary-"] .pcl-section__title+.pcl-topic-block{
  margin-top: 12px;
}
body[data-page^="primary-"] .pcl-section__title--lead{
  margin: 28px 0 14px;
}
body[data-page^="primary-"] .pcl-copy-block{
  margin-top: 14px;
}
body[data-page^="primary-"] .pcl-copy-block__title{
  color: #353f4c;
  font: normal normal 500 18px / 28px var(--font-sans);
  letter-spacing: 0;
  margin: 0 0 6px;
}
body[data-page^="primary-"] .pcl-copy-block__title+.pcl-bullets, body[data-page^="primary-"] .pcl-copy-block__title+.pcl-lines, body[data-page^="primary-"] .pcl-copy-block__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p{
  margin-top: 0;
}
body[data-page^="primary-"] .pcl-topic-title+.pcl-section__subtitle{
  margin-top: 8px;
}
body[data-page^="primary-"] .pcl-section__subtitle+.pcl-bullets, body[data-page^="primary-"] .pcl-section__subtitle+.pcl-numbered, body[data-page^="primary-"] .pcl-section__subtitle+.pcl-lines, body[data-page^="primary-"] .pcl-section__subtitle+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p{
  margin-top: 0;
}
@media (max-width:1279px) {
  body[data-page^="primary-"] .pcl-shell__inner{
    grid-template-columns: 1fr;
  }
  body[data-page^="primary-"] .pcl-sidebar{
    display: none;
  }
}
@media (max-width:767px) {
  body[data-page^="primary-"] .pcl-shell{
    border-radius: 24px 24px 0 0;
  }
  body[data-page^="primary-"] .pcl-shell__inner{
    gap: 0;
    padding-top: 20px;
    padding-bottom: 56px;
  }
  body[data-page^="primary-"] .content-gallery, body[data-page^="primary-"] .pcl-photo-strip{
    grid-template-columns: 1fr;
  }
  body[data-page^="primary-"] .content-gallery-shell{
    padding: 20px;
  }
  body[data-page^="primary-"] .content-gallery__controls{
    width: 100%;
    min-height: 0;
  }
  body[data-page="primary-gifted-education"] .pcl-static-photo img{
    width: 100%;
    height: auto;
    aspect-ratio: 793/529;
  }
}
body[data-page="primary-english-language"] .pcl-section__title--follow, body[data-page="primary-mathematics"] .pcl-section__title--follow{
  margin-top: clamp(20px,1.563vw,30px);
  margin-bottom: 12px;
}
body[data-page="primary-english-language"] .pcl-section__title+.pcl-bullets, body[data-page="primary-english-language"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-english-language"] .pcl-section__title--follow+.pcl-bullets, body[data-page="primary-mathematics"] .pcl-section__title+.pcl-bullets, body[data-page="primary-mathematics"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-mathematics"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-mathematics"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-integrated-science"] .pcl-section__title+.pcl-bullets, body[data-page="primary-integrated-science"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-integrated-science"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-integrated-science"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-integrated-science"] .pcl-subsection__title+.pcl-framework, body[data-page="primary-integrated-science"] .pcl-framework+.pcl-bullets{
  margin-left: 0;
}
body[data-page="primary-english-language"] .pcl-framework--diagram{
  max-width: 828px;
  margin: clamp(28px,2.083vw,40px) auto 0;
}
body[data-page="primary-english-language"] .pcl-framework--diagram img{
  aspect-ratio: 828/720;
  width: min(100%,828px);
  max-width: 828px;
  height: auto;
  margin-inline: auto;
  display: block;
}
body[data-page="primary-mathematics"] .pcl-framework--cpa{
  max-width: 863px;
  margin: clamp(20px,1.563vw,30px) 0 0;
}
body[data-page="primary-mathematics"] .pcl-framework--cpa img{
  aspect-ratio: 863/460;
  width: min(100%,863px);
  max-width: 863px;
  height: auto;
  display: block;
}
body[data-page^="primary-"] .pcl-achievement-block{
  margin-top: clamp(20px,1.563vw,30px);
}
body[data-page^="primary-"] .pcl-achievement-block:first-child{
  margin-top: 0;
}
body[data-page^="primary-"] .pcl-achievement-block :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p{
  margin-top: 8px;
}
body[data-page="primary-integrated-science"] .pcl-framework--science{
  max-width: 524px;
  margin: clamp(20px,1.563vw,30px) 0;
}
body[data-page="primary-integrated-science"] .pcl-framework--science img{
  aspect-ratio: 524/408;
  width: min(100%,524px);
  max-width: 524px;
  height: auto;
  display: block;
}
body[data-page="primary-liberal-arts"] .pcl-section__title+.pcl-bullets, body[data-page="primary-liberal-arts"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-liberal-arts"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-liberal-arts"] .pcl-section__title+.pcl-numbered, body[data-page="primary-liberal-arts"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-liberal-arts"] .pcl-subsection__title+.pcl-numbered, body[data-page="primary-liberal-arts"] .pcl-subsection__title+.pcl-framework, body[data-page="primary-liberal-arts"] .pcl-framework+.pcl-bullets{
  margin-left: 0;
}
body[data-page="primary-liberal-arts"] .content-gallery__caption{
  color: #131313;
  font: normal normal normal 18px / 24px var(--font-sans);
  letter-spacing: 0;
  text-align: center;
  opacity: 1;
  margin: clamp(12px,.938vw,18px) 0 0;
  padding: 0;
}
body[data-page="primary-liberal-arts"] .pcl-framework--liberal-arts{
  max-width: 809px;
  margin: clamp(20px,1.563vw,30px) 0 0;
}
body[data-page="primary-liberal-arts"] .pcl-framework--liberal-arts img{
  aspect-ratio: 809/410;
  width: min(100%,809px);
  max-width: 809px;
  height: auto;
  display: block;
}
body[data-page="primary-music"] .pcl-section__title+.pcl-bullets, body[data-page="primary-physical-education"] .pcl-section__title+.pcl-bullets, body[data-page="primary-steam"] .pcl-section__title+.pcl-bullets, body[data-page="primary-modern-languages"] .pcl-section__title+.pcl-bullets, body[data-page="primary-visual-arts"] .pcl-section__title+.pcl-bullets, body[data-page="primary-e-learning"] .pcl-section__title+.pcl-bullets, body[data-page="primary-gifted-education"] .pcl-section__title+.pcl-bullets, body[data-page="primary-gifted-education"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-physical-education"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-steam"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-modern-languages"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-visual-arts"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-e-learning"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-gifted-education"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-physical-education"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-steam"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-modern-languages"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-visual-arts"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-e-learning"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-gifted-education"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p{
  margin-left: 0;
}
body[data-page="primary-music"] .pcl-section__title, body[data-page="primary-physical-education"] .pcl-section__title, body[data-page="primary-steam"] .pcl-section__title, body[data-page="primary-modern-languages"] .pcl-section__title, body[data-page="primary-visual-arts"] .pcl-section__title, body[data-page="primary-e-learning"] .pcl-section__title, body[data-page="primary-gifted-education"] .pcl-section__title{
  color: #131313;
  font: normal normal 500 24px / 31px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
  margin: 0 0 24px;
}
body[data-page="primary-music"] .pcl-subsection__title, body[data-page="primary-physical-education"] .pcl-subsection__title, body[data-page="primary-steam"] .pcl-subsection__title, body[data-page="primary-modern-languages"] .pcl-subsection__title, body[data-page="primary-visual-arts"] .pcl-subsection__title, body[data-page="primary-e-learning"] .pcl-subsection__title, body[data-page="primary-gifted-education"] .pcl-subsection__title{
  color: #353f4c;
  font: normal normal 700 18px / 24px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
  margin: 24px 0 12px;
}
body[data-page="primary-music"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-physical-education"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-steam"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-modern-languages"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-visual-arts"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-e-learning"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-gifted-education"] .pcl-section__title+.pcl-subsection__title{
  margin-top: 24px;
}
body[data-page="primary-music"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-bullets li, body[data-page="primary-physical-education"] .pcl-bullets li, body[data-page="primary-steam"] .pcl-bullets li, body[data-page="primary-modern-languages"] .pcl-bullets li, body[data-page="primary-visual-arts"] .pcl-bullets li, body[data-page="primary-e-learning"] .pcl-bullets li, body[data-page="primary-gifted-education"] .pcl-bullets li{
  color: #353f4c;
  font: normal normal 300 18px / 24px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
}
body[data-page="primary-music"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-physical-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-steam"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-modern-languages"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-visual-arts"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-bullets, body[data-page="primary-physical-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-bullets, body[data-page="primary-steam"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-bullets, body[data-page="primary-modern-languages"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-bullets, body[data-page="primary-visual-arts"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-bullets, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-bullets, body[data-page="primary-gifted-education"] .content-gallery-shell+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] .content-gallery-shell+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] .content-gallery-shell+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] .content-gallery-shell+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] .content-gallery-shell+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .content-gallery-shell+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .content-gallery-shell+.pcl-copy-block--competitions, body[data-page="primary-physical-education"] .content-gallery-shell+.pcl-copy-block--competitions, body[data-page="primary-steam"] .content-gallery-shell+.pcl-copy-block--competitions, body[data-page="primary-modern-languages"] .content-gallery-shell+.pcl-copy-block--competitions, body[data-page="primary-visual-arts"] .content-gallery-shell+.pcl-copy-block--competitions, body[data-page="primary-e-learning"] .content-gallery-shell+.pcl-copy-block--competitions, body[data-page="primary-gifted-education"] .content-gallery-shell+.pcl-copy-block--competitions{
  margin-top: 24px;
}
body[data-page="primary-music"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p{
  margin: 0;
}
body[data-page="primary-music"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-physical-education"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-steam"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-modern-languages"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-visual-arts"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-e-learning"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-gifted-education"] .pcl-copy-block--competitions :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p{
  margin-top: 24px;
}
body[data-page="primary-music"] .content-gallery__caption, body[data-page="primary-physical-education"] .content-gallery__caption, body[data-page="primary-steam"] .content-gallery__caption, body[data-page="primary-modern-languages"] .content-gallery__caption, body[data-page="primary-visual-arts"] .content-gallery__caption, body[data-page="primary-e-learning"] .content-gallery__caption, body[data-page="primary-gifted-education"] .content-gallery__caption{
  color: #131313;
  font: normal normal normal 18px / 24px var(--font-sans);
  letter-spacing: 0;
  text-align: center;
  opacity: 1;
  margin: clamp(12px,.938vw,18px) 0 0;
  padding: 0;
}
body[data-page="primary-music"] .content-gallery__thumb img, body[data-page="primary-physical-education"] .content-gallery__thumb img, body[data-page="primary-steam"] .content-gallery__thumb img, body[data-page="primary-modern-languages"] .content-gallery__thumb img, body[data-page="primary-visual-arts"] .content-gallery__thumb img, body[data-page="primary-e-learning"] .content-gallery__thumb img, body[data-page="primary-gifted-education"] .content-gallery__thumb img{
  object-fit: contain;
  background: #cfe2f5 no-repeat padding-box padding-box;
}
body[data-page="primary-music-ensemble"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-section__title+.pcl-ensemble-flow, body[data-page="primary-physical-education"] .pcl-section__title+.pcl-ensemble-flow, body[data-page="primary-steam"] .pcl-section__title+.pcl-ensemble-flow, body[data-page="primary-modern-languages"] .pcl-section__title+.pcl-ensemble-flow, body[data-page="primary-visual-arts"] .pcl-section__title+.pcl-ensemble-flow, body[data-page="primary-e-learning"] .pcl-section__title+.pcl-ensemble-flow, body[data-page="primary-gifted-education"] .pcl-section__title+.pcl-ensemble-table, body[data-page="primary-physical-education"] .pcl-section__title+.pcl-ensemble-table, body[data-page="primary-steam"] .pcl-section__title+.pcl-ensemble-table, body[data-page="primary-modern-languages"] .pcl-section__title+.pcl-ensemble-table, body[data-page="primary-visual-arts"] .pcl-section__title+.pcl-ensemble-table, body[data-page="primary-e-learning"] .pcl-section__title+.pcl-ensemble-table, body[data-page="primary-gifted-education"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-physical-education"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-steam"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-modern-languages"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-visual-arts"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-e-learning"] .pcl-section__title+.content-gallery-shell, body[data-page="primary-gifted-education"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-ensemble-flow+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] .pcl-ensemble-flow+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] .pcl-ensemble-flow+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] .pcl-ensemble-flow+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] .pcl-ensemble-flow+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-ensemble-flow+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-ensemble-table+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] .pcl-ensemble-table+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] .pcl-ensemble-table+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] .pcl-ensemble-table+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] .pcl-ensemble-table+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-ensemble-table+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-ensemble-table, body[data-page="primary-physical-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-ensemble-table, body[data-page="primary-steam"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-ensemble-table, body[data-page="primary-modern-languages"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-ensemble-table, body[data-page="primary-visual-arts"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-ensemble-table, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-ensemble-table, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-physical-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-steam"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-modern-languages"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-visual-arts"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell{
  margin-left: 0;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-grade, body[data-page="primary-physical-education"] .pcl-ensemble-grade, body[data-page="primary-steam"] .pcl-ensemble-grade, body[data-page="primary-modern-languages"] .pcl-ensemble-grade, body[data-page="primary-visual-arts"] .pcl-ensemble-grade, body[data-page="primary-e-learning"] .pcl-ensemble-grade, body[data-page="primary-gifted-education"] .pcl-ensemble-grade{
  color: #0159ac;
  font: normal normal 500 24px / 31px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
  margin: 0 0 24px;
}
body[data-page="primary-music-ensemble"] .pcl-section__title, body[data-page="primary-physical-education"] .pcl-section__title, body[data-page="primary-steam"] .pcl-section__title, body[data-page="primary-modern-languages"] .pcl-section__title, body[data-page="primary-visual-arts"] .pcl-section__title, body[data-page="primary-e-learning"] .pcl-section__title, body[data-page="primary-gifted-education"] .pcl-section__title{
  color: #131313;
  font: normal normal 500 24px / 31px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
  margin: 24px 0 12px;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-grade+.pcl-section__title, body[data-page="primary-physical-education"] .pcl-ensemble-grade+.pcl-section__title, body[data-page="primary-steam"] .pcl-ensemble-grade+.pcl-section__title, body[data-page="primary-modern-languages"] .pcl-ensemble-grade+.pcl-section__title, body[data-page="primary-visual-arts"] .pcl-ensemble-grade+.pcl-section__title, body[data-page="primary-e-learning"] .pcl-ensemble-grade+.pcl-section__title, body[data-page="primary-gifted-education"] .pcl-ensemble-grade+.pcl-section__title{
  margin-top: 0;
}
body[data-page="primary-music-ensemble"] .pcl-subsection__title, body[data-page="primary-physical-education"] .pcl-subsection__title, body[data-page="primary-steam"] .pcl-subsection__title, body[data-page="primary-modern-languages"] .pcl-subsection__title, body[data-page="primary-visual-arts"] .pcl-subsection__title, body[data-page="primary-e-learning"] .pcl-subsection__title, body[data-page="primary-gifted-education"] .pcl-subsection__title{
  color: #353f4c;
  font: normal normal 700 18px / 24px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
  margin: 24px 0 12px;
}
body[data-page="primary-music-ensemble"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-bullets li, body[data-page="primary-physical-education"] .pcl-bullets li, body[data-page="primary-steam"] .pcl-bullets li, body[data-page="primary-modern-languages"] .pcl-bullets li, body[data-page="primary-visual-arts"] .pcl-bullets li, body[data-page="primary-e-learning"] .pcl-bullets li, body[data-page="primary-gifted-education"] .pcl-bullets li{
  color: #353f4c;
  font: normal normal 300 18px / 24px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
}
body[data-page="primary-music-ensemble"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-physical-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-steam"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-modern-languages"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-visual-arts"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-gifted-education"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-physical-education"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-steam"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-modern-languages"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-visual-arts"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-physical-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-steam"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-modern-languages"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-visual-arts"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.content-gallery-shell{
  margin-top: 24px;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-flow, body[data-page="primary-physical-education"] .pcl-ensemble-flow, body[data-page="primary-steam"] .pcl-ensemble-flow, body[data-page="primary-modern-languages"] .pcl-ensemble-flow, body[data-page="primary-visual-arts"] .pcl-ensemble-flow, body[data-page="primary-e-learning"] .pcl-ensemble-flow, body[data-page="primary-gifted-education"] .pcl-ensemble-flow{
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 896px;
  margin: 12px 0 24px;
  display: flex;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-flow__step, body[data-page="primary-physical-education"] .pcl-ensemble-flow__step, body[data-page="primary-steam"] .pcl-ensemble-flow__step, body[data-page="primary-modern-languages"] .pcl-ensemble-flow__step, body[data-page="primary-visual-arts"] .pcl-ensemble-flow__step, body[data-page="primary-e-learning"] .pcl-ensemble-flow__step, body[data-page="primary-gifted-education"] .pcl-ensemble-flow__step{
  color: #0159ac;
  width: min(100%,896px);
  min-height: 67px;
  font: normal normal 300 18px / 24px var(--font-sans);
  letter-spacing: 0;
  text-align: center;
  opacity: 1;
  background: #e0edf980;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  display: flex;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-flow__arrow, body[data-page="primary-physical-education"] .pcl-ensemble-flow__arrow, body[data-page="primary-steam"] .pcl-ensemble-flow__arrow, body[data-page="primary-modern-languages"] .pcl-ensemble-flow__arrow, body[data-page="primary-visual-arts"] .pcl-ensemble-flow__arrow, body[data-page="primary-e-learning"] .pcl-ensemble-flow__arrow, body[data-page="primary-gifted-education"] .pcl-ensemble-flow__arrow{
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 8px;
  display: flex;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-flow__arrow svg, body[data-page="primary-physical-education"] .pcl-ensemble-flow__arrow svg, body[data-page="primary-steam"] .pcl-ensemble-flow__arrow svg, body[data-page="primary-modern-languages"] .pcl-ensemble-flow__arrow svg, body[data-page="primary-visual-arts"] .pcl-ensemble-flow__arrow svg, body[data-page="primary-e-learning"] .pcl-ensemble-flow__arrow svg, body[data-page="primary-gifted-education"] .pcl-ensemble-flow__arrow svg{
  width: 12px;
  height: 8px;
  display: block;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-table, body[data-page="primary-physical-education"] .pcl-ensemble-table, body[data-page="primary-steam"] .pcl-ensemble-table, body[data-page="primary-modern-languages"] .pcl-ensemble-table, body[data-page="primary-visual-arts"] .pcl-ensemble-table, body[data-page="primary-e-learning"] .pcl-ensemble-table, body[data-page="primary-gifted-education"] .pcl-ensemble-table{
  background: #f5f7f8;
  border: 1px solid #ccc;
  border-radius: 10px;
  width: min(100%,1287px);
  margin: 24px 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-table__col, body[data-page="primary-physical-education"] .pcl-ensemble-table__col, body[data-page="primary-steam"] .pcl-ensemble-table__col, body[data-page="primary-modern-languages"] .pcl-ensemble-table__col, body[data-page="primary-visual-arts"] .pcl-ensemble-table__col, body[data-page="primary-e-learning"] .pcl-ensemble-table__col, body[data-page="primary-gifted-education"] .pcl-ensemble-table__col{
  display: flex;
  flex-direction: column;
  min-width: 0;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-physical-education"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-steam"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-modern-languages"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-visual-arts"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-e-learning"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-gifted-education"] .pcl-ensemble-table__col+.pcl-ensemble-table__col{
  border-left: 1px solid #ccc;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-table__cell, body[data-page="primary-physical-education"] .pcl-ensemble-table__cell, body[data-page="primary-steam"] .pcl-ensemble-table__cell, body[data-page="primary-modern-languages"] .pcl-ensemble-table__cell, body[data-page="primary-visual-arts"] .pcl-ensemble-table__cell, body[data-page="primary-e-learning"] .pcl-ensemble-table__cell, body[data-page="primary-gifted-education"] .pcl-ensemble-table__cell{
  color: #131313;
  font: normal normal normal 18px / 24px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
  padding: 16px 20px;
  background: #f0f8ff;
  border-bottom: 1px solid #ccc;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-table__list, body[data-page="primary-physical-education"] .pcl-ensemble-table__list, body[data-page="primary-steam"] .pcl-ensemble-table__list, body[data-page="primary-modern-languages"] .pcl-ensemble-table__list, body[data-page="primary-visual-arts"] .pcl-ensemble-table__list, body[data-page="primary-e-learning"] .pcl-ensemble-table__list, body[data-page="primary-gifted-education"] .pcl-ensemble-table__list{
  flex: 1 1 auto;
  margin: 0;
  padding: 16px 20px 16px 2em;
  list-style: circle;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-table__list li, body[data-page="primary-physical-education"] .pcl-ensemble-table__list li, body[data-page="primary-steam"] .pcl-ensemble-table__list li, body[data-page="primary-modern-languages"] .pcl-ensemble-table__list li, body[data-page="primary-visual-arts"] .pcl-ensemble-table__list li, body[data-page="primary-e-learning"] .pcl-ensemble-table__list li, body[data-page="primary-gifted-education"] .pcl-ensemble-table__list li{
  color: #131313;
  font: normal normal normal 18px / 32px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
}
body[data-page="primary-music-ensemble"] .pcl-ensemble-table__list li+li, body[data-page="primary-physical-education"] .pcl-ensemble-table__list li+li, body[data-page="primary-steam"] .pcl-ensemble-table__list li+li, body[data-page="primary-modern-languages"] .pcl-ensemble-table__list li+li, body[data-page="primary-visual-arts"] .pcl-ensemble-table__list li+li, body[data-page="primary-e-learning"] .pcl-ensemble-table__list li+li, body[data-page="primary-gifted-education"] .pcl-ensemble-table__list li+li{
  margin-top: 0;
}
@media (max-width:1024px) {
  body[data-page="primary-music-ensemble"] .pcl-ensemble-table, body[data-page="primary-physical-education"] .pcl-ensemble-table, body[data-page="primary-steam"] .pcl-ensemble-table, body[data-page="primary-modern-languages"] .pcl-ensemble-table, body[data-page="primary-visual-arts"] .pcl-ensemble-table, body[data-page="primary-e-learning"] .pcl-ensemble-table, body[data-page="primary-gifted-education"] .pcl-ensemble-table{
    grid-template-columns: 1fr;
  }
  body[data-page="primary-music-ensemble"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-physical-education"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-steam"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-modern-languages"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-visual-arts"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-e-learning"] .pcl-ensemble-table__col+.pcl-ensemble-table__col, body[data-page="primary-gifted-education"] .pcl-ensemble-table__col+.pcl-ensemble-table__col{
    border-left: none;
    border-top: 1px solid #ccc;
  }
}
body[data-page="primary-visual-arts"] h3.pcl-subsection__title, body[data-page="primary-e-learning"] h3.pcl-subsection__title, body[data-page="primary-gifted-education"] h3.pcl-subsection__title{
  color: #353f4c;
  font: normal normal 700 18px/24px var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
  margin: 24px 0 12px;
}
body[data-page="primary-visual-arts"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-e-learning"] .pcl-section__title+.pcl-subsection__title, body[data-page="primary-gifted-education"] .pcl-section__title+.pcl-subsection__title{
  margin-top: 24px;
}
body[data-page="primary-visual-arts"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-subsection__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p{
  margin-top: 12px;
}
body[data-page="primary-visual-arts"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-subsection__title, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-subsection__title, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-subsection__title{
  margin-top: 24px;
}
body[data-page="primary-e-learning"] .pcl-section__title, body[data-page="primary-gifted-education"] .pcl-section__title, body[data-page="primary-e-learning"] .pcl-section__subtitle, body[data-page="primary-gifted-education"] .pcl-section__subtitle, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p{
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}
body[data-page="primary-e-learning"] .pcl-section__subtitle, body[data-page="primary-gifted-education"] .pcl-section__subtitle{
  color: #353f4c;
  font: normal normal 300 18px / 24px var(--font-sans);
  letter-spacing: 0;
  margin: 24px 0 12px;
}
body[data-page="primary-e-learning"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-section__title+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] .pcl-section__title+.pcl-section__subtitle, body[data-page="primary-gifted-education"] .pcl-section__title+.pcl-section__subtitle, body[data-page="primary-e-learning"] .pcl-section__subtitle+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-gifted-education"] .pcl-section__subtitle+:is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p + p, body[data-page="primary-e-learning"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-section__subtitle, body[data-page="primary-gifted-education"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p+.pcl-section__subtitle{
  margin-left: 0;
}
body[data-page="primary-e-learning"] #gallerySection+.pcl-section .pcl-section__title, body[data-page="primary-gifted-education"] #gallerySection+.pcl-section .pcl-section__title{
  margin-top: 0;
}
body[data-page="primary-gifted-education"] .content-gallery-shell{
  box-sizing: border-box;
  min-height: 0;
  width: min(100%,1289px);
  margin-inline: auto;
  padding: clamp(20px,2.083vw,40px);
}
body[data-page="primary-gifted-education"] .content-gallery{
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-inline: auto;
}
body[data-page="primary-gifted-education"] .content-gallery__caption{
  text-align: left;
  max-width: 892px;
  margin-left: 0;
  margin-right: auto;
}
body[data-page="primary-gifted-education"] .pcl-section__title{
  border-bottom: 1px solid #9dc1ea;
  padding-bottom: clamp(14px,1.302vw,25px);
  margin-bottom: 24px;
}
body[data-page="primary-gifted-education"] .pcl-static-photo{
  width: min(100%,793px);
  margin: 24px 0 0;
}
body[data-page="primary-gifted-education"] .pcl-static-photo img{
  opacity: 1;
  object-fit: cover;
  border-radius: 10px;
  width: 793px;
  max-width: 100%;
  height: 529px;
  display: block;
}
body[data-page="primary-gifted-education"] .pcl-static-photo .content-gallery__caption{
  margin-top: clamp(12px,.938vw,18px);
}
/* 侧栏：严格对齐设计稿图一（仅桌面双列；≤1279 走通用单列） */
body[data-page="primary-ole-highlights"] .pcl-shell__inner{
  grid-template-columns: clamp(340px, 24vw, 460px) minmax(0, 1fr);
}
@media (max-width: 1279px) {
  body[data-page="primary-ole-highlights"] .pcl-shell__inner{
    grid-template-columns: 1fr;
  }
}
body[data-page="primary-ole-highlights"] .pcl-sidebar{
  --pcl-ole-pad-x: clamp(22px, 1.563vw, 30px);
  border-radius: 0 clamp(20px, 1.563vw, 30px) clamp(12px, 0.833vw, 16px) clamp(12px, 0.833vw, 16px);
  background: #d8e9f8;
  box-shadow: 0 6px 18px rgba(50, 104, 176, 0.12);
}
body[data-page="primary-ole-highlights"] .pcl-sidebar__title{
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: clamp(64px, 4.01vw, 77px);
  margin: 0;
  padding: 0 var(--pcl-ole-pad-x);
  background: rgb(50, 104, 176);
  color: #fff;
  text-align: left;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 700;
  line-height: clamp(24px, 1.615vw, 31px);
  letter-spacing: 0;
  white-space: nowrap;
}
/* 菜单：与标题共用左侧 padding，保证左边缘对齐 */
body[data-page="primary-ole-highlights"] .pcl-sidebar__nav{
  padding: 0 0 clamp(14px, 2.042vw, 40px);
}
body[data-page="primary-ole-highlights"] .pcl-sidebar__nav a{
  display: block;
  width: 100%;
  box-sizing: border-box;
  gap: 0;
  padding: clamp(14px, 1.042vw, 20px) var(--pcl-ole-pad-x);
  color: #4e5876;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(15px, 1.042vw, 18px);
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  white-space: nowrap;
}
body[data-page="primary-ole-highlights"] .pcl-sidebar__nav a:hover,
body[data-page="primary-ole-highlights"] .pcl-sidebar__nav a.is-active{
  color: rgb(50, 104, 176);
  font-weight: 700;
}
body[data-page="primary-ole-highlights"] .pcl-sidebar__icon{
  display: none;
}

body[data-page="primary-ole-highlights"] #siteHeader{
  background: var(--pcl-blue);
  width: 100%;
  box-shadow: none;
  position: fixed;
  top: 0;
  left: 0;
}
body[data-page="primary-ole-highlights"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="primary-ole-highlights"] .header-logo-text{
  color: #fff;
}
body[data-page="primary-ole-highlights"] .division-panel, body[data-page="primary-ole-highlights"] .header-menu-panel{
  background: var(--pcl-blue-panel);
}
body[data-page="primary-ole-highlights"] #siteHeader:hover, body[data-page="primary-ole-highlights"] #siteHeader.is-scrolled{
  background: var(--pcl-blue);
}
body[data-page="primary-ole-highlights"] #footerMain, body[data-page="primary-ole-highlights"] #footerBar{
  background: var(--pcl-blue);
}
body[data-page="primary-ole-highlights"] .footer-band__social-icons img{
  filter: none;
}
body[data-page="primary-ole-highlights"] main{
  padding-top: var(--pcl-header-offset);
  background: var(--pcl-blue);
}
body[data-page="primary-ole-highlights"] .pcl-section__title, body[data-page="primary-ole-highlights"] .pcl-section__subtitle, body[data-page="primary-ole-highlights"] :is(.pcl-section,.pcl-copy-block,.pcl-topic-block,.pcl-achievement-block,.pcl-activity-item,.curriculum-copy-block,.life-planning-copy-block,.s-life-planning-copy-block,.SD-Highlights-copy-block) > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]), :is(.pcl-bullets,.pcl-numbered,.pcl-lines) > li > p, .pcl-section td > p{
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}
body[data-page="primary-ole-highlights"] .poa-visual{
  width: min(100%, 793px);
  margin: clamp(24px, 2.083vw, 40px) 0;
}
body[data-page="primary-ole-highlights"] .poa-visual img{
  display: block;
  width: min(100%, 793px);
  height: auto;
  border-radius: 10px;
}
body[data-page="primary-ole-highlights"] .poa-subsection__title{
  color: #0159ac;
  font: normal normal 500 20px / 26px var(--font-sans);
  letter-spacing: 0;
  margin: clamp(24px, 2.083vw, 40px) 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #9dc1ea;
}
body[data-page="primary-ole-highlights"] .poa-teams-table{
  border: 1px solid #ccc;
  border-radius: 10px;
  width: min(100%, 1287px);
  margin: 24px 0 0;
  overflow: hidden;
}
body[data-page="primary-ole-highlights"] .poa-teams-table__row{
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  border-top: 1px solid #ccc;
}
body[data-page="primary-ole-highlights"] .poa-teams-table__row:nth-child(even) .poa-teams-table__cell{
  background: #f8f8f8;
}
body[data-page="primary-ole-highlights"] .poa-teams-table__row:first-child{
  border-top: none;
}
body[data-page="primary-ole-highlights"] .poa-teams-table__label, body[data-page="primary-ole-highlights"] .poa-teams-table__cell{
  color: #131313;
  font: normal normal normal 18px / 24px var(--font-sans);
  letter-spacing: 0;
  padding: 16px 20px;
}
body[data-page="primary-ole-highlights"] .poa-teams-table__label{
  background: #f0f8ff;
  border-right: 1px solid #ccc;
  font-weight: 500;
}
body[data-page="primary-ole-highlights"] .poa-teams-table__cell{
  background: #fff;
}
@media (max-width: 1279px) {
  body[data-page="primary-ole-highlights"] .pcl-article__title{
    white-space: normal;
  }
  body[data-page="primary-ole-highlights"] .poa-subsection__title{
    font-size: clamp(18px, 2.4vw, 20px);
    line-height: 1.35;
  }
  body[data-page="primary-ole-highlights"] .poa-teams-table__label,
  body[data-page="primary-ole-highlights"] .poa-teams-table__cell{
    font-size: clamp(15px, 1.8vw, 18px);
    line-height: 1.45;
    padding: 12px 14px;
  }
  body[data-page="primary-ole-highlights"] .poa-teams-table__row{
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  body[data-page="primary-ole-highlights"] .poa-teams-table__row{
    grid-template-columns: 1fr;
  }
  body[data-page="primary-ole-highlights"] .poa-teams-table__label{
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
}
body[data-page="secondary"]{
  --color-secondary-purple: #602f9d;
  --color-secondary-purple-panel: #53288a;
  --color-secondary-lavender: #ece9fb;
  --color-secondary-accent: #f19300;
  --header-nav-bar-w: clamp(360px, 29.844vw, 573px);
}
body[data-page="secondary"] .division-tab::after{
  background: #fff;
}
body[data-page="secondary"] #siteHeader:hover, body[data-page="secondary"] #siteHeader.is-scrolled{
  background: var(--color-secondary-purple);
}
body[data-page="secondary"] .division-panel, body[data-page="secondary"] .header-menu-panel{
  background: var(--color-secondary-purple-panel);
}
body[data-page="secondary"] #footerMain, body[data-page="secondary"] #footerBar{
  background: var(--color-secondary-purple);
}
body[data-page="secondary"] .footer-band__social-icons img{
  filter: brightness(0) saturate(100%) invert(22%) sepia(55%) saturate(1700%) hue-rotate(241deg) brightness(88%) contrast(92%);
}
body[data-page="secondary"] .primary-hero__dim{
  background: rgba(0, 0, 0, 0.42);
}
@media (min-width: 768px) {
  body[data-page="secondary"] .primary-hero__dim{
    background: linear-gradient( 180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 52%, rgba(0, 0, 0, 0.52) 68%, rgba(0, 0, 0, 0.62) 82%, rgba(0, 0, 0, 0.7) 100% );
  }
  body[data-page="secondary"] .primary-hero__bg img,
  body[data-page="secondary"] .primary-hero__slide img{
    width: 100%;
    height: 112%;
    object-fit: cover;
    object-position: center top;
  }
}
body[data-page="secondary"] .primary-hero__desc{
  max-width: 520px;
  font-size: clamp(18px, 1.563vw, 30px);
  font-weight: 300;
  line-height: 1.35;
  color: #fff;
}
@media (max-width: 767px) {
  body[data-page="secondary"] .primary-hero__bg img,
  body[data-page="secondary"] .primary-hero__slide img,
  body[data-page="primary"] .primary-hero__bg img,
  body[data-page="primary"] .primary-hero__slide img{
    width: 100%;
    height: 100% !important;
    max-height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  /* 遮罩铺满舞台，底部收实，避免亮边露底 */
  body[data-page="secondary"] .primary-hero__dim,
  body[data-page="primary"] .primary-hero__dim{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.32) 0%,
      rgba(0, 0, 0, 0.22) 45%,
      rgba(0, 0, 0, 0.38) 78%,
      rgba(0, 0, 0, 0.5) 100%
    );
  }
  body[data-page="primary"] .primary-hero__stage,
  body[data-page="secondary"] .primary-hero__stage{
    overflow: hidden;
  }
  body[data-page="secondary"] .primary-hero__title,
  body[data-page="primary"] .primary-hero__title{
    color: #002147;
  }
  body[data-page="secondary"] .primary-hero__desc,
  body[data-page="primary"] .primary-hero__desc{
    max-width: min(92vw, 360px);
    margin-top: 8px;
    font-size: clamp(13px, 3.4vw, 15px);
    line-height: 1.4;
    color: rgba(0, 33, 71, 0.72);
  }
}
body[data-page="secondary"] .primary-label{
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-label::before{
  background: var(--color-secondary-accent);
}
body[data-page="secondary"] .primary-heading, body[data-page="secondary"] .primary-section-title{
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-divider{
  background: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-cta{
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-cta__icon{
  background: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-cta--dark{
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-cta--dark .primary-cta__icon{
  background: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-square-btn{
  background: var(--color-secondary-purple);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-secondary-purple) 18%, #fff);
  }
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-square-btn:hover{
  background: var(--color-secondary-purple);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-secondary-purple) 28%, #fff);
  }
}
body[data-page="secondary"] .primary-students__caption{
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-label--students{
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(14px, 1.042vw, 20px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 700;
  line-height: 1.2857;
  letter-spacing: 2.8px;
  color: #4e5876;
}
body[data-page="secondary"] .primary-label--students::before{
  width: 2px;
  height: 1em;
  border-radius: 0;
  background: var(--color-secondary-accent);
}
body[data-page="secondary"] .primary-heading--students{
  font-family: var(--font-sans);
  font-size: clamp(26px, 2.083vw, 40px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-divider--students{
  width: clamp(48px, 4.167vw, 80px);
  height: 1px;
  margin: clamp(18px, 1.354vw, 26px) 0;
  background: #d5d0e8;
  opacity: 1;
}
body[data-page="secondary"] .primary-text--students{
  font-family: var(--font-sans);
  font-size: clamp(15px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.333;
  letter-spacing: 0;
  color: #353f4c;
}
body[data-page="secondary"] .primary-cta--students{
  gap: clamp(10px, 0.833vw, 16px);
  margin-top: clamp(24px, 1.875vw, 36px);
  font-family: var(--font-sans);
  font-size: clamp(14px, 0.833vw, 16px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0;
  color: #02284c;
}
body[data-page="secondary"] .primary-cta--students .primary-cta__asset{
  display: block;
  width: 56px;
  height: 28px;
  object-fit: contain;
}
.secondary-curriculum{
  background: var(--color-secondary-lavender);
}
.secondary-curriculum__inner .primary-section-head--curriculum{
  margin-bottom: clamp(24px, 2.083vw, 40px);
}
body[data-page="secondary"] .primary-label--curriculum{
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(12px, 0.833vw, 16px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 700;
  line-height: 1.2857;
  letter-spacing: 2.8px;
  color: #4e5876;
}
body[data-page="secondary"] .primary-label--curriculum::before{
  width: 2px;
  height: 1em;
  border-radius: 0;
  background: var(--color-secondary-accent);
}
body[data-page="secondary"] .primary-section-title--curriculum{
  margin-bottom: 0;
  font-family: var(--font-sans);
  font-size: clamp(26px, 2.083vw, 40px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: capitalize;
  color: var(--color-secondary-purple);
}
.secondary-curriculum__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(20px, 1.927vw, 37px);
}
@media (min-width: 900px) {
  .secondary-curriculum__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.secondary-curriculum__card{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
}
.secondary-curriculum__media img{
  display: block;
  width: 100%;
  aspect-ratio: 864 / 472;
  object-fit: cover;
}
.secondary-curriculum__footer{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: clamp(110px, 7.813vw, 150px);
  padding: clamp(20px, 1.563vw, 30px) clamp(20px, 1.563vw, 30px) clamp(16px, 1.042vw, 20px);
}
.secondary-curriculum__copy{
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: calc(100% - clamp(56px, 5vw, 96px));
}
.secondary-curriculum__tag{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: clamp(8px, 0.625vw, 12px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  line-height: 1.2857;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: #4e5876;
}
.secondary-curriculum__tag-strong{
  font-weight: 700;
}
.secondary-curriculum__tag-sep, .secondary-curriculum__tag-muted{
  font-weight: 500;
  opacity: 0.5;
}
.secondary-curriculum__name{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(24px, 1.667vw, 32px);
  font-weight: 300;
  line-height: 1.25;
  color: var(--color-secondary-purple);
}
.secondary-curriculum__more{
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  line-height: 0;
  transition: opacity 0.2s ease;
}
.secondary-curriculum__more:hover{
  opacity: 0.85;
}
.secondary-curriculum__more img{
  display: block;
  width: clamp(48px, 4.167vw, 80px);
  height: auto;
  object-fit: contain;
}
.secondary-life{
  background: #fff;
}
.secondary-life__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 3.125vw, 60px);
  align-items: start;
}
@media (min-width: 1024px) {
  .secondary-life__grid{
    grid-template-columns: minmax(0, 561fr) minmax(0, 1093fr);
    gap: clamp(40px, 3.646vw, 70px);
    align-items: center;
  }
}
.secondary-life__media{
  position: relative;
  margin: 0;
  width: 100%;
  max-width: clamp(280px, 56.927vw, 1093px);
  justify-self: end;
}
.secondary-life__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1093 / 593;
  object-fit: cover;
}
body[data-page="secondary"] .primary-label--life{
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(14px, 1.042vw, 20px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 700;
  line-height: 1.2857;
  letter-spacing: 2.8px;
  color: #4e5876;
}
body[data-page="secondary"] .primary-label--life::before{
  width: 2px;
  height: 1em;
  border-radius: 0;
  background: var(--color-secondary-accent);
}
body[data-page="secondary"] .primary-heading--life{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(26px, 2.083vw, 40px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-divider--life{
  width: clamp(48px, 4.167vw, 80px);
  height: 1px;
  margin: clamp(18px, 1.354vw, 26px) 0;
  background: #d5d0e8;
  opacity: 1;
}
body[data-page="secondary"] .primary-text--life{
  font-family: var(--font-sans);
  font-size: clamp(15px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.333;
  letter-spacing: 0;
  color: #353f4c;
}
body[data-page="secondary"] .primary-cta--life{
  gap: clamp(10px, 0.833vw, 16px);
  margin-top: clamp(24px, 1.875vw, 36px);
  font-family: var(--font-sans);
  font-size: clamp(14px, 0.833vw, 16px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0;
  color: #02284c;
}
body[data-page="secondary"] .primary-cta--life .primary-cta__asset{
  display: block;
  width: 56px;
  height: 28px;
  object-fit: contain;
}
.secondary-development{
  background: #fff;
}
.secondary-development__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 3.125vw, 60px);
  align-items: start;
}
@media (min-width: 1024px) {
  .secondary-development__grid{
    grid-template-columns: minmax(0, 1093fr) minmax(0, 561fr);
    gap: clamp(40px, 3.646vw, 70px);
    align-items: center;
  }
}
.secondary-development__media{
  position: relative;
  margin: 0;
  width: 100%;
  max-width: clamp(280px, 56.927vw, 1093px);
}
.secondary-development__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1093 / 700;
  object-fit: cover;
}
body[data-page="secondary"] .secondary-development__caption{
  position: absolute;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: clamp(220px, 23.958vw, 460px);
  min-height: clamp(64px, 4.792vw, 92px);
  margin: 0;
  padding: clamp(12px, 0.938vw, 18px) clamp(14px, 1.042vw, 20px);
  background: #fff;
  font-family: var(--font-sans);
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0.8px;
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-label--development{
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(14px, 1.042vw, 20px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 700;
  line-height: 1.2857;
  letter-spacing: 2.8px;
  color: #4e5876;
}
body[data-page="secondary"] .primary-label--development::before{
  width: 2px;
  height: 1em;
  border-radius: 0;
  background: var(--color-secondary-accent);
}
body[data-page="secondary"] .primary-heading--development{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(26px, 2.083vw, 40px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-divider--development{
  width: clamp(48px, 4.167vw, 80px);
  height: 1px;
  margin: clamp(18px, 1.354vw, 26px) 0;
  background: #d5d0e8;
  opacity: 1;
}
body[data-page="secondary"] .primary-text--development{
  font-family: var(--font-sans);
  font-size: clamp(15px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.333;
  letter-spacing: 0;
  color: #353f4c;
}
body[data-page="secondary"] .primary-cta--development{
  gap: clamp(10px, 0.833vw, 16px);
  margin-top: clamp(24px, 1.875vw, 36px);
  font-family: var(--font-sans);
  font-size: clamp(14px, 0.833vw, 16px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0;
  color: #02284c;
}
body[data-page="secondary"] .primary-cta--development .primary-cta__asset{
  display: block;
  width: 56px;
  height: 28px;
  object-fit: contain;
}
body[data-page="secondary"] .primary-ole{
  background: var(--color-secondary-lavender);
}
body[data-page="secondary"] .primary-label--ole{
  gap: clamp(8px, 0.52vw, 10px);
  margin-bottom: clamp(12px, 0.833vw, 16px);
  font-family: var(--font-sans);
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 700;
  line-height: 1.2857;
  letter-spacing: 2.8px;
  color: #4e5876;
}
body[data-page="secondary"] .primary-label--ole::before{
  width: 2px;
  height: 1em;
  border-radius: 0;
  background: var(--color-secondary-accent);
}
body[data-page="secondary"] .primary-heading--ole{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(26px, 2.083vw, 40px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-ole__caption{
  color: var(--color-secondary-purple);
}
body[data-page="secondary"] .primary-cta--ole{
  color: #02284c;
}
body[data-page="secondary"] .primary-cta--ole .primary-cta__asset{
  display: block;
  width: clamp(64px, 4.792vw, 92px);
  height: auto;
  object-fit: contain;
}
@media (max-width: 767px) {
  .secondary-curriculum__footer{
    min-height: 0;
    padding-bottom: clamp(20px, 5vw, 28px);
  }
  .secondary-curriculum__copy{
    max-width: calc(100% - 52px);
  }
  .secondary-curriculum__name{
    font-size: clamp(20px, 5.2vw, 24px);
    line-height: 1.3;
  }
  .secondary-life__media, .secondary-development__media{
    max-width: 100%;
    justify-self: stretch;
  }
}
html{
  scroll-behavior: smooth;
}
body[data-page="curriculum"], body[data-page="sd-highlights"]{
  --header-nav-bar-w: clamp(420px, 34vw, 660px);
  --header-lang-w: clamp(38px, 3.021vw, 58px);
  --curriculum-header-offset: clamp(98px, 8vw, 146px);
  --curriculum-capsule-underline-offset: -1px;
  --curriculum-capsule-panel-offset: 18px;
  --curriculum-capsule-item-radius: 14px;
  background: var(--curriculum-bg);
  color: var(--curriculum-text);
}
body[data-page="curriculum"] #siteHeader, body[data-page="sd-highlights"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--curriculum-blue);
  box-shadow: none;
}
body[data-page="curriculum"] main, body[data-page="sd-highlights"] main{
  padding-top: var(--curriculum-header-offset);
  background: var(--curriculum-blue);
}
body[data-page="curriculum"] #siteHeader .site-container, body[data-page="sd-highlights"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="curriculum"] .header-logo-text, body[data-page="sd-highlights"] .header-logo-text{
  color: #fff;
}
body[data-page="curriculum"] .nav-bar, body[data-page="sd-highlights"] .nav-bar{
  background: #fff;
}
body[data-page="curriculum"] .nav-bar .header-nav-link, body[data-page="sd-highlights"] .nav-bar .header-nav-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-inline: clamp(10px, 0.729vw, 14px);
  border-radius: var(--curriculum-capsule-item-radius);
  color: var(--curriculum-text-dark);
  border: none;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
body[data-page="curriculum"] .nav-bar .header-nav-link:hover, body[data-page="sd-highlights"] .nav-bar .header-nav-link:hover, body[data-page="curriculum"] .nav-bar .header-nav-link[aria-expanded="true"], body[data-page="sd-highlights"] .nav-bar .header-nav-link[aria-expanded="true"]{
  background: rgba(1, 89, 172, 0.14);
  color: var(--curriculum-text-dark);
}
body[data-page="curriculum"] .curriculum-nav-bar, body[data-page="sd-highlights"] .curriculum-nav-bar{
  justify-content: space-between;
}
body[data-page="curriculum"] .header-menu-switcher, body[data-page="sd-highlights"] .header-menu-switcher{
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  height: 100%;
}
body[data-page="curriculum"] .header-menu-trigger::after, body[data-page="sd-highlights"] .header-menu-trigger::after, body[data-page="curriculum"] .nav-bar > .header-nav-link::after, body[data-page="sd-highlights"] .nav-bar > .header-nav-link::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: var(--curriculum-capsule-underline-offset);
  width: clamp(40px, 2.917vw, 56px);
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: #fff;
  opacity: 0;
  transform: translateX(-50%) scaleX(0.5);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
body[data-page="curriculum"] .header-menu-panel, body[data-page="sd-highlights"] .header-menu-panel{
  position: absolute;
  top: calc(100% + var(--curriculum-capsule-panel-offset));
  left: 0;
  z-index: 90;
  display: block;
  min-width: clamp(300px, 26vw, 500px);
  padding: clamp(14px, 1.042vw, 20px) clamp(16px, 1.25vw, 24px);
  border-radius: 0;
  background: #0d4a87;
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
body[data-page="curriculum"] .header-menu-panel.is-open, body[data-page="sd-highlights"] .header-menu-panel.is-open{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
body[data-page="curriculum"] .header-menu-panel a, body[data-page="sd-highlights"] .header-menu-panel a{
  display: block;
  padding: clamp(10px, 0.781vw, 15px) 0;
  color: #fff;
  font-size: clamp(14px, 1.042vw, 20px);
  font-weight: 300;
  line-height: 1.35;
  text-decoration: none;
  text-transform: none;
}
body[data-page="curriculum"] .header-menu-panel a:hover, body[data-page="sd-highlights"] .header-menu-panel a:hover{
  color: #fff;
}
body[data-page="curriculum"] .header-utils, body[data-page="sd-highlights"] .header-utils{
  position: relative;
  z-index: 3;
  gap: var(--header-utils-gap);
}
body[data-page="curriculum"] .division-switcher, body[data-page="sd-highlights"] .division-switcher{
  overflow: visible;
}
body[data-page="curriculum"] .division-tab, body[data-page="sd-highlights"] .division-tab{
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: var(--curriculum-capsule-item-radius);
  transition: background 0.2s ease, color 0.2s ease;
}
body[data-page="curriculum"] .division-tab::after, body[data-page="sd-highlights"] .division-tab::after{
  bottom: var(--curriculum-capsule-underline-offset);
  width: clamp(40px, 2.917vw, 56px);
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: #fff;
  opacity: 0;
  transform: translateX(-50%) scaleX(0.5);
}
body[data-page="curriculum"] .division-tab:hover::after, body[data-page="sd-highlights"] .division-tab:hover::after, body[data-page="curriculum"] .division-tab[aria-expanded="true"]::after, body[data-page="sd-highlights"] .division-tab[aria-expanded="true"]::after, body[data-page="curriculum"] .division-tab.is-active::after, body[data-page="sd-highlights"] .division-tab.is-active::after{
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
body[data-page="curriculum"] .division-panel, body[data-page="sd-highlights"] .division-panel{
  top: calc(100% + var(--curriculum-capsule-panel-offset));
  min-width: clamp(260px, 22vw, 420px);
  padding: clamp(14px, 1.042vw, 20px) clamp(20px, 1.563vw, 30px);
  border-radius: 0;
  background: #0d4a87;
  box-shadow: none;
}
body[data-page="curriculum"] .division-panel a, body[data-page="sd-highlights"] .division-panel a{
  color: #fff;
  text-transform: none;
}
body[data-page="curriculum"] .division-panel a:hover, body[data-page="sd-highlights"] .division-panel a:hover{
  color: #fff;
  background: transparent;
}
body[data-page="curriculum"] .lang-pill, body[data-page="sd-highlights"] .lang-pill{
  background: rgba(255, 255, 255, 0.322);
  color: #fff;
}
body[data-page="curriculum"] .lang-pill:hover, body[data-page="sd-highlights"] .lang-pill:hover{
  background: rgba(255, 255, 255, 0.322);
  color: #fff;
}
body[data-page="curriculum"] #siteHeader:hover, body[data-page="sd-highlights"] #siteHeader:hover, body[data-page="curriculum"] #siteHeader.is-scrolled, body[data-page="sd-highlights"] #siteHeader.is-scrolled{
  background: var(--curriculum-blue);
  box-shadow: none;
}
body[data-page="curriculum"] #siteHeader:hover .header-logo-text, body[data-page="sd-highlights"] #siteHeader:hover .header-logo-text, body[data-page="curriculum"] #siteHeader.is-scrolled .header-logo-text, body[data-page="sd-highlights"] #siteHeader.is-scrolled .header-logo-text{
  color: #fff !important;
}
body[data-page="curriculum"] #siteHeader:hover .division-tabs, body[data-page="sd-highlights"] #siteHeader:hover .division-tabs, body[data-page="curriculum"] #siteHeader.is-scrolled .division-tabs, body[data-page="sd-highlights"] #siteHeader.is-scrolled .division-tabs, body[data-page="curriculum"] #siteHeader:hover .lang-pill, body[data-page="sd-highlights"] #siteHeader:hover .lang-pill, body[data-page="curriculum"] #siteHeader.is-scrolled .lang-pill, body[data-page="sd-highlights"] #siteHeader.is-scrolled .lang-pill{
  background: rgba(255, 255, 255, 0.322);
  border-color: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(10px);
  box-shadow: none;
}
body[data-page="curriculum"] #siteHeader:hover .nav-bar, body[data-page="sd-highlights"] #siteHeader:hover .nav-bar, body[data-page="curriculum"] #siteHeader.is-scrolled .nav-bar, body[data-page="sd-highlights"] #siteHeader.is-scrolled .nav-bar{
  background: rgba(255, 255, 255, 0.322);
  border: 1px solid rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(10px);
  box-shadow: none;
}
body[data-page="curriculum"] #siteHeader:hover .nav-bar .header-nav-link, body[data-page="sd-highlights"] #siteHeader:hover .nav-bar .header-nav-link, body[data-page="curriculum"] #siteHeader.is-scrolled .nav-bar .header-nav-link, body[data-page="sd-highlights"] #siteHeader.is-scrolled .nav-bar .header-nav-link, body[data-page="curriculum"] #siteHeader:hover .division-tab, body[data-page="sd-highlights"] #siteHeader:hover .division-tab, body[data-page="curriculum"] #siteHeader.is-scrolled .division-tab, body[data-page="sd-highlights"] #siteHeader.is-scrolled .division-tab, body[data-page="curriculum"] #siteHeader:hover .lang-pill, body[data-page="sd-highlights"] #siteHeader:hover .lang-pill, body[data-page="curriculum"] #siteHeader.is-scrolled .lang-pill, body[data-page="sd-highlights"] #siteHeader.is-scrolled .lang-pill{
  color: #fff;
}
body[data-page="curriculum"] #siteHeader:hover .nav-bar .header-nav-link:hover, body[data-page="sd-highlights"] #siteHeader:hover .nav-bar .header-nav-link:hover, body[data-page="curriculum"] #siteHeader:hover .nav-bar .header-nav-link[aria-expanded="true"], body[data-page="sd-highlights"] #siteHeader:hover .nav-bar .header-nav-link[aria-expanded="true"], body[data-page="curriculum"] #siteHeader.is-scrolled .nav-bar .header-nav-link:hover, body[data-page="sd-highlights"] #siteHeader.is-scrolled .nav-bar .header-nav-link:hover, body[data-page="curriculum"] #siteHeader.is-scrolled .nav-bar .header-nav-link[aria-expanded="true"], body[data-page="sd-highlights"] #siteHeader.is-scrolled .nav-bar .header-nav-link[aria-expanded="true"]{
  color: #fff;
}
body[data-page="curriculum"] #siteHeader:hover .header-menu-trigger:hover::after, body[data-page="sd-highlights"] #siteHeader:hover .header-menu-trigger:hover::after, body[data-page="curriculum"] #siteHeader:hover .header-menu-trigger[aria-expanded="true"]::after, body[data-page="sd-highlights"] #siteHeader:hover .header-menu-trigger[aria-expanded="true"]::after, body[data-page="curriculum"] #siteHeader:hover .nav-bar > .header-nav-link:hover::after, body[data-page="sd-highlights"] #siteHeader:hover .nav-bar > .header-nav-link:hover::after, body[data-page="curriculum"] #siteHeader.is-scrolled .header-menu-trigger:hover::after, body[data-page="sd-highlights"] #siteHeader.is-scrolled .header-menu-trigger:hover::after, body[data-page="curriculum"] #siteHeader.is-scrolled .header-menu-trigger[aria-expanded="true"]::after, body[data-page="sd-highlights"] #siteHeader.is-scrolled .header-menu-trigger[aria-expanded="true"]::after, body[data-page="curriculum"] #siteHeader.is-scrolled .nav-bar > .header-nav-link:hover::after, body[data-page="sd-highlights"] #siteHeader.is-scrolled .nav-bar > .header-nav-link:hover::after{
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
body[data-page="curriculum"] #siteHeader:hover .division-tab:hover::after, body[data-page="sd-highlights"] #siteHeader:hover .division-tab:hover::after, body[data-page="curriculum"] #siteHeader:hover .division-tab[aria-expanded="true"]::after, body[data-page="sd-highlights"] #siteHeader:hover .division-tab[aria-expanded="true"]::after, body[data-page="curriculum"] #siteHeader.is-scrolled .division-tab:hover::after, body[data-page="sd-highlights"] #siteHeader.is-scrolled .division-tab:hover::after, body[data-page="curriculum"] #siteHeader.is-scrolled .division-tab[aria-expanded="true"]::after, body[data-page="sd-highlights"] #siteHeader.is-scrolled .division-tab[aria-expanded="true"]::after{
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
body[data-page="curriculum"] #siteHeader:hover .header-menu-panel, body[data-page="sd-highlights"] #siteHeader:hover .header-menu-panel, body[data-page="curriculum"] #siteHeader.is-scrolled .header-menu-panel, body[data-page="sd-highlights"] #siteHeader.is-scrolled .header-menu-panel{
  background: #0d4a87;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-site-header{
  position: relative;
  z-index: 50;
  background: var(--curriculum-blue);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.18);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-site-header__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(20px, 2.083vw, 40px);
  min-height: clamp(88px, 6.25vw, 120px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-brand{
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.25vw, 24px);
  min-width: 0;
  color: #fff;
  text-decoration: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-brand__logo{
  width: clamp(48px, 4.167vw, 80px);
  height: auto;
  flex-shrink: 0;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-brand__text{
  min-width: 0;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-brand__text p{
  margin: 0;
  color: #fff;
  line-height: 1.25;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-brand__text p:first-child, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-brand__text p:nth-child(2){
  font-size: clamp(10px, 0.833vw, 16px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-brand__text p:last-child{
  font-size: clamp(10px, 0.781vw, 15px);
  opacity: 0.9;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-site-header__desktop{
  display: flex;
  align-items: center;
  gap: clamp(16px, 1.667vw, 32px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-main-nav{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 1.563vw, 30px);
  min-height: clamp(42px, 3.125vw, 60px);
  padding: 0 clamp(18px, 1.667vw, 32px);
  border-radius: 999px;
  background: #fff;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-main-nav a{
  color: var(--curriculum-text-dark);
  font-size: clamp(11px, 0.729vw, 14px);
  text-decoration: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-main-nav a:hover{
  color: var(--curriculum-text-dark);
  background: transparent;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-site-header__actions{
  display: flex;
  align-items: center;
  gap: 10px;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-header-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(42px, 3.125vw, 60px);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  text-decoration: none;
  backdrop-filter: blur(14px);
  width: clamp(42px, 3.125vw, 60px);
  border: 1px solid rgba(255, 255, 255, 0.32);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-header-icon:hover{
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-switcher{
  position: relative;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-tabs{
  display: inline-flex;
  align-items: center;
  min-height: clamp(42px, 3.125vw, 60px);
  padding-inline: clamp(6px, 0.521vw, 10px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-tab{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(108px, 8.854vw, 170px);
  min-height: clamp(42px, 3.125vw, 60px);
  padding: 0 clamp(14px, 1.042vw, 20px);
  color: #fff;
  font-size: clamp(13px, 0.938vw, 18px);
  font-weight: 300;
  text-decoration: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-tab:hover{
  color: #fff;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-tab:hover::after, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-tab:focus-visible::after{
  opacity: 0;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-tab::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: clamp(42px, 3.646vw, 70px);
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: #fff;
  opacity: 0;
  transform: translateX(-50%);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-tab.is-active::after{
  opacity: 1;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-tab.is-active:hover::after, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-tab.is-active:focus-visible::after{
  opacity: 1;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-panel{
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 60;
  display: none;
  min-width: clamp(280px, 21.875vw, 420px);
  padding: clamp(10px, 0.833vw, 16px) clamp(18px, 1.25vw, 24px);
  border-radius: 0 0 16px 16px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.16);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-panel.is-open{
  display: block;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-panel a{
  display: block;
  padding-block: clamp(8px, 0.625vw, 12px);
  color: var(--curriculum-text-dark);
  font-size: clamp(15px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.45;
  text-decoration: none;
  text-transform: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-panel a:hover{
  color: var(--curriculum-text-dark);
  background: transparent;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-site-header__actions{
  gap: clamp(8px, 0.625vw, 12px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-header-icon{
  flex-shrink: 0;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-division-switcher{
  flex-shrink: 0;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-menu-toggle{
  display: none;
  color: #fff;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .page-hero{
  background: var(--curriculum-blue);
  padding-top: clamp(10px, 0.833vw, 16px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .page-hero__divider{
  width: 100%;
  height: 1px;
  margin-top: 0;
  margin-bottom: clamp(8px, 0.625vw, 12px);
  background: rgba(255, 255, 255, 0.32);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .page-breadcrumb{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 0;
  padding-bottom: clamp(10px, 0.833vw, 16px);
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(14px, 0.938vw, 18px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-shell{
  width: 100%;
  margin-top: 0;
  background: #ffffff;
  border-radius: clamp(24px, 2.083vw, 40px) clamp(24px, 2.083vw, 40px) 0 0;
  opacity: 1;
  overflow: hidden;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-shell__inner{
  display: grid;
  grid-template-columns: clamp(300px, 21.25vw, 408px) minmax(0, 1fr);
  gap: clamp(36px, 3.333vw, 64px);
  align-items: start;
  padding-top: clamp(32px, 2.604vw, 50px);
  padding-bottom: clamp(72px, 6.25vw, 120px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar{
  position: static;
  overflow: hidden;
  border-radius: 0 clamp(20px, 1.563vw, 30px) 0 0;
  background: var(--curriculum-sidebar-bg);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__title{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: clamp(64px, 4.01vw, 77px);
  margin: 0;
  padding: 0 clamp(24px, 1.667vw, 32px);
  background: var(--curriculum-blue);
  color: #fff;
  font-size: clamp(18px, 1.25vw, 24px);
  line-height: clamp(24px, 1.615vw, 31px);
  font-weight: 600;
  white-space: nowrap;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__nav{
  padding: clamp(0px, 0vw, 0px) clamp(14px, 1.042vw, 20px) clamp(14px, 2.042vw, 40px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__nav a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: clamp(12px, 0.938vw, 18px) clamp(12px, 0.833vw, 16px);
  border-bottom: 1px solid rgba(120, 142, 170, 0.35);
  color: #4e5876;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  text-decoration: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__nav a span:first-child{
  min-width: 0;
  flex: 0 1 auto;
  white-space: normal;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__nav a:hover, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__nav a.is-active{
  color: var(--curriculum-blue);
}
/* 与小学部侧栏同一套箭头图：未激活隐藏，激活/hover 显示 */
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__icon{
  display: inline-block;
  flex: 0 0 auto;
  width: clamp(18px, 1.25vw, 22px);
  height: clamp(18px, 1.25vw, 22px);
  aspect-ratio: 1 / 1;
  border: 0;
  border-radius: 0;
  background: url("/assets/primary/png/sidebar-arrow.png") center / contain no-repeat;
  opacity: 0;
  transition: opacity 0.2s ease;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__icon::before,
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__icon::after{
  content: none;
  display: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__nav a:hover .curriculum-sidebar__icon,
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar__nav a.is-active .curriculum-sidebar__icon{
  opacity: 1;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-content{
  min-width: 0;
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-article__header, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-copy-block:not(.curriculum-copy-block--full), :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-mini-section{
  max-width: clamp(760px, 41.25vw, 792px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-copy-block--full{
  width: 100%;
  max-width: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-article__header{
  padding-bottom: clamp(14px, 1.302vw, 25px);
  border-bottom: 1px solid #9dc1ea;
  margin-bottom: clamp(28px, 2.083vw, 40px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-article__title{
  margin: 0;
  color: var(--curriculum-blue);
  font-size: clamp(28px, 2.083vw, 40px);
  font-weight: 400;
  line-height: 1.2;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-copy-block, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-mini-section{
  margin-bottom: clamp(28px, 2.604vw, 50px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-kicker{
  margin: 0 0 10px;
  color: #4e5876;
  font-size: clamp(11px, 0.729vw, 14px);
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-subtitle, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-mini-section h2{
  margin: 0 0 clamp(10px, 0.833vw, 16px);
  color: var(--curriculum-text-dark);
  font-size: clamp(22px, 1.667vw, 32px);
  font-weight: 500;
  line-height: 1.3;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-copy-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-mini-section p, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-figure figcaption{
  margin: 0;
  color: var(--curriculum-text);
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 300;
  line-height: 1.7;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-bullets{
  margin: 0;
  padding-left: 1.35em;
  color: var(--curriculum-text);
  list-style: circle;
  list-style-position: outside;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-bullets li{
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 300;
  line-height: 1.7;
  padding-left: 0.15em;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-bullets li::marker{
  font-size: 0.82em;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-bullets--compact li{
  line-height: 1.6;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-figure{
  margin: 0 0 clamp(18px, 1.354vw, 26px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-figure--carousel{
  position: relative;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-figure img{
  display: block;
  width: min(100%, 792px);
  max-width: 100%;
  border-radius: 20px;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-figure figcaption{
  margin-top: 10px;
  text-align: center;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-heading, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-tertiary-title{
  margin: clamp(18px, 1.354vw, 26px) 0 clamp(12px, 0.938vw, 18px);
  color: var(--curriculum-text-dark);
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 500;
  line-height: 1.4;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(16px, 1.25vw, 24px);
  border: 1px solid var(--curriculum-line);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-grid__cell{
  padding: clamp(14px, 1.042vw, 20px);
  border-right: 1px solid var(--curriculum-line);
  border-bottom: 1px solid var(--curriculum-line);
  background: #fff;
  color: var(--curriculum-text-dark);
  font-size: clamp(11px, 0.729vw, 14px);
  line-height: 1.5;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-grid__cell:nth-child(3n){
  border-right: 0;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-grid__cell--head{
  background: #f1f5f9;
  font-weight: 500;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-grid__cell:nth-last-child(-n + 3){
  border-bottom: 0;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-grid__cell--empty{
  background: #fff;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-dots{
  display: flex;
  justify-content: center;
  gap: 9px;
  margin-top: 10px;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-dots span{
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #fff;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-dots span.is-active{
  width: 21px;
  border-radius: 6px;
  background: var(--curriculum-blue);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-arrow{
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border: 0;
  border-radius: 50%;
  background: #413e93;
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-arrow--prev{
  left: 16px;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-arrow--next{
  right: 16px;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-arrow .bi{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  color: currentColor;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-topic-list{
  margin: 0;
  padding-left: 1.35em;
  color: var(--curriculum-text);
  list-style: circle;
  list-style-position: outside;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-topic-list > li{
  padding-left: 0.15em;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-topic-list > li::marker{
  font-size: 0.82em;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-topic-list > li + li{
  margin-top: 18px;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-topic-list__title{
  color: var(--curriculum-text-dark);
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 500;
  line-height: 1.5;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-topic-list__lead{
  margin: 4px 0 0;
  color: var(--curriculum-text);
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 300;
  line-height: 1.65;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-dash-list{
  margin: 4px 0 0;
  padding-left: 1.75em;
  list-style: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-dash-list > li + li{
  margin-top: 4px;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-dash-list li{
  position: relative;
  color: var(--curriculum-text);
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 300;
  line-height: 1.65;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-dash-list li::before{
  content: "—";
  position: absolute;
  left: -1.05em;
  top: 0;
  color: currentColor;
}
body[data-page="curriculum"] #footerMain, body[data-page="sd-highlights"] #footerMain, body[data-page="curriculum"] #footerBar, body[data-page="sd-highlights"] #footerBar, body[data-page="curriculum"] .curriculum-footer-band, body[data-page="sd-highlights"] .curriculum-footer-band, body[data-page="curriculum"] .curriculum-footer-bar, body[data-page="sd-highlights"] .curriculum-footer-bar{
  background: var(--curriculum-blue);
}
body[data-page="curriculum"] .footer-band__social-icons img, body[data-page="sd-highlights"] .footer-band__social-icons img, body[data-page="curriculum"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="sd-highlights"] .footer-band__social-icons a.footer-social-link--xhs img{
  filter: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer{
  background: var(--curriculum-blue);
  color: #fff;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__inner{
  padding-top: clamp(24px, 1.875vw, 36px);
  padding-bottom: clamp(22px, 1.667vw, 32px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__partners{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(10px, 0.938vw, 18px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__partners img{
  height: clamp(42px, 3.385vw, 65px);
  width: auto;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__meta{
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: clamp(20px, 2.083vw, 40px);
  align-items: center;
  padding-top: clamp(18px, 1.458vw, 28px);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__links, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__social{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__links a{
  color: #fff;
  font-size: clamp(14px, 0.938vw, 18px);
  text-decoration: none;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__brand img{
  width: clamp(90px, 6.771vw, 130px);
  height: auto;
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__social img{
  width: clamp(18px, 1.25vw, 24px);
  height: clamp(18px, 1.25vw, 24px);
}
:is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__copyright{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(12px, 0.781vw, 15px);
  line-height: 1.6;
}
@media (max-width: 1279px) {
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-site-header__desktop{
    display: none;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-menu-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-shell__inner{
    grid-template-columns: 1fr;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-sidebar{
    display: none;
  }
}
@media (max-width: 767px) {
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-brand__text p:last-child{
    display: none;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-shell{
    border-radius: 24px 24px 0 0;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-shell__inner{
    gap: 0;
    padding-top: 20px;
    padding-bottom: 56px;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-article__title{
    white-space: normal;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-grid{
    grid-template-columns: 1fr;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-grid__cell{
    border-right: 0;
    border-bottom: 1px solid var(--curriculum-line);
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-process-grid__cell:last-child{
    border-bottom: 0;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-arrow{
    width: clamp(36px, 10.256vw, 44px);
    height: clamp(36px, 10.256vw, 44px);
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-arrow .bi{
    font-size: clamp(11px, 3.077vw, 13px);
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-arrow--prev{
    left: clamp(6px, 2.051vw, 10px);
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-carousel-arrow--next{
    right: clamp(6px, 2.051vw, 10px);
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__meta{
    grid-template-columns: 1fr;
    justify-items: start;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .curriculum-footer__brand{
    order: -1;
  }
}
:is(body[data-page="excellence"], body[data-page="student-stories"]){
  background: var(--excellence-header-bg);
  color: #fff;
  /* 短列表页时 footer 贴视口底，避免版权条悬空 */
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--excellence-header-bg);
  box-shadow: none;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) main{
  padding-top: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .excellence-shell{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .excellence-panel{
  flex: 1 1 auto;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) > footer{
  flex-shrink: 0;
  margin-top: auto;
}
/* 列表页与 excellence-grid 同断点：勿复用首页四列固定宽 + 小屏 carousel */
body[data-page="student-stories"] .stories-grid--list{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-content: stretch;
  gap: clamp(34px, 2.5vw, 48px) clamp(20px, 1.563vw, 30px);
  overflow: visible;
}
body[data-page="student-stories"] .stories-grid--list .story-card{
  width: 100%;
  max-width: none;
  min-width: 0;
}
/* 列表页缩略图：随列宽等比放大（设计稿 419×232），禁止只变宽不变高 */
body[data-page="student-stories"] .stories-grid--list .story-card__media{
  flex: none;
  height: auto;
  aspect-ratio: 419 / 232;
}
/* 播放按钮：宽高用同一 vw 值，保证永远是正圆（勿对宽高分别用 %） */
body[data-page="student-stories"] .stories-grid--list .story-card__play{
  --story-play-btn: clamp(48px, 5.5vw, 72px);
  right: clamp(14px, 4%, 24px);
  bottom: clamp(14px, 4%, 24px);
  width: var(--story-play-btn);
  height: var(--story-play-btn);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  box-sizing: border-box;
  flex: none;
}
body[data-page="student-stories"] .stories-grid--list .story-card__play-icon{
  display: block;
  flex-shrink: 0;
  width: calc(var(--story-play-btn) * 0.55);
  height: calc(var(--story-play-btn) * 0.55);
  margin: 0;
  color: var(--color-navy);
  pointer-events: none;
}
@media (max-width: 1279px){
  body[data-page="student-stories"] .stories-grid--list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px){
  body[data-page="student-stories"] .stories-grid--list{
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 639px){
  body[data-page="student-stories"] .stories-grid--list{
    display: grid;
    overflow: visible;
  }
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .header-logo-text{
  color: #fff;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .nav-bar{
  background: #fff;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .nav-bar .header-nav-link{
  color: #1e1e1e;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .lang-pill, :is(body[data-page="excellence"], body[data-page="student-stories"]) .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .division-tab, :is(body[data-page="excellence"], body[data-page="student-stories"]) .lang-pill{
  color: #fff;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .division-panel, :is(body[data-page="excellence"], body[data-page="student-stories"]) .header-menu-panel{
  background: var(--color-brand);
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .division-panel a, :is(body[data-page="excellence"], body[data-page="student-stories"]) .header-menu-panel a{
  color: #fff;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) #siteHeader.is-scrolled, :is(body[data-page="excellence"], body[data-page="student-stories"]) #siteHeader:hover{
  background: var(--excellence-header-bg);
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .page-hero{
  background: var(--excellence-header-bg);
  color: #fff;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .page-breadcrumb{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(12px, 0.833vw, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: 60px;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) .page-hero__title{
  margin: 0;
  color: var(--excellence-title);
  font-size: clamp(42px, 3.021vw, 58px);
  font-weight: 400;
  line-height: 1.08;
  display: block;
  padding-bottom: 30px;
}
.excellence-shell{
  background: transparent;
}
.excellence-panel{
  border-radius: clamp(26px, 2.083vw, 40px) clamp(26px, 2.083vw, 40px) 0 0;
  background: var(--excellence-shell-bg);
}
.excellence-panel__inner{
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(54px, 3.906vw, 75px);
}
.excellence-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(34px, 2.5vw, 48px) clamp(20px, 1.563vw, 30px);
}
.excellence-card{
  display: block;
  color: var(--excellence-card-text);
  text-decoration: none;
}
.excellence-card img{
  display: block;
  width: 100%;
  border-radius: clamp(12px, 1.042vw, 20px);
  aspect-ratio: 454 / 294;
  object-fit: cover;
}
.excellence-card span{
  display: block;
  margin-top: clamp(12px, 0.938vw, 18px);
  font-size: clamp(16px, 1.146vw, 22px);
  font-weight: 400;
  line-height: 1.3;
}
:is(body[data-page="excellence"], body[data-page="student-stories"]) footer, :is(body[data-page="excellence"], body[data-page="student-stories"]) #footerMain, :is(body[data-page="excellence"], body[data-page="student-stories"]) .footer-band, :is(body[data-page="excellence"], body[data-page="student-stories"]) #footerBar, :is(body[data-page="excellence"], body[data-page="student-stories"]) .footer-bar__inner{
  background: rgb(9, 51, 86);
}
@media (max-width: 1279px) {
  .excellence-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  :is(body[data-page="excellence"], body[data-page="student-stories"]) .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 60px;
  }
  .excellence-panel{
    border-radius: 24px 24px 0 0;
  }
  .excellence-panel__inner{
    padding-top: 28px;
    padding-bottom: 40px;
  }
  .excellence-grid{
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
body[data-page="excellence-ai-in-education"]{
  background: var(--ai-edu-header-bg);
  color: #fff;
}
body[data-page="excellence-ai-in-education"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--ai-edu-header-bg);
  box-shadow: none;
}
body[data-page="excellence-ai-in-education"] main{
  padding-top: 0;
}
body[data-page="excellence-ai-in-education"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="excellence-ai-in-education"] .header-logo-text{
  color: #fff;
}
body[data-page="excellence-ai-in-education"] .nav-bar{
  background: #fff;
}
body[data-page="excellence-ai-in-education"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="excellence-ai-in-education"] .lang-pill, body[data-page="excellence-ai-in-education"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="excellence-ai-in-education"] .division-tab, body[data-page="excellence-ai-in-education"] .lang-pill{
  color: #fff;
}
body[data-page="excellence-ai-in-education"] .division-panel, body[data-page="excellence-ai-in-education"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="excellence-ai-in-education"] .division-panel a, body[data-page="excellence-ai-in-education"] .header-menu-panel a{
  color: #fff;
}
body[data-page="excellence-ai-in-education"] #siteHeader.is-scrolled, body[data-page="excellence-ai-in-education"] #siteHeader:hover{
  background: var(--ai-edu-header-bg);
}
body[data-page="excellence-ai-in-education"] footer, body[data-page="excellence-ai-in-education"] #footerMain, body[data-page="excellence-ai-in-education"] .footer-band, body[data-page="excellence-ai-in-education"] #footerBar, body[data-page="excellence-ai-in-education"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page="excellence-ai-in-education"] .page-hero{
  background: var(--ai-edu-header-bg);
  color: #fff;
}
body[data-page="excellence-ai-in-education"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(12px, 0.833vw, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="excellence-ai-in-education"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="excellence-ai-in-education"] .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: clamp(40px, 3.125vw, 60px);
}
body[data-page="excellence-ai-in-education"] .page-hero__title{
  margin: 0;
  color: #ffffff;
  font: 300 clamp(28px, 3.542vw, 68px) / clamp(36px, 4.479vw, 86px) var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
  white-space: nowrap;
}
.ai-edu-band--vision{
  background: var(--ai-edu-band-vision-bg);
}
.ai-edu-band--main{
  position: relative;
  overflow: hidden;
  background: var(--ai-edu-band-main-bg);
}
.band-watermark{
  position: absolute;
  top: clamp(20px, 2.083vw, 40px);
  left: 70%;
  transform: translateX(-42%);
  z-index: 0;
  width: clamp(280px, 43.75vw, 840px);
  height: clamp(320px, 52.396vw, 1006px);
  margin: 0;
  pointer-events: none;
  user-select: none;
}
.band-watermark img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
  opacity: 1;
}
.ai-edu-band__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(44px, 3.125vw, 60px);
}
.ai-edu-band--main .ai-edu-band__inner{
  padding-bottom: clamp(54px, 3.906vw, 75px);
}
.ai-edu-band--vision + .ai-edu-band--main .ai-edu-band__inner{
  padding-top: clamp(48px, 4.167vw, 80px);
}
.ai-edu-section + .ai-edu-section{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.ai-edu-section--divider{
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(30, 62, 138, 0.12);
}
.ai-edu-section__title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--ai-edu-heading);
  font: 500 var(--ai-edu-heading-size) / 1.15 var(--font-sans);
}
:is(.ai-edu-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-pedagogy-split__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-dev-intro__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  max-width: 72ch;
  color: var(--ai-edu-text);
  font: 300 var(--ai-edu-body-size) / 1.55 var(--font-sans);
}
:is(.ai-edu-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-pedagogy-split__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-dev-intro__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.ai-edu-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-pedagogy-split__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-dev-intro__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.ai-edu-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-pedagogy-split__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-dev-intro__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .ai-edu-list, .ai-edu-list + :is(.ai-edu-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-pedagogy-split__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ai-edu-dev-intro__copy > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: clamp(16px, 1.25vw, 24px);
}
.ai-edu-list{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  padding: 0;
  list-style: none;
  color: var(--ai-edu-text);
  font: 300 var(--ai-edu-body-size) / 1.55 var(--font-sans);
}
.ai-edu-list li{
  position: relative;
  padding-left: 1.35em;
}
.ai-edu-list li + li{
  margin-top: 0.45em;
}
.ai-edu-list li::before{
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.42em;
  height: 0.42em;
  border-radius: 50%;
  background: var(--ai-edu-heading);
}
.ai-edu-pedagogy-split{
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: clamp(24px, 2.604vw, 50px);
  align-items: start;
}
.ai-edu-pedagogy-split__copy{
  min-width: 0;
}
.ai-edu-competencies-card{
  margin: 0;
  padding: clamp(16px, 1.25vw, 24px);
  border-radius: clamp(14px, 1.042vw, 20px);
  background: #fff;
  box-shadow: 0 8px 32px rgba(30, 62, 138, 0.08);
}
.ai-edu-competencies-card img{
  display: block;
  width: 100%;
  height: auto;
}
.ai-edu-duo{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 1.563vw, 30px);
  margin-top: clamp(32px, 2.604vw, 50px);
}
.ai-edu-duo figure, .ai-edu-badge{
  margin: 0;
}
.ai-edu-duo img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: clamp(12px, 1.042vw, 20px);
  object-fit: cover;
  aspect-ratio: 874 / 571;
}
.ai-edu-split{
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(280px, 34.375vw, 660px);
  gap: clamp(24px, 2.604vw, 50px);
  align-items: center;
}
.ai-edu-split__copy{
  min-width: 0;
}
.ai-edu-badge img{
  display: block;
  width: clamp(280px, 34.375vw, 660px);
  height: clamp(87px, 10.677vw, 205px);
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}
.content-gallery{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--ai-edu-carousel-gap);
  box-sizing: border-box;
  width: min(100%, var(--ai-edu-carousel-shell-w));
  min-height: var(--ai-edu-carousel-shell-min-h);
  margin: clamp(32px, 2.604vw, 50px) auto 0;
  padding: var(--ai-edu-carousel-pad-y) var(--ai-edu-carousel-pad-x);
  border-radius: 10px;
  background: var(--ai-edu-carousel-shell-bg);
}
.content-gallery__main{
  flex: 0 0 var(--ai-edu-carousel-main-w);
  width: var(--ai-edu-carousel-main-w);
  max-width: 100%;
  margin: 0;
}
.content-gallery__main img{
  display: block;
  width: var(--ai-edu-carousel-main-w);
  max-width: 100%;
  height: var(--ai-edu-carousel-main-h);
  aspect-ratio: 1238 / 843;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  background: #e5e5e5;
  opacity: 1;
}
.content-gallery__controls{
  display: flex;
  flex: 0 0 var(--ai-edu-carousel-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  width: var(--ai-edu-carousel-thumb-w);
  min-height: var(--ai-edu-carousel-main-h);
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ai-edu-heading);
  cursor: pointer;
  transition: opacity 180ms ease;
}
.content-gallery__arrow svg{
  display: block;
  width: 17px;
  height: 10px;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: clamp(8px, 0.625vw, 12px) 0;
}
.content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: var(--ai-edu-carousel-thumb-w);
  max-width: 100%;
  height: var(--ai-edu-carousel-thumb-h);
  aspect-ratio: 394 / 246;
  padding: 0;
  border: 5px solid transparent;
  border-radius: 4px;
  background: #e0edf9;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--ai-edu-carousel-thumb-border);
  background: #fff;
}
.content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
}
.ai-edu-dev-intro{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(24px, 2.604vw, 50px);
  align-items: start;
}
.ai-edu-dev-intro__copy{
  min-width: 0;
}
.ai-edu-dev-badge{
  margin: 0;
  flex-shrink: 0;
}
.ai-edu-dev-badge img{
  display: block;
  width: clamp(140px, 15.729vw, 302px);
  height: auto;
}
.ai-edu-dev-photo{
  margin: clamp(32px, 2.604vw, 50px) 0 0;
  overflow: hidden;
  border-radius: clamp(12px, 1.042vw, 20px);
}
.ai-edu-dev-photo > img{
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .ai-edu-pedagogy-split{
    grid-template-columns: 1fr;
  }
  .ai-edu-competencies-card{
    max-width: 560px;
  }
  .ai-edu-duo{
    grid-template-columns: 1fr;
  }
  .ai-edu-split{
    grid-template-columns: 1fr;
  }
  .ai-edu-badge{
    justify-self: start;
  }
  .ai-edu-dev-intro{
    grid-template-columns: 1fr;
  }
  .ai-edu-dev-badge{
    justify-self: start;
  }
  .content-gallery{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-height: 0;
    background: var(--ai-edu-carousel-shell-bg);
    border-radius: 10px;
  }
  .content-gallery__main img{
    height: auto;
    aspect-ratio: 1238 / 843;
  }
  .content-gallery__thumb{
    width: clamp(120px, 28vw, var(--ai-edu-carousel-thumb-w));
    height: auto;
    aspect-ratio: 394 / 246;
  }
}
@media (max-width: 767px) {
  body[data-page="excellence-ai-in-education"] .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 40px;
  }
  body[data-page="excellence-ai-in-education"] .page-hero__title{
    font-size: clamp(22px, 5.2vw, 68px);
    line-height: clamp(28px, 6.5vw, 86px);
  }
  .band-watermark{
    left: 50%;
    transform: translateX(-40%);
    width: min(88vw, 840px);
    height: auto;
    aspect-ratio: 841 / 1006;
  }
  .ai-edu-badge img{
    width: min(100%, 660px);
    height: auto;
    aspect-ratio: 660 / 205;
  }
  .ai-edu-band__inner{
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .ai-edu-band--main .ai-edu-band__inner{
    padding-bottom: 40px;
  }
}
body[data-page="excellence-gifted-education"]{
  background: var(--gifted-header-bg);
  color: #fff;
}
body[data-page="excellence-gifted-education"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--gifted-header-bg);
  box-shadow: none;
}
body[data-page="excellence-gifted-education"] main{
  padding-top: 0;
}
body[data-page="excellence-gifted-education"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="excellence-gifted-education"] .header-logo-text{
  color: #fff;
}
body[data-page="excellence-gifted-education"] .nav-bar{
  background: #fff;
}
body[data-page="excellence-gifted-education"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="excellence-gifted-education"] .lang-pill, body[data-page="excellence-gifted-education"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="excellence-gifted-education"] .division-tab, body[data-page="excellence-gifted-education"] .lang-pill{
  color: #fff;
}
body[data-page="excellence-gifted-education"] .division-panel, body[data-page="excellence-gifted-education"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="excellence-gifted-education"] .division-panel a, body[data-page="excellence-gifted-education"] .header-menu-panel a{
  color: #fff;
}
body[data-page="excellence-gifted-education"] #siteHeader.is-scrolled, body[data-page="excellence-gifted-education"] #siteHeader:hover{
  background: var(--gifted-header-bg);
}
body[data-page="excellence-gifted-education"] footer, body[data-page="excellence-gifted-education"] #footerMain, body[data-page="excellence-gifted-education"] .footer-band, body[data-page="excellence-gifted-education"] #footerBar, body[data-page="excellence-gifted-education"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page="excellence-gifted-education"] .page-hero{
  background: var(--gifted-header-bg);
  color: #fff;
}
body[data-page="excellence-gifted-education"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(12px, 0.833vw, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="excellence-gifted-education"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="excellence-gifted-education"] .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: clamp(40px, 3.125vw, 60px);
}
body[data-page="excellence-gifted-education"] .page-hero__title{
  margin: 0;
  color: #ffffff;
  font: 300 clamp(28px, 3.542vw, 68px) / clamp(36px, 4.479vw, 86px) var(--font-sans);
  letter-spacing: 0;
}
.gifted-band--discover{
  background: var(--gifted-band-discover-bg);
}
.gifted-band--main{
  position: relative;
  overflow: hidden;
  background: var(--gifted-band-main-bg);
}
.gifted-band__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(44px, 3.125vw, 60px);
}
.gifted-band--main .gifted-band__inner{
  padding-bottom: clamp(54px, 3.906vw, 75px);
}
.gifted-band--discover + .gifted-band--main .gifted-band__inner{
  padding-top: clamp(48px, 4.167vw, 80px);
}
.gifted-section + .gifted-section{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.gifted-section--divider{
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(30, 62, 138, 0.12);
}
.gifted-section__title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--gifted-heading);
  font: 500 var(--gifted-heading-size) / 1.15 var(--font-sans);
  text-transform: uppercase;
}
.gifted-kicker{
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  color: var(--gifted-heading);
  font: 700 var(--gifted-subheading-size) / 1.25 var(--font-sans);
}
.gifted-tagline{
  margin: 0 0 clamp(20px, 1.563vw, 30px);
  color: var(--gifted-heading);
  font: 700 clamp(18px, 1.25vw, 24px) / 1.35 var(--font-sans);
}
:is(.gifted-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gifted-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  max-width: none;
  color: var(--gifted-text);
  font: 300 var(--gifted-body-size) / 1.55 var(--font-sans);
}
.gifted-copy--full{
  max-width: none;
}
:is(.gifted-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gifted-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.gifted-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gifted-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.gifted-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gifted-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .gifted-list, .gifted-list + :is(.gifted-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gifted-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.gifted-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gifted-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .gifted-subblock, :is(.gifted-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gifted-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .gifted-tier-grid, .gifted-subblock + .gifted-subblock, .gifted-tier-grid + .gifted-subblock{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.gifted-list{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  padding: 0;
  list-style: none;
  color: var(--gifted-text);
  font: 300 var(--gifted-body-size) / 1.55 var(--font-sans);
}
.gifted-list li{
  position: relative;
  padding-left: 1.35em;
}
.gifted-list li + li{
  margin-top: 0.65em;
}
.gifted-list--topics > li + li{
  margin-top: clamp(18px, 1.458vw, 28px);
}
.gifted-list--topics strong{
  color: var(--gifted-heading);
  font-weight: 700;
}
.gifted-list--nested{
  margin-top: 0.65em;
  margin-left: 0.35em;
}
.gifted-list--nested li::before{
  background: transparent;
  border: 1px solid var(--gifted-heading);
}
.gifted-list--acronym li::before{
  background: var(--gifted-heading);
}
.gifted-list--acronym strong{
  color: var(--gifted-heading);
  font-weight: 700;
}
.gifted-list li::before{
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.42em;
  height: 0.42em;
  border-radius: 50%;
  background: var(--gifted-heading);
}
.gifted-subblock__title{
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  color: var(--gifted-heading);
  font: 700 clamp(18px, 1.25vw, 22px) / 1.35 var(--font-sans);
}
.gifted-tier-grid{
  margin-top: clamp(28px, 2.083vw, 40px);
}
.content-gallery{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gifted-carousel-gap);
  box-sizing: border-box;
  width: min(100%, var(--gifted-carousel-shell-w));
  min-height: var(--gifted-carousel-shell-min-h);
  margin: clamp(32px, 2.604vw, 50px) auto 0;
  padding: var(--gifted-carousel-pad-y) var(--gifted-carousel-pad-x);
  border-radius: 10px;
  background: var(--gifted-carousel-shell-bg);
}
.content-gallery__main{
  flex: 0 0 var(--gifted-carousel-main-w);
  width: var(--gifted-carousel-main-w);
  max-width: 100%;
  margin: 0;
}
.content-gallery__main img{
  display: block;
  width: var(--gifted-carousel-main-w);
  max-width: 100%;
  height: var(--gifted-carousel-main-h);
  aspect-ratio: 1238 / 843;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  background: #e5e5e5;
}
.content-gallery__controls{
  display: flex;
  flex: 0 0 var(--gifted-carousel-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  width: var(--gifted-carousel-thumb-w);
  min-height: var(--gifted-carousel-main-h);
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--gifted-heading);
  cursor: pointer;
  transition: opacity 180ms ease;
}
.content-gallery__arrow svg{
  display: block;
  width: 17px;
  height: 10px;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: clamp(8px, 0.625vw, 12px) 0;
}
.content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: var(--gifted-carousel-thumb-w);
  max-width: 100%;
  height: var(--gifted-carousel-thumb-h);
  aspect-ratio: 394 / 246;
  padding: 0;
  border: 5px solid transparent;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--gifted-carousel-thumb-border);
  background: #fff;
}
.content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.gifted-tier-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 1.563vw, 30px);
}
.gifted-tier-card{
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: clamp(24px, 2.083vw, 40px) clamp(20px, 1.563vw, 30px);
  border: 1px solid rgba(30, 62, 138, 0.14);
  border-radius: clamp(12px, 1.042vw, 20px);
  background: #fff;
  box-shadow: 0 8px 32px rgba(30, 62, 138, 0.06);
}
.gifted-tier-card__heading{
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  font: 700 clamp(18px, 1.146vw, 22px) / 1.35 var(--font-sans);
}
.gifted-tier-card__label{
  color: var(--gifted-heading);
}
.gifted-tier-card__title{
  margin: 0 0 0 0.35em;
  color: var(--gifted-text);
  font: inherit;
}
.gifted-tier-card--tier1 .gifted-tier-card__title{
  color: var(--gifted-tier-1);
}
.gifted-tier-card--tier2 .gifted-tier-card__title{
  color: var(--gifted-tier-2);
}
.gifted-tier-card--tier3 .gifted-tier-card__title{
  color: var(--gifted-tier-3);
}
.gifted-tier-card > p:not(.gifted-tier-card__heading){
  margin: 0;
  color: var(--gifted-text);
  font: 300 var(--gifted-body-size) / 1.55 var(--font-sans);
}
@media (max-width: 1023px) {
  .gifted-tier-grid{
    grid-template-columns: 1fr;
  }
  .content-gallery{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-height: 0;
    background: var(--gifted-carousel-shell-bg);
    border-radius: 10px;
  }
  .content-gallery__main img{
    height: auto;
    aspect-ratio: 1238 / 843;
  }
  .content-gallery__controls{
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    min-height: 0;
  }
  .content-gallery__thumbs{
    flex-direction: row;
    flex: 1 1 auto;
    order: 0;
    justify-content: center;
    width: auto;
    min-height: 0;
    padding: 0;
    overflow-x: auto;
  }
  .content-gallery__arrow--prev{
    order: -1;
    flex: 0 0 auto;
  }
  .content-gallery__arrow--next{
    order: 1;
    flex: 0 0 auto;
  }
  .content-gallery__arrow--prev svg, .content-gallery__arrow--next svg{
    transform: rotate(-90deg);
  }
  .content-gallery__thumb{
    width: clamp(120px, 28vw, var(--gifted-carousel-thumb-w));
    height: auto;
    aspect-ratio: 394 / 246;
  }
}
@media (max-width: 767px) {
  body[data-page="excellence-gifted-education"] .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 40px;
  }
  body[data-page="excellence-gifted-education"] .page-hero__title{
    font-size: clamp(22px, 5.2vw, 68px);
    line-height: clamp(28px, 6.5vw, 86px);
  }
  
  .gifted-band__inner{
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .gifted-band--main .gifted-band__inner{
    padding-bottom: 40px;
  }
}
body[data-page="excellence-middle-school-programmes"]{
  background: var(--msp-header-bg);
  color: #fff;
}
body[data-page="excellence-middle-school-programmes"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--msp-header-bg);
  box-shadow: none;
}
body[data-page="excellence-middle-school-programmes"] main{
  padding-top: 0;
}
body[data-page="excellence-middle-school-programmes"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="excellence-middle-school-programmes"] .header-logo-text{
  color: #fff;
}
body[data-page="excellence-middle-school-programmes"] .nav-bar{
  background: #fff;
}
body[data-page="excellence-middle-school-programmes"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="excellence-middle-school-programmes"] .lang-pill, body[data-page="excellence-middle-school-programmes"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="excellence-middle-school-programmes"] .division-tab, body[data-page="excellence-middle-school-programmes"] .lang-pill{
  color: #fff;
}
body[data-page="excellence-middle-school-programmes"] .division-panel, body[data-page="excellence-middle-school-programmes"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="excellence-middle-school-programmes"] .division-panel a, body[data-page="excellence-middle-school-programmes"] .header-menu-panel a{
  color: #fff;
}
body[data-page="excellence-middle-school-programmes"] #siteHeader.is-scrolled, body[data-page="excellence-middle-school-programmes"] #siteHeader:hover{
  background: var(--msp-header-bg);
}
body[data-page="excellence-middle-school-programmes"] footer, body[data-page="excellence-middle-school-programmes"] #footerMain, body[data-page="excellence-middle-school-programmes"] .footer-band, body[data-page="excellence-middle-school-programmes"] #footerBar, body[data-page="excellence-middle-school-programmes"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page="excellence-middle-school-programmes"] .page-hero{
  background: var(--msp-header-bg);
  color: #fff;
}
body[data-page="excellence-middle-school-programmes"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(12px, 0.833vw, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="excellence-middle-school-programmes"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="excellence-middle-school-programmes"] .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: clamp(40px, 3.125vw, 60px);
}
body[data-page="excellence-middle-school-programmes"] .page-hero__title{
  margin: 0;
  color: #ffffff;
  font: 300 clamp(28px, 3.542vw, 68px) / clamp(36px, 4.479vw, 86px) var(--font-sans);
  letter-spacing: 0;
}
.msp-band--intro{
  background: var(--msp-band-discover-bg);
}
.msp-band--main{
  position: relative;
  overflow: hidden;
  background: var(--msp-band-main-bg);
}
.msp-band__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(44px, 3.125vw, 60px);
}
.msp-band--main .msp-band__inner{
  padding-bottom: clamp(54px, 3.906vw, 75px);
}
.msp-band--intro + .msp-band--main .msp-band__inner{
  padding-top: clamp(48px, 4.167vw, 80px);
}
.msp-section + .msp-section{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.msp-section--divider{
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(30, 62, 138, 0.12);
}
.msp-section__title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--msp-heading);
  font: 500 var(--msp-heading-size) / 1.15 var(--font-sans);
  text-transform: uppercase;
}
.msp-kicker{
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  color: var(--msp-heading);
  font: 700 var(--msp-subheading-size) / 1.25 var(--font-sans);
}
.msp-tagline{
  margin: 0 0 clamp(20px, 1.563vw, 30px);
  color: var(--msp-heading);
  font: 700 clamp(18px, 1.25vw, 24px) / 1.35 var(--font-sans);
}
:is(.msp-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .msp-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  max-width: none;
  color: var(--msp-text);
  font: 300 var(--msp-body-size) / 1.55 var(--font-sans);
}
.msp-copy--full{
  max-width: none;
}
:is(.msp-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .msp-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.msp-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .msp-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.msp-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .msp-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .msp-list, .msp-list + :is(.msp-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .msp-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.msp-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .msp-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .msp-subblock, :is(.msp-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .msp-subblock > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .msp-tier-grid, .msp-subblock + .msp-subblock, .msp-tier-grid + .msp-subblock{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.msp-list{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  padding: 0;
  list-style: none;
  color: var(--msp-text);
  font: 300 var(--msp-body-size) / 1.55 var(--font-sans);
}
.msp-list li{
  position: relative;
  padding-left: 1.35em;
}
.msp-list li + li{
  margin-top: 0.65em;
}
.msp-list--topics > li + li{
  margin-top: clamp(18px, 1.458vw, 28px);
}
.msp-list--topics strong{
  color: var(--msp-heading);
  font-weight: 700;
}
.msp-list--nested{
  margin-top: 0.65em;
  margin-left: 0.35em;
}
.msp-list--nested li::before{
  background: transparent;
  border: 1px solid var(--msp-heading);
}
.msp-list--acronym li::before{
  background: var(--msp-heading);
}
.msp-list--acronym strong{
  color: var(--msp-heading);
  font-weight: 700;
}
.msp-list li::before{
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.42em;
  height: 0.42em;
  border-radius: 50%;
  background: var(--msp-heading);
}
.msp-subblock__title{
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  color: var(--msp-heading);
  font: 700 clamp(18px, 1.25vw, 22px) / 1.35 var(--font-sans);
}
.msp-diagram{
  margin: clamp(32px, 2.604vw, 50px) auto 0;
  max-width: min(100%, 934px);
}
.msp-diagram img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: clamp(12px, 1.042vw, 20px);
}
.msp-copy--closing{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.content-gallery + .msp-copy--closing{
  margin-top: clamp(40px, 3.125vw, 60px);
}
.msp-tier-grid{
  margin-top: clamp(28px, 2.083vw, 40px);
}
.content-gallery{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--msp-carousel-gap);
  box-sizing: border-box;
  width: min(100%, var(--msp-carousel-shell-w));
  min-height: var(--msp-carousel-shell-min-h);
  margin: clamp(32px, 2.604vw, 50px) auto 0;
  padding: var(--msp-carousel-pad-y) var(--msp-carousel-pad-x);
  border-radius: 10px;
  background: var(--msp-carousel-shell-bg);
}
.content-gallery__main{
  flex: 0 0 var(--msp-carousel-main-w);
  width: var(--msp-carousel-main-w);
  max-width: 100%;
  margin: 0;
}
.content-gallery__main img{
  display: block;
  width: var(--msp-carousel-main-w);
  max-width: 100%;
  height: var(--msp-carousel-main-h);
  aspect-ratio: 1238 / 793;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  background: #e5e5e5;
}
.content-gallery__controls{
  display: flex;
  flex: 0 0 var(--msp-carousel-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  width: var(--msp-carousel-thumb-w);
  min-height: var(--msp-carousel-main-h);
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--msp-heading);
  cursor: pointer;
  transition: opacity 180ms ease;
}
.content-gallery__arrow svg{
  display: block;
  width: 17px;
  height: 10px;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: clamp(8px, 0.625vw, 12px) 0;
}
.content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: var(--msp-carousel-thumb-w);
  max-width: 100%;
  height: var(--msp-carousel-thumb-h);
  aspect-ratio: 394 / 246;
  padding: 0;
  border: 5px solid transparent;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--msp-carousel-thumb-border);
  background: #fff;
}
.content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.msp-tier-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 1.563vw, 30px);
}
.msp-tier-card{
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: clamp(24px, 2.083vw, 40px) clamp(20px, 1.563vw, 30px);
  border: 1px solid rgba(30, 62, 138, 0.14);
  border-radius: clamp(12px, 1.042vw, 20px);
  background: #fff;
  box-shadow: 0 8px 32px rgba(30, 62, 138, 0.06);
}
.msp-tier-card__heading{
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  font: 700 clamp(18px, 1.146vw, 22px) / 1.35 var(--font-sans);
}
.msp-tier-card__label{
  color: var(--msp-heading);
}
.msp-tier-card__title{
  margin: 0 0 0 0.35em;
  color: var(--msp-text);
  font: inherit;
}
.msp-tier-card--tier1 .msp-tier-card__title{
  color: var(--msp-tier-1);
}
.msp-tier-card--tier2 .msp-tier-card__title{
  color: var(--msp-tier-2);
}
.msp-tier-card--tier3 .msp-tier-card__title{
  color: var(--msp-tier-3);
}
.msp-tier-card__copy{
  margin: 0;
  color: var(--msp-text);
  font: 300 var(--msp-body-size) / 1.55 var(--font-sans);
}
@media (max-width: 1023px) {
  .msp-tier-grid{
    grid-template-columns: 1fr;
  }
  .content-gallery{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-height: 0;
    background: var(--msp-carousel-shell-bg);
    border-radius: 10px;
  }
  .content-gallery__main img{
    height: auto;
    aspect-ratio: 1238 / 793;
  }
  .content-gallery__controls{
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    min-height: 0;
  }
  .content-gallery__thumbs{
    flex-direction: row;
    flex: 1 1 auto;
    order: 0;
    justify-content: center;
    width: auto;
    min-height: 0;
    padding: 0;
    overflow-x: auto;
  }
  .content-gallery__arrow--prev{
    order: -1;
    flex: 0 0 auto;
  }
  .content-gallery__arrow--next{
    order: 1;
    flex: 0 0 auto;
  }
  .content-gallery__arrow--prev svg, .content-gallery__arrow--next svg{
    transform: rotate(-90deg);
  }
  .content-gallery__thumb{
    width: clamp(120px, 28vw, var(--msp-carousel-thumb-w));
    height: auto;
    aspect-ratio: 394 / 246;
  }
}
@media (max-width: 767px) {
  body[data-page="excellence-middle-school-programmes"] .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 40px;
  }
  body[data-page="excellence-middle-school-programmes"] .page-hero__title{
    font-size: clamp(22px, 5.2vw, 68px);
    line-height: clamp(28px, 6.5vw, 86px);
  }
  
  .msp-band__inner{
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .msp-band--main .msp-band__inner{
    padding-bottom: 40px;
  }
}
body[data-page="excellence-national-security-education"]{
  background: var(--nse-header-bg);
  color: #fff;
}
body[data-page="excellence-national-security-education"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--nse-header-bg);
  box-shadow: none;
}
body[data-page="excellence-national-security-education"] main{
  padding-top: 0;
}
body[data-page="excellence-national-security-education"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="excellence-national-security-education"] .header-logo-text{
  color: #fff;
}
body[data-page="excellence-national-security-education"] .nav-bar{
  background: #fff;
}
body[data-page="excellence-national-security-education"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="excellence-national-security-education"] .lang-pill, body[data-page="excellence-national-security-education"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="excellence-national-security-education"] .division-tab, body[data-page="excellence-national-security-education"] .lang-pill{
  color: #fff;
}
body[data-page="excellence-national-security-education"] .division-panel, body[data-page="excellence-national-security-education"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="excellence-national-security-education"] .division-panel a, body[data-page="excellence-national-security-education"] .header-menu-panel a{
  color: #fff;
}
body[data-page="excellence-national-security-education"] #siteHeader.is-scrolled, body[data-page="excellence-national-security-education"] #siteHeader:hover{
  background: var(--nse-header-bg);
}
body[data-page="excellence-national-security-education"] footer, body[data-page="excellence-national-security-education"] #footerMain, body[data-page="excellence-national-security-education"] .footer-band, body[data-page="excellence-national-security-education"] #footerBar, body[data-page="excellence-national-security-education"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page="excellence-national-security-education"] .page-hero{
  background: var(--nse-header-bg);
  color: #fff;
}
body[data-page="excellence-national-security-education"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font: 300 clamp(12px, 0.917vw, 17.6px) / 1.4 var(--font-sans);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="excellence-national-security-education"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="excellence-national-security-education"] .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: clamp(40px, 3.125vw, 60px);
}
body[data-page="excellence-national-security-education"] .page-hero__title{
  margin: 0;
  color: #ffffff;
  font: 300 clamp(28px, 3.542vw, 68px) / clamp(36px, 4.479vw, 86px) var(--font-sans);
  letter-spacing: 0;
}
.nse-shell{
  width: 100%;
  margin-top: 0;
  background: var(--nse-shell-bg);
  border-radius: clamp(24px, 2.083vw, 40px) clamp(24px, 2.083vw, 40px) 0 0;
  overflow: hidden;
}
.nse-shell__inner{
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(72px, 6.25vw, 120px);
}
.nse-content{
  max-width: none;
}
:is(.nse-content > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .nse-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: var(--nse-text);
  font: 300 var(--nse-body-size) / 1.55 var(--font-sans);
}
:is(.nse-content > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .nse-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.nse-content > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .nse-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 767px) {
  body[data-page="excellence-national-security-education"] .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 40px;
  }
  body[data-page="excellence-national-security-education"] .page-hero__title{
    font-size: clamp(22px, 5.2vw, 68px);
    line-height: clamp(28px, 6.5vw, 86px);
  }
  .nse-shell__inner{
    padding-top: 28px;
    padding-bottom: 48px;
  }
}
body[data-page="excellence-project-based-learning"]{
  background: var(--pbl-header-bg);
  color: #fff;
}
body[data-page="excellence-project-based-learning"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--pbl-header-bg);
  box-shadow: none;
}
body[data-page="excellence-project-based-learning"] main{
  padding-top: 0;
}
body[data-page="excellence-project-based-learning"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="excellence-project-based-learning"] .header-logo-text{
  color: #fff;
}
body[data-page="excellence-project-based-learning"] .nav-bar{
  background: #fff;
}
body[data-page="excellence-project-based-learning"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="excellence-project-based-learning"] .lang-pill, body[data-page="excellence-project-based-learning"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="excellence-project-based-learning"] .division-tab, body[data-page="excellence-project-based-learning"] .lang-pill{
  color: #fff;
}
body[data-page="excellence-project-based-learning"] .division-panel, body[data-page="excellence-project-based-learning"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="excellence-project-based-learning"] .division-panel a, body[data-page="excellence-project-based-learning"] .header-menu-panel a{
  color: #fff;
}
body[data-page="excellence-project-based-learning"] #siteHeader.is-scrolled, body[data-page="excellence-project-based-learning"] #siteHeader:hover{
  background: var(--pbl-header-bg);
}
body[data-page="excellence-project-based-learning"] footer, body[data-page="excellence-project-based-learning"] #footerMain, body[data-page="excellence-project-based-learning"] .footer-band, body[data-page="excellence-project-based-learning"] #footerBar, body[data-page="excellence-project-based-learning"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page="excellence-project-based-learning"] .page-hero{
  background: var(--pbl-header-bg);
  color: #fff;
}
body[data-page="excellence-project-based-learning"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font: 300 clamp(12px, 0.917vw, 17.6px) / 1.4 var(--font-sans);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="excellence-project-based-learning"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="excellence-project-based-learning"] .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: clamp(40px, 3.125vw, 60px);
}
body[data-page="excellence-project-based-learning"] .page-hero__title{
  margin: 0;
  color: #ffffff;
  font: 300 clamp(28px, 3.542vw, 68px) / clamp(36px, 4.479vw, 86px) var(--font-sans);
  letter-spacing: 0;
}
.pbl-shell{
  position: relative;
  overflow: hidden;
  background: var(--pbl-shell-bg);
  border-radius: clamp(24px, 2.083vw, 40px) clamp(24px, 2.083vw, 40px) 0 0;
}
.pbl-shell__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(72px, 6.25vw, 120px);
}
.pbl-duo{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, var(--pbl-duo-img-w)));
  gap: var(--pbl-duo-gap);
  margin: 0 0 clamp(48px, 4.167vw, 80px);
}
.pbl-duo figure{
  margin: 0;
  max-width: var(--pbl-duo-img-w);
  aspect-ratio: 874 / 571;
  overflow: hidden;
  border-radius: 16px;
}
.pbl-duo img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  opacity: 1;
}
.pbl-section + .pbl-section{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.pbl-section--divider{
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(30, 62, 138, 0.12);
}
.pbl-section__title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--pbl-heading);
  font: 500 var(--pbl-heading-size) / 1.15 var(--font-sans);
}
.pbl-subheading{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--pbl-subheading);
  font: 700 var(--pbl-subheading-size) / 1.25 var(--font-sans);
}
.pbl-subheading--section{
  margin-bottom: clamp(24px, 2.083vw, 40px);
}
.pbl-stage{
  margin: clamp(24px, 2.083vw, 40px) 0 clamp(16px, 1.25vw, 24px);
  color: var(--pbl-subheading);
  font: 700 var(--pbl-body-size) / 1.45 var(--font-sans);
}
.pbl-stage:first-of-type{
  margin-top: 0;
}
.pbl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin: 0;
  color: var(--pbl-text);
  font: 300 var(--pbl-body-size) / 1.55 var(--font-sans);
}
.pbl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .pbl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .pbl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .pbl-list, .pbl-list + .pbl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .pbl-stage + .pbl-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin-top: clamp(16px, 1.25vw, 24px);
}
.pbl-list{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  padding: 0;
  list-style: none;
  color: var(--pbl-text);
  font: 300 var(--pbl-body-size) / 1.55 var(--font-sans);
}
.pbl-list li{
  position: relative;
  padding-left: 1.35em;
}
.pbl-list li + li{
  margin-top: 0.45em;
}
.pbl-list li::before{
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.42em;
  height: 0.42em;
  border-radius: 50%;
  background: var(--pbl-heading);
}
.pbl-list--steps{
  list-style: decimal;
  padding-left: 1.35em;
}
.pbl-list--steps li{
  padding-left: 0.35em;
}
.pbl-list--steps li::before{
  display: none;
}
.pbl-list--steps strong{
  color: var(--pbl-subheading);
  font-weight: 700;
}
.content-gallery{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--pbl-carousel-gap);
  box-sizing: border-box;
  width: min(100%, var(--pbl-carousel-shell-w));
  min-height: var(--pbl-carousel-shell-min-h);
  margin: clamp(32px, 2.604vw, 50px) auto 0;
  padding: var(--pbl-carousel-pad-y) var(--pbl-carousel-pad-x);
  border-radius: 10px;
  background: #e0edf9;
}
.content-gallery__main{
  flex: 0 0 var(--pbl-carousel-main-w);
  width: var(--pbl-carousel-main-w);
  max-width: 100%;
  margin: 0;
}
.content-gallery__main img{
  display: block;
  width: var(--pbl-carousel-main-w);
  max-width: 100%;
  height: var(--pbl-carousel-main-h);
  aspect-ratio: 1238 / 843;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  background: #e5e5e5;
}
.content-gallery__controls{
  display: flex;
  flex: 0 0 var(--pbl-carousel-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  width: var(--pbl-carousel-thumb-w);
  min-height: var(--pbl-carousel-main-h);
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--pbl-heading);
  cursor: pointer;
  transition: opacity 180ms ease;
}
.content-gallery__arrow svg{
  display: block;
  width: 17px;
  height: 10px;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: clamp(8px, 0.625vw, 12px) 0;
}
.content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: var(--pbl-carousel-thumb-w);
  max-width: 100%;
  height: var(--pbl-carousel-thumb-h);
  aspect-ratio: 394 / 246;
  padding: 0;
  border: 5px solid transparent;
  border-radius: 4px;
  background: #f2f0f0;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--pbl-carousel-thumb-border);
  background: #fff;
}
.content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1023px) {
  .pbl-duo{
    grid-template-columns: 1fr;
  }
  .pbl-duo figure{
    max-width: none;
  }
  .content-gallery{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-height: 0;
  }
  .content-gallery__main img{
    height: auto;
    aspect-ratio: 1238 / 843;
  }
  .content-gallery__controls{
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    min-height: 0;
  }
  .content-gallery__thumbs{
    flex-direction: row;
    flex: 1 1 auto;
    order: 0;
    justify-content: center;
    width: auto;
    min-height: 0;
    padding: 0;
    overflow-x: auto;
  }
  .content-gallery__arrow--prev{
    order: -1;
    flex: 0 0 auto;
  }
  .content-gallery__arrow--next{
    order: 1;
    flex: 0 0 auto;
  }
  .content-gallery__arrow--prev svg, .content-gallery__arrow--next svg{
    transform: rotate(-90deg);
  }
  .content-gallery__thumb{
    width: clamp(120px, 28vw, var(--pbl-carousel-thumb-w));
    height: auto;
    aspect-ratio: 394 / 246;
  }
}
@media (max-width: 767px) {
  body[data-page="excellence-project-based-learning"] .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 40px;
  }
  body[data-page="excellence-project-based-learning"] .page-hero__title{
    font-size: clamp(22px, 5.2vw, 68px);
    line-height: clamp(28px, 6.5vw, 86px);
  }
  
  .pbl-shell__inner{
    padding-top: 28px;
    padding-bottom: 48px;
  }
}
body[data-page="excellence-global-exchange-learning"]{
  background: var(--gel-header-bg);
  color: #fff;
}
body[data-page="excellence-global-exchange-learning"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--gel-header-bg);
  box-shadow: none;
}
body[data-page="excellence-global-exchange-learning"] main{
  padding-top: 0;
}
body[data-page="excellence-global-exchange-learning"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="excellence-global-exchange-learning"] .header-logo-text{
  color: #fff;
}
body[data-page="excellence-global-exchange-learning"] .nav-bar{
  background: #fff;
}
body[data-page="excellence-global-exchange-learning"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="excellence-global-exchange-learning"] .lang-pill, body[data-page="excellence-global-exchange-learning"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="excellence-global-exchange-learning"] .division-tab, body[data-page="excellence-global-exchange-learning"] .lang-pill{
  color: #fff;
}
body[data-page="excellence-global-exchange-learning"] .division-panel, body[data-page="excellence-global-exchange-learning"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="excellence-global-exchange-learning"] .division-panel a, body[data-page="excellence-global-exchange-learning"] .header-menu-panel a{
  color: #fff;
}
body[data-page="excellence-global-exchange-learning"] #siteHeader.is-scrolled, body[data-page="excellence-global-exchange-learning"] #siteHeader:hover{
  background: var(--gel-header-bg);
}
body[data-page="excellence-global-exchange-learning"] footer, body[data-page="excellence-global-exchange-learning"] #footerMain, body[data-page="excellence-global-exchange-learning"] .footer-band, body[data-page="excellence-global-exchange-learning"] #footerBar, body[data-page="excellence-global-exchange-learning"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page="excellence-global-exchange-learning"] .page-hero{
  background: var(--gel-header-bg);
  color: #fff;
}
body[data-page="excellence-global-exchange-learning"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font: 300 clamp(12px, 0.917vw, 17.6px) / 1.4 var(--font-sans);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="excellence-global-exchange-learning"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="excellence-global-exchange-learning"] .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: clamp(40px, 3.125vw, 60px);
}
body[data-page="excellence-global-exchange-learning"] .page-hero__title{
  margin: 0;
  color: #ffffff;
  font: 300 clamp(28px, 3.542vw, 68px) / clamp(36px, 4.479vw, 86px) var(--font-sans);
}
.gel-band--intro{
  background: var(--gel-band-intro-bg);
  border-radius: clamp(24px, 2.083vw, 40px) clamp(24px, 2.083vw, 40px) 0 0;
}
.gel-band--mid{
  position: relative;
  overflow: hidden;
  background: var(--gel-band-mid-bg);
}
.gel-band--main{
  background: var(--gel-band-main-bg);
}
.gel-band__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(44px, 3.125vw, 60px);
}
.gel-band--main .gel-band__inner{
  padding-bottom: clamp(72px, 6.25vw, 120px);
}
.gel-band--intro + .gel-band--mid .gel-band__inner, .gel-band--mid + .gel-band--main .gel-band__inner{
  padding-top: clamp(48px, 4.167vw, 80px);
}
.gel-section + .gel-section, .gel-section--divider{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(30, 62, 138, 0.12);
}
.gel-section__title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--gel-heading);
  font: 500 var(--gel-heading-size) / var(--gel-heading-lh) var(--font-sans);
  letter-spacing: 0;
}
.gel-subheading{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--gel-subheading);
  font: 700 var(--gel-subheading-size) / var(--gel-subheading-lh) var(--font-sans);
  letter-spacing: 0;
}
.gel-subheading--italic{
  margin-top: clamp(-28px, -1.458vw, -20px);
  color: var(--gel-heading);
  font: 300 italic var(--gel-subheading-size) / var(--gel-subheading-lh) var(--font-sans);
  letter-spacing: 0;
}
.gel-subheading--block{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.gel-subheading--table{
  margin-top: clamp(32px, 2.604vw, 50px);
  margin-bottom: clamp(16px, 1.25vw, 24px);
  color: var(--gel-text);
  font: 700 var(--gel-body-size) / var(--gel-body-lh) var(--font-sans);
  letter-spacing: 0;
}
.gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin: 0;
  color: var(--gel-text);
  font: 300 var(--gel-body-size) / var(--gel-body-lh) var(--font-sans);
  letter-spacing: 0;
}
.gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) strong{
  color: var(--gel-text);
  font-weight: 700;
}
.gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) em{
  font-style: italic;
  font-weight: 300;
}
.gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .gel-list, .gel-list + .gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) + .gel-table-wrap, .gel-table-wrap + .gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin-top: clamp(16px, 1.25vw, 24px);
}
.gel-subheading + .gel-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .gel-subheading + .gel-list{
  margin-top: 0;
}
.gel-list{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  padding: 0;
  list-style: none;
  color: var(--gel-text);
  font: 300 var(--gel-body-size) / var(--gel-body-lh) var(--font-sans);
  letter-spacing: 0;
}
.gel-list li{
  position: relative;
  padding-left: 1.35em;
}
.gel-list li + li{
  margin-top: clamp(12px, 0.833vw, 16px);
}
.gel-list li::before{
  content: "";
  position: absolute;
  top: 0.42em;
  left: 0;
  width: 0.42em;
  height: 0.42em;
  border-radius: 50%;
  background: var(--gel-heading);
}
.gel-list--objectives{
  list-style: decimal;
  padding-left: 1.35em;
}
.gel-list--objectives li{
  padding-left: 0.35em;
}
.gel-list--objectives li::before{
  display: none;
}
.gel-list--objectives strong{
  color: var(--gel-text);
  font: 700 var(--gel-body-size) / var(--gel-body-lh) var(--font-sans);
}
.gel-list--pathways, .gel-list--initiatives{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.gel-list--pathways > li > strong, .gel-list--initiatives > li > strong, .gel-list--highlights > li > strong{
  display: block;
  color: var(--gel-text);
  font: 700 var(--gel-body-size) / var(--gel-body-lh) var(--font-sans);
}
.gel-list__nested-group{
  padding-left: 0;
}
.gel-list__nested-group::before{
  display: none;
}
.gel-list__nested-title{
  position: relative;
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  padding-left: 1.35em;
  color: var(--gel-text);
  font: 700 var(--gel-body-size) / var(--gel-body-lh) var(--font-sans);
  letter-spacing: 0;
}
.gel-list__nested-title::before{
  content: "";
  position: absolute;
  top: 0.42em;
  left: 0;
  width: 0.42em;
  height: 0.42em;
  border-radius: 50%;
  background: var(--gel-heading);
}
.gel-list--highlights{
  margin-top: 0;
}
.gel-list--highlights li::before{
  background: transparent;
  border: 2px solid var(--gel-heading);
  width: 0.38em;
  height: 0.38em;
  top: 0.45em;
}
.gel-table-wrap{
  overflow-x: auto;
}
.gel-table{
  width: 100%;
  min-width: 480px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: 10px;
  overflow: hidden;
}
.gel-table th, .gel-table td{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: none;
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
  font-family: var(--font-sans);
  font-size: var(--gel-body-size);
  line-height: 1.55;
  color: var(--gel-text);
  text-align: left;
  vertical-align: top;
  background: #fff;
}
.gel-table thead th{
  font-weight: 700;
  background: var(--gel-table-head-bg);
  border-bottom: 1px solid rgba(53, 63, 76, 0.16);
}
.gel-table tbody tr:last-child th, .gel-table tbody tr:last-child td{
  border-bottom: none;
}
.gel-table tbody th[scope="row"]{
  width: clamp(140px, 22vw, 360px);
  font-weight: 700;
  color: var(--gel-subheading);
  border-right: 1px solid rgba(53, 63, 76, 0.16);
  background: var(--gel-table-head-bg);
}
.gel-table tbody td{
  font-weight: 300;
}
.gel-table--initiatives tbody th[scope="row"]{
  width: clamp(160px, 24vw, 380px);
}
.gel-network__legend{
  margin: clamp(16px, 1.25vw, 24px) 0;
  color: var(--gel-heading);
  font: 300 var(--gel-body-size) / var(--gel-body-lh) var(--font-sans);
}
.gel-network__map-title{
  margin: clamp(24px, 2.083vw, 40px) 0 clamp(16px, 1.25vw, 24px);
  color: var(--gel-heading);
  font: 700 var(--gel-subheading-size) / var(--gel-subheading-lh) var(--font-sans);
  text-align: center;
}
.gel-schools-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
}
.gel-schools-table + .gel-network__legend, .gel-network__legend + .gel-table-wrap, .gel-table-wrap + .gel-network__map-title{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.gel-schools-table thead th{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: 1px solid rgba(53, 63, 76, 0.16);
  background: var(--gel-table-head-bg);
  color: var(--gel-text);
  font: 700 var(--gel-body-size) / var(--gel-body-lh) var(--font-sans);
  text-align: center;
  vertical-align: middle;
}
.gel-schools-table__cell{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: 1px solid rgba(53, 63, 76, 0.16);
  color: var(--gel-text-muted);
  font: 300 var(--gel-body-size) / var(--gel-body-lh) var(--font-sans);
  text-align: center;
  vertical-align: middle;
}
.gel-schools-table tbody tr:nth-child(odd) .gel-schools-table__cell{
  background: #fff;
}
.gel-schools-table tbody tr:nth-child(even) .gel-schools-table__cell{
  background: var(--gel-table-head-bg);
}
.gel-schools-table__cell--contract{
  color: var(--gel-text);
  font-weight: 700;
}
.gel-schools-table__cell--empty{
  color: transparent;
}
.gel-schools-table--map{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.gel-map{
  margin: 0 auto;
  max-width: var(--gel-map-w);
}
.gel-map img{
  display: block;
  width: 100%;
  max-width: var(--gel-map-w);
  height: auto;
  aspect-ratio: 1788 / 1026;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  opacity: 1;
}
@media (max-width: 1023px) {
  .gel-table tbody th[scope="row"]{
    width: auto;
  }
}
@media (max-width: 767px) {
  body[data-page="excellence-global-exchange-learning"] .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 40px;
  }
  body[data-page="excellence-global-exchange-learning"] .page-hero__title{
    font-size: clamp(22px, 5.2vw, 68px);
    line-height: clamp(28px, 6.5vw, 86px);
  }
  
  .gel-band__inner{
    padding-top: 28px;
    padding-bottom: 48px;
  }
}
body[data-page="excellence-global-exchange-learning"] .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]){
  background: var(--hsp-header-bg);
  color: #fff;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--hsp-header-bg);
  box-shadow: none;
}
body[data-page="excellence-home-school-partnership"] main{
  padding-top: 0;
}
/* s-reading-education 走 secondary 顶距，勿与主站 hero 模型绑死 */
body[data-page="s-reading-education"] main{
  padding-top: clamp(110px, 8.75vw, 156px);
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .header-logo-text{
  color: #fff;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .nav-bar{
  background: #fff;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .nav-bar .header-nav-link{
  color: #1e1e1e;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .lang-pill,
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .division-tab,
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .lang-pill{
  color: #fff;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .division-panel,
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .header-menu-panel{
  background: var(--color-brand);
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .division-panel a,
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .header-menu-panel a{
  color: #fff;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) #siteHeader.is-scrolled,
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) #siteHeader:hover{
  background: var(--hsp-header-bg);
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) footer,
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) #footerMain,
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .footer-band,
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) #footerBar,
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .footer-bar__inner{
  background: rgb(9, 51, 86);
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .page-hero{
  background: var(--hsp-header-bg);
  color: #fff;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font: 300 clamp(12px, 0.917vw, 17.6px) / 1.4 var(--font-sans);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: clamp(40px, 3.125vw, 60px);
}
:is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .page-hero__title{
  margin: 0;
  color: #ffffff;
  font: 300 clamp(28px, 3.542vw, 68px) / clamp(36px, 4.479vw, 86px) var(--font-sans);
}
.hsp-band--intro{
  background: var(--hsp-band-intro-bg);
  border-radius: clamp(24px, 2.083vw, 40px) clamp(24px, 2.083vw, 40px) 0 0;
}
.hsp-band--content{
  position: relative;
  overflow: hidden;
  background: var(--hsp-band-content-bg);
}
.hsp-band__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(44px, 3.125vw, 60px);
}
.hsp-band--content .hsp-band__inner{
  padding-bottom: clamp(72px, 6.25vw, 120px);
}
.hsp-band--intro + .hsp-band--content .hsp-band__inner{
  padding-top: clamp(48px, 4.167vw, 80px);
}
.content-gallery{
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(140px, 22vw, 320px);
  align-items: stretch;
  gap: var(--hsp-carousel-gap);
  box-sizing: border-box;
  width: 100%;
  max-width: var(--hsp-carousel-shell-w);
  min-height: 0;
  margin: clamp(32px, 2.604vw, 50px) auto 0;
  padding: var(--hsp-carousel-pad-y) var(--hsp-carousel-pad-x);
  border-radius: 10px;
  background: var(--hsp-carousel-shell-bg);
}
.content-gallery__main{
  grid-column: 1;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
}
.content-gallery__main img{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1238 / 843;
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
  background: #e5e5e5;
}
.content-gallery__controls{
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: clamp(8px, 0.8vw, 14px);
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hsp-heading, #1e3e8a);
  cursor: pointer;
  transition: opacity 180ms ease;
}
.content-gallery__arrow svg{
  display: block;
  width: 17px;
  height: 10px;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: clamp(10px, 0.938vw, 16px);
  width: 100%;
  min-height: 0;
}
.content-gallery__thumb{
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  aspect-ratio: 394 / 246;
  padding: 0;
  border: 3px solid transparent;
  border-radius: 0;
  background: var(--gallery-thumb-bg, #cfe2f5);
  cursor: pointer;
  overflow: hidden;
  transition: border-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--hsp-carousel-thumb-border);
  background: #fff;
}
.content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 991.98px){
  .content-gallery{
    grid-template-columns: 1fr;
    width: 100%;
  }
  .content-gallery__main,
  .content-gallery__controls{
    grid-column: 1;
  }
  .content-gallery__controls{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: auto;
    gap: clamp(8px, 2vw, 12px);
  }
  .content-gallery__thumbs{
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .content-gallery__thumb{
    flex: 0 0 auto;
    width: clamp(120px, 28vw, 220px);
  }
  .content-gallery__arrow--prev,
  .content-gallery__arrow--next{
    transform: rotate(-90deg);
  }
}
.hsp-section + .hsp-section, .hsp-section--divider{
  margin-top: clamp(48px, 4.167vw, 80px);
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(30, 62, 138, 0.12);
}
.hsp-section__title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: var(--hsp-heading);
  font: 500 var(--hsp-heading-size) / var(--hsp-heading-lh) var(--font-sans);
  letter-spacing: 0;
}
.hsp-subheading{
  margin: clamp(32px, 2.604vw, 50px) 0 clamp(24px, 2.083vw, 40px);
  color: var(--hsp-subheading);
  font: 700 var(--hsp-subheading-size) / var(--hsp-subheading-lh) var(--font-sans);
  letter-spacing: 0;
}
.hsp-subheading--cta{
  margin: clamp(24px, 2.083vw, 40px) 0 clamp(16px, 1.25vw, 24px);
}
.hsp-cta{
  margin-bottom: clamp(16px, 1.25vw, 24px);
}
.hsp-subheading--framework{
  margin-top: clamp(24px, 2.083vw, 40px);
  margin-bottom: clamp(24px, 2.083vw, 40px);
  text-transform: uppercase;
}
.hsp-copy--spaced{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.hsp-list--bullets li{
  position: relative;
  padding-left: 1.25em;
}
.hsp-list--bullets li + li{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.hsp-list--bullets li::before{
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--hsp-text);
}
.hsp-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]){
  margin: 0;
  color: var(--hsp-text);
  font: 300 var(--hsp-body-size) / var(--hsp-body-lh) var(--font-sans);
  letter-spacing: 0;
}
.hsp-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]) a{
  color: var(--hsp-area-link);
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.hsp-list{
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--hsp-text);
  font: 300 var(--hsp-body-size) / var(--hsp-body-lh) var(--font-sans);
}
.hsp-list--purposes{
  counter-reset: hsp-purpose;
}
.hsp-list--purposes li{
  position: relative;
  padding-left: 1.65em;
  counter-increment: hsp-purpose;
}
.hsp-list--purposes li + li{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.hsp-list--purposes li::before{
  content: counter(hsp-purpose) ".";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--hsp-text);
  font: 300 var(--hsp-body-size) / var(--hsp-body-lh) var(--font-sans);
}
.hsp-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 0.833vw, 16px);
  width: 321px;
  max-width: 100%;
  height: 70px;
  padding: 0 clamp(20px, 1.563vw, 32px);
  border-radius: 42px;
  background: var(--hsp-btn-bg);
  color: #fff;
  font: 400 20px/28px var(--font-sans);
  letter-spacing: 0;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.hsp-btn:hover{
  opacity: 0.88;
}
.hsp-btn img{
  display: block;
  width: clamp(10px, 0.729vw, 14px);
  height: auto;
  flex-shrink: 0;
}
.hsp-tables{
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 2.083vw, 40px);
}
.hsp-table-wrap{
  overflow-x: auto;
}
.hsp-framework-table{
  width: 100%;
  min-width: 720px;
  table-layout: fixed;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid rgba(53, 63, 76, 0.16);
  border-radius: clamp(8px, 0.625vw, 12px);
  overflow: hidden;
}
.hsp-framework-table th, .hsp-framework-table td{
  padding: clamp(12px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  border: 1px solid rgba(53, 63, 76, 0.16);
  font-family: var(--font-sans);
  text-align: left;
  vertical-align: top;
}
.hsp-framework-table thead th{
  font: 700 var(--hsp-table-font-size) / var(--hsp-table-col12-lh) var(--font-sans);
  letter-spacing: 0;
  background: #fff;
  color: var(--hsp-text);
  text-align: center;
  vertical-align: middle;
}
.hsp-framework-table thead th:first-child{
  width: clamp(100px, 12.5vw, 180px);
}
.hsp-framework-table thead th:nth-child(2){
  width: clamp(220px, 28vw, 420px);
}
.hsp-framework-table__grade{
  width: clamp(100px, 12.5vw, 180px);
  font: 300 var(--hsp-table-font-size) / var(--hsp-table-col12-lh) var(--font-sans);
  letter-spacing: 0;
  color: #353f4c;
  text-align: left;
  vertical-align: top;
}
.hsp-framework-table__area{
  font: 300 var(--hsp-table-font-size) / var(--hsp-table-col12-lh) var(--font-sans);
  letter-spacing: 0;
  vertical-align: middle;
}
.hsp-framework-table__area--tone-1{
  color: var(--hsp-area-tone-1);
}
.hsp-framework-table__area--tone-2{
  color: var(--hsp-area-tone-2);
}
.hsp-framework-table__area--tone-3{
  color: var(--hsp-area-tone-3);
}
.hsp-framework-table__area--tone-4{
  color: var(--hsp-area-tone-4);
}
.hsp-framework-table__themes{
  font: 300 var(--hsp-table-font-size) / var(--hsp-table-col3-lh) var(--font-sans);
  letter-spacing: 0;
  color: #353f4c;
  vertical-align: top;
}
.hsp-framework-table__themes ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.hsp-framework-table__themes li{
  position: relative;
  padding-left: 1.1em;
  color: #353f4c;
}
.hsp-framework-table__themes li + li{
  margin-top: 0.35em;
}
.hsp-framework-table__themes li::before{
  content: "";
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 0.28em;
  height: 0.28em;
  border-radius: 50%;
  background: currentColor;
}
.hsp-framework-table tbody tr:nth-child(odd) th, .hsp-framework-table tbody tr:nth-child(odd) td{
  background: #f0eeef;
}
.hsp-framework-table tbody tr:nth-child(even) th, .hsp-framework-table tbody tr:nth-child(even) td{
  background: #e6e5e5;
}
@media (max-width: 767px) {
  :is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 40px;
  }
  :is(body[data-page="excellence-home-school-partnership"], body[data-page="s-reading-education"]) .page-hero__title{
    font-size: clamp(22px, 5.2vw, 68px);
    line-height: clamp(28px, 6.5vw, 86px);
  }
  
  .hsp-band__inner{
    padding-top: 28px;
    padding-bottom: 48px;
  }
}
body[data-page="excellence-green-education"]{
  background: var(--ge-header-bg);
  color: #fff;
}
body[data-page="excellence-green-education"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--ge-header-bg);
  box-shadow: none;
}
body[data-page="excellence-green-education"] main{
  padding-top: 0;
}
body[data-page="excellence-green-education"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="excellence-green-education"] .header-logo-text{
  color: #fff;
}
body[data-page="excellence-green-education"] .nav-bar{
  background: #fff;
}
body[data-page="excellence-green-education"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="excellence-green-education"] .lang-pill, body[data-page="excellence-green-education"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="excellence-green-education"] .division-tab, body[data-page="excellence-green-education"] .lang-pill{
  color: #fff;
}
body[data-page="excellence-green-education"] .division-panel, body[data-page="excellence-green-education"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="excellence-green-education"] .division-panel a, body[data-page="excellence-green-education"] .header-menu-panel a{
  color: #fff;
}
body[data-page="excellence-green-education"] #siteHeader.is-scrolled, body[data-page="excellence-green-education"] #siteHeader:hover{
  background: var(--ge-header-bg);
}
body[data-page="excellence-green-education"] footer, body[data-page="excellence-green-education"] #footerMain, body[data-page="excellence-green-education"] .footer-band, body[data-page="excellence-green-education"] #footerBar, body[data-page="excellence-green-education"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page="excellence-green-education"] .page-hero{
  background: var(--ge-header-bg);
  color: #fff;
}
body[data-page="excellence-green-education"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font: 300 clamp(12px, 0.917vw, 17.6px) / 1.4 var(--font-sans);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="excellence-green-education"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="excellence-green-education"] .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: clamp(40px, 3.125vw, 60px);
}
body[data-page="excellence-green-education"] .page-hero__title{
  margin: 0;
  color: #ffffff;
  font: 300 clamp(28px, 3.542vw, 68px) / clamp(36px, 4.479vw, 86px) var(--font-sans);
  letter-spacing: 0;
}
.ge-band--intro{
  background: var(--ge-band-intro-bg);
}
.ge-band--main{
  position: relative;
  overflow: hidden;
  background: var(--ge-band-main-bg);
}
.ge-band__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(44px, 3.125vw, 60px);
}
.ge-band--intro + .ge-band--main .ge-band__inner{
  padding-top: clamp(48px, 4.167vw, 80px);
}
.ge-band--main .ge-band__inner{
  padding-bottom: clamp(54px, 3.906vw, 75px);
}
.ge-section + .ge-section{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.ge-section--divider{
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(30, 62, 138, 0.12);
}
.ge-divider{
  display: block;
  width: 100%;
  height: 0;
  margin: clamp(48px, 4.167vw, 80px) 0 0;
  padding: 0;
  border: 0;
  border-top: 1px solid rgba(30, 62, 138, 0.2);
}
.ge-divider + .ge-section{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.ge-section__title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: #1e3e8a;
  font: 500 clamp(32px, 2.813vw, 54px) / clamp(42px, 3.75vw, 72px) var(--font-sans);
  letter-spacing: 0;
}
.ge-subheading{
  margin: clamp(24px, 2.083vw, 40px) 0 clamp(16px, 1.25vw, 24px);
  color: var(--ge-subheading);
  font: 700 var(--ge-subheading-size) / var(--ge-subheading-lh) var(--font-sans);
  letter-spacing: 0;
}
.ge-section__title + .ge-subheading{
  margin-top: 0;
}
.ge-item-title{
  margin: clamp(20px, 1.563vw, 30px) 0 clamp(8px, 0.625vw, 12px);
  color: #353f4c;
  font: 700 22px / var(--ge-body-lh) var(--font-sans);
  letter-spacing: 0;
}
.ge-section__title + .ge-item-title, .ge-subheading + :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .ge-item-title, .ge-subheading + .ge-block > .ge-item-title:first-child, .ge-subheading:first-of-type{
  margin-top: 0;
}
.ge-block + .ge-block{
  margin-top: clamp(16px, 1.25vw, 24px);
}
:is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .content-gallery, .ge-block + .content-gallery, .content-gallery + .content-gallery, .content-gallery + .ge-initiatives-bridge, .ge-initiatives-bridge + .content-gallery{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.ge-initiatives-bridge > .ge-subheading{
  margin-top: 0;
}
:is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: #353f4c;
  font: 300 22px / var(--ge-body-lh) var(--font-sans);
  letter-spacing: 0;
}
:is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) strong{
  font-weight: 700;
  color: #353f4c;
}
:is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .ge-list, .ge-list + :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .ge-feature, .ge-feature + :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .ge-split, .ge-split + .ge-banner, .content-gallery + .ge-subheading, .ge-subheading + :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .ge-duo, .ge-duo + :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.ge-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-split__text > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ge-feature > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .ge-banner{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.ge-list{
  margin: 0;
  padding: 0;
  list-style: none;
  color: #353f4c;
  font: 400 22px / var(--ge-body-lh) var(--font-sans);
}
.ge-list--pillars li::before{
  background: var(--ge-heading);
}
.ge-list--pillars strong{
  font-weight: 700;
  color: #353f4c;
}
.ge-list li{
  position: relative;
  padding-left: 1.35em;
}
.ge-list li + li{
  margin-top: 0.65em;
}
.ge-list li::before{
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.42em;
  height: 0.42em;
  border-radius: 50%;
  background: var(--ge-heading);
}
.ge-feature{
  margin: clamp(24px, 2.083vw, 40px) 0 0;
}
.ge-feature img{
  display: block;
  width: min(100%, var(--ge-feature-w));
  height: auto;
  border-radius: clamp(8px, 0.625vw, 12px);
}
.ge-split{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(24px, 2.604vw, 50px);
  align-items: start;
}
.ge-framework-models{
  width: 100%;
}
.ge-split + .ge-framework-models{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.ge-framework-models > .ge-subheading{
  margin-top: 0;
}
.ge-split__media{
  margin: 0;
  flex-shrink: 0;
}
.ge-split__media img{
  display: block;
  width: min(100%, var(--ge-diagram-w));
  height: auto;
  aspect-ratio: 724 / 412;
  object-fit: contain;
}
.ge-banner{
  margin: clamp(24px, 2.083vw, 40px) 0 0;
}
.ge-banner img{
  display: block;
  width: min(100%, var(--ge-banner-w));
  height: auto;
  border-radius: clamp(8px, 0.625vw, 12px);
}
.ge-duo{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2.083vw, 40px);
}
.ge-duo figure{
  margin: 0;
}
.ge-duo img{
  display: block;
  width: min(100%, var(--ge-duo-img-w));
  max-width: 100%;
  height: auto;
  aspect-ratio: 874 / 1147;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
}
.ge-banner--activity{
  max-width: var(--ge-activity-banner-w);
}
.ge-banner--activity img{
  display: block;
  width: min(100%, var(--ge-activity-banner-w));
  height: auto;
  aspect-ratio: 874 / 656;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
}
.content-gallery{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--ge-carousel-gap);
  box-sizing: border-box;
  width: min(100%, var(--ge-carousel-shell-w));
  min-height: var(--ge-carousel-shell-min-h);
  margin: 0 auto;
  padding: var(--ge-carousel-pad-y) var(--ge-carousel-pad-x);
  border-radius: 10px;
  background: #e0edf9;
}
.content-gallery__main{
  flex: 0 0 var(--ge-carousel-main-w);
  width: var(--ge-carousel-main-w);
  max-width: 100%;
  margin: 0;
}
.content-gallery__main img{
  display: block;
  width: var(--ge-carousel-main-w);
  max-width: 100%;
  height: var(--ge-carousel-main-h);
  aspect-ratio: 1238 / 843;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  background: #e5e5e5;
}
.ge-carousel--793 .content-gallery__caption{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
  color: #131313;
  font: 400 28px / 37px var(--font-sans);
  letter-spacing: 0;
  text-align: center;
  text-transform: capitalize;
  opacity: 1;
}
.ge-carousel--793{
  --ge-carousel-main-h: clamp(170px, 41.302vw, 793px);
  min-height: 0;
}
.ge-carousel--793 .content-gallery__main img{
  aspect-ratio: 1238 / 793;
  height: var(--ge-carousel-main-h);
  border-radius: 10px;
}
.ge-carousel--793 .content-gallery__controls{
  min-height: var(--ge-carousel-main-h);
}
.content-gallery__controls{
  display: flex;
  flex: 0 0 var(--ge-carousel-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  width: var(--ge-carousel-thumb-w);
  min-height: var(--ge-carousel-main-h);
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ge-heading);
  cursor: pointer;
  transition: opacity 180ms ease;
}
.content-gallery__arrow svg{
  display: block;
  width: 17px;
  height: 10px;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: clamp(8px, 0.625vw, 12px) 0;
}
.content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: var(--ge-carousel-thumb-w);
  max-width: 100%;
  height: var(--ge-carousel-thumb-h);
  aspect-ratio: 394 / 246;
  padding: 0;
  border: 5px solid transparent;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--ge-carousel-thumb-border);
  background: #fff;
}
.content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 991px) {
  .ge-split{
    grid-template-columns: 1fr;
  }
  .ge-split__media{
    order: -1;
  }
  .ge-split__media img{
    width: min(100%, 280px);
  }
  .ge-duo{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .content-gallery{
    flex-direction: column;
    align-items: center;
    min-height: 0;
  }
  .content-gallery__main{
    flex: none;
    width: 100%;
  }
  .content-gallery__main img{
    width: 100%;
    height: auto;
    aspect-ratio: 1238 / 843;
  }
  .content-gallery__controls{
    flex: none;
    flex-direction: row;
    width: 100%;
    min-height: 0;
    gap: 12px;
  }
  .content-gallery__thumbs{
    flex-direction: row;
    flex: 1 1 auto;
    overflow-x: auto;
    padding: 0;
  }
  .content-gallery__thumb{
    flex: 0 0 clamp(120px, 38vw, 180px);
    width: clamp(120px, 38vw, 180px);
    height: auto;
    aspect-ratio: 394 / 246;
  }
  .content-gallery__arrow--prev svg, .content-gallery__arrow--next svg{
    transform: rotate(-90deg);
  }
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]){
  background: var(--al-header-bg);
  color: #fff;
  /* 短内容页（占位文案）时 footer 必须贴视口底，勿悬空 */
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--al-header-bg);
  box-shadow: none;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) main{
  padding-top: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .al-band--main{
  flex: 1 1 auto;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) > footer{
  flex-shrink: 0;
  margin-top: auto;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .header-logo-text{
  color: #fff;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .nav-bar{
  background: #fff;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .nav-bar .header-nav-link{
  color: #1e1e1e;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .lang-pill, :is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .division-tab, :is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .lang-pill{
  color: #fff;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .division-panel, :is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .header-menu-panel{
  background: var(--color-brand);
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .division-panel a, :is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .header-menu-panel a{
  color: #fff;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) #siteHeader.is-scrolled, :is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) #siteHeader:hover{
  background: var(--al-header-bg);
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) footer, :is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) #footerMain, :is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .footer-band, :is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) #footerBar, :is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .footer-bar__inner{
  background: rgb(9, 51, 86);
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .page-hero{
  background: var(--al-header-bg);
  color: #fff;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font: 300 clamp(12px, 0.917vw, 17.6px) / 1.4 var(--font-sans);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .page-hero__inner{
  padding-top: clamp(34px, 2.5vw, 48px);
  padding-bottom: clamp(40px, 3.125vw, 60px);
}
:is(body[data-page="community-alumni"], body[data-page="community-global-accreditations"], body[data-page="community-global-education-network"]) .page-hero__title{
  margin: 0;
  color: #ffffff;
  font: 300 clamp(28px, 3.542vw, 68px) / clamp(36px, 4.479vw, 86px) var(--font-sans);
  letter-spacing: 0;
}
.al-band--intro{
  background: var(--al-band-intro-bg);
}
.al-band--main{
  position: relative;
  overflow: hidden;
  background: var(--al-band-main-bg);
}
.al-band__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(44px, 3.125vw, 60px);
  padding-bottom: clamp(44px, 3.125vw, 60px);
}
.al-band--intro + .al-band--main .al-band__inner{
  padding-top: clamp(48px, 4.167vw, 80px);
}
.al-band--main .al-band__inner{
  padding-bottom: clamp(54px, 3.906vw, 75px);
}
.al-section + .al-section{
  margin-top: clamp(48px, 4.167vw, 80px);
}
.al-section--divider{
  padding-top: clamp(48px, 4.167vw, 80px);
  border-top: 1px solid rgba(30, 62, 138, 0.12);
}
.al-divider{
  display: block;
  width: 100%;
  height: 0;
  margin: clamp(48px, 4.167vw, 80px) 0;
  padding: 0;
  border: 0;
  border-top: 1px solid rgba(30, 62, 138, 0.12);
}
.al-content-block .al-section__title{
  margin-top: 0;
}
.al-section__title + :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), .al-section__title + .al-list{
  margin-top: 0;
}
.al-section__title + :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .al-list, :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .al-list{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.al-section__title{
  margin: 0 0 clamp(24px, 2.083vw, 40px);
  color: #1e3e8a;
  font: 500 clamp(32px, 2.813vw, 54px) / clamp(42px, 3.75vw, 72px) var(--font-sans);
  letter-spacing: 0;
}
.al-subheading{
  margin: clamp(24px, 2.083vw, 40px) 0 clamp(16px, 1.25vw, 24px);
  color: var(--al-subheading);
  font: 700 var(--al-subheading-size) / var(--al-subheading-lh) var(--font-sans);
  letter-spacing: 0;
}
.al-section__title + .al-subheading{
  margin-top: 0;
}
.al-item-title{
  margin: clamp(20px, 1.563vw, 30px) 0 clamp(8px, 0.625vw, 12px);
  color: #353f4c;
  font: 700 22px / var(--al-body-lh) var(--font-sans);
  letter-spacing: 0;
}
.al-section__title + .al-item-title, .al-subheading + :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .al-item-title, .al-subheading + .al-block > .al-item-title:first-child, .al-subheading:first-of-type{
  margin-top: 0;
}
.al-block + .al-block{
  margin-top: clamp(16px, 1.25vw, 24px);
}
:is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .content-gallery, .al-block + .content-gallery, .content-gallery + .content-gallery, .content-gallery + .al-initiatives-bridge, .al-initiatives-bridge + .content-gallery{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.al-initiatives-bridge > .al-subheading{
  margin-top: 0;
}
:is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: #353f4c;
  font: 300 22px / var(--al-body-lh) var(--font-sans);
  letter-spacing: 0;
}
:is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) strong{
  font-weight: 700;
  color: #353f4c;
}
:is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .al-list, .al-list + :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .al-feature, .al-feature + :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .al-split, .al-split + .al-banner, .content-gallery + .al-subheading, .al-subheading + :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .al-duo, .al-duo + :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])), :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .al-banner{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.al-list{
  margin: 0;
  padding: 0;
  list-style: none;
  color: #353f4c;
  font: 300 22px / var(--al-body-lh) var(--font-sans);
}
.al-list strong{
  font-weight: 700;
  color: #353f4c;
}
.al-section > .al-subheading:first-child{
  margin-top: 0;
}
.al-subheading + .al-list, :is(.al-section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .al-content > .site-container > p, .al-content__inner > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + .al-list{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.al-list + .al-subheading{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.al-list + .content-gallery{
  margin-top: clamp(32px, 2.604vw, 50px);
}
.al-list--pillars li::before{
  background: var(--al-heading);
}
.al-list--pillars strong{
  font-weight: 700;
  color: #353f4c;
}
.al-list li{
  position: relative;
  padding-left: 1.35em;
}
.al-list li + li{
  margin-top: 0.65em;
}
.al-list li::before{
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.42em;
  height: 0.42em;
  border-radius: 50%;
  background: var(--al-heading);
}
.al-feature{
  margin: clamp(24px, 2.083vw, 40px) 0 0;
}
.al-feature img{
  display: block;
  width: min(100%, var(--al-feature-w));
  height: auto;
  border-radius: clamp(8px, 0.625vw, 12px);
}
.al-split{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(24px, 2.604vw, 50px);
  align-items: start;
}
.al-framework-models{
  width: 100%;
}
.al-split + .al-framework-models{
  margin-top: clamp(24px, 2.083vw, 40px);
}
.al-framework-models > .al-subheading{
  margin-top: 0;
}
.al-split__media{
  margin: 0;
  flex-shrink: 0;
}
.al-split__media img{
  display: block;
  width: min(100%, var(--al-diagram-w));
  height: auto;
  aspect-ratio: 724 / 412;
  object-fit: contain;
}
.al-banner{
  margin: clamp(24px, 2.083vw, 40px) 0 0;
}
.al-banner img{
  display: block;
  width: min(100%, var(--al-banner-w));
  height: auto;
  border-radius: clamp(8px, 0.625vw, 12px);
}
.al-duo{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2.083vw, 40px);
}
.al-duo figure{
  margin: 0;
}
.al-duo img{
  display: block;
  width: min(100%, var(--al-duo-img-w));
  max-width: 100%;
  height: auto;
  aspect-ratio: 874 / 1147;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
}
.al-banner--activity{
  max-width: var(--al-activity-banner-w);
}
.al-banner--activity img{
  display: block;
  width: min(100%, var(--al-activity-banner-w));
  height: auto;
  aspect-ratio: 874 / 656;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
}
.content-gallery{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--al-carousel-gap);
  box-sizing: border-box;
  width: min(100%, var(--al-carousel-shell-w));
  min-height: var(--al-carousel-shell-min-h);
  margin: 0 auto;
  padding: var(--al-carousel-pad-y) var(--al-carousel-pad-x);
  border-radius: 10px;
  background: #e0edf9;
}
.content-gallery__main{
  flex: 0 0 var(--al-carousel-main-w);
  width: var(--al-carousel-main-w);
  max-width: 100%;
  margin: 0;
}
.content-gallery__main img{
  display: block;
  width: var(--al-carousel-main-w);
  max-width: 100%;
  height: var(--al-carousel-main-h);
  aspect-ratio: 1238 / 843;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  background: #e5e5e5;
}
.al-carousel--793 .content-gallery__caption{
  margin: clamp(12px, 1.042vw, 20px) 0 0;
  color: #131313;
  font: 400 28px / 37px var(--font-sans);
  letter-spacing: 0;
  text-align: center;
  text-transform: capitalize;
  opacity: 1;
}
.al-carousel--793{
  --al-carousel-main-h: clamp(170px, 41.302vw, 793px);
  min-height: 0;
}
.al-carousel--793 .content-gallery__main img{
  aspect-ratio: 1238 / 793;
  height: var(--al-carousel-main-h);
  border-radius: 10px;
}
.al-carousel--793 .content-gallery__controls{
  min-height: var(--al-carousel-main-h);
}
.content-gallery__controls{
  display: flex;
  flex: 0 0 var(--al-carousel-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  width: var(--al-carousel-thumb-w);
  min-height: var(--al-carousel-main-h);
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--al-heading);
  cursor: pointer;
  transition: opacity 180ms ease;
}
.content-gallery__arrow svg{
  display: block;
  width: 17px;
  height: 10px;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: clamp(8px, 0.625vw, 12px) 0;
}
.content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: var(--al-carousel-thumb-w);
  max-width: 100%;
  height: var(--al-carousel-thumb-h);
  aspect-ratio: 394 / 246;
  padding: 0;
  border: 5px solid transparent;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--al-carousel-thumb-border);
  background: #fff;
}
.content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 991px) {
  .al-split{
    grid-template-columns: 1fr;
  }
  .al-split__media{
    order: -1;
  }
  .al-split__media img{
    width: min(100%, 280px);
  }
  .al-duo{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .content-gallery{
    flex-direction: column;
    align-items: center;
    min-height: 0;
  }
  .content-gallery__main{
    flex: none;
    width: 100%;
  }
  .content-gallery__main img{
    width: 100%;
    height: auto;
    aspect-ratio: 1238 / 843;
  }
  .content-gallery__controls{
    flex: none;
    flex-direction: row;
    width: 100%;
    min-height: 0;
    gap: 12px;
  }
  .content-gallery__thumbs{
    flex-direction: row;
    flex: 1 1 auto;
    overflow-x: auto;
    padding: 0;
  }
  .content-gallery__thumb{
    flex: 0 0 clamp(120px, 38vw, 180px);
    width: clamp(120px, 38vw, 180px);
    height: auto;
    aspect-ratio: 394 / 246;
  }
  .content-gallery__arrow--prev svg, .content-gallery__arrow--next svg{
    transform: rotate(-90deg);
  }
}
html{
  scroll-behavior: smooth;
}
body[data-page="life-planning"], body[data-page="ole-highlights"]{
  --header-nav-bar-w: clamp(420px, 34vw, 660px);
  --header-lang-w: clamp(38px, 3.021vw, 58px);
  --life-header-offset: clamp(110px, 8.75vw, 156px);
  --life-capsule-underline-offset: -1px;
  --life-capsule-panel-offset: 18px;
  --life-capsule-item-radius: 14px;
  background: var(--life-bg);
  color: var(--life-text);
}
body[data-page="life-planning"] #siteHeader, body[data-page="ole-highlights"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--life-purple);
  box-shadow: none;
}
body[data-page="life-planning"] main, body[data-page="ole-highlights"] main{
  padding-top: var(--life-header-offset);
  background: var(--life-purple);
}
body[data-page="life-planning"] #siteHeader .site-container, body[data-page="ole-highlights"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="life-planning"] .header-logo-text, body[data-page="ole-highlights"] .header-logo-text{
  color: #fff;
}
body[data-page="life-planning"] .nav-bar, body[data-page="ole-highlights"] .nav-bar{
  background: #fff;
}
body[data-page="life-planning"] .nav-bar .header-nav-link, body[data-page="ole-highlights"] .nav-bar .header-nav-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-inline: clamp(10px, 0.729vw, 14px);
  border-radius: var(--life-capsule-item-radius);
  color: var(--life-text-dark);
  border: none;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
body[data-page="life-planning"] .nav-bar .header-nav-link:hover, body[data-page="ole-highlights"] .nav-bar .header-nav-link:hover, body[data-page="life-planning"] .nav-bar .header-nav-link[aria-expanded="true"], body[data-page="ole-highlights"] .nav-bar .header-nav-link[aria-expanded="true"]{
  background: color-mix(in srgb, #512d8c 14%, #fff);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--life-purple) 14%, #fff);
  }
  color: var(--life-text-dark);
}
body[data-page="life-planning"] .life-planning-nav-bar, body[data-page="ole-highlights"] .life-planning-nav-bar{
  justify-content: space-between;
}
body[data-page="life-planning"] .header-menu-switcher, body[data-page="ole-highlights"] .header-menu-switcher{
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  height: 100%;
}
body[data-page="life-planning"] .header-menu-trigger::after, body[data-page="ole-highlights"] .header-menu-trigger::after, body[data-page="life-planning"] .nav-bar > .header-nav-link::after, body[data-page="ole-highlights"] .nav-bar > .header-nav-link::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: var(--life-capsule-underline-offset);
  width: clamp(40px, 2.917vw, 56px);
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: #fff;
  opacity: 0;
  transform: translateX(-50%) scaleX(0.5);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
body[data-page="life-planning"] .header-menu-panel, body[data-page="ole-highlights"] .header-menu-panel{
  position: absolute;
  top: calc(100% + var(--life-capsule-panel-offset));
  left: 0;
  z-index: 90;
  display: block;
  min-width: clamp(300px, 26vw, 500px);
  padding: clamp(14px, 1.042vw, 20px) clamp(16px, 1.25vw, 24px);
  border-radius: 0;
  background: var(--life-purple-panel);
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
body[data-page="life-planning"] .header-menu-panel.is-open, body[data-page="ole-highlights"] .header-menu-panel.is-open{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
body[data-page="life-planning"] .header-menu-panel a, body[data-page="ole-highlights"] .header-menu-panel a{
  display: block;
  padding: clamp(10px, 0.781vw, 15px) 0;
  color: #fff;
  font-size: clamp(14px, 1.042vw, 20px);
  font-weight: 300;
  line-height: 1.35;
  text-decoration: none;
  text-transform: none;
}
body[data-page="life-planning"] .header-menu-panel a:hover, body[data-page="ole-highlights"] .header-menu-panel a:hover{
  color: #fff;
}
body[data-page="life-planning"] .header-utils, body[data-page="ole-highlights"] .header-utils{
  position: relative;
  z-index: 3;
  gap: var(--header-utils-gap);
}
body[data-page="life-planning"] .division-switcher, body[data-page="ole-highlights"] .division-switcher{
  overflow: visible;
}
body[data-page="life-planning"] .division-tab, body[data-page="ole-highlights"] .division-tab{
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: var(--life-capsule-item-radius);
  transition: background 0.2s ease, color 0.2s ease;
}
body[data-page="life-planning"] .division-tab::after, body[data-page="ole-highlights"] .division-tab::after{
  bottom: var(--life-capsule-underline-offset);
  width: clamp(40px, 2.917vw, 56px);
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: #fff;
  opacity: 0;
  transform: translateX(-50%) scaleX(0.5);
}
body[data-page="life-planning"] .division-tab:hover::after, body[data-page="ole-highlights"] .division-tab:hover::after, body[data-page="life-planning"] .division-tab[aria-expanded="true"]::after, body[data-page="ole-highlights"] .division-tab[aria-expanded="true"]::after, body[data-page="life-planning"] .division-tab.is-active::after, body[data-page="ole-highlights"] .division-tab.is-active::after{
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
body[data-page="life-planning"] .division-panel, body[data-page="ole-highlights"] .division-panel{
  top: calc(100% + var(--life-capsule-panel-offset));
  min-width: clamp(260px, 22vw, 420px);
  padding: clamp(14px, 1.042vw, 20px) clamp(20px, 1.563vw, 30px);
  border-radius: 0;
  background: var(--life-purple-panel);
  box-shadow: none;
}
body[data-page="life-planning"] .division-panel a, body[data-page="ole-highlights"] .division-panel a{
  color: #fff;
  text-transform: none;
}
body[data-page="life-planning"] .division-panel a:hover, body[data-page="ole-highlights"] .division-panel a:hover{
  color: #fff;
  background: transparent;
}
body[data-page="life-planning"] .lang-pill, body[data-page="ole-highlights"] .lang-pill{
  background: rgba(255, 255, 255, 0.322);
  color: #fff;
}
body[data-page="life-planning"] .lang-pill:hover, body[data-page="ole-highlights"] .lang-pill:hover{
  background: rgba(255, 255, 255, 0.322);
  color: #fff;
}
body[data-page="life-planning"] #siteHeader:hover, body[data-page="ole-highlights"] #siteHeader:hover, body[data-page="life-planning"] #siteHeader.is-scrolled, body[data-page="ole-highlights"] #siteHeader.is-scrolled{
  background: var(--life-purple);
  box-shadow: none;
}
body[data-page="life-planning"] #siteHeader:hover .header-logo-text, body[data-page="ole-highlights"] #siteHeader:hover .header-logo-text, body[data-page="life-planning"] #siteHeader.is-scrolled .header-logo-text, body[data-page="ole-highlights"] #siteHeader.is-scrolled .header-logo-text{
  color: #fff !important;
}
body[data-page="life-planning"] #siteHeader:hover .division-tabs, body[data-page="ole-highlights"] #siteHeader:hover .division-tabs, body[data-page="life-planning"] #siteHeader.is-scrolled .division-tabs, body[data-page="ole-highlights"] #siteHeader.is-scrolled .division-tabs, body[data-page="life-planning"] #siteHeader:hover .lang-pill, body[data-page="ole-highlights"] #siteHeader:hover .lang-pill, body[data-page="life-planning"] #siteHeader.is-scrolled .lang-pill, body[data-page="ole-highlights"] #siteHeader.is-scrolled .lang-pill{
  background: rgba(255, 255, 255, 0.322);
  border-color: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(10px);
  box-shadow: none;
}
body[data-page="life-planning"] #siteHeader:hover .nav-bar, body[data-page="ole-highlights"] #siteHeader:hover .nav-bar, body[data-page="life-planning"] #siteHeader.is-scrolled .nav-bar, body[data-page="ole-highlights"] #siteHeader.is-scrolled .nav-bar{
  background: rgba(255, 255, 255, 0.322);
  border: 1px solid rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(10px);
  box-shadow: none;
}
body[data-page="life-planning"] #siteHeader:hover .nav-bar .header-nav-link, body[data-page="ole-highlights"] #siteHeader:hover .nav-bar .header-nav-link, body[data-page="life-planning"] #siteHeader.is-scrolled .nav-bar .header-nav-link, body[data-page="ole-highlights"] #siteHeader.is-scrolled .nav-bar .header-nav-link, body[data-page="life-planning"] #siteHeader:hover .division-tab, body[data-page="ole-highlights"] #siteHeader:hover .division-tab, body[data-page="life-planning"] #siteHeader.is-scrolled .division-tab, body[data-page="ole-highlights"] #siteHeader.is-scrolled .division-tab, body[data-page="life-planning"] #siteHeader:hover .lang-pill, body[data-page="ole-highlights"] #siteHeader:hover .lang-pill, body[data-page="life-planning"] #siteHeader.is-scrolled .lang-pill, body[data-page="ole-highlights"] #siteHeader.is-scrolled .lang-pill{
  color: #fff;
}
body[data-page="life-planning"] #siteHeader:hover .nav-bar .header-nav-link:hover, body[data-page="ole-highlights"] #siteHeader:hover .nav-bar .header-nav-link:hover, body[data-page="life-planning"] #siteHeader:hover .nav-bar .header-nav-link[aria-expanded="true"], body[data-page="ole-highlights"] #siteHeader:hover .nav-bar .header-nav-link[aria-expanded="true"], body[data-page="life-planning"] #siteHeader.is-scrolled .nav-bar .header-nav-link:hover, body[data-page="ole-highlights"] #siteHeader.is-scrolled .nav-bar .header-nav-link:hover, body[data-page="life-planning"] #siteHeader.is-scrolled .nav-bar .header-nav-link[aria-expanded="true"], body[data-page="ole-highlights"] #siteHeader.is-scrolled .nav-bar .header-nav-link[aria-expanded="true"]{
  color: #fff;
}
body[data-page="life-planning"] #siteHeader:hover .header-menu-trigger:hover::after, body[data-page="ole-highlights"] #siteHeader:hover .header-menu-trigger:hover::after, body[data-page="life-planning"] #siteHeader:hover .header-menu-trigger[aria-expanded="true"]::after, body[data-page="ole-highlights"] #siteHeader:hover .header-menu-trigger[aria-expanded="true"]::after, body[data-page="life-planning"] #siteHeader:hover .nav-bar > .header-nav-link:hover::after, body[data-page="ole-highlights"] #siteHeader:hover .nav-bar > .header-nav-link:hover::after, body[data-page="life-planning"] #siteHeader.is-scrolled .header-menu-trigger:hover::after, body[data-page="ole-highlights"] #siteHeader.is-scrolled .header-menu-trigger:hover::after, body[data-page="life-planning"] #siteHeader.is-scrolled .header-menu-trigger[aria-expanded="true"]::after, body[data-page="ole-highlights"] #siteHeader.is-scrolled .header-menu-trigger[aria-expanded="true"]::after, body[data-page="life-planning"] #siteHeader.is-scrolled .nav-bar > .header-nav-link:hover::after, body[data-page="ole-highlights"] #siteHeader.is-scrolled .nav-bar > .header-nav-link:hover::after{
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
body[data-page="life-planning"] #siteHeader:hover .division-tab:hover::after, body[data-page="ole-highlights"] #siteHeader:hover .division-tab:hover::after, body[data-page="life-planning"] #siteHeader:hover .division-tab[aria-expanded="true"]::after, body[data-page="ole-highlights"] #siteHeader:hover .division-tab[aria-expanded="true"]::after, body[data-page="life-planning"] #siteHeader.is-scrolled .division-tab:hover::after, body[data-page="ole-highlights"] #siteHeader.is-scrolled .division-tab:hover::after, body[data-page="life-planning"] #siteHeader.is-scrolled .division-tab[aria-expanded="true"]::after, body[data-page="ole-highlights"] #siteHeader.is-scrolled .division-tab[aria-expanded="true"]::after{
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
body[data-page="life-planning"] #siteHeader:hover .header-menu-panel, body[data-page="ole-highlights"] #siteHeader:hover .header-menu-panel, body[data-page="life-planning"] #siteHeader.is-scrolled .header-menu-panel, body[data-page="ole-highlights"] #siteHeader.is-scrolled .header-menu-panel{
  background: var(--life-purple-panel);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .page-hero{
  background: var(--life-purple);
  padding-top: clamp(10px, 0.833vw, 16px);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .page-hero__divider{
  width: 100%;
  height: 1px;
  margin-top: 0;
  margin-bottom: clamp(8px, 0.625vw, 12px);
  background: rgba(255, 255, 255, 0.32);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 0;
  padding-bottom: clamp(10px, 0.833vw, 16px);
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(14px, 0.938vw, 18px);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-shell{
  width: 100%;
  margin-top: 0;
  background: #ffffff;
  border-radius: clamp(24px, 2.083vw, 40px) clamp(24px, 2.083vw, 40px) 0 0;
  overflow: hidden;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-shell__inner{
  display: grid;
  grid-template-columns: clamp(300px, 22.917vw, 440px) minmax(0, 1fr);
  gap: clamp(36px, 3.333vw, 64px);
  align-items: start;
  padding-top: clamp(32px, 2.604vw, 50px);
  padding-bottom: clamp(72px, 6.25vw, 120px);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar{
  position: static;
  overflow: hidden;
  min-height: clamp(520px, 36vw, 700px);
  border-radius: 0 clamp(20px, 1.563vw, 30px) 0 0;
  background: var(--life-sidebar-bg);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__title{
  margin: 0;
  padding: clamp(18px, 1.354vw, 26px) clamp(20px, 1.458vw, 28px);
  background: var(--life-purple);
  color: #fff;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__nav{
  padding: 0 12px clamp(14px, 2.042vw, 40px);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__nav > a, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__toggle{
  display: block;
  width: 100%;
  padding: clamp(12px, 0.938vw, 18px) 10px;
  border: 0;
  border-bottom: 1px solid rgba(120, 110, 150, 0.3);
  background: transparent;
  color: #4e5876;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(15px, 0.938vw, 18px);
  line-height: 24px;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
body[data-page="ole-highlights"] .life-planning-sidebar__toggle{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--life-purple);
  font-weight: 400;
  white-space: normal;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__label{
  display: inline;
  vertical-align: middle;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__nav > a:hover, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__nav > a.is-active, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__subnav a:hover{
  color: var(--life-purple);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__icon{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  border: 1px solid currentColor;
  border-radius: 50%;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 0.2s ease;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__icon::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  width: 6px;
  height: 1px;
  background: currentColor;
  transform: translateY(-50%);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__icon::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  width: 4px;
  height: 4px;
  border-right: 1px solid currentColor;
  border-top: 1px solid currentColor;
  background: transparent;
  transform: translateY(-50%) rotate(45deg);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__nav > a:hover .life-planning-sidebar__icon, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__nav > a.is-active .life-planning-sidebar__icon, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__subnav a:hover .life-planning-sidebar__icon{
  opacity: 1;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__chevron{
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  vertical-align: middle;
  transition: transform 0.2s ease;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__chevron::before{
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__group.is-open .life-planning-sidebar__chevron{
  transform: rotate(180deg);
}
body[data-page="ole-highlights"] .life-planning-sidebar__chevron{
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  margin: 6px 0 0;
  transform: rotate(-90deg);
}
body[data-page="ole-highlights"] .life-planning-sidebar__chevron::before{
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
body[data-page="ole-highlights"] .life-planning-sidebar__group.is-open .life-planning-sidebar__chevron{
  transform: rotate(0deg);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__subnav{
  display: none;
  padding-left: clamp(16px, 1.25vw, 24px);
}
body[data-page="ole-highlights"] .life-planning-sidebar__subnav{
  padding-left: clamp(28px, 2.083vw, 40px);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__group.is-open .life-planning-sidebar__subnav{
  display: block;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar__subnav a{
  display: block;
  padding: clamp(10px, 0.729vw, 14px) clamp(12px, 0.833vw, 16px);
  border-bottom: 1px solid rgba(120, 110, 150, 0.2);
  color: #5a6278;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(15px, 0.938vw, 18px);
  line-height: 24px;
  font-weight: 300;
  font-style: normal;
  text-decoration: none;
  white-space: nowrap;
}
body[data-page="ole-highlights"] .life-planning-sidebar__subnav a{
  white-space: normal;
  padding-left: 0;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-content{
  min-width: 0;
  width: 100%;
  max-width: none;
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-article__header{
  padding-bottom: clamp(14px, 1.302vw, 25px);
  border-bottom: 1px solid var(--life-line);
  margin-bottom: clamp(28px, 2.083vw, 40px);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-article__title{
  margin: 0;
  color: var(--life-purple);
  font-family: "Libre Baskerville", "Songti SC", "STSong", Georgia, serif;
  font-size: clamp(24px, 1.875vw, 36px);
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery-block{
  margin-bottom: clamp(28px, 2.604vw, 50px);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery{
  --life-gallery-w: clamp(320px, 67.135vw, 1289px);
  --life-gallery-h: clamp(360px, 36.77vw, 706px);
  --life-gallery-pad-x: clamp(16px, 1.979vw, 38px);
  --life-gallery-pad-y: clamp(18px, 2.005vw, 38.5px);
  --life-gallery-gap: clamp(12px, 1.927vw, 37px);
  --life-gallery-main-w: clamp(240px, 46.458vw, 892px);
  --life-gallery-main-h: clamp(170px, 32.76vw, 629px);
  --life-gallery-thumb-w: clamp(100px, 14.792vw, 284px);
  --life-gallery-thumb-h: clamp(62px, 9.219vw, 177px);
  --life-gallery-thumb-gap: clamp(8px, 0.625vw, 12px);
  --life-gallery-thumb-border: #413e93;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--life-gallery-gap);
  box-sizing: border-box;
  width: 100%;
  max-width: var(--life-gallery-w);
  height: var(--life-gallery-h);
  padding: var(--life-gallery-pad-y) var(--life-gallery-pad-x);
  border-radius: 10px;
  background: rgba(236, 233, 251, 0.3);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main{
  flex: 0 0 auto;
  width: var(--life-gallery-main-w);
  height: var(--life-gallery-main-h);
  margin: 0;
  overflow: hidden;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__controls{
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: var(--life-gallery-thumb-w);
  height: var(--life-gallery-main-h);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(24px, 1.667vw, 32px);
  height: clamp(24px, 1.667vw, 32px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--life-gallery-thumb-border);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow:hover:not(:disabled){
  opacity: 0.75;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow .bi{
  font-size: clamp(18px, 1.25vw, 24px);
  line-height: 1;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumbs{
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: var(--life-gallery-thumb-gap);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumb{
  display: block;
  box-sizing: border-box;
  width: var(--life-gallery-thumb-w);
  height: var(--life-gallery-thumb-h);
  padding: 0;
  border: 5px solid transparent;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumb.is-active{
  border-color: var(--life-gallery-thumb-border);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-copy-block{
  margin-bottom: clamp(28px, 2.604vw, 50px);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-kicker{
  position: relative;
  margin: 0 0 10px;
  padding-left: 14px;
  color: #5a6278;
  font-size: clamp(11px, 0.729vw, 14px);
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-kicker::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 2px;
  background: var(--life-accent);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-subtitle{
  margin: 0 0 clamp(14px, 1.042vw, 20px);
  color: var(--life-text-dark);
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(18px, 1.354vw, 26px);
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) :is(.life-planning-copy-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .s-life-planning-copy-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0 0 clamp(14px, 1.042vw, 20px);
  color: var(--life-text);
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(15px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 24px;
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) :is(.life-planning-copy-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .s-life-planning-copy-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])):last-child{
  margin-bottom: 0;
}
body[data-page="life-planning"] #footerMain, body[data-page="ole-highlights"] #footerMain, body[data-page="life-planning"] #footerBar, body[data-page="ole-highlights"] #footerBar, body[data-page="life-planning"] .life-planning-footer-band, body[data-page="ole-highlights"] .life-planning-footer-band, body[data-page="life-planning"] .life-planning-footer-bar, body[data-page="ole-highlights"] .life-planning-footer-bar{
  background: var(--life-purple);
}
body[data-page="life-planning"] .footer-band__social-icons img, body[data-page="ole-highlights"] .footer-band__social-icons img, body[data-page="life-planning"] .footer-band__social-icons a.footer-social-link--xhs img, body[data-page="ole-highlights"] .footer-band__social-icons a.footer-social-link--xhs img{
  filter: brightness(0) saturate(100%) invert(20%) sepia(67%) saturate(1623%) hue-rotate(239deg) brightness(91%) contrast(91%);
}
body[data-page="life-planning"] .menu-toggle, body[data-page="ole-highlights"] .menu-toggle{
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
body[data-page="life-planning"] #siteHeader:hover .menu-toggle, body[data-page="ole-highlights"] #siteHeader:hover .menu-toggle, body[data-page="life-planning"] #siteHeader.is-scrolled .menu-toggle, body[data-page="ole-highlights"] #siteHeader.is-scrolled .menu-toggle{
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
@media (max-width: 1279px) {
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-shell__inner{
    grid-template-columns: 1fr;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-sidebar{
    display: none;
  }
}
@media (max-width: 767px) {
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-shell{
    border-radius: 24px 24px 0 0;
    overflow: visible;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-shell__inner{
    gap: 0;
    padding-top: 16px;
    padding-bottom: 56px;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-content{
    min-width: 0;
    overflow: visible;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-article__header{
    margin-bottom: 20px;
    padding-bottom: 12px;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-article__title, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-subtitle{
    white-space: normal;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery-block{
    margin-bottom: 24px;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    padding: 12px;
    overflow: visible;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main{
    width: 100%;
    height: auto;
    max-height: min(52vw, 280px);
    aspect-ratio: 16 / 10;
    border-radius: 8px;
    overflow: hidden;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main img{
    object-fit: cover;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__controls{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    gap: clamp(8px, 2vw, 12px);
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow{
    display: inline-flex;
    flex: 0 0 auto;
    align-self: center;
    margin-top: 0;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow--prev{
    order: -1;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow--next{
    order: 1;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow .bi{
    transform: rotate(-90deg);
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumbs{
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    order: 0;
    justify-content: flex-start;
    justify-content: safe center;
    gap: 8px;
    width: auto;
    min-width: 0;
    padding-block: 2px 4px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumbs::-webkit-scrollbar{
    display: none;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumb{
    flex: 0 0 auto;
    width: 76px;
    height: 52px;
    border-width: 3px;
    scroll-snap-align: start;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .life-planning-copy-block{
    margin-bottom: 24px;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) :is(.life-planning-copy-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .s-life-planning-copy-block > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
    font-size: clamp(14px, 3.8vw, 16px);
    line-height: 1.55;
  }
}
:is(.life-planning-article > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .ole-article > p){
  margin: 0 0 clamp(28px, 2.604vw, 50px);
  color: var(--life-text);
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(15px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 24px;
}
.ole-highlights-visual{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: min(100%, 793px);
  height: clamp(320px, 31.25vw, 600px);
  border-radius: 10px;
  background: rgba(236, 233, 251, 0.3);
}
.ole-highlights-visual__figure{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: clamp(20px, 2.083vw, 40px);
}
.ole-highlights-visual__figure img{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}
body[data-page="ole-highlights"] .life-planning-sidebar__nav > a.is-active .life-planning-sidebar__icon{
  display: none;
}
body[data-page="ole-highlights"] .life-planning-sidebar__nav > a.is-active .life-planning-sidebar__label::before{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 8px;
  border-top: 6px solid var(--life-purple);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ole-highlights-visual{
    height: auto;
    min-height: 280px;
  }
}
body[data-page="sd-highlights"] .sd-highlights-content{
  max-width: min(100%, 1289px);
}
body[data-page="sd-highlights"] main{
  background: var(--curriculum-blue);
}
body[data-page="sd-highlights"] .curriculum-shell{
  background: #ffffff;
  border-radius: clamp(26px, 2.083vw, 40px) clamp(26px, 2.083vw, 40px) 0 0;
  overflow: hidden;
}
@media (min-width: 1280px) {
  body[data-page="sd-highlights"] .curriculum-shell__inner{
    grid-template-columns: clamp(300px, 21.25vw, 408px) minmax(0, 1fr);
    gap: clamp(24px, 2vw, 40px);
  }
  body[data-page="sd-highlights"] .curriculum-sidebar__title{
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  body[data-page="sd-highlights"] .sd-highlights-content{
    width: 100%;
    max-width: none;
  }
  body[data-page="sd-highlights"] .curriculum-shell__inner{
    padding-top: 16px;
    padding-bottom: 48px;
  }
  body[data-page="sd-highlights"] .curriculum-article__header{
    margin-bottom: 20px;
  }
}
.sd-copy-block{
  margin-bottom: clamp(28px, 2.604vw, 50px);
}
.sd-heading{
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  color: #131313;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0;
  text-transform: capitalize;
}
.sd-kicker{
  margin: 0 0 8px;
  color: #353f4c;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}
.sd-quote, .sd-copy-block > p:not(.sd-kicker):not(.sd-quote){
  margin: 0 0 16px;
  color: #353f4c;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
}
.sd-bullets{
  margin: 0 0 16px;
  padding-left: 1.35em;
  color: #353f4c;
  list-style: circle;
  list-style-position: outside;
}
.sd-bullets li{
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  padding-left: 0.15em;
}
.sd-bullets li + li{
  margin-top: 4px;
}
.sd-permah-lines{
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  color: #353f4c;
}
.sd-permah-lines li{
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
}
body[data-page="sd-highlights"] .content-gallery-block{
  margin-bottom: clamp(28px, 2.604vw, 50px);
}
@media (min-width: 1024px) {
  body[data-page="sd-highlights"] .content-gallery{
    --sd-gallery-thumb-border: #02b5dd;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(16px, 1.927vw, 37px);
    box-sizing: border-box;
    width: min(100%, 1289px);
    min-height: 715px;
    height: auto;
    padding: 40px 38px 25px;
    border-radius: 10px;
    background: #f0f8ff;
  }
  body[data-page="sd-highlights"] .content-gallery__main{
    flex: 0 1 892px;
    width: min(100%, 892px);
    margin: 0;
  }
  body[data-page="sd-highlights"] .content-gallery__main img{
    display: block;
    width: 100%;
    max-width: 892px;
    height: auto;
    aspect-ratio: 892 / 605;
    border-radius: 10px;
    object-fit: cover;
    background: transparent;
  }
  body[data-page="sd-highlights"] .content-gallery__caption{
    margin: 14px 0 0;
    color: #131313;
    font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 400;
    line-height: 1.2917;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
  }
  body[data-page="sd-highlights"] .content-gallery__controls{
    display: flex;
    flex: 0 0 clamp(160px, 14.79vw, 284px);
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    align-self: flex-start;
    width: clamp(160px, 14.79vw, 284px);
    height: auto;
    aspect-ratio: 284 / 605;
    max-height: 605px;
  }
  body[data-page="sd-highlights"] .content-gallery__arrow{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--curriculum-blue);
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  body[data-page="sd-highlights"] .content-gallery__arrow:hover:not(:disabled){
    opacity: 0.75;
  }
  body[data-page="sd-highlights"] .content-gallery__arrow:disabled{
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
  }
  body[data-page="sd-highlights"] .content-gallery__arrow svg{
    display: block;
    width: 17px;
    height: 10px;
  }
  body[data-page="sd-highlights"] .content-gallery__thumbs{
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: clamp(8px, 0.625vw, 12px);
    width: 100%;
  }
  body[data-page="sd-highlights"] .content-gallery__thumb{
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 284px;
    height: auto;
    aspect-ratio: 284 / 177;
    padding: 0;
    border: 5px solid transparent;
    border-radius: 4px;
    background: #cfe2f5;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease;
  }
  body[data-page="sd-highlights"] .content-gallery__thumb.is-active{
    border-color: var(--sd-gallery-thumb-border);
    background: transparent;
  }
  body[data-page="sd-highlights"] .content-gallery__thumb img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 1023px) {
  body[data-page="sd-highlights"] .content-gallery{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(12px, 3vw, 20px);
    width: 100%;
    min-height: 0;
    height: auto;
    padding: clamp(16px, 4vw, 24px);
    border-radius: 10px;
    background: #f0f8ff;
    box-sizing: border-box;
  }
  body[data-page="sd-highlights"] .content-gallery__caption{
    margin: clamp(12px, 3vw, 18px) 0 0;
    padding: 0;
    color: #131313;
    font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
    font-size: clamp(16px, 4.5vw, 18px);
    font-weight: 400;
    line-height: 1.3333;
    text-align: center;
    text-transform: capitalize;
  }
  body[data-page="sd-highlights"] .content-gallery__controls{
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    gap: clamp(8px, 2vw, 12px);
  }
  body[data-page="sd-highlights"] .content-gallery__thumbs{
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    order: 0;
    align-items: center;
    justify-content: flex-start;
    justify-content: safe center;
    width: auto;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: clamp(8px, 2vw, 12px);
  }
  body[data-page="sd-highlights"] .content-gallery__arrow{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--curriculum-blue);
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  body[data-page="sd-highlights"] .content-gallery__arrow:hover:not(:disabled){
    opacity: 0.75;
  }
  body[data-page="sd-highlights"] .content-gallery__arrow:disabled{
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
  }
  body[data-page="sd-highlights"] .content-gallery__arrow--prev{
    order: -1;
    margin-top: 0;
  }
  body[data-page="sd-highlights"] .content-gallery__arrow--next{
    order: 1;
    margin-top: 0;
  }
  body[data-page="sd-highlights"] .content-gallery__arrow svg{
    display: block;
    width: 17px;
    height: 10px;
  }
  body[data-page="sd-highlights"] .content-gallery__thumb{
    display: block;
    flex: 0 0 clamp(88px, 22vw, 160px);
    width: clamp(88px, 22vw, 160px);
    max-width: none;
    height: auto;
    aspect-ratio: 284 / 177;
    padding: 0;
    border: 5px solid transparent;
    border-radius: 4px;
    background: #cfe2f5;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease;
  }
  body[data-page="sd-highlights"] .content-gallery__thumb.is-active{
    border-color: #02b5dd;
    background: transparent;
  }
  body[data-page="sd-highlights"] .content-gallery__thumb img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.sd-flourish-block{
  display: flex;
  justify-content: center;
}
.sd-flourish{
  margin: 0;
  width: min(100%, 903px);
}
.sd-flourish img{
  display: block;
  width: 903px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 903 / 719;
  object-fit: contain;
  background: transparent;
}
.sd-permah-table{
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
}
.sd-permah-table__head{
  background: #0159ac;
  padding: clamp(12px, 0.938vw, 18px) clamp(16px, 1.25vw, 24px);
  text-align: center;
}
.sd-permah-table__title{
  margin: 0;
  color: #fff;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(16px, 1.042vw, 20px);
  font-weight: 600;
  line-height: 1.3;
}
.sd-permah-table__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sd-permah-cell{
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.sd-permah-cell__title{
  margin: 0;
  padding: clamp(10px, 0.729vw, 14px) clamp(10px, 0.833vw, 16px);
  color: #fff;
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}
.sd-permah-cell ul{
  flex: 1;
  margin: 0;
  padding: clamp(12px, 0.938vw, 18px) clamp(14px, 1.042vw, 20px) clamp(14px, 1.042vw, 20px) clamp(28px, 1.667vw, 32px);
  list-style: disc;
}
.sd-permah-cell li{
  font-family: "DM Sans", "PingFang HK", "Microsoft YaHei", sans-serif;
  font-size: clamp(12px, 0.781vw, 15px);
  font-weight: 400;
  line-height: 1.55;
}
.sd-permah-cell--emotion .sd-permah-cell__title{
  background: #75aed9;
}
.sd-permah-cell--emotion ul{
  background: #e5f1fb;
  color: #2d639a;
}
.sd-permah-cell--emotion li::marker{
  color: #2d639a;
}
.sd-permah-cell--engagement .sd-permah-cell__title{
  background: #d69644;
}
.sd-permah-cell--engagement ul{
  background: #fbf3e8;
  color: #a66a28;
}
.sd-permah-cell--engagement li::marker{
  color: #d69644;
}
.sd-permah-cell--relationships .sd-permah-cell__title{
  background: #ef95c6;
}
.sd-permah-cell--relationships ul{
  background: #f9eaf2;
  color: #c45a95;
}
.sd-permah-cell--relationships li::marker{
  color: #ef95c6;
}
.sd-permah-cell--meaning .sd-permah-cell__title{
  background: #94b794;
}
.sd-permah-cell--meaning ul{
  background: #eef5ee;
  color: #5a7a5a;
}
.sd-permah-cell--meaning li::marker{
  color: #94b794;
}
.sd-permah-cell--achievement .sd-permah-cell__title{
  background: #cfbf41;
}
.sd-permah-cell--achievement ul{
  background: #f6f3d5;
  color: #8a7a20;
}
.sd-permah-cell--achievement li::marker{
  color: #cfbf41;
}
.sd-permah-cell--health .sd-permah-cell__title{
  background: #a698e6;
}
.sd-permah-cell--health ul{
  background: #ece8fe;
  color: #6b5cb0;
}
.sd-permah-cell--health li::marker{
  color: #a698e6;
}
.sd-flow-block__title{
  text-align: center;
  color: #0159ac;
}
.sd-flow{
  margin: 0 auto;
  width: min(100%, 1020px);
}
.sd-flow img{
  display: block;
  width: 1020px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1020 / 398;
  object-fit: contain;
  background: transparent;
}
@media (max-width: 767px) {
  .sd-permah-table__grid{
    grid-template-columns: 1fr;
  }
  .sd-heading{
    font-size: 22px;
    line-height: 28px;
  }
  .sd-kicker, .sd-quote, .sd-copy-block > p:not(.sd-kicker):not(.sd-quote), .sd-bullets li, .sd-permah-lines li{
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .sd-permah-table__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body[data-page="achievements"]{
  background: var(--achievements-header-bg);
  color: #fff;
}
body[data-page="achievements"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--achievements-header-bg);
  box-shadow: none;
}
body[data-page="achievements"] main{
  padding-top: 0;
}
body[data-page="achievements"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="achievements"] .header-logo-text{
  color: #fff;
}
body[data-page="achievements"] .nav-bar{
  background: #fff;
}
body[data-page="achievements"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="achievements"] .lang-pill, body[data-page="achievements"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="achievements"] .division-tab, body[data-page="achievements"] .lang-pill{
  color: #fff;
}
body[data-page="achievements"] .division-panel, body[data-page="achievements"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="achievements"] .division-panel a, body[data-page="achievements"] .header-menu-panel a{
  color: #fff;
}
body[data-page="achievements"] #siteHeader.is-scrolled, body[data-page="achievements"] #siteHeader:hover{
  background: var(--achievements-header-bg);
}
body[data-page="achievements"] .page-hero{
  background: var(--achievements-header-bg);
  color: #fff;
}
body[data-page="achievements"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(12px, 0.833vw, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="achievements"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="achievements"] .page-hero__inner{
  padding-top: clamp(28px, 2.083vw, 40px);
  padding-bottom: clamp(48px, 3.646vw, 70px);
}
body[data-page="achievements"] .page-hero__row{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(20px, 2.083vw, 40px);
}
body[data-page="achievements"] .page-hero__title{
  margin: 0;
  color: var(--achievements-title);
  font-size: clamp(42px, 3.021vw, 58px);
  font-weight: 400;
  line-height: 1.08;
}
body[data-page="achievements"] .page-hero__filters{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: clamp(10px, 0.833vw, 16px);
}
body[data-page="achievements"] .page-hero__filter-label{
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  color: rgba(255, 255, 255, 0.88);
}
.achievements-filter{
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.achievements-filter__trigger, .achievements-filter__date{
  box-sizing: border-box;
  width: clamp(220px, 16.198vw, 311px);
  height: clamp(48px, 3.646vw, 70px);
  border: 1px solid #ccc;
  border-radius: 35px;
  background: #fff;
  color: #1b2547;
  font-family: inherit;
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.2;
}
.achievements-filter__trigger{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 clamp(20px, 1.458vw, 28px);
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.achievements-filter__trigger:hover, .achievements-filter__trigger[aria-expanded="true"]{
  border-color: #b3b3b3;
}
.achievements-filter__value{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.achievements-filter__chevron{
  flex: 0 0 auto;
  font-size: clamp(14px, 0.938vw, 18px);
  line-height: 1;
  color: #1b2547;
  transition: transform 0.2s ease;
}
.achievements-filter__trigger[aria-expanded="true"] .achievements-filter__chevron{
  transform: rotate(180deg);
}
.achievements-filter__panel{
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  z-index: 30;
  display: block;
  min-width: 100%;
  padding: clamp(16px, 1.25vw, 24px) clamp(20px, 1.6vw, 32px);
  border-radius: 0;
  background: #0e315b;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.achievements-filter__panel.is-open{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.achievements-filter__option{
  display: block;
  width: 100%;
  padding: clamp(9px, 0.65vw, 13px) 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-family: inherit;
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease;
}
.achievements-filter__option:hover, .achievements-filter__option.is-active{
  color: var(--color-cyan, #44defe);
}
.achievements-filter--date{
  position: relative;
}
.achievements-filter__date-label{
  position: relative;
  display: block;
  margin: 0;
}
.achievements-filter__date{
  display: block;
  padding: 0 clamp(48px, 3.125vw, 56px) 0 clamp(20px, 1.458vw, 28px);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.achievements-filter__date::-webkit-calendar-picker-indicator{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}
.achievements-filter__date-icon{
  position: absolute;
  top: 50%;
  right: clamp(20px, 1.458vw, 28px);
  pointer-events: none;
  color: #1b2547;
  font-size: clamp(16px, 1.042vw, 20px);
  line-height: 1;
  transform: translateY(-50%);
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.achievements-shell{
  background: var(--achievements-shell-bg);
}
.achievements-panel{
  position: relative;
  overflow: hidden;
  border-radius: clamp(26px, 2.083vw, 40px) clamp(26px, 2.083vw, 40px) 0 0;
  background: var(--achievements-panel-bg);
}
.achievements-panel::before{
  content: "";
  position: absolute;
  top: 36.5%;
  right: 120px;
  z-index: 0;
  width: clamp(420px, 43.75vw, 840px);
  height: clamp(500px, 52.396vw, 1006px);
  background: url("/assets/main-site/ACHIEVEMENTS%20-%20%E6%B0%B4%E5%8D%B0.png") no-repeat right center / contain padding-box;
  pointer-events: none;
  user-select: none;
  transform: translateY(-50%);
}
.achievements-panel__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(36px, 2.604vw, 50px);
  padding-bottom: clamp(54px, 3.906vw, 75px);
}
.achievements-toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 1.563vw, 30px);
  margin-bottom: clamp(28px, 4.083vw, 80px);
}
.achievements-tabs{
  display: inline-flex;
  align-items: stretch;
  gap: clamp(10px, 0.833vw, 16px);
}
.achievements-tabs__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(42px, 3.021vw, 58px);
  padding: 0 clamp(18px, 1.458vw, 28px);
  border: 1px solid var(--achievements-tab-active);
  border-radius: clamp(8px, 0.625vw, 12px);
  background: #fff;
  color: var(--achievements-tab-active);
  font-family: inherit;
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 400;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.achievements-tabs__btn.is-active{
  background: var(--achievements-tab-active);
  color: #fff;
}
.achievements-categories{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: clamp(8px, 0.625vw, 12px);
}
.achievements-categories__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(34px, 2.396vw, 46px);
  padding: 0 clamp(14px, 1.042vw, 20px);
  border: 1px solid #c5cdd8;
  border-radius: clamp(6px, 0.417vw, 8px);
  background: #fff;
  color: #4a5568;
  font-family: inherit;
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 300;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.achievements-categories__btn.is-active{
  border-color: var(--achievements-tab-active);
  background: var(--achievements-tab-active);
  color: #fff;
}
.achievements-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(28px, 2.083vw, 40px) clamp(18px, 1.458vw, 28px);
}
.achievements-card{
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.achievements-card__media{
  display: block;
  overflow: hidden;
  border-radius: clamp(10px, 0.729vw, 14px);
}
.achievements-card__media img{
  display: block;
  width: 100%;
  aspect-ratio: 454 / 294;
  object-fit: cover;
  transition: transform 0.25s ease;
}
.achievements-card:hover .achievements-card__media img{
  transform: scale(1.03);
}
.achievements-card__body{
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: clamp(12px, 0.938vw, 18px);
}
.achievements-card__title{
  --achievements-title-lh: clamp(20px, 1.458vw, 28px);
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  color: var(--achievements-card-title);
  font-size: clamp(15px, 1.042vw, 20px);
  font-weight: 500;
  line-height: var(--achievements-title-lh);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(3 * var(--achievements-title-lh));
  text-overflow: ellipsis;
  word-break: break-word;
}
.achievements-card__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}
.achievements-card__date{
  color: #6b7280;
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 300;
  line-height: 1.2;
}
.achievements-card__tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(24px, 1.667vw, 32px);
  padding: 0 clamp(10px, 0.729vw, 14px);
  border-radius: clamp(4px, 0.313vw, 6px);
  background: var(--achievements-tag-bg);
  color: #fff;
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.achievements-pagination{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 1.25vw, 24px);
  margin-top: clamp(40px, 3.125vw, 60px);
}
.achievements-pagination__arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(40px, 2.917vw, 56px);
  height: clamp(40px, 2.917vw, 56px);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--achievements-tab-active);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.achievements-pagination__arrow:hover:not(:disabled){
  opacity: 0.85;
}
.achievements-pagination__arrow:disabled{
  opacity: 0.4;
  cursor: default;
}
.achievements-pagination__arrow img{
  display: block;
  width: clamp(10px, 0.729vw, 14px);
  height: auto;
}
.achievements-pagination__list{
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.833vw, 16px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.achievements-pagination__list button{
  padding: 0;
  border: 0;
  background: transparent;
  color: #4a5568;
  font-family: inherit;
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}
.achievements-pagination__list button.is-active{
  color: var(--achievements-tab-active);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.achievements-pagination__ellipsis{
  color: #6b7280;
  font-size: clamp(14px, 0.938vw, 18px);
}
body[data-page="achievements"] footer, body[data-page="achievements"] #footerMain, body[data-page="achievements"] .footer-band, body[data-page="achievements"] #footerBar, body[data-page="achievements"] .footer-bar__inner{
  background: #002147 0% 0% no-repeat padding-box;
}
@media (max-width: 1279px) {
  body[data-page="achievements"] .page-hero__row{
    flex-direction: column;
    align-items: flex-start;
  }
  body[data-page="achievements"] .page-hero__filters{
    justify-content: flex-start;
    width: 100%;
  }
  .achievements-toolbar{
    flex-direction: column;
    align-items: flex-start;
  }
  .achievements-categories{
    justify-content: flex-start;
  }
  .achievements-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  body[data-page="achievements"] .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 48px;
  }
  .achievements-panel{
    border-radius: 24px 24px 0 0;
  }
  .achievements-panel__inner{
    padding-top: 28px;
    padding-bottom: 40px;
  }
  .achievements-grid{
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .achievements-categories{
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    margin-inline: calc(var(--gutter) * -1);
    padding-inline: var(--gutter);
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .achievements-categories::-webkit-scrollbar{
    display: none;
  }
  .achievements-categories__btn{
    flex: 0 0 auto;
  }
  body[data-page="achievements"] .page-hero__filters{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  body[data-page="achievements"] .page-hero__filter-label{
    margin-bottom: 2px;
  }
  .achievements-filter{
    display: flex;
    width: 100%;
  }
  .achievements-filter--date, .achievements-filter__date-label{
    width: 100%;
  }
  .achievements-filter__trigger, .achievements-filter__date{
    width: 100%;
  }
  .achievements-panel::before{
    width: min(72vw, 420px);
    height: auto;
    aspect-ratio: 840 / 1006;
  }
}
.achievements-toolbar--exam-results{
  justify-content: flex-start;
}
.achievements-toolbar--exam-results .achievements-categories{
  display: none;
}
.achievements-exam-results{
  position: relative;
  z-index: 1;
}
.achievements-exam-results__title{
  margin: 0 0 clamp(32px, 2.604vw, 50px);
  color: #0e3e8a;
  font: normal normal 500 clamp(32px, 2.813vw, 54px) / 1.15 var(--font-sans);
}
.achievements-exam-results__section + .achievements-exam-results__section{
  margin-top: clamp(28px, 2.083vw, 40px);
}
.achievements-exam-results__heading{
  margin: 0 0 clamp(16px, 1.25vw, 24px);
  color: #002046;
  font: normal normal bold clamp(22px, 1.458vw, 28px) / 1.2 var(--font-sans);
}
.achievements-exam-results__subheading{
  margin: clamp(20px, 1.563vw, 30px) 0 clamp(12px, 0.938vw, 18px);
  color: #1e3e8a;
  font: normal normal 400 clamp(18px, 1.146vw, 22px) / 1.3 var(--font-sans);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
:is(.achievements-exam-results__section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .achievements-exam-results__region > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin: 0;
  color: #263238;
  font: normal normal 300 clamp(16px, 1.146vw, 22px) / clamp(24px, 1.667vw, 32px) var(--font-sans);
}
:is(.achievements-exam-results__section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .achievements-exam-results__region > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])) + :is(.achievements-exam-results__section > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"]), .achievements-exam-results__region > p:not([class*="title"]):not([class*="subtitle"]):not([class*="heading"]):not([class*="label"]):not([class*="role"]):not([class*="kicker"]):not([class*="note"]):not([class*="caption"]):not([class*="num"])){
  margin-top: clamp(16px, 1.25vw, 24px);
}
.achievements-exam-results__region + .achievements-exam-results__region{
  margin-top: clamp(28px, 2.083vw, 40px);
}
.achievements-exam-results__region-title{
  margin: 0 0 clamp(16px, 1.25vw, 24px);
  color: #1e3e8a;
  font: normal normal bold clamp(18px, 1.146vw, 22px) / 1.3 var(--font-sans);
}
.achievements-exam-results__region-sub + .achievements-exam-results__region-sub{
  margin-top: clamp(20px, 1.563vw, 30px);
}
.achievements-exam-results__region-subtitle{
  margin: 0 0 clamp(12px, 0.938vw, 18px);
  color: #1e3e8a;
  font: normal normal bold clamp(18px, 1.146vw, 22px) / 1.3 var(--font-sans);
}
.achievements-exam-results__note{
  margin-top: clamp(28px, 2.083vw, 40px);
}
.achievements-exam-results__table-wrap{
  margin-top: clamp(20px, 1.563vw, 30px);
  overflow-x: auto;
  border: 1px solid #e3e0e1;
  border-radius: clamp(8px, 0.625vw, 12px);
}
.achievements-exam-results__region .achievements-exam-results__table-wrap, .achievements-exam-results__region-sub .achievements-exam-results__table-wrap{
  margin-top: 0;
}
.achievements-exam-results__table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #263238;
  font: normal normal 300 clamp(16px, 1.146vw, 22px) / clamp(24px, 1.667vw, 32px) var(--font-sans);
}
.achievements-exam-results__table col:nth-child(1){
  width: 78%;
}
.achievements-exam-results__table col:nth-child(2){
  width: 22%;
}
.achievements-exam-results__table td, .achievements-exam-results__table th{
  padding: clamp(14px, 1.042vw, 20px) clamp(16px, 1.25vw, 24px);
  border: 1px solid #e3e0e1;
  text-align: left;
  vertical-align: top;
}
.achievements-exam-results__table thead th{
  background: #fff;
  color: #002046;
  font-weight: 700;
}
.achievements-exam-results__table tbody tr td{
  background: #fff;
}
.achievements-exam-results__table tbody tr.is-shaded td{
  background: #f0eeef;
}
@media (max-width: 767px) {
  .achievements-exam-results__table{
    min-width: 480px;
  }
}
body[data-page="achievements-detail"]{
  background: var(--achievements-detail-header-bg);
  color: #fff;
}
body[data-page="achievements-detail"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--achievements-detail-header-bg);
  box-shadow: none;
}
body[data-page="achievements-detail"] main{
  padding-top: 0;
}
body[data-page="achievements-detail"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="achievements-detail"] .header-logo-text{
  color: #fff;
}
body[data-page="achievements-detail"] .nav-bar{
  background: #fff;
}
body[data-page="achievements-detail"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="achievements-detail"] .lang-pill, body[data-page="achievements-detail"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="achievements-detail"] .division-tab, body[data-page="achievements-detail"] .lang-pill{
  color: #fff;
}
body[data-page="achievements-detail"] .division-panel, body[data-page="achievements-detail"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="achievements-detail"] .division-panel a, body[data-page="achievements-detail"] .header-menu-panel a{
  color: #fff;
}
body[data-page="achievements-detail"] #siteHeader.is-scrolled, body[data-page="achievements-detail"] #siteHeader:hover{
  background: var(--achievements-detail-header-bg);
}
body[data-page="achievements-detail"] #footerMain, body[data-page="achievements-detail"] #footerBar{
  background: var(--achievements-detail-header-bg);
}
body[data-page="achievements-detail"] .page-hero{
  background: var(--achievements-detail-header-bg);
  color: #fff;
  padding-bottom: var(--achievements-detail-hero-meta-gap);
}
body[data-page="achievements-detail"] .section-band{
  margin-top: 0;
}
body[data-page="achievements-detail"] .page-hero .page-breadcrumb{
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="achievements-detail"] .page-hero__inner{
  padding-top: var(--achievements-detail-hero-title-gap);
  padding-bottom: 0;
}
body[data-page="achievements-detail"] .page-hero__title{
  margin: 0;
  max-width: none;
  color: #fff;
  font: normal normal 300 var(--achievements-detail-title-size) / var(--achievements-detail-title-leading) var(--font-sans);
  letter-spacing: 0;
  text-align: left;
}
body[data-page="achievements-detail"] .page-hero__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(12px, 1.042vw, 20px);
  margin-top: var(--achievements-detail-hero-meta-top);
}
body[data-page="achievements-detail"] .page-hero__date{
  margin: 0;
  color: #fff;
  font: normal normal 300 clamp(16px, 1.042vw, 20px) / 1.4 var(--font-sans);
}
body[data-page="achievements-detail"] .page-hero__tags{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(8px, 0.625vw, 12px);
}
body[data-page="achievements-detail"] .page-hero__tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font: normal normal 300 clamp(13px, 0.833vw, 16px) / 1 var(--font-sans);
  white-space: nowrap;
}
body[data-page="achievements-detail"] .page-hero__tag--secondary{
  width: 95px;
  background: var(--achievements-detail-tag-secondary);
}
body[data-page="achievements-detail"] .page-hero__tag--academic{
  width: 104px;
  background: var(--achievements-detail-tag-academic);
}
.achievements-detail-shell{
  background: var(--achievements-detail-shell-bg);
}
.achievements-detail-panel{
  position: relative;
  overflow: hidden;
  border-radius: clamp(26px, 2.083vw, 40px) clamp(26px, 2.083vw, 40px) 0 0;
  background: var(--achievements-detail-panel-bg);
}
.achievements-detail-panel__inner{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: clamp(48px, 4.167vw, 80px);
  padding-bottom: clamp(56px, 5.208vw, 100px);
}
.achievements-detail-feature{
  width: min(100%, var(--achievements-detail-feature-w));
  margin: 0;
}
.achievements-detail-feature img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 728 / 972;
  border-radius: clamp(8px, 0.625vw, 12px);
  object-fit: cover;
  object-position: center;
}
.achievements-detail-table-wrap{
  width: 100%;
  margin-top: clamp(40px, 3.125vw, 60px);
  overflow-x: auto;
  border: 1px solid var(--achievements-detail-table-border);
  border-radius: clamp(8px, 0.625vw, 12px);
  overflow: hidden;
}
.achievements-detail-table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--achievements-detail-table-text);
  font: normal normal 300 clamp(16px, 1.146vw, 22px) / clamp(24px, 1.667vw, 32px) var(--font-sans);
}
.achievements-detail-table col:nth-child(1){
  width: 42%;
}
.achievements-detail-table col:nth-child(2){
  width: 33%;
}
.achievements-detail-table col:nth-child(3){
  width: 25%;
}
.achievements-detail-table td{
  padding: clamp(14px, 1.042vw, 20px) clamp(16px, 1.25vw, 24px);
  vertical-align: top;
  text-align: left;
  border: 1px solid var(--achievements-detail-table-border);
}
.achievements-detail-table tr:nth-child(odd) td{
  background: var(--achievements-detail-table-row-alt);
}
.achievements-detail-table tr:nth-child(even) td{
  background: var(--achievements-detail-table-row-base);
}
@media (max-width: 767px) {
  body[data-page="achievements-detail"] .page-hero__meta{
    flex-direction: column;
    align-items: flex-start;
  }
  .achievements-detail-table{
    min-width: 560px;
  }
}
body[data-page="latest-news"]{
  background: var(--latest-news-header-bg);
  color: #fff;
}
body[data-page="latest-news"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--latest-news-header-bg);
  box-shadow: none;
}
body[data-page="latest-news"] main{
  padding-top: 0;
}
body[data-page="latest-news"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="latest-news"] .header-logo-text{
  color: #fff;
}
body[data-page="latest-news"] .nav-bar{
  background: #fff;
}
body[data-page="latest-news"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="latest-news"] .lang-pill, body[data-page="latest-news"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="latest-news"] .division-tab, body[data-page="latest-news"] .lang-pill{
  color: #fff;
}
body[data-page="latest-news"] .division-panel, body[data-page="latest-news"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="latest-news"] .division-panel a, body[data-page="latest-news"] .header-menu-panel a{
  color: #fff;
}
body[data-page="latest-news"] #siteHeader.is-scrolled, body[data-page="latest-news"] #siteHeader:hover{
  background: var(--latest-news-header-bg);
}
body[data-page="latest-news"] .page-hero{
  background: var(--latest-news-header-bg);
  color: #fff;
}
body[data-page="latest-news"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(12px, 0.833vw, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="latest-news"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="latest-news"] .page-hero__inner{
  padding-top: clamp(28px, 2.083vw, 40px);
  padding-bottom: clamp(48px, 3.646vw, 70px);
}
body[data-page="latest-news"] .page-hero__row{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(20px, 2.083vw, 40px);
}
body[data-page="latest-news"] .page-hero__title{
  margin: 0;
  color: var(--latest-news-title);
  font-size: clamp(42px, 3.021vw, 58px);
  font-weight: 400;
  line-height: 1.08;
}
body[data-page="latest-news"] .page-hero__filters{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: clamp(10px, 0.833vw, 16px);
}
body[data-page="latest-news"] .page-hero__filter-label{
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  color: rgba(255, 255, 255, 0.88);
}
.latest-news-filter{
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.latest-news-filter__trigger, .latest-news-filter__range-inner{
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 35px;
  background: #fff;
  color: #1b2547;
  font-family: inherit;
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.2;
}
.latest-news-filter__trigger{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: clamp(220px, 16.198vw, 311px);
  height: clamp(48px, 3.646vw, 70px);
  padding: 0 clamp(20px, 1.458vw, 28px);
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.latest-news-filter__trigger:hover, .latest-news-filter__trigger[aria-expanded="true"]{
  border-color: #b3b3b3;
}
.latest-news-filter__value{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.latest-news-filter__chevron{
  flex: 0 0 auto;
  font-size: clamp(14px, 0.938vw, 18px);
  line-height: 1;
  color: #1b2547;
  transition: transform 0.2s ease;
}
.latest-news-filter__trigger[aria-expanded="true"] .latest-news-filter__chevron{
  transform: rotate(180deg);
}
.latest-news-filter__panel{
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  z-index: 30;
  display: block;
  min-width: 100%;
  padding: clamp(16px, 1.25vw, 24px) clamp(20px, 1.6vw, 32px);
  border-radius: 0;
  background: #0e315b;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.latest-news-filter__panel.is-open{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.latest-news-filter__option{
  display: block;
  width: 100%;
  padding: clamp(9px, 0.65vw, 13px) 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-family: inherit;
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease;
}
.latest-news-filter__option:hover, .latest-news-filter__option.is-active{
  color: var(--color-cyan, #44defe);
}
.latest-news-filter--range{
  position: relative;
}
.latest-news-filter__range-inner{
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: clamp(280px, 22.396vw, 430px);
  height: clamp(48px, 3.646vw, 70px);
  padding: 0 clamp(16px, 1.25vw, 24px);
}
.latest-news-filter__range-label{
  flex: 0 0 auto;
  color: #1b2547;
  white-space: nowrap;
}
.latest-news-filter__range-date{
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.latest-news-filter__date{
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1b2547;
  font-family: inherit;
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 300;
  line-height: 1.2;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.latest-news-filter__date::-webkit-calendar-picker-indicator{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}
.latest-news-filter__range-sep{
  flex: 0 0 auto;
  color: #9ca3af;
}
.latest-news-filter__range-icon{
  flex: 0 0 auto;
  width: clamp(16px, 1.042vw, 20px);
  height: clamp(16px, 1.042vw, 20px);
  object-fit: contain;
  pointer-events: none;
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.latest-news-shell{
  background: var(--latest-news-shell-bg);
}
.latest-news-panel{
  position: relative;
  overflow: hidden;
  border-radius: clamp(26px, 2.083vw, 40px) clamp(26px, 2.083vw, 40px) 0 0;
  background: var(--latest-news-panel-bg);
}
.latest-news-panel::before{
  content: "";
  position: absolute;
  top: 36.5%;
  right: 120px;
  z-index: 0;
  width: clamp(420px, 43.75vw, 840px);
  height: clamp(500px, 52.396vw, 1006px);
  background: url("/assets/main-site/ACHIEVEMENTS%20-%20%E6%B0%B4%E5%8D%B0.png") no-repeat right center / contain padding-box;
  pointer-events: none;
  user-select: none;
  transform: translateY(-50%);
}
.latest-news-panel__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(36px, 2.604vw, 50px);
  padding-bottom: clamp(54px, 3.906vw, 75px);
}
.latest-news-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(28px, 2.083vw, 40px) clamp(18px, 1.458vw, 28px);
}
.latest-news-card{
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.latest-news-card__media{
  display: block;
  overflow: hidden;
  border-radius: clamp(10px, 0.729vw, 14px);
}
.latest-news-card__media img{
  display: block;
  width: 100%;
  aspect-ratio: 419 / 277;
  object-fit: cover;
  transition: transform 0.25s ease;
}
.latest-news-card:hover .latest-news-card__media img{
  transform: scale(1.03);
}
.latest-news-card__body{
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: clamp(12px, 0.938vw, 18px);
}
.latest-news-card__desc{
  --latest-news-desc-lh: clamp(20px, 1.458vw, 28px);
  margin: 0 0 clamp(12px, 0.833vw, 16px);
  color: var(--latest-news-card-text);
  font-size: clamp(15px, 1.042vw, 20px);
  font-weight: 400;
  line-height: var(--latest-news-desc-lh);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.latest-news-card__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(8px, 0.625vw, 12px);
  margin-top: auto;
}
.latest-news-card__date{
  color: #02284c;
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1.2;
}
.latest-news-card__tag{
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  height: clamp(28px, 1.771vw, 34px);
  padding: 0 clamp(8px, 0.625vw, 12px);
  border-radius: 4px;
  color: #fff;
  font-size: clamp(13px, 0.833vw, 16px);
  font-weight: 300;
  line-height: 1;
  white-space: nowrap;
}
.latest-news-card__tag--wholeSchool, .latest-news-card__tag--wholeschool, .latest-news-card__tag--whole_school{
  background: var(--latest-news-tag-whole) 0% 0% no-repeat padding-box;
}
.latest-news-card__tag--primary{
  background: var(--latest-news-tag-primary) 0% 0% no-repeat padding-box;
}
.latest-news-card__tag--secondary{
  background: var(--latest-news-tag-secondary) 0% 0% no-repeat padding-box;
}
.latest-news-pagination{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 1.25vw, 24px);
  margin-top: clamp(40px, 3.125vw, 60px);
}
.latest-news-pagination__arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(40px, 2.917vw, 56px);
  height: clamp(40px, 2.917vw, 56px);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--latest-news-accent);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.latest-news-pagination__arrow:hover:not(:disabled){
  opacity: 0.85;
}
.latest-news-pagination__arrow:disabled{
  opacity: 0.4;
  cursor: default;
}
.latest-news-pagination__arrow img{
  display: block;
  width: clamp(10px, 0.729vw, 14px);
  height: auto;
}
.latest-news-pagination__list{
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.833vw, 16px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.latest-news-pagination__list button{
  padding: 0;
  border: 0;
  background: transparent;
  color: #4a5568;
  font-family: inherit;
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}
.latest-news-pagination__list button.is-active{
  color: var(--latest-news-accent);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.latest-news-pagination__ellipsis{
  color: #6b7280;
  font-size: clamp(14px, 0.938vw, 18px);
}
body[data-page="latest-news"] footer, body[data-page="latest-news"] #footerMain, body[data-page="latest-news"] .footer-band, body[data-page="latest-news"] #footerBar, body[data-page="latest-news"] .footer-bar__inner{
  background: #002147 0% 0% no-repeat padding-box;
}
@media (max-width: 1279px) {
  body[data-page="latest-news"] .page-hero__row{
    flex-direction: column;
    align-items: flex-start;
  }
  body[data-page="latest-news"] .page-hero__filters{
    justify-content: flex-start;
    width: 100%;
  }
  .latest-news-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .latest-news-filter__trigger, .latest-news-filter__range-inner{
    width: 100%;
  }
  body[data-page="latest-news"] .page-hero__filters{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .latest-news-filter{
    display: flex;
    width: 100%;
  }
  .latest-news-filter--range{
    width: 100%;
  }
  .latest-news-grid{
    grid-template-columns: 1fr;
  }
  .latest-news-panel::before{
    width: min(72vw, 420px);
    height: auto;
    aspect-ratio: 840 / 1006;
  }
}
body[data-page="latest-news-detail"]{
  background: var(--news-detail-header-bg);
  color: #fff;
}
body[data-page="latest-news-detail"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--news-detail-header-bg);
  box-shadow: none;
}
body[data-page="latest-news-detail"] main{
  padding-top: 0;
}
body[data-page="latest-news-detail"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="latest-news-detail"] .header-logo-text{
  color: #fff;
}
body[data-page="latest-news-detail"] .nav-bar{
  background: #fff;
}
body[data-page="latest-news-detail"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="latest-news-detail"] .lang-pill, body[data-page="latest-news-detail"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="latest-news-detail"] .division-tab, body[data-page="latest-news-detail"] .lang-pill{
  color: #fff;
}
body[data-page="latest-news-detail"] .division-panel, body[data-page="latest-news-detail"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="latest-news-detail"] .division-panel a, body[data-page="latest-news-detail"] .header-menu-panel a{
  color: #fff;
}
body[data-page="latest-news-detail"] #siteHeader.is-scrolled, body[data-page="latest-news-detail"] #siteHeader:hover{
  background: var(--news-detail-header-bg);
}
body[data-page="latest-news-detail"] #footerMain, body[data-page="latest-news-detail"] #footerBar{
  background: var(--news-detail-header-bg);
}
body[data-page="latest-news-detail"] .page-hero{
  background: var(--news-detail-header-bg);
  color: #fff;
  padding-bottom: var(--news-detail-hero-meta-gap);
}
body[data-page="latest-news-detail"] .news-detail-shell.section-band{
  margin-top: 0;
}
body[data-page="latest-news-detail"] .page-hero .page-breadcrumb{
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="latest-news-detail"] .page-hero__inner{
  padding-top: var(--news-detail-hero-title-gap);
  padding-bottom: 0;
}
body[data-page="latest-news-detail"] .page-hero__title{
  margin: 0;
  max-width: none;
  color: #fff;
  font: normal normal 300 var(--news-detail-title-size) / var(--news-detail-title-leading) var(--font-sans);
  letter-spacing: 0;
  text-align: left;
  opacity: 1;
}
body[data-page="latest-news-detail"] .page-hero__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(12px, 1.042vw, 20px);
  margin-top: var(--news-detail-hero-meta-top);
  padding-top: 0;
  border-top: 0;
}
body[data-page="latest-news-detail"] .page-hero__date{
  margin: 0;
  color: #fff;
  font: normal normal 300 clamp(16px, 1.042vw, 20px) / 1.4 var(--font-sans);
}
body[data-page="latest-news-detail"] .page-hero__tag{
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  height: clamp(28px, 1.771vw, 34px);
  padding: 0 clamp(10px, 0.729vw, 14px);
  border-radius: 4px;
  background: #1e3e8a;
  color: #fff;
  font: normal normal 300 clamp(13px, 0.833vw, 16px) / 1 var(--font-sans);
  white-space: nowrap;
}
.news-detail-shell{
  background: var(--news-detail-shell-bg);
}
.news-detail-content{
  position: relative;
  overflow: hidden;
  border-radius: clamp(26px, 2.083vw, 40px) clamp(26px, 2.083vw, 40px) 0 0;
  background: #f3f2f2;
}
.news-detail-content__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(48px, 3.646vw, 70px);
  padding-bottom: clamp(48px, 6.646vw, 140px);
}
.news-detail-other-panel{
  position: relative;
  overflow: hidden;
  border-radius: clamp(26px, 2.083vw, 40px) clamp(26px, 2.083vw, 40px) 0 0;
  background: #fff;
}
.news-detail-other-panel__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(48px, 3.646vw, 70px);
  padding-bottom: clamp(56px, 4.688vw, 90px);
}
.news-detail-body{
  width: 100%;
  max-width: none;
  color: #353f4c;
  font: normal normal 300 22px/32px var(--font-sans);
  letter-spacing: 0;
  text-align: left;
}
.news-detail-body p:not(.news-detail-body__hashtags), .news-detail-body__winners li{
  color: #353f4c;
  font: normal normal 300 22px/32px var(--font-sans);
  letter-spacing: 0;
  text-align: left;
}
.news-detail-body p{
  margin: 0;
}
.news-detail-body p + p{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.news-detail-body__winners{
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  padding: 0;
  list-style: none;
}
.news-detail-body__winners li{
  padding-left: 0;
}
.news-detail-body__winners li::before{
  content: none;
}
.news-detail-body__winners + p{
  margin-top: clamp(16px, 1.25vw, 24px);
}
.news-detail-body__winners li + li{
  margin-top: clamp(8px, 0.625vw, 12px);
}
.news-detail-body__winners strong{
  font-weight: 700;
}
.news-detail-body__emoji{
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  margin: 0;
  vertical-align: -0.16em;
  color: inherit;
  background-color: currentColor;
  -webkit-mask: var(--emoji-mask) center / contain no-repeat;
  mask: var(--emoji-mask) center / contain no-repeat;
}
.news-detail-body p.news-detail-body__hashtags{
  margin-top: clamp(24px, 1.875vw, 36px);
  color: #1e3e8a;
  font: normal normal 300 22px/32px var(--font-sans);
  letter-spacing: 0;
  text-align: left;
}
.content-gallery{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--news-detail-gallery-gap);
  box-sizing: border-box;
  width: 100%;
  min-height: var(--news-detail-gallery-shell-min-h);
  margin-inline: auto;
  margin-top: clamp(40px, 3.125vw, 60px);
  padding: var(--news-detail-gallery-pad-y) var(--news-detail-gallery-pad-x);
  border-radius: 10px;
  background: #e0edf9;
}
.content-gallery__main{
  flex: 1 1 var(--news-detail-gallery-main-w);
  width: min(100%, var(--news-detail-gallery-main-w));
  max-width: var(--news-detail-gallery-main-w);
  margin: 0;
}
.content-gallery__main img{
  display: block;
  width: 100%;
  max-width: var(--news-detail-gallery-main-w);
  height: var(--news-detail-gallery-main-h);
  aspect-ratio: 1238 / 873;
  border-radius: 10px;
  object-fit: cover;
  object-position: center;
  background: #e5e5e5;
}
.content-gallery__controls{
  display: flex;
  flex: 0 0 var(--news-detail-gallery-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: clamp(8px, 0.625vw, 12px);
  width: var(--news-detail-gallery-thumb-w);
  min-height: calc(var(--news-detail-gallery-main-h) + clamp(36px, 2.5vw, 48px));
}
.content-gallery__arrow{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: opacity 180ms ease;
}
.content-gallery__arrow img{
  display: block;
  width: 17px;
  height: auto;
}
.content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
}
.content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__thumbs{
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--news-detail-gallery-thumb-w);
  height: var(--news-detail-gallery-thumb-h);
  aspect-ratio: 394 / 246;
  padding: clamp(4px, 0.417vw, 8px);
  border: 5px solid transparent;
  border-radius: 4px;
  background: #c6daed;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.content-gallery__thumb.is-active{
  border-color: var(--news-detail-gallery-thumb-border);
  background: #fff;
}
.content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.news-detail-other{
  margin: 0;
  padding: 0;
  border: 0;
}
.news-detail-other__title{
  margin: 0 0 clamp(28px, 2.083vw, 40px);
  color: #0e3e8a;
  font: normal normal bold clamp(28px, 2.083vw, 40px) / 1.15 var(--font-sans);
}
.news-detail-other__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(18px, 1.458vw, 28px);
}
.news-detail-other .latest-news-card__desc{
  font-size: clamp(17px, 1.146vw, 22px);
  line-height: clamp(22px, 1.458vw, 28px);
}
.news-detail-other .latest-news-card__date{
  color: #767676;
}
@media (max-width: 1279px) {
  .news-detail-other__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1023px) {
  .content-gallery{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-height: 0;
    padding: clamp(20px, 4vw, 32px);
  }
  .content-gallery__main img{
    height: auto;
    min-height: 0;
  }
  .content-gallery__controls{
    flex-direction: row;
    flex: none;
    width: 100%;
    min-height: 0;
    align-self: auto;
  }
  .content-gallery__thumbs{
    flex-direction: row;
    flex: 1 1 auto;
    order: 0;
  }
  .content-gallery__arrow--prev{
    order: -1;
  }
  .content-gallery__arrow--next{
    order: 1;
  }
  .content-gallery__thumb{
    width: var(--news-detail-gallery-thumb-w);
    max-width: none;
  }
}
@media (max-width: 767px) {
  .news-detail-other__grid{
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-page="latest-news-detail"] .page-hero__meta{
    flex-direction: column;
    align-items: flex-start;
  }
}
body[data-page="publications"]{
  background: var(--publications-header-bg);
  color: #fff;
}
body[data-page="publications"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--publications-header-bg);
  box-shadow: none;
}
body[data-page="publications"] main{
  padding-top: 0;
}
body[data-page="publications"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="publications"] .header-logo-text{
  color: #fff;
}
body[data-page="publications"] .nav-bar{
  background: #fff;
}
body[data-page="publications"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="publications"] .lang-pill, body[data-page="publications"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="publications"] .division-tab, body[data-page="publications"] .lang-pill{
  color: #fff;
}
body[data-page="publications"] .division-panel, body[data-page="publications"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="publications"] .division-panel a, body[data-page="publications"] .header-menu-panel a{
  color: #fff;
}
body[data-page="publications"] #siteHeader.is-scrolled, body[data-page="publications"] #siteHeader:hover{
  background: var(--publications-header-bg);
}
body[data-page="publications"] footer, body[data-page="publications"] #footerMain, body[data-page="publications"] .footer-band, body[data-page="publications"] #footerBar, body[data-page="publications"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page="publications"] .page-hero{
  background: var(--publications-header-bg);
  color: #fff;
}
body[data-page="publications"] .page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 58px;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(12px, 0.833vw, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="publications"] .page-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
body[data-page="publications"] .page-hero__inner{
  padding-top: clamp(28px, 2.083vw, 40px);
  padding-bottom: clamp(48px, 3.646vw, 70px);
}
body[data-page="publications"] .page-hero__title{
  margin: 0;
  color: var(--publications-title);
  font-size: clamp(42px, 3.021vw, 58px);
  font-weight: 300;
  line-height: 1.08;
}
.publications-shell{
  background: var(--publications-shell-bg);
}
.publications-panel{
  position: relative;
  overflow: hidden;
  border-radius: clamp(26px, 2.083vw, 40px) clamp(26px, 2.083vw, 40px) 0 0;
  background: var(--publications-panel-bg);
}
.publications-panel__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(36px, 2.604vw, 50px);
  padding-bottom: clamp(54px, 3.906vw, 75px);
}
.publications-toolbar{
  margin-bottom: clamp(28px, 2.604vw, 50px);
}
.publications-tabs{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: clamp(10px, 0.833vw, 16px);
}
.publications-tabs__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(34px, 2.396vw, 46px);
  padding: 0 clamp(14px, 1.042vw, 20px);
  border: 1px solid #1e3e8a;
  border-radius: 4px;
  background: #fff;
  color: #1e3e8a;
  font-family: inherit;
  font-size: clamp(14px, 0.938vw, 18px);
  font-weight: 400;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.publications-tabs__btn.is-active{
  border-color: #1e3e8a;
  background: #1e3e8a;
  color: #fff;
}
.publications-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(28px, 2.083vw, 40px) clamp(18px, 1.458vw, 28px);
}
.publications-card{
  min-width: 0;
}
.publications-card__link{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(14px, 1.042vw, 20px);
  border-radius: clamp(12px, 0.938vw, 18px);
  background: #fff;
  box-shadow: 0 8px 24px rgba(27, 37, 71, 0.08);
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.publications-card__link:hover{
  box-shadow: 0 14px 32px rgba(27, 37, 71, 0.12);
  transform: translateY(-2px);
}
.publications-card__cover{
  overflow: hidden;
  border-radius: clamp(8px, 0.625vw, 12px);
}
.publications-card__cover img{
  display: block;
  width: 100%;
  aspect-ratio: 365 / 520;
  object-fit: cover;
  transition: transform 0.25s ease;
}
.publications-card__link:hover .publications-card__cover img{
  transform: scale(1.02);
}
.publications-card__title{
  margin: clamp(14px, 1.042vw, 20px) 0 0;
  color: #002046;
  font: normal normal bold clamp(18px, 1.25vw, 24px) / clamp(27px, 1.875vw, 36px) var(--font-sans);
  letter-spacing: -0.24px;
  text-align: center;
}
.publications-card__title-line{
  display: block;
}
.publications-empty{
  margin: 0;
  padding: clamp(40px, 3.125vw, 60px) 0;
  color: #4a5568;
  font-size: clamp(16px, 1.146vw, 22px);
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 1279px) {
  .publications-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  body[data-page="publications"] .page-hero__inner{
    padding-top: 24px;
    padding-bottom: 40px;
  }
  .publications-panel{
    border-radius: 24px 24px 0 0;
  }
  .publications-panel__inner{
    padding-top: 28px;
    padding-bottom: 40px;
  }
  .publications-tabs{
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .publications-tabs::-webkit-scrollbar{
    display: none;
  }
  .publications-tabs__btn{
    flex: 0 0 auto;
  }
  .publications-grid{
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.header-brand__en, .header-brand__zh{
  display: block;
}
@media (max-width: 1535px) {
  .header-brand__en, .header-brand__zh{
    font-size: clamp(10px, 1.35vw, 20px);
    line-height: 1.28;
    white-space: normal;
  }
}
@media (max-width: 1279px) {
  .header-brand{
    flex: 1 1 auto;
    min-width: 0;
  }
  .header-brand__logo{
    width: clamp(40px, 6vw, 56px);
  }
  .header-logo-text{
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .header-brand__en, .header-brand__zh{
    font-size: clamp(9px, 2.1vw, 13px);
    line-height: 1.22;
    white-space: normal;
  }
}
@media (max-width: 1023px) {
  .card-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .section-head{
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-title{
    text-align: center;
  }
}
@media (max-width: 767px) {
  .header-brand{
    gap: 8px;
  }
  .header-brand__logo{
    width: 44px;
  }
  .header-brand__en, .header-brand__zh{
    font-size: clamp(8px, 2.35vw, 11px);
    line-height: 1.18;
  }
}
@media (max-width: 639px) {
  .card-grid{
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-auto-columns: min(82vw, 360px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .card-grid::-webkit-scrollbar{
    display: none;
  }
  .card-grid > *{
    scroll-snap-align: start;
  }
}
@media (max-width: 767px) {
  :root{
    --gutter: clamp(20px, 5.128vw, 24px);
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .page-breadcrumb, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .page-breadcrumb, body[data-page^="primary-"] .page-breadcrumb{
    display: block;
    min-height: 0;
    padding-block: 10px 14px;
    font-size: clamp(12px, 3.2vw, 14px);
    line-height: 1.6;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .page-breadcrumb a, :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .page-breadcrumb [aria-current="page"], :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .page-breadcrumb a, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .page-breadcrumb [aria-current="page"], body[data-page^="primary-"] .page-breadcrumb a, body[data-page^="primary-"] .page-breadcrumb [aria-current="page"]{
    display: inline;
    white-space: nowrap;
  }
  :is(body[data-page="curriculum"], body[data-page="sd-highlights"]) .page-breadcrumb span[aria-hidden="true"], :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .page-breadcrumb span[aria-hidden="true"], body[data-page^="primary-"] .page-breadcrumb span[aria-hidden="true"], body[data-page^="primary-"] .page-breadcrumb__sep{
    display: inline;
    padding-inline: 4px;
    line-height: inherit;
    opacity: 0.85;
  }
  .primary-students__caption, body[data-page="secondary"] .secondary-development__caption{
    width: min(100%, 280px);
    max-width: calc(100% - 16px);
    font-size: clamp(12px, 3.2vw, 14px);
    line-height: 1.35;
  }
  body[data-page="curriculum"], body[data-page="sd-highlights"]{
    --curriculum-header-offset: clamp(72px, 18vw, 88px);
  }
  body[data-page="life-planning"], body[data-page="ole-highlights"]{
    --life-header-offset: clamp(72px, 18vw, 88px);
  }
}
@media (max-width: 639px) {
  .footer-band__links, .footer-band__social{
    width: 100%;
  }
  .footer-band__content{
    padding-inline: var(--gutter);
  }
  .footer-band__inner{
    padding-top: 30px;
    padding-bottom: 12px;
  }
  .footer-band__row--partners{
    align-items: flex-start;
    gap: 16px;
  }
  .footer-band__partners{
    order: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    row-gap: 12px;
    width: 100%;
    overflow: visible;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .footer-logo{
    display: block;
    flex: 0 1 auto;
    width: auto;
    max-width: calc((100% - 20px) / 3);
    height: clamp(34px, 9vw, 42px);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
    object-fit: contain;
    object-position: left center;
  }
  .footer-logo--common{
    order: 1;
  }
  .footer-logo--cambridge{
    order: 2;
  }
  .footer-logo--pearson{
    order: 3;
  }
  .footer-logo--google{
    order: 4;
    max-width: calc((100% - 10px) / 2);
    height: clamp(36px, 9.5vw, 46px);
  }
  .footer-logo--hkage{
    order: 5;
    max-width: calc((100% - 10px) / 2);
    height: clamp(38px, 10vw, 48px);
  }
  .footer-logo--brand{
    flex: none;
    width: 118px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    height: auto;
  }
  .footer-band__brand{
    order: -1;
    align-self: flex-start;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding: 0 0 4px;
  }
  .footer-band__divider{
    margin: 18px 0 16px;
  }
  .footer-band__links{
    gap: 10px;
    justify-content: center;
  }
  .footer-link, .footer-band__links-sep, .footer-band__social-label{
    font-size: 15px;
    line-height: 1.35;
  }
  .footer-band__social{
    gap: 12px;
    align-items: center;
    padding: 0;
    border-radius: 0;
    background: transparent;
  }
  .footer-band__social-icons{
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
  }
  .footer-band__social-icons a{
    --footer-social-icon-pad: clamp(7px, 1.8vw, 10px);
    width: 42px;
    height: 42px;
  }
  .footer-band__row--meta{
    align-items: center;
    gap: 16px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .footer-band__social-label{
    width: 100%;
    text-align: center;
  }
  #footerBar{
    border-top: 0;
    box-shadow: none;
  }
  .footer-bar__inner{
    height: auto;
    min-height: 0;
    align-items: center;
    padding-block: 12px calc(12px + env(safe-area-inset-bottom, 0px));
  }
  .footer-bar__text{
    padding-inline: var(--gutter);
    font-size: clamp(12px, 3.3vw, 14px);
    line-height: 1.4;
    text-align: center;
  }
}
#backToTop{
  position: fixed;
  right: clamp(16px, 1.5vw, 28px);
  bottom: clamp(16px, 1.5vw, 28px);
  z-index: 50;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--color-brand);
  color: #fff;
  box-shadow: 0 8px 24px rgba(2,40,76,.25);
  transition: opacity .3s ease, transform .3s ease, background .2s ease;
}
#backToTop:hover{
  background: var(--color-brand-alt);
}
@media (max-width: 639px) {
  #backToTop{
    right: 16px;
    bottom: calc(70px + env(safe-area-inset-bottom));
    width: 44px;
    height: 44px;
  }
}
body[data-page^="primary-"] .content-gallery__arrow:hover:not(:disabled){
  opacity: 0.72;
}
body[data-page^="primary-"] .content-gallery__arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.content-gallery__main, body[data-page^="primary-"] .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible;
  margin: 0;
}
.content-gallery__main{
  flex: 1 1 var(--campus-carousel-main-w);
  width: min(100%, var(--campus-carousel-main-w));
  max-width: var(--campus-carousel-main-w);
  height: var(--campus-carousel-main-h);
  min-height: var(--campus-carousel-main-h);
}
body[data-page^="primary-"] .content-gallery__main, .content-gallery__main{
  width: min(100%, 892px);
  max-width: 892px;
  aspect-ratio: 892 / 605;
  height: auto;
}
body[data-page^="primary-"] .content-gallery__main:has(.content-gallery__caption){
  aspect-ratio: auto;
  height: auto;
  overflow: visible;
}
body[data-page^="primary-"] .content-gallery__main:has(.content-gallery__caption) > img{
  height: auto;
  flex: none;
}
.content-gallery__main:has(.content-gallery__caption){
  aspect-ratio: auto;
  height: auto;
  overflow: visible;
}
.content-gallery__main:has(.content-gallery__caption) > img{
  height: auto;
  flex: none;
}
.content-gallery__main:has(.content-gallery__caption){
  height: var(--adncs-gallery-main-h);
  min-height: var(--adncs-gallery-main-h);
  max-height: var(--adncs-gallery-main-h);
}
.content-gallery__main:has(.content-gallery__caption) > img{
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.content-gallery__main{
  flex: none;
}
.content-gallery__main{
  flex: 1 1 var(--al-carousel-main-w);
  width: min(100%, var(--al-carousel-main-w));
  max-width: var(--al-carousel-main-w);
  height: var(--al-carousel-main-h);
  min-height: var(--al-carousel-main-h);
}
.content-gallery__main{
  flex: 1 1 var(--ge-carousel-main-w);
  width: min(100%, var(--ge-carousel-main-w));
  max-width: var(--ge-carousel-main-w);
  height: var(--ge-carousel-main-h);
  min-height: var(--ge-carousel-main-h);
}
.content-gallery__main{
  flex: 1 1 var(--pbl-carousel-main-w);
  width: min(100%, var(--pbl-carousel-main-w));
  max-width: var(--pbl-carousel-main-w);
  height: var(--pbl-carousel-main-h);
  min-height: var(--pbl-carousel-main-h);
}
.content-gallery__main{
  flex: 1 1 var(--msp-carousel-main-w);
  width: min(100%, var(--msp-carousel-main-w));
  max-width: var(--msp-carousel-main-w);
  height: var(--msp-carousel-main-h);
  min-height: var(--msp-carousel-main-h);
}
.content-gallery__main{
  flex: 1 1 var(--gifted-carousel-main-w);
  width: min(100%, var(--gifted-carousel-main-w));
  max-width: var(--gifted-carousel-main-w);
  height: var(--gifted-carousel-main-h);
  min-height: var(--gifted-carousel-main-h);
}
.content-gallery__main{
  flex: 1 1 var(--ai-edu-carousel-main-w);
  width: min(100%, var(--ai-edu-carousel-main-w));
  max-width: var(--ai-edu-carousel-main-w);
  height: var(--ai-edu-carousel-main-h);
  min-height: var(--ai-edu-carousel-main-h);
}
.content-gallery__main{
  flex: 1 1 var(--adncs-gallery-main-w);
  width: min(100%, var(--adncs-gallery-main-w));
  max-width: var(--adncs-gallery-main-w);
  height: var(--adncs-gallery-main-h);
  min-height: var(--adncs-gallery-main-h);
}
.content-gallery__main{
  flex: 1 1 var(--news-detail-gallery-main-w);
  width: min(100%, var(--news-detail-gallery-main-w));
  max-width: var(--news-detail-gallery-main-w);
  height: var(--news-detail-gallery-main-h);
  min-height: var(--news-detail-gallery-main-h);
}
:is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main{
  flex: 0 0 auto;
  width: min(100%, var(--life-gallery-main-w));
  max-width: var(--life-gallery-main-w);
  height: var(--life-gallery-main-h);
  min-height: var(--life-gallery-main-h);
}
.content-gallery__main > img, body[data-page^="primary-"] .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img{
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  background: none;
  border-radius: var(--gallery-main-radius);
}
.content-gallery__main > .content-gallery__caption, .content-gallery__main > .content-gallery__caption, .content-gallery__main > .content-gallery__caption, .content-gallery__main > .content-gallery__caption, .content-gallery__main > .content-gallery__caption, .content-gallery__main > .content-gallery__caption, .content-gallery__main > .content-gallery__caption, body[data-page^="primary-"] .content-gallery__main > .content-gallery__caption, .content-gallery__main > .content-gallery__caption, .content-gallery__main > .content-gallery__caption{
  width: 100%;
  flex: none;
  margin-top: clamp(10px, 0.938vw, 14px);
}
@media (max-width: 1023px) {
  .content-gallery, body[data-page^="primary-"] .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery{
    align-items: center;
  }
  .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, .content-gallery, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery{
    flex-direction: column;
    width: 100%;
    min-height: 0;
  }
  body[data-page^="primary-"] .content-gallery-shell{
    width: 100%;
    min-height: 0;
  }
  body[data-page^="primary-"] .content-gallery{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: clamp(12px, 3vw, 20px);
  }
  .content-gallery__main, body[data-page^="primary-"] .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main, .content-gallery__main, .content-gallery__main, .content-gallery__main{
    flex: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
  }
  body[data-page^="primary-"] .content-gallery__main, .content-gallery__main{
    aspect-ratio: 892 / 605;
  }
  body[data-page^="primary-"] .content-gallery__main:has(.content-gallery__caption){
    aspect-ratio: auto;
    height: auto;
    overflow: visible;
  }
  .content-gallery__main:has(.content-gallery__caption){
    aspect-ratio: auto;
    height: auto;
    overflow: visible;
  }
  .content-gallery__main:has(.content-gallery__caption){
    height: auto;
    min-height: 0;
    max-height: none;
  }
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main{
    max-height: none;
    aspect-ratio: auto;
    overflow: visible;
  }
  .content-gallery__main > img, body[data-page^="primary-"] .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img, .content-gallery__main > img{
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
  }
  body[data-page^="primary-"] .content-gallery__main:has(.content-gallery__caption) > img{
    height: auto;
    flex: none;
  }
  .content-gallery__main:has(.content-gallery__caption) > img{
    height: auto;
    flex: none;
  }
  .content-gallery__main:has(.content-gallery__caption) > img{
    flex: none;
    width: 100%;
    height: auto;
    max-height: var(--adncs-gallery-main-h);
    object-fit: contain;
  }
  body[data-page^="primary-"] .content-gallery__controls, body[data-page="primary-gifted-education"] .content-gallery__controls, body[data-page="primary-e-learning"] .content-gallery__controls, body[data-page="primary-music"] .content-gallery__controls, body[data-page="primary-physical-education"] .content-gallery__controls, body[data-page="primary-steam"] .content-gallery__controls, body[data-page="primary-modern-languages"] .content-gallery__controls, body[data-page="primary-visual-arts"] .content-gallery__controls, body[data-page="primary-music-ensemble"] .content-gallery__controls{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    gap: 12px;
  }
  body[data-page^="primary-"] .content-gallery__thumbs{
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    justify-content: safe center;
    gap: clamp(8px, 2vw, 12px);
    width: auto;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  body[data-page^="primary-"] .content-gallery__thumb img{
    flex: 0 0 clamp(72px, 20vw, 160px);
    width: clamp(72px, 20vw, 160px);
    max-width: none;
    height: auto;
    aspect-ratio: 284 / 177;
    object-fit: cover;
    object-position: center;
    box-sizing: border-box;
  }
  body[data-page^="primary-"] .content-gallery__arrow--prev svg, body[data-page^="primary-"] .content-gallery__arrow--next svg{
    transform: rotate(-90deg);
  }
  .content-gallery__controls, .content-gallery__controls, .content-gallery__controls, .content-gallery__controls, .content-gallery__controls, .content-gallery__controls, .content-gallery__controls, .content-gallery__controls, .content-gallery__controls, .content-gallery__controls, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__controls{
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    gap: clamp(8px, 2vw, 12px);
  }
  .content-gallery__thumbs, .content-gallery__thumbs, .content-gallery__thumbs, .content-gallery__thumbs, .content-gallery__thumbs, .content-gallery__thumbs, .content-gallery__thumbs, .content-gallery__thumbs, .content-gallery__thumbs, .content-gallery__thumbs, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumbs{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    order: 0;
    align-items: center;
    justify-content: flex-start;
    justify-content: safe center;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .content-gallery__arrow--prev, .content-gallery__arrow--prev, .content-gallery__arrow--prev, .content-gallery__arrow--prev, .content-gallery__arrow--prev, .content-gallery__arrow--prev, .content-gallery__arrow--prev, .content-gallery__arrow--prev, .content-gallery__arrow--prev, .content-gallery__arrow--prev, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow--prev, body[data-page^="primary-"] .content-gallery__arrow--prev{
    order: -1;
    flex: 0 0 auto;
  }
  .content-gallery__arrow--next, .content-gallery__arrow--next, .content-gallery__arrow--next, .content-gallery__arrow--next, .content-gallery__arrow--next, .content-gallery__arrow--next, .content-gallery__arrow--next, .content-gallery__arrow--next, .content-gallery__arrow--next, .content-gallery__arrow--next, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow--next, body[data-page^="primary-"] .content-gallery__arrow--next{
    order: 1;
    flex: 0 0 auto;
    margin-top: 0;
  }
  .content-gallery__arrow--prev,
  .content-gallery__arrow--next,
  body[data-page^="primary-"] .content-gallery__arrow--prev,
  body[data-page^="primary-"] .content-gallery__arrow--next,
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow--prev,
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow--next{
    transform: none;
  }
  /* 只转内部 icon 一次：↑↓ → 《》；禁止 button + svg 叠两次成 -180° */
  .content-gallery__arrow--prev svg,
  .content-gallery__arrow--next svg,
  body[data-page^="primary-"] .content-gallery__arrow--prev svg,
  body[data-page^="primary-"] .content-gallery__arrow--next svg,
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow--prev .bi,
  :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__arrow--next .bi,
  .content-gallery__arrow--prev .bi,
  .content-gallery__arrow--next .bi{
    transform: rotate(-90deg);
  }
}
.content-gallery__thumb, .content-gallery__thumb, .content-gallery__thumb, .content-gallery__thumb, .content-gallery__thumb, .content-gallery__thumb, .content-gallery__thumb, .content-gallery__thumb, .content-gallery__thumb, .content-gallery__thumb, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumb, body[data-page^="primary-"] .content-gallery__thumb img{
  background: var(--gallery-thumb-bg);
}
.content-gallery__thumb.is-active, .content-gallery__thumb.is-active, .content-gallery__thumb.is-active, .content-gallery__thumb.is-active, .content-gallery__thumb.is-active, .content-gallery__thumb.is-active, .content-gallery__thumb.is-active, .content-gallery__thumb.is-active, .content-gallery__thumb.is-active, .content-gallery__thumb.is-active, :is(body[data-page="life-planning"], body[data-page="ole-highlights"]) .content-gallery__thumb.is-active, body[data-page^="primary-"] .content-gallery__thumb.is-active{
  background: transparent;
}
body[data-page="sd-highlights"] .content-gallery__thumb{
  background: var(--gallery-thumb-bg);
}
body[data-page="sd-highlights"] .content-gallery__thumb.is-active{
  background: transparent;
}

/* ========== primary content-gallery isolation ==========
   pcl-gallery → content-gallery 后，Campus/Excellence/News 等裸 .content-gallery
   与空 figcaption 的 :has(.content-gallery__caption) 会撑破小学相册。
   对齐线上 pcl-gallery（壳 #f0f8ff / 主图 892×605 / 竖缩略图 284 / active #02b5dd）。 */
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery{
  margin: 0;
  margin-inline: 0;
  padding: 0;
  min-height: 0;
  width: 100%;
  max-width: none;
  background: transparent;
  border-radius: 0;
  box-sizing: border-box;
}
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main,
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main:has(.content-gallery__caption){
  min-height: 0;
  max-height: none;
}
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main > img,
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main:has(.content-gallery__caption) > img{
  flex: none;
  max-height: none;
  background: transparent;
}
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__caption:empty{
  display: none;
  margin: 0;
  padding: 0;
  height: 0;
}
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumb{
  aspect-ratio: auto;
  background: transparent;
  border: 0;
  padding: 0;
  overflow: visible;
}
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumb.is-active{
  background: transparent;
  border-color: transparent;
}
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumb img{
  background: var(--gallery-thumb-bg, #cfe2f5);
  border: 5px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
}
:is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumb.is-active img{
  border-color: var(--gallery-thumb-border);
}

@media (min-width: 1024px) {
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery-shell{
    background: var(--gallery-bg);
    border-radius: var(--gallery-shell-radius);
    width: min(100%, var(--gallery-shell-max-w));
    min-height: var(--gallery-shell-min-h);
    margin-bottom: 0;
    padding: var(--gallery-shell-pad);
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery{
    display: grid;
    grid-template-columns: minmax(0, var(--gallery-main-w)) minmax(0, var(--gallery-thumb-col-w));
    justify-content: center;
    align-items: center;
    gap: var(--gallery-gap);
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main,
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main:has(.content-gallery__caption){
    display: block;
    flex: none;
    width: min(100%, var(--gallery-main-w));
    max-width: var(--gallery-main-w);
    height: auto;
    aspect-ratio: var(--gallery-main-aspect);
    overflow: visible;
    margin: 0;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main > img,
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main:has(.content-gallery__caption) > img{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__controls{
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-self: auto;
    gap: var(--gallery-thumb-gap);
    width: var(--gallery-thumb-col-w);
    min-height: 605px;
    height: auto;
    padding: 0;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumbs{
    display: grid;
    flex: 1 1 auto;
    align-self: stretch;
    align-content: start;
    gap: var(--gallery-thumb-gap);
    width: 100%;
    min-height: 0;
    min-width: 0;
    padding: 0;
    overflow: visible;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumb{
    display: block;
    flex: none;
    width: 100%;
    max-width: var(--gallery-thumb-col-w);
    height: auto;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumb img{
    display: block;
    width: 100%;
    max-width: var(--gallery-thumb-col-w);
    height: auto;
    aspect-ratio: var(--gallery-thumb-aspect);
    object-fit: cover;
    object-position: center;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--prev,
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--next{
    order: 0;
    flex: none;
    transform: none;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--next{
    margin-top: auto;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--prev svg,
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--next svg{
    transform: none;
  }
  body[data-page="primary-gifted-education"] .content-gallery__main:has(.content-gallery__caption:not(:empty)){
    aspect-ratio: auto;
    height: auto;
  }
}

@media (max-width: 1023px) {
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery-shell{
    width: 100%;
    min-height: 0;
    padding: 20px;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: clamp(12px, 3vw, 20px);
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main,
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main:has(.content-gallery__caption){
    display: block;
    flex: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: var(--gallery-main-aspect);
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main > img,
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__main:has(.content-gallery__caption) > img{
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__controls{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    height: auto;
    gap: 12px;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumbs{
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: safe center;
    gap: clamp(8px, 2vw, 12px);
    width: auto;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumb{
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__thumb img{
    width: clamp(72px, 20vw, 160px);
    max-width: none;
    height: auto;
    aspect-ratio: var(--gallery-thumb-aspect);
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--prev,
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--next{
    order: 0;
    transform: none;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--prev{
    order: -1;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--next{
    order: 1;
    margin-top: 0;
  }
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--prev svg,
  :is(body[data-site="primary"], body[data-page^="primary-"]) .content-gallery__arrow--next svg{
    transform: rotate(-90deg);
  }
}

/* ========== mainsite content-gallery isolation ==========
   pcl/adncs/campus/excellence/*-gallery → content-gallery 后，文末裸规则互相覆盖。
   按 data-page 重申线上皮肤；描边在 thumb 按钮上（与小学 img 描边不同）。 */


/* legacy alias: older rules may still read --ms-g-* */
body[data-site="main"]{
  --ms-g-shell-w: var(--gallery-shell-w);
  --ms-g-shell-min-h: var(--gallery-shell-min-h);
  --ms-g-main-w: var(--gallery-main-w);
  --ms-g-main-h: var(--gallery-main-h);
  --ms-g-thumb-w: var(--gallery-thumb-w);
  --ms-g-thumb-h: var(--gallery-thumb-h);
  --ms-g-gap: var(--gallery-gap);
  --ms-g-pad-x: var(--gallery-pad-x);
  --ms-g-pad-y: var(--gallery-pad-y);
  --ms-g-bg: var(--gallery-bg);
  --ms-g-thumb-border: var(--gallery-thumb-border);
  --ms-g-margin-top: var(--gallery-margin-top);
  --ms-g-img-radius: var(--gallery-img-radius);
  --ms-g-img-fit: var(--gallery-img-fit);
  --ms-g-img-aspect: var(--gallery-img-aspect);
  --ms-g-img-hug: var(--gallery-img-hug);
  --ms-g-thumb-pad: var(--gallery-thumb-pad);
  --ms-g-thumb-bg: var(--gallery-thumb-fill, var(--gallery-thumb-bg));
  --ms-g-thumb-active-bg: var(--gallery-thumb-active-bg);
  --ms-g-caption-size: var(--gallery-caption-size);
}

/* page tokens */
body[data-page="admissions-ncs-support"]{
  --gallery-shell-w: var(--adncs-gallery-shell-w);
  --gallery-shell-min-h: var(--adncs-gallery-shell-min-h);
  --gallery-main-w: var(--adncs-gallery-main-w);
  --gallery-main-h: var(--adncs-gallery-main-h);
  --gallery-thumb-w: var(--adncs-gallery-thumb-w);
  --gallery-thumb-h: var(--adncs-gallery-thumb-h);
  --gallery-gap: var(--adncs-gallery-gap);
  --gallery-pad-x: var(--adncs-gallery-pad-x);
  --gallery-pad-y: var(--adncs-gallery-pad-y);
  --gallery-bg: var(--campus-carousel-bg);
  --gallery-thumb-border: var(--adncs-gallery-thumb-border);
  --gallery-margin-top: clamp(24px, 2.083vw, 40px);
  --gallery-img-radius: 10px;
  --gallery-img-fit: contain;
  --gallery-img-aspect: auto;
  --gallery-img-hug: 1;
  --gallery-thumb-pad: clamp(4px, 0.417vw, 8px);
  --gallery-thumb-active-bg: transparent;
  --gallery-caption-size: var(--adncs-caption-size);
}
body[data-page="about-campus-facilities"]{
  --gallery-shell-w: var(--campus-carousel-shell-w);
  --gallery-shell-min-h: var(--campus-carousel-shell-min-h);
  --gallery-main-w: var(--campus-carousel-main-w);
  --gallery-main-h: var(--campus-carousel-main-h);
  --gallery-thumb-w: var(--campus-carousel-thumb-w);
  --gallery-thumb-h: var(--campus-carousel-thumb-h);
  --gallery-gap: var(--campus-carousel-gap);
  --gallery-pad-x: var(--campus-carousel-pad-x);
  --gallery-pad-y: var(--campus-carousel-pad-y);
  --gallery-bg: var(--campus-carousel-bg);
  --gallery-thumb-border: var(--campus-carousel-thumb-border);
  --gallery-margin-top: 0;
  --gallery-img-radius: 10px;
  --gallery-img-fit: contain;
  --gallery-img-aspect: auto;
  --gallery-img-hug: 1;
  --gallery-thumb-pad: clamp(4px, 0.417vw, 8px);
  --gallery-thumb-active-bg: transparent;
  --gallery-caption-size: var(--campus-caption-size);
}
body[data-page="excellence-ai-in-education"]{
  --gallery-shell-w: var(--ai-edu-carousel-shell-w);
  --gallery-shell-min-h: var(--ai-edu-carousel-shell-min-h);
  --gallery-main-w: var(--ai-edu-carousel-main-w);
  --gallery-main-h: var(--ai-edu-carousel-main-h);
  --gallery-thumb-w: var(--ai-edu-carousel-thumb-w);
  --gallery-thumb-h: var(--ai-edu-carousel-thumb-h);
  --gallery-gap: var(--ai-edu-carousel-gap);
  --gallery-pad-x: var(--ai-edu-carousel-pad-x);
  --gallery-pad-y: var(--ai-edu-carousel-pad-y);
  --gallery-bg: var(--ai-edu-carousel-shell-bg);
  --gallery-thumb-border: var(--ai-edu-carousel-thumb-border);
  --gallery-margin-top: clamp(32px, 2.604vw, 50px);
  --gallery-img-radius: 10px;
  --gallery-img-fit: cover;
  --gallery-img-aspect: 1238 / 843;
  --gallery-img-hug: 0;
  --gallery-thumb-pad: 0;
  --gallery-thumb-bg: #e0edf9;
  --gallery-thumb-active-bg: #fff;
  --gallery-caption-size: clamp(20px, 1.458vw, 28px);
}
body[data-page="excellence-gifted-education"]{
  --gallery-shell-w: var(--gifted-carousel-shell-w);
  --gallery-shell-min-h: var(--gifted-carousel-shell-min-h);
  --gallery-main-w: var(--gifted-carousel-main-w);
  --gallery-main-h: var(--gifted-carousel-main-h);
  --gallery-thumb-w: var(--gifted-carousel-thumb-w);
  --gallery-thumb-h: var(--gifted-carousel-thumb-h);
  --gallery-gap: var(--gifted-carousel-gap);
  --gallery-pad-x: var(--gifted-carousel-pad-x);
  --gallery-pad-y: var(--gifted-carousel-pad-y);
  --gallery-bg: var(--gifted-carousel-shell-bg);
  --gallery-thumb-border: var(--gifted-carousel-thumb-border);
  --gallery-margin-top: clamp(32px, 2.604vw, 50px);
  --gallery-img-radius: 10px;
  --gallery-img-fit: cover;
  --gallery-img-aspect: 1238 / 843;
  --gallery-img-hug: 0;
  --gallery-thumb-pad: 0;
  --gallery-thumb-bg: #e0edf9;
  --gallery-thumb-active-bg: #fff;
  --gallery-caption-size: clamp(20px, 1.458vw, 28px);
}
body[data-page="excellence-middle-school-programmes"]{
  --gallery-shell-w: var(--msp-carousel-shell-w);
  --gallery-shell-min-h: var(--msp-carousel-shell-min-h);
  --gallery-main-w: var(--msp-carousel-main-w);
  --gallery-main-h: var(--msp-carousel-main-h);
  --gallery-thumb-w: var(--msp-carousel-thumb-w);
  --gallery-thumb-h: var(--msp-carousel-thumb-h);
  --gallery-gap: var(--msp-carousel-gap);
  --gallery-pad-x: var(--msp-carousel-pad-x);
  --gallery-pad-y: var(--msp-carousel-pad-y);
  --gallery-bg: var(--msp-carousel-shell-bg);
  --gallery-thumb-border: var(--msp-carousel-thumb-border);
  --gallery-margin-top: clamp(32px, 2.604vw, 50px);
  --gallery-img-radius: 10px;
  --gallery-img-fit: cover;
  --gallery-img-aspect: 1238 / 843;
  --gallery-img-hug: 0;
  --gallery-thumb-pad: 0;
  --gallery-thumb-bg: #e0edf9;
  --gallery-thumb-active-bg: #fff;
  --gallery-caption-size: clamp(20px, 1.458vw, 28px);
}
body[data-page="excellence-project-based-learning"]{
  --gallery-shell-w: var(--pbl-carousel-shell-w);
  --gallery-shell-min-h: var(--pbl-carousel-shell-min-h);
  --gallery-main-w: var(--pbl-carousel-main-w);
  --gallery-main-h: var(--pbl-carousel-main-h);
  --gallery-thumb-w: var(--pbl-carousel-thumb-w);
  --gallery-thumb-h: var(--pbl-carousel-thumb-h);
  --gallery-gap: var(--pbl-carousel-gap);
  --gallery-pad-x: var(--pbl-carousel-pad-x);
  --gallery-pad-y: var(--pbl-carousel-pad-y);
  --gallery-bg: #e0edf9;
  --gallery-thumb-border: var(--pbl-carousel-thumb-border);
  --gallery-margin-top: clamp(32px, 2.604vw, 50px);
  --gallery-img-radius: 10px;
  --gallery-img-fit: cover;
  --gallery-img-aspect: 1238 / 843;
  --gallery-img-hug: 0;
  --gallery-thumb-pad: 0;
  --gallery-thumb-bg: #e0edf9;
  --gallery-thumb-active-bg: #fff;
  --gallery-caption-size: clamp(20px, 1.458vw, 28px);
}
body[data-page="excellence-green-education"]{
  --gallery-shell-w: var(--ge-carousel-shell-w);
  --gallery-shell-min-h: var(--ge-carousel-shell-min-h);
  --gallery-main-w: var(--ge-carousel-main-w);
  --gallery-main-h: var(--ge-carousel-main-h);
  --gallery-thumb-w: var(--ge-carousel-thumb-w);
  --gallery-thumb-h: var(--ge-carousel-thumb-h);
  --gallery-gap: var(--ge-carousel-gap);
  --gallery-pad-x: var(--ge-carousel-pad-x);
  --gallery-pad-y: var(--ge-carousel-pad-y);
  --gallery-bg: #e0edf9;
  --gallery-thumb-border: var(--ge-carousel-thumb-border);
  --gallery-margin-top: 0;
  --gallery-img-radius: 10px;
  --gallery-img-fit: cover;
  --gallery-img-aspect: 1238 / 843;
  --gallery-img-hug: 0;
  --gallery-thumb-pad: 0;
  --gallery-thumb-bg: #e0edf9;
  --gallery-thumb-active-bg: #fff;
  --gallery-caption-size: 28px;
}
body[data-page="community-alumni"]{
  --gallery-shell-w: var(--al-carousel-shell-w);
  --gallery-shell-min-h: var(--al-carousel-shell-min-h);
  --gallery-main-w: var(--al-carousel-main-w);
  --gallery-main-h: var(--al-carousel-main-h);
  --gallery-thumb-w: var(--al-carousel-thumb-w);
  --gallery-thumb-h: var(--al-carousel-thumb-h);
  --gallery-gap: var(--al-carousel-gap);
  --gallery-pad-x: var(--al-carousel-pad-x);
  --gallery-pad-y: var(--al-carousel-pad-y);
  --gallery-bg: #e0edf9;
  --gallery-thumb-border: var(--al-carousel-thumb-border);
  --gallery-margin-top: 0;
  --gallery-img-radius: 10px;
  --gallery-img-fit: cover;
  --gallery-img-aspect: 1238 / 843;
  --gallery-img-hug: 0;
  --gallery-thumb-pad: 0;
  --gallery-thumb-bg: #e0edf9;
  --gallery-thumb-active-bg: #fff;
  --gallery-caption-size: clamp(20px, 1.458vw, 28px);
}
body[data-page="latest-news-detail"]{
  --gallery-shell-w: 100%;
  --gallery-shell-min-h: var(--news-detail-gallery-shell-min-h);
  --gallery-main-w: var(--news-detail-gallery-main-w);
  --gallery-main-h: var(--news-detail-gallery-main-h);
  --gallery-thumb-w: var(--news-detail-gallery-thumb-w);
  --gallery-thumb-h: var(--news-detail-gallery-thumb-h);
  --gallery-gap: var(--news-detail-gallery-gap);
  --gallery-pad-x: var(--news-detail-gallery-pad-x);
  --gallery-pad-y: var(--news-detail-gallery-pad-y);
  --gallery-bg: #e0edf9;
  --gallery-thumb-border: var(--news-detail-gallery-thumb-border);
  --gallery-margin-top: clamp(40px, 3.125vw, 60px);
  --gallery-img-radius: 10px;
  --gallery-img-fit: cover;
  --gallery-img-aspect: 1238 / 873;
  --gallery-img-hug: 0;
  --gallery-thumb-pad: clamp(4px, 0.417vw, 8px);
  --gallery-thumb-active-bg: #fff;
  --gallery-caption-size: clamp(20px, 1.458vw, 28px);
}

:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gallery-gap);
  box-sizing: border-box;
  width: min(100%, var(--gallery-shell-w));
  min-height: var(--gallery-shell-min-h);
  height: auto;
  max-height: none;
  margin: var(--gallery-margin-top) auto 0;
  padding: var(--gallery-pad-y) var(--gallery-pad-x);
  border-radius: 10px;
  background: var(--gallery-bg);
  grid-template-columns: none;
}

:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__main,
:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__main:has(.content-gallery__caption){
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 var(--gallery-main-w);
  width: min(100%, var(--gallery-main-w));
  max-width: var(--gallery-main-w);
  height: var(--gallery-main-h);
  min-height: var(--gallery-main-h);
  max-height: var(--gallery-main-h);
  margin: 0;
  aspect-ratio: auto;
  overflow: visible;
}

:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__main > img,
:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__main:has(.content-gallery__caption) > img{
  display: block;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  max-height: 100%;
  aspect-ratio: var(--gallery-img-aspect);
  object-fit: var(--gallery-img-fit);
  object-position: center;
  border-radius: 10px;
  background: transparent;
}

/* NCS / Campus：保持原 contain 展示；盒子跟随图片比例；只加 10px 圆角 */
:is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery__main,
:is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery__main:has(.content-gallery__caption){
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
}
:is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery__main > img,
:is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery__main:has(.content-gallery__caption) > img{
  flex: 0 0 auto;
  align-self: center;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: var(--gallery-main-h);
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  border-radius: 10px;
  background: transparent;
}

:is(
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__main:not(:has(.content-gallery__caption)) > img,
:is(
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__main:not(:has(.content-gallery__caption:not(:empty))) > img{
  flex: none;
  height: var(--gallery-main-h);
  max-height: none;
}

:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__caption{
  width: 100%;
  flex: none;
  margin: clamp(10px, 0.938vw, 14px) 0 0;
  color: #131313;
  font: normal normal 400 var(--gallery-caption-size) / 1.29 var(--font-sans);
  text-align: center;
  text-transform: capitalize;
}

:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__controls{
  display: flex;
  flex: 0 0 var(--gallery-thumb-w);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  gap: clamp(8px, 0.625vw, 12px);
  width: var(--gallery-thumb-w);
  min-height: var(--gallery-main-h);
  height: auto;
  padding: 0;
}

body[data-page="latest-news-detail"] .content-gallery__controls{
  min-height: calc(var(--gallery-main-h) + clamp(36px, 2.5vw, 48px));
  justify-content: center;
  align-self: stretch;
}

:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__thumbs{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
  width: 100%;
  min-height: 0;
  padding: clamp(8px, 0.625vw, 12px) 0;
  overflow: visible;
}

:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--gallery-thumb-w);
  height: var(--gallery-thumb-h);
  aspect-ratio: 394 / 246;
  padding: var(--gallery-thumb-pad);
  border: 5px solid transparent;
  border-radius: 4px;
  background: var(--gallery-thumb-bg);
  overflow: hidden;
  cursor: pointer;
}

:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__thumb.is-active{
  border-color: var(--gallery-thumb-border);
  background: var(--gallery-thumb-active-bg);
}

:is(
  body[data-page="admissions-ncs-support"],
  body[data-page="about-campus-facilities"],
  body[data-page="excellence-ai-in-education"],
  body[data-page="excellence-gifted-education"],
  body[data-page="excellence-middle-school-programmes"],
  body[data-page="excellence-project-based-learning"],
  body[data-page="excellence-green-education"],
  body[data-page="community-alumni"],
  body[data-page="latest-news-detail"]
) .content-gallery__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* HSP：线上是 grid，不是 flex campus 家族 */
body[data-page="excellence-home-school-partnership"] .content-gallery{
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(140px, 22vw, 320px);
  align-items: stretch;
  gap: var(--hsp-carousel-gap);
  box-sizing: border-box;
  width: 100%;
  max-width: var(--hsp-carousel-shell-w);
  min-height: 0;
  height: auto;
  margin: clamp(32px, 2.604vw, 50px) auto 0;
  padding: var(--hsp-carousel-pad-y) var(--hsp-carousel-pad-x);
  border-radius: 10px;
  background: var(--hsp-carousel-shell-bg);
}
body[data-page="excellence-home-school-partnership"] .content-gallery__main,
body[data-page="excellence-home-school-partnership"] .content-gallery__main:has(.content-gallery__caption){
  grid-column: 1;
  display: block;
  flex: none;
  width: 100%;
  max-width: none;
  min-width: 0;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  margin: 0;
}
body[data-page="excellence-home-school-partnership"] .content-gallery__main > img,
body[data-page="excellence-home-school-partnership"] .content-gallery__main:has(.content-gallery__caption) > img{
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 1238 / 843;
  object-fit: cover;
  border-radius: 10px;
  flex: none;
  background: #e5e5e5;
}
body[data-page="excellence-home-school-partnership"] .content-gallery__controls{
  grid-column: 2;
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: clamp(8px, 0.8vw, 14px);
  width: 100%;
  min-height: 0;
  height: auto;
}
body[data-page="excellence-home-school-partnership"] .content-gallery__thumb{
  border: 5px solid transparent;
  background: var(--gallery-thumb-bg, #cfe2f5);
}
body[data-page="excellence-home-school-partnership"] .content-gallery__thumb.is-active{
  border-color: var(--hsp-carousel-thumb-border);
  background: transparent;
}
body[data-page="excellence-home-school-partnership"] .content-gallery__thumb img{
  border: 0;
}

/* 小学 SD：重申浅蓝壳，压掉文末裸 main 高度 */
@media (min-width: 1024px) {
  body[data-page="sd-highlights"] .content-gallery{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(16px, 1.927vw, 37px);
    width: min(100%, 1289px);
    min-height: 715px;
    height: auto;
    margin: 0 auto;
    padding: 40px 38px 25px;
    border-radius: 10px;
    background: #f0f8ff;
    grid-template-columns: none;
  }
  body[data-page="sd-highlights"] .content-gallery__main,
  body[data-page="sd-highlights"] .content-gallery__main:has(.content-gallery__caption){
    display: block;
    flex: 0 1 892px;
    width: min(100%, 892px);
    max-width: 892px;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    margin: 0;
  }
  body[data-page="sd-highlights"] .content-gallery__main > img,
  body[data-page="sd-highlights"] .content-gallery__main:has(.content-gallery__caption) > img{
    width: 100%;
    max-width: 892px;
    height: auto;
    max-height: none;
    aspect-ratio: 892 / 605;
    object-fit: cover;
    border-radius: 10px;
    flex: none;
    background: transparent;
  }
  body[data-page="sd-highlights"] .content-gallery__controls{
    flex: 0 0 clamp(160px, 14.79vw, 284px);
    width: clamp(160px, 14.79vw, 284px);
    min-height: 0;
    height: auto;
    aspect-ratio: 284 / 605;
    max-height: 605px;
  }
  body[data-page="sd-highlights"] .content-gallery__thumb{
    border: 5px solid transparent;
    background: #cfe2f5;
  }
  body[data-page="sd-highlights"] .content-gallery__thumb.is-active{
    border-color: #02b5dd;
    background: transparent;
  }
  body[data-page="sd-highlights"] .content-gallery__thumb img{
    border: 0;
  }
}

@media (min-width: 1024px) {
  body[data-page="about-campus-facilities"] .campus-carousel--facilities{
    margin-top: clamp(28px, 2.604vw, 50px);
  }
  /* NCS / Campus：盒子跟随图片；完整显示；仅 10px 圆角 */
  :is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery{
    align-items: center;
  }
  :is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery__main,
  :is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery__main:has(.content-gallery__caption){
    height: auto;
    min-height: 0;
    max-height: none;
  }
  :is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery__main > img,
  :is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery__main:has(.content-gallery__caption) > img{
    flex: 0 0 auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: var(--gallery-main-h);
    aspect-ratio: auto;
    object-fit: contain;
    border-radius: 10px;
  }
  :is(body[data-page="admissions-ncs-support"], body[data-page="about-campus-facilities"]) .content-gallery__controls{
    align-self: center;
    min-height: 0;
    height: auto;
  }
  :is(
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"]
  ) .content-gallery__main,
  :is(
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"]
  ) .content-gallery__main:not(:has(.content-gallery__caption:not(:empty))){
    height: auto;
    min-height: 0;
    max-height: none;
  }
  :is(
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"]
  ) .content-gallery__main:not(:has(.content-gallery__caption:not(:empty))) > img{
    height: var(--gallery-main-h);
    flex: none;
  }
}

@media (max-width: 1023px) {
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 0;
    grid-template-columns: none;
    gap: clamp(12px, 3vw, 20px);
  }
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__main,
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__main:has(.content-gallery__caption){
    flex: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
  }
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__main > img,
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__main:has(.content-gallery__caption) > img{
    width: 100%;
    height: auto;
    max-height: none;
    flex: none;
  }
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__controls{
    display: flex;
    flex: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    height: auto;
    gap: clamp(8px, 2vw, 12px);
  }
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__thumbs{
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    overflow-x: auto;
    min-width: 0;
  }
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__arrow--prev{
    order: -1;
  }
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__arrow--next{
    order: 1;
    margin-top: 0;
  }
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__arrow--prev svg,
  :is(
    body[data-page="admissions-ncs-support"],
    body[data-page="about-campus-facilities"],
    body[data-page="excellence-ai-in-education"],
    body[data-page="excellence-gifted-education"],
    body[data-page="excellence-middle-school-programmes"],
    body[data-page="excellence-project-based-learning"],
    body[data-page="excellence-green-education"],
    body[data-page="community-alumni"],
    body[data-page="latest-news-detail"],
    body[data-page="excellence-home-school-partnership"]
  ) .content-gallery__arrow--next svg{
    transform: rotate(-90deg);
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop{
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
    }
  }
}

/* primary-reading-education gallery: 源图 4:3，对齐小学 892×605；覆盖末尾泄漏的 > img contain 规则 */
body[data-page="primary-reading-education"] .content-gallery__main{
  aspect-ratio: 892 / 605;
  width: min(100%, 892px);
  max-width: 892px;
  height: auto;
  min-height: 0;
  max-height: none;
}
body[data-page="primary-reading-education"] .content-gallery__main > img{
  aspect-ratio: 892 / 605;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  flex: none;
}

/* ===== Plans & Reports ===== */
body[data-page="plans-reports"]{
  background: var(--plans-header-bg);
  color: #fff;
}
body[data-page="plans-reports"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--plans-header-bg);
  box-shadow: none;
}
body[data-page="plans-reports"] main{
  padding-top: 0;
}
body[data-page="plans-reports"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page="plans-reports"] .header-logo-text{
  color: #fff;
}
body[data-page="plans-reports"] .nav-bar{
  background: #fff;
}
body[data-page="plans-reports"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page="plans-reports"] .lang-pill, body[data-page="plans-reports"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page="plans-reports"] .division-tab, body[data-page="plans-reports"] .lang-pill{
  color: #fff;
}
body[data-page="plans-reports"] .division-panel, body[data-page="plans-reports"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page="plans-reports"] .division-panel a, body[data-page="plans-reports"] .header-menu-panel a{
  color: #fff;
}
body[data-page="plans-reports"] #siteHeader.is-scrolled, body[data-page="plans-reports"] #siteHeader:hover{
  background: var(--plans-header-bg);
}
body[data-page="plans-reports"] footer, body[data-page="plans-reports"] #footerMain, body[data-page="plans-reports"] .footer-band, body[data-page="plans-reports"] #footerBar, body[data-page="plans-reports"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page="plans-reports"] .page-hero{
  background: var(--plans-header-bg);
  color: #fff;
}
body[data-page="plans-reports"] .page-hero__inner{
  padding-top: clamp(28px, 2.083vw, 40px);
  padding-bottom: clamp(48px, 3.646vw, 70px);
}
body[data-page="plans-reports"] .page-hero__title{
  margin: 0;
  color: var(--plans-title);
  font-size: clamp(42px, 3.021vw, 58px);
  font-weight: 300;
  line-height: 1.08;
}

/* 正文区：与 Alumni section 同底（#f2f0f0 + 水印） */
.plans-band{
  position: relative;
  overflow: hidden;
  background: var(--plans-band-bg) 0% 0% no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
  color: var(--plans-accent);
}
.plans-band .band-watermark{
  top: clamp(24px, 3.125vw, 60px);
  left: auto;
  right: clamp(-60px, -2vw, 20px);
  transform: none;
  width: clamp(280px, 40vw, 720px);
  height: auto;
  opacity: 0.55;
  pointer-events: none;
}
.plans-band .band-watermark img{
  width: 100%;
  height: auto;
  object-fit: contain;
}
.plans-band__inner{
  position: relative;
  z-index: 1;
  padding-top: clamp(40px, 3.385vw, 65px);
  padding-bottom: calc(var(--radius-section, 40px) + clamp(56px, 5.729vw, 110px));
}

/* XD 切部按钮：直角小胶囊（非 pill） */
.plans-tabs{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: clamp(36px, 3.125vw, 60px);
}
.plans-tab{
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
  font-family: "DM Sans", var(--font-sans);
  font-weight: 300;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}
.plans-tab.is-active,
.plans-tab[aria-selected="true"]{
  min-width: 140px;
  width: auto;
  background: #1e3e8a 0% 0% no-repeat padding-box;
  border-color: #1e3e8a;
  color: #fff;
}
.plans-tab:not(.is-active):not([aria-selected="true"]){
  min-width: 164px;
  width: auto;
  border: 1px solid #1e3e8a;
  background: transparent;
  color: #1e3e8a;
  text-align: center;
}
.plans-tab:hover:not(.is-active):not([aria-selected="true"]){
  background: rgba(30, 62, 138, 0.06);
}

.plans-section + .plans-section,
.plans-divider + .plans-section{
  /* spacing handled by divider margins */
}
.plans-divider{
  margin: clamp(36px, 3.125vw, 60px) 0;
  border: 0;
  border-top: 1px solid var(--plans-divider);
}
.plans-section__title{
  margin: 0 0 clamp(20px, 1.667vw, 32px);
  width: 100%;
  max-width: 1230px;
  min-height: clamp(40px, 3.698vw, 71px);
  text-align: left;
  font-family: "DM Sans", var(--font-sans);
  font-weight: 500;
  font-size: clamp(28px, 2.813vw, 54px);
  line-height: clamp(36px, 3.75vw, 72px);
  letter-spacing: 0;
  color: #1e3e8a;
  opacity: 1;
}

.plans-doc-list{
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--plans-row-border);
  border-radius: 24px;
  overflow: hidden;
  background: #f0eeef 0% 0% no-repeat padding-box;
}
.plans-doc-list > li{
  border-bottom: 1px solid var(--plans-row-border);
  background: #f0eeef 0% 0% no-repeat padding-box;
}
.plans-doc-list > li:nth-child(even){
  background: #e6e5e5 0% 0% no-repeat padding-box;
}
.plans-doc-list > li:last-child{
  border-bottom: 0;
}
.plans-doc-link{
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.833vw, 16px);
  padding: clamp(14px, 1.146vw, 22px) clamp(16px, 1.563vw, 30px);
  color: #353f4c;
  opacity: 1;
  text-decoration: none;
  font-family: "DM Sans", var(--font-sans);
  font-style: normal;
  font-weight: 500;
  font-size: clamp(16px, 1.146vw, 22px);
  line-height: clamp(24px, 1.667vw, 32px);
  letter-spacing: 0;
}
.plans-doc-link:hover{
  color: #353f4c;
  opacity: 0.85;
}
.plans-doc-icon{
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  display: block;
  object-fit: contain;
}

@media (max-width: 767px) {
  body[data-page="plans-reports"] .page-hero__inner{
    padding-bottom: clamp(36px, 8vw, 56px);
  }
  .plans-band .band-watermark{
    width: clamp(180px, 55vw, 280px);
    opacity: 0.35;
  }
  .plans-tab.is-active,
  .plans-tab[aria-selected="true"],
  .plans-tab:not(.is-active):not([aria-selected="true"]){
    min-width: 0;
    width: auto;
    padding: 0 14px;
  }
}

/* ===== Jobs & Tenders ===== */
body[data-page^="jobs-tenders"]{
  background: var(--jt-header-bg);
  color: #fff;
}
body[data-page^="jobs-tenders"] #siteHeader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--jt-header-bg);
  box-shadow: none;
}
body[data-page^="jobs-tenders"] main{
  padding-top: 0;
}
body[data-page^="jobs-tenders"] #siteHeader .site-container{
  padding-top: clamp(18px, 1.563vw, 30px);
  padding-bottom: clamp(18px, 1.458vw, 28px);
}
body[data-page^="jobs-tenders"] .header-logo-text{
  color: #fff;
}
body[data-page^="jobs-tenders"] .nav-bar{
  background: #fff;
}
body[data-page^="jobs-tenders"] .nav-bar .header-nav-link{
  color: #1e1e1e;
}
body[data-page^="jobs-tenders"] .lang-pill, body[data-page^="jobs-tenders"] .division-tabs{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
body[data-page^="jobs-tenders"] .division-tab, body[data-page^="jobs-tenders"] .lang-pill{
  color: #fff;
}
body[data-page^="jobs-tenders"] .division-panel, body[data-page^="jobs-tenders"] .header-menu-panel{
  background: var(--color-brand);
}
body[data-page^="jobs-tenders"] .division-panel a, body[data-page^="jobs-tenders"] .header-menu-panel a{
  color: #fff;
}
body[data-page^="jobs-tenders"] #siteHeader.is-scrolled, body[data-page^="jobs-tenders"] #siteHeader:hover{
  background: var(--jt-header-bg);
}
body[data-page^="jobs-tenders"] footer, body[data-page^="jobs-tenders"] #footerMain, body[data-page^="jobs-tenders"] .footer-band, body[data-page^="jobs-tenders"] #footerBar, body[data-page^="jobs-tenders"] .footer-bar__inner{
  background: rgb(9, 51, 86);
}
body[data-page^="jobs-tenders"] .page-hero{
  background: var(--jt-header-bg);
  color: #fff;
}
body[data-page^="jobs-tenders"] .page-hero__inner{
  padding-top: clamp(28px, 2.083vw, 40px);
  padding-bottom: clamp(48px, 3.646vw, 70px);
}
body[data-page^="jobs-tenders"] .page-hero__title{
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 3.021vw, 58px);
  font-weight: 300;
  line-height: 1.08;
}

.jt-shell{
  background: var(--jt-shell-bg) 0% 0% no-repeat padding-box;
  border-top-left-radius: clamp(24px, 2.083vw, 40px);
  border-top-right-radius: clamp(24px, 2.083vw, 40px);
  color: var(--jt-body);
}
.jt-shell__inner{
  display: grid;
  grid-template-columns: clamp(300px, 21.25vw, 408px) minmax(0, 1fr);
  gap: clamp(36px, 3.333vw, 64px);
  align-items: start;
  padding-top: clamp(32px, 2.604vw, 50px);
  padding-bottom: clamp(72px, 6.25vw, 120px);
}

/* 侧栏：宽度/圆角对齐课程菜单，颜色按 XD */
.jt-sidebar{
  width: 100%;
  max-width: clamp(300px, 21.25vw, 408px);
  overflow: hidden;
  border-radius: 0 clamp(24px, 2.083vw, 40px) 0 0;
  background: #e6e5e5 0% 0% no-repeat padding-box;
  box-shadow: 0 8px 24px rgba(2, 40, 76, 0.08);
}
.jt-sidebar__title{
  box-sizing: border-box;
  width: 100%;
  min-height: clamp(64px, 4.01vw, 77px);
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 clamp(24px, 1.667vw, 32px);
  background: #02284c 0% 0% no-repeat padding-box;
  border-radius: 0 clamp(24px, 2.083vw, 40px) 0 0;
  font-family: "DM Sans", var(--font-sans);
  font-weight: 600;
  font-size: clamp(18px, 1.25vw, 24px);
  line-height: clamp(24px, 1.615vw, 31px);
  letter-spacing: -0.72px;
  color: #fff;
  text-transform: capitalize;
  opacity: 1;
}
.jt-sidebar__nav{
  padding: 0 0 clamp(14px, 2.042vw, 28px);
}
.jt-sidebar__parent,
.jt-sidebar__nav > a,
.jt-sidebar__sub a{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: clamp(14px, 1.042vw, 18px) clamp(18px, 1.25vw, 24px);
  border: 0;
  border-bottom: 1px solid rgba(2, 40, 76, 0.12);
  background: transparent;
  font-family: "DM Sans", var(--font-sans);
  font-weight: 600;
  font-size: clamp(15px, 0.9375vw, 18px);
  line-height: clamp(20px, 1.25vw, 24px);
  letter-spacing: -0.54px;
  color: #02284c;
  text-align: left;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  opacity: 1;
}
.jt-sidebar__sub a{
  padding-left: clamp(36px, 2.5vw, 48px);
}
.jt-sidebar__sub a.is-active,
.jt-sidebar__nav > a.is-active{
  color: #1e3e8a;
}
.jt-sidebar__parent:hover,
.jt-sidebar__nav > a:hover,
.jt-sidebar__sub a:hover{
  color: #1e3e8a;
}
.jt-sidebar__caret{
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid currentColor;
  transition: transform 160ms ease;
}
.jt-sidebar__group:not(.is-open) .jt-sidebar__caret{
  transform: rotate(-90deg);
}
.jt-sidebar__sub[hidden]{
  display: none;
}

.jt-article__header{
  margin: 0 0 clamp(20px, 1.667vw, 28px);
  padding-bottom: clamp(14px, 1.042vw, 20px);
  border-bottom: 1px solid rgba(2, 40, 76, 0.16);
}
.jt-article__title{
  margin: 0;
  font-family: "DM Sans", var(--font-sans);
  font-weight: 400;
  font-size: clamp(28px, 2.083vw, 40px);
  line-height: clamp(36px, 2.708vw, 52px);
  letter-spacing: 0;
  color: #02284c;
  opacity: 1;
}
.jt-subtitle{
  margin: clamp(28px, 2.083vw, 40px) 0 clamp(12px, 0.833vw, 16px);
  font-family: "DM Sans", var(--font-sans);
  font-weight: 700;
  font-size: clamp(22px, 1.458vw, 28px);
  line-height: 28px;
  letter-spacing: 0;
  color: #002046;
  opacity: 1;
}
.jt-copy,
.jt-ol{
  margin: 0 0 clamp(16px, 1.25vw, 24px);
  font-family: "DM Sans", var(--font-sans);
  font-weight: 300;
  font-size: clamp(16px, 1.146vw, 22px);
  line-height: clamp(24px, 1.667vw, 32px);
  letter-spacing: 0;
  color: #353f4c;
  opacity: 1;
}
.jt-notes-lead{
  margin: 0 0 clamp(20px, 1.458vw, 28px);
  padding: 0;
  text-align: left;
}
/* 全局 reset 会吃掉 ol 序号；这里用 counter，序号与标题同一左缘 */
.jt-ol{
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: jt-ol;
  text-align: left;
}
.jt-ol > li{
  position: relative;
  margin: 0;
  padding: 0 0 0 1.35em;
  counter-increment: jt-ol;
  text-align: left;
}
.jt-ol > li + li{
  margin-top: clamp(14px, 1.042vw, 20px);
}
.jt-ol > li::before{
  content: counter(jt-ol) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.2em;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-align: left;
}
.jt-copy a{
  color: #1e3e8a;
  text-decoration: underline;
}
.jt-job-list{
  margin: 0 0 clamp(8px, 0.833vw, 16px);
  padding: 0;
  list-style: none;
}
.jt-job-list li{
  position: relative;
  margin: 0 0 10px;
  padding-left: 1.15em;
  color: #353f4c;
  font-family: "DM Sans", var(--font-sans);
  font-weight: 300;
  font-size: clamp(16px, 1.146vw, 22px);
  line-height: clamp(24px, 1.667vw, 32px);
}
.jt-job-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #353f4c;
}
.jt-job-list a{
  color: #353f4c;
  text-decoration: underline;
  font: normal normal 300 clamp(16px, 1.146vw, 22px)/clamp(24px, 1.667vw, 32px) "DM Sans", var(--font-sans);
  letter-spacing: 0;
  opacity: 1;
}
.jt-job-list a:hover{
  color: #353f4c;
  text-decoration: underline;
}
/* Tender Notices：文档列表表格，样式对齐 Plans & Reports，宽 1287 */
body[data-page^="jobs-tenders"] .jt-doc-list{
  width: 100%;
  max-width: 1287px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
  background: #f0eeef 0% 0% no-repeat padding-box;
}
body[data-page^="jobs-tenders"] .jt-doc-list > li{
  border-bottom: 1px solid #ccc;
  background: #f0eeef 0% 0% no-repeat padding-box;
}
body[data-page^="jobs-tenders"] .jt-doc-list > li:nth-child(even){
  background: #e6e5e5 0% 0% no-repeat padding-box;
}
body[data-page^="jobs-tenders"] .jt-doc-list > li:first-child{
  border-radius: 10px 10px 0 0;
}
body[data-page^="jobs-tenders"] .jt-doc-list > li:last-child{
  border-bottom: 0;
  border-radius: 0 0 10px 10px;
}
body[data-page^="jobs-tenders"] .jt-doc-link{
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.833vw, 16px);
  box-sizing: border-box;
  min-height: 68px;
  padding: clamp(14px, 1.042vw, 18px) clamp(16px, 1.563vw, 30px);
  color: #02284c;
  text-decoration: none;
  font-family: "DM Sans", var(--font-sans);
  font-style: normal;
  font-weight: 500;
  font-size: clamp(16px, 1.146vw, 22px);
  line-height: 32px;
  letter-spacing: 0;
  opacity: 1;
}
body[data-page^="jobs-tenders"] .jt-doc-link:hover{
  color: #02284c;
  opacity: 0.85;
}
body[data-page^="jobs-tenders"] .jt-doc-icon{
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  display: block;
  object-fit: contain;
}

/* Application Forms：双列表格，对齐 XD 图二 */
body[data-page^="jobs-tenders"] .jt-form-table{
  width: 100%;
  max-width: 1178px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
  opacity: 1;
}
body[data-page^="jobs-tenders"] .jt-form-table tr{
  height: 68px;
}
body[data-page^="jobs-tenders"] .jt-form-table tr:nth-child(odd){
  background: #e6e5e5 0% 0% no-repeat padding-box;
}
body[data-page^="jobs-tenders"] .jt-form-table tr:nth-child(even){
  background: #f0eeef 0% 0% no-repeat padding-box;
}
body[data-page^="jobs-tenders"] .jt-form-table tr:first-child .jt-form-table__label{
  border-top-left-radius: 10px;
}
body[data-page^="jobs-tenders"] .jt-form-table tr:first-child .jt-form-table__action{
  border-top-right-radius: 10px;
}
body[data-page^="jobs-tenders"] .jt-form-table tr:last-child .jt-form-table__label{
  border-bottom-left-radius: 10px;
}
body[data-page^="jobs-tenders"] .jt-form-table tr:last-child .jt-form-table__action{
  border-bottom-right-radius: 10px;
}
body[data-page^="jobs-tenders"] .jt-form-table tr:not(:last-child) .jt-form-table__label,
body[data-page^="jobs-tenders"] .jt-form-table tr:not(:last-child) .jt-form-table__action{
  border-bottom: 1px solid #ccc;
}
body[data-page^="jobs-tenders"] .jt-form-table__label,
body[data-page^="jobs-tenders"] .jt-form-table__action{
  box-sizing: border-box;
  height: 68px;
  padding: 0 clamp(20px, 1.667vw, 32px);
  vertical-align: middle;
  text-align: left;
}
body[data-page^="jobs-tenders"] .jt-form-table__label{
  width: 30%;
  border-right: 1px solid #ccc;
  font-family: "DM Sans", var(--font-sans);
  font-style: normal;
  font-weight: 700;
  font-size: clamp(16px, 1.146vw, 22px);
  line-height: 32px;
  letter-spacing: 0;
  color: #353f4c;
  opacity: 1;
}
body[data-page^="jobs-tenders"] .jt-form-table__action{
  width: 62%;
}
body[data-page^="jobs-tenders"] .jt-form-table__download{
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 10px;
  font-family: "DM Sans", var(--font-sans);
  font-style: normal;
  font-weight: 500;
  font-size: clamp(16px, 1.146vw, 22px);
  line-height: 32px;
  letter-spacing: 0;
  color: #02284c !important;
  text-decoration: none !important;
  opacity: 1;
  white-space: nowrap;
}
body[data-page^="jobs-tenders"] .jt-form-table__download:hover{
  color: #02284c !important;
  text-decoration: none !important;
  opacity: 0.85;
}
body[data-page^="jobs-tenders"] .jt-form-table__icon{
  flex: 0 0 21px;
  width: 21px !important;
  height: 21px !important;
  max-width: 21px;
  display: block;
  object-fit: contain;
}

/* —— 响应式：设计稿 1920；<1920 用 clamp 下探；≥1921(2K) 按 vw 等比放大 —— */
@media (max-width: 1399px) {
  .jt-shell__inner{
    grid-template-columns: clamp(260px, 24vw, 360px) minmax(0, 1fr);
    gap: clamp(24px, 2.5vw, 40px);
  }
  .jt-sidebar{
    max-width: none;
  }
  body[data-page^="jobs-tenders"] .jt-doc-list,
  body[data-page^="jobs-tenders"] .jt-form-table{
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .jt-shell__inner{
    grid-template-columns: minmax(0, 1fr);
  }
  .jt-sidebar{
    max-width: none;
  }
  body[data-page^="jobs-tenders"] .jt-doc-list,
  body[data-page^="jobs-tenders"] .jt-form-table{
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  /* 两列表格：保持横排，缩小字号/行高，禁止拆成上下卡片 */
  body[data-page^="jobs-tenders"] .jt-form-table{
    table-layout: fixed;
  }
  body[data-page^="jobs-tenders"] .jt-form-table tr{
    height: auto;
  }
  body[data-page^="jobs-tenders"] .jt-form-table__label,
  body[data-page^="jobs-tenders"] .jt-form-table__action{
    height: auto;
    min-height: 48px;
    padding: 10px 12px;
    vertical-align: middle;
  }
  body[data-page^="jobs-tenders"] .jt-form-table__label{
    width: 58%;
    border-right: 1px solid #ccc;
    font-size: 13px;
    line-height: 1.35;
    white-space: nowrap;
  }
  body[data-page^="jobs-tenders"] .jt-form-table__action{
    width: 42%;
  }
  body[data-page^="jobs-tenders"] .jt-form-table__download{
    gap: 6px;
    font-size: 13px;
    line-height: 1.35;
  }
  body[data-page^="jobs-tenders"] .jt-form-table__icon{
    flex-basis: 16px;
    width: 16px !important;
    height: 16px !important;
    max-width: 16px;
  }
  body[data-page^="jobs-tenders"] .jt-doc-link{
    height: auto;
    min-height: 56px;
  }
  .jt-sidebar__title{
    min-height: 64px;
    font-size: 20px;
    line-height: 1.3;
  }
  .jt-sidebar__parent,
  .jt-sidebar__nav > a,
  .jt-sidebar__sub a{
    font-size: 16px;
    line-height: 22px;
  }
}

/* 2K：容器随视口放大，尺寸按 1920 设计稿 /19.2 → vw（2560 约 ×1.333） */
@media (min-width: 1921px) {
  body[data-page^="jobs-tenders"] .site-container{
    max-width: min(100%, 2560px);
  }
  body[data-page^="jobs-tenders"] .page-hero__title{
    font-size: 3.021vw;
  }
  body[data-page^="jobs-tenders"] .page-hero__inner{
    padding-top: 2.083vw;
    padding-bottom: 3.646vw;
  }
  .jt-shell{
    border-top-left-radius: 2.083vw;
    border-top-right-radius: 2.083vw;
  }
  .jt-shell__inner{
    grid-template-columns: 21.25vw minmax(0, 1fr);
    gap: 3.333vw;
    padding-top: 2.604vw;
    padding-bottom: 6.25vw;
  }
  .jt-sidebar{
    max-width: 21.25vw;
    border-radius: 0 2.083vw 0 0;
  }
  .jt-sidebar__title{
    min-height: 4.01vw;
    padding: 0 1.667vw;
    border-radius: 0 2.083vw 0 0;
    font-size: 1.25vw;
    line-height: 1.615vw;
    letter-spacing: -0.0375vw;
  }
  .jt-sidebar__nav{
    padding-bottom: 1.458vw;
  }
  .jt-sidebar__parent,
  .jt-sidebar__nav > a,
  .jt-sidebar__sub a{
    padding: 0.938vw 1.25vw;
    font-size: 0.938vw;
    line-height: 1.25vw;
    letter-spacing: -0.028vw;
  }
  .jt-sidebar__sub a{
    padding-left: 2.5vw;
  }
  .jt-article__header{
    margin-bottom: 1.458vw;
    padding-bottom: 1.042vw;
  }
  .jt-article__title{
    font-size: 2.083vw;
    line-height: 2.708vw;
  }
  .jt-subtitle{
    margin: 2.083vw 0 0.833vw;
    font-size: 1.458vw;
    line-height: 1.458vw;
  }
  .jt-copy,
  .jt-ol,
  .jt-job-list li,
  .jt-job-list a{
    font-size: 1.146vw;
    line-height: 1.667vw;
  }
  .jt-copy,
  .jt-ol{
    margin-bottom: 1.25vw;
  }
  .jt-notes-lead{
    margin-bottom: 1.458vw;
  }
  .jt-ol > li + li{
    margin-top: 1.042vw;
  }
  body[data-page^="jobs-tenders"] .jt-doc-list{
    max-width: 67.031vw; /* 1287 / 1920 */
    border-radius: 0.521vw;
  }
  body[data-page^="jobs-tenders"] .jt-doc-list > li:first-child{
    border-radius: 0.521vw 0.521vw 0 0;
  }
  body[data-page^="jobs-tenders"] .jt-doc-list > li:last-child{
    border-radius: 0 0 0.521vw 0.521vw;
  }
  body[data-page^="jobs-tenders"] .jt-doc-link{
    min-height: 3.542vw; /* 68 */
    padding: 0.938vw 1.563vw;
    gap: 0.833vw;
    font-size: 1.146vw;
    line-height: 1.667vw;
  }
  body[data-page^="jobs-tenders"] .jt-doc-icon{
    width: 1.146vw;
    height: 1.146vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table{
    max-width: 61.354vw; /* 1178 / 1920 */
    border-radius: 0.521vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table tr,
  body[data-page^="jobs-tenders"] .jt-form-table__label,
  body[data-page^="jobs-tenders"] .jt-form-table__action{
    height: 3.542vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table tr:first-child .jt-form-table__label{
    border-top-left-radius: 0.521vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table tr:first-child .jt-form-table__action{
    border-top-right-radius: 0.521vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table tr:last-child .jt-form-table__label{
    border-bottom-left-radius: 0.521vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table tr:last-child .jt-form-table__action{
    border-bottom-right-radius: 0.521vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table__label,
  body[data-page^="jobs-tenders"] .jt-form-table__action{
    padding: 0 1.667vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table__label,
  body[data-page^="jobs-tenders"] .jt-form-table__download{
    font-size: 1.146vw;
    line-height: 1.667vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table__download{
    gap: 0.521vw;
  }
  body[data-page^="jobs-tenders"] .jt-form-table__icon{
    flex-basis: 1.094vw;
    width: 1.094vw !important;
    height: 1.094vw !important;
    max-width: 1.094vw;
  }
}