/* Official Bright orange, yellow and white identity. Private review only. */
.bright-demo {
  --ink:#333333; --muted:#595959; --orange:#f39f1b; --yellow:#ffdf00;
  --cream:#fff9e8; --green:#f39f1b; --line:#eadfc9; --link:#925000;
  color:var(--ink); background:#fff;
  font-family:"Noto Sans TC","Microsoft JhengHei",Verdana,Arial,sans-serif;
}
.bright-demo h1,.bright-demo h2,.bright-demo h3 {font-weight:700!important;letter-spacing:0}
.bright-demo h1 {font-size:clamp(32px,3.4vw,52px)!important;line-height:1.38!important;letter-spacing:-.02em}
.bright-demo h2 {font-size:clamp(27px,2.7vw,38px)!important;line-height:1.45!important}
.bright-demo h3 {font-weight:700!important}
.bright-demo p {color:var(--muted)}
.bright-demo .bd-wrap {width:min(1240px,calc(100% - 64px))}
.bright-demo .bd-demo-bar {background:#fff6d6;border-bottom:1px solid #f0cf81;color:#57421f;letter-spacing:.02em}
.bright-demo .bd-demo-bar a {color:#814500;text-decoration:underline!important;text-underline-offset:3px}
.bright-demo .bd-header {background:#fff;border-bottom:3px solid var(--orange)}
.bright-demo .bd-nav {min-height:105px}
.bright-demo .bd-brand img {width:185px}
.bright-demo .bd-links {font-weight:600;color:#333}
.bright-demo .bd-links a:hover,.bright-demo .bd-link:hover {color:var(--link)}
.bright-demo .bd-links a::after {background:var(--orange);height:3px}
.bright-demo .bd-button {background:var(--orange);color:#2c2c2c!important;border-color:var(--orange);border-radius:7px;box-shadow:0 3px 9px #74450015;font-weight:700}
.bright-demo .bd-button:hover {background:#ffb536;color:#252525!important;border-color:#e39a25;transform:translateY(-2px)}
.bright-demo .bd-button-light {background:#fff;color:#764000!important;border-color:#e6ad50;box-shadow:none}
.bright-demo .bd-button-light:hover {background:#fff6d6;color:#764000!important}
.bright-demo .bd-hero {background:#fff8e1;border-bottom:6px solid var(--yellow);padding:55px 0 60px}
.bright-demo .bd-hero:has(.bd-art),.bright-demo .bd-hero:has(.bd-course-visual) {
  background:linear-gradient(113deg,#fff 0%,#fff 53%,#fff5c4 53%,#fff5c4 56%,#f39f1b 56%,#ffb32b 100%);
}
.bright-demo .bd-split {gap:58px;grid-template-columns:1.12fr 1fr}
.bright-demo .bd-eyebrow,.bright-demo .bd-accent {color:#9b5300}
.bright-demo .bd-eyebrow {letter-spacing:.08em}
.bright-demo .bd-intro {max-width:600px}
.bright-demo .bd-art {background:#fff;border:1px solid #f3c97e;border-radius:16px;box-shadow:0 9px 25px #7b4e0020;min-height:400px;padding:35px}
.bright-demo .bd-sticker,.bright-demo .bd-sticker.bottom {color:#604216;background:#fff;border:1px solid #f1c05d;border-radius:7px;box-shadow:0 4px 12px #75490015;transform:none;font-weight:700}
.bright-demo .bd-sticker {top:16px;left:16px}
.bright-demo .bd-sticker.bottom {bottom:16px;right:16px;left:auto;top:auto}
.bright-demo .bd-proof {background:#fff;border-bottom:1px solid var(--line)}
.bright-demo .bd-proof strong {color:#333}
.bright-demo .bd-proof-row>div {border-left-color:var(--orange)}
.bright-demo .bd-proof-row>div:nth-child(2n) {border-left-color:var(--yellow)}
.bright-demo .bd-section {padding:66px 0}
.bright-demo .bd-soft {background:#fff9e5}
.bright-demo .bd-admissions-feature {background:#ffec75;border-block:1px solid #f0ce44}
.bright-demo .bd-section-head h2 {padding-bottom:13px;position:relative}
.bright-demo .bd-section-head h2::after {content:"";position:absolute;bottom:0;left:0;width:64px;height:4px;background:var(--orange);border-radius:3px}
.bright-demo .bd-card,.bright-demo .bd-checkpoint,.bright-demo .bd-step {border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 13px #6141000b;background:#fff}
.bright-demo .bd-grid3>.bd-card,.bright-demo .bd-grid2>.bd-card {border-top:4px solid var(--orange);box-shadow:0 3px 13px #6141000b}
.bright-demo .bd-grid3>.bd-card:nth-child(3n+2),.bright-demo .bd-grid2>.bd-card:nth-child(2n),.bright-demo .bd-grid3>.bd-card:nth-child(3n) {border-top-color:#f3c51b}
.bright-demo .bd-card h3 {font-size:22px!important}
.bright-demo .bd-tag,.bright-demo .bd-mini-label {color:#77501a}
.bright-demo .bd-card-art {background:#ffdf42;border-radius:8px}
.bright-demo .bd-card-art.green {background:#fff1b1}
.bright-demo .bd-card-art.blue {background:#ffcf82}
.bright-demo .bd-symbol,.bright-demo .bd-letter {color:#69400b}
.bright-demo .bd-letter {box-shadow:0 3px 0 #edbd61;transform:none}
.bright-demo .bd-letter:nth-child(2),.bright-demo .bd-letter:nth-child(3) {transform:none}
.bright-demo .bd-link {color:#7d4500;border-bottom-color:var(--orange)}
.bright-demo .bd-pill,.bright-demo .bd-pill:nth-child(2),.bright-demo .bd-pill:nth-child(3) {border:1px solid #e5ba69;color:#694315;background:#fff;border-radius:7px}
.bright-demo .bd-pill:hover {background:#ffed9c;border-color:#dc9d30}
.bright-demo .bd-stat-block {background:#fff0a8;border:1px solid #efc96a;box-shadow:none;border-radius:14px}
.bright-demo .bd-number {background:#ffe36c;color:#664000;box-shadow:none}
.bright-demo .bd-list li::before {color:#a75b00}
.bright-demo .bd-cta {background:#f39f1b;border:0;border-radius:14px;box-shadow:none}
.bright-demo .bd-cta h2,.bright-demo .bd-cta p {color:#302b24!important;opacity:1}
.bright-demo .bd-cta .bd-button {background:#fff;color:#764000!important;border-color:#fff;box-shadow:0 3px 10px #76400016}
.bright-demo .bd-cta .bd-button:hover {background:#fff6cb;color:#764000!important}
.bright-demo .bd-footer {background:#fff;border-top:7px solid var(--yellow);padding-top:45px}
.bright-demo .bd-footer h3 {color:#77501a!important}
.bright-demo .bd-footer p,.bright-demo .bd-footer a,.bright-demo .bd-copyright {color:#555}
.bright-demo .bd-footer a:hover {color:#8a4a00;text-decoration:underline!important}
.bright-demo .bd-copyright {border-top-color:#eadfc9}
.bright-demo .bd-breadcrumb {color:#6d6252}
.bright-demo .bd-course-visual {background:#ffe56a;border:1px solid #eaba45;border-radius:15px;transform:none;box-shadow:0 7px 22px #74450018}
.bright-demo .bd-course-visual .bd-board {background:#fff;border:1px solid #efcf91;border-radius:10px}
.bright-demo .bd-board small,.bright-demo .bd-board .bd-word {color:#8a4a00}
.bright-demo .bd-facts {border:1px solid #e8c77d;box-shadow:none;border-radius:10px}
.bright-demo .bd-facts strong {color:#805000}
.bright-demo .bd-price-card {background:#fff7d7;border:1px solid #edc571;box-shadow:none;border-radius:12px}
.bright-demo .bd-editorial {background:#fff2b6;border:1px solid #eecd70;border-radius:14px}
.bright-demo .bd-book {background:#fff;border-left-color:var(--orange);color:#333;box-shadow:0 7px 19px #74450016;transform:none}
.bright-demo .bd-book b {color:#9b5300}
.bright-demo .bd-note {background:#fff6d6;border-left-color:var(--orange)}
.bright-demo .bd-note strong {color:#333}
.bright-demo .bd-chip-list span {background:#fff1c6;color:#734900}
.bright-demo .bd-step,.bright-demo .bd-step:nth-child(2),.bright-demo .bd-step:nth-child(3),.bright-demo .bd-step:nth-child(4) {border-top:4px solid var(--orange)}
.bright-demo .bd-step:nth-child(even) {border-top-color:#f3c51b}
.bright-demo .bd-strong-link {color:#925000!important}
.bright-demo details[open] summary,.bright-demo summary:hover {color:#925000}
.bright-demo .bd-topics button {border-color:#d9b576;color:#694315;background:#fff;border-radius:7px}
.bright-demo .bd-topics button:hover {background:#fff2bb}
.bright-demo .bd-topics button[aria-pressed="true"] {background:#f39f1b;color:#2c2c2c;border-color:#e7991c}
.bright-demo .bd-search input {border:1px solid #d8ba85;color:#333;border-radius:7px}
.bright-demo .bd-search [role=status],.bright-demo .bd-card time,.bright-demo .bd-meta {color:#595959}
.bright-demo .bd-feature-image {border:3px solid #f2c45e;border-radius:12px}
.bright-demo .bd-card-thumb {border-radius:8px}
.bright-demo .bd-prose h2 {border-top-color:#f3c54c}
.bright-demo .bd-prose li,.bright-demo .bd-prose figcaption {color:#555}
.bright-demo .bd-prose a {color:#925000;text-decoration:underline!important;text-underline-offset:3px}
.bright-demo .bd-prose blockquote {background:#fff5d0;border-left-color:var(--orange)}
.bright-demo .bd-table-scroll {border-color:#e6d4ad;border-radius:9px}
.bright-demo th {background:#ffdf68;color:#3b2d16}
.bright-demo td {border-color:#eadfc9;color:#555}
.bright-demo tr:nth-child(even) td {background:#fffbef}
.bright-demo .bd-sidebar {background:#fff9e4;border:1px solid #e7c474;border-top:5px solid var(--orange);border-radius:10px}
.bright-demo .bd-gallery figure,.bright-demo .bd-media-grid figure,.bright-demo .bd-inline-media figure {border-color:#eadfc9;border-radius:10px}
.bright-demo .bd-gallery figcaption,.bright-demo .bd-media-grid figcaption {color:#595959}
.bright-demo .bd-address {color:#333}
.bright-demo .bd-region-count {color:#965200}
.bright-demo .bd-review-note {background:#fff7df;border-color:#e8c77d}
.bright-demo .bd-icon-board {background:#ffdf42;border:1px solid #e9b747;border-radius:15px;box-shadow:0 5px 16px #74450014}
.bright-demo .bd-icon-board .bd-big-word {color:#4d3517}
.bright-demo .bd-icon-board p {background:#fff;color:#4d3517;border-radius:9px}
.bright-demo .bd-secondary-nav a {color:#925000;border-bottom-color:var(--orange)}
.bright-demo .bd-video-link {background:#fff6d9;border-color:#edc26e;border-radius:9px;color:#734900}
.bright-demo .bd-founder,.bright-demo .bd-founder:nth-child(even) {background:#fff;border:1px solid #edcf94;border-top:5px solid var(--orange);box-shadow:0 5px 20px #7445000c;border-radius:14px}
.bright-demo .bd-founder:nth-child(even) {border-top-color:#f3c51b}
.bright-demo .bd-founder-photo img,.bright-demo .bd-founder-teasers img {background:#fff9e8;border-radius:10px}
.bright-demo .bd-founder-label {background:#ffdf68;color:#493214;border-radius:0 0 9px 9px;font-weight:600}
.bright-demo .bd-founder-en {color:#925000!important}
.bright-demo .bd-founder-intro,.bright-demo .bd-founder-teasers article {border:1px solid #edcf94;border-radius:12px;box-shadow:none}
.bright-demo .bd-more-media {border:1px solid #e9c16b!important;border-radius:10px}
.bright-demo .bd-source {background:#fff7dd}
.bright-demo .bd-notice {background:#fff7dc;border-left-color:var(--orange)}
.bright-demo .bd-image-nav::after,.bright-demo .bd-image-link::after {background:#ffdf68;color:#423216;box-shadow:0 2px 7px #7445001a}
.bright-demo .bd-image-nav:hover::after,.bright-demo .bd-image-nav:focus-visible::after,.bright-demo .bd-image-link:focus-visible::after {background:#f39f1b;color:#2c2c2c}
.bright-demo .bd-sidebar a[aria-current="location"] {background:#ffe58a;color:#573900!important}
.bright-demo .bd-traffic-review td:nth-child(3) a {background:#f39f1b;color:#2c2c2c;border-radius:6px}
.bright-demo .bd-traffic-review th,.bright-demo .bd-traffic-review td {border-bottom-color:#eadfc9}
.bright-demo .bd-mobile-contact {border-top:2px solid var(--orange);background:#fff}
.bright-demo a:focus-visible,.bright-demo summary:focus-visible,.bright-demo button:focus-visible,.bright-demo .bd-image-nav:focus-visible,.bright-demo .bd-image-link:focus-visible,.bright-demo .bd-search input:focus-visible {outline-color:#9b5300}
.bright-demo .bd-card:focus-within,.bright-demo .bd-founder-teasers article:focus-within {border-color:#c98720;box-shadow:0 7px 18px #74450016}
.brr-motion-toggle {color:#604216;background:#fff;border-color:#dfba71;border-radius:6px}
.brr-motion-toggle:hover {background:#ffedac}
.brr-motion-toggle[aria-pressed="true"] {background:#ffe167;color:#493214;border-color:#d8ab3a}
.brr-progress {background:linear-gradient(90deg,#f39f1b,#ffdf00)}
.brr-top {background:#f39f1b;color:#2c2c2c;box-shadow:0 5px 16px #74450028}
.brr-top:hover {background:#ffdf68}
.brr-lightbox {color:#333;border-radius:14px;box-shadow:0 25px 90px #30251455;font-family:"Noto Sans TC","Microsoft JhengHei",Verdana,Arial,sans-serif}
.brr-lightbox::backdrop {background:#25211de6}
.brr-lightbox-head {border-bottom-color:#f39f1b}
.brr-lightbox button {background:#fff7df;color:#553b18;border-color:#e2c38c;border-radius:7px}
.brr-lightbox button:hover {background:#ffe791;border-color:#c99735}
.brr-lightbox button:disabled {background:#f5f3ed;border-color:#d8d3c6}
.brr-lightbox button:focus-visible,.brr-lightbox a:focus-visible {outline-color:#9b5300}
.brr-lightbox-stage {background:#fffaf0}
.brr-lightbox-status,.brr-lightbox-caption {color:#595959}
.brr-lightbox-original {color:#925000}
@media(hover:hover) and (pointer:fine) {
  .bright-demo .bd-card:hover,.bright-demo .bd-founder-teasers article:hover {transform:translateY(-3px);border-color:#d9aa52;box-shadow:0 8px 20px #74450015}
  .bright-demo .bd-button:hover {box-shadow:0 5px 12px #7445001a}
}
@media(max-width:900px) {
  .bright-demo .bd-wrap {width:calc(100% - 40px)}
  .bright-demo .bd-split {gap:30px}
  .bright-demo .bd-brand img {width:160px}
}
@media(max-width:680px) {
  .bright-demo .bd-wrap {width:calc(100% - 36px)}
  .bright-demo h1 {font-size:32px!important;line-height:1.4!important}
  .bright-demo .bd-nav {min-height:78px}
  .bright-demo .bd-brand img {width:142px}
  .bright-demo .bd-links {font-size:12px;border-top-color:#f1e4c9}
  .bright-demo .bd-hero {padding:36px 0 40px}
  .bright-demo .bd-hero:has(.bd-art),.bright-demo .bd-hero:has(.bd-course-visual) {background:linear-gradient(166deg,#fff 0%,#fff 57%,#fff4bd 57%,#fff4bd 60%,#f39f1b 60%,#ffbb3b 100%)}
  .bright-demo .bd-split {grid-template-columns:1fr;gap:30px}
  .bright-demo .bd-section {padding:44px 0}
  .bright-demo .bd-art {min-height:300px;border-radius:12px;padding:40px 20px;box-shadow:0 6px 17px #7445001a}
  .bright-demo .bd-sticker {top:10px;left:10px;font-size:12px;padding:7px 11px}
  .bright-demo .bd-sticker.bottom {bottom:10px;right:10px;font-size:12px;padding:7px 11px}
  .bright-demo .bd-founder {box-shadow:none}
  .bright-demo .bd-course-visual,.bright-demo .bd-book,.bright-demo .bd-price-card,.bright-demo .bd-stat-block {box-shadow:none}
}

/* Original official banner, scoped to the private homepage. */
.bright-demo .bd-official-banner {padding:28px 0 30px;background:linear-gradient(180deg,#fff 0%,#fff 83%,#ffdf00 83%,#ffdf00 100%)}
.bright-demo .bd-banner-wrap {width:min(1600px,calc(100% - 64px));margin-inline:auto}
.bright-demo .bd-official-banner-link {display:block;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 7px 20px #80510022;text-decoration:none!important;color:#69400b}
.bright-demo .bd-official-banner-link picture {display:block}
.bright-demo .bd-official-banner-link img {display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1920/590;object-fit:contain;border-radius:0}
.bright-demo .bd-banner-caption {display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;font-size:15px;font-weight:700;line-height:1.5;background:#fff8e1;color:#69400b}
.bright-demo .bd-official-banner-link:hover .bd-banner-caption {background:#fff0ab;text-decoration:underline;text-underline-offset:3px}
.bright-demo .bd-official-banner-link:focus-visible {outline:3px solid #925000;outline-offset:5px}
@media(max-width:640px){
  .bright-demo .bd-official-banner {padding:16px 0 22px}
  .bright-demo .bd-banner-wrap {width:calc(100% - 32px);max-width:480px}
  .bright-demo .bd-official-banner-link {border-radius:10px}
  .bright-demo .bd-official-banner-link img {aspect-ratio:768/1025}
  .bright-demo .bd-banner-caption {padding:11px 12px;font-size:15px}
}

/* Linked learning illustrations on the homepage course cards. */
.bright-demo #courses .bd-learning-image {display:block;margin-bottom:20px;overflow:hidden;border-radius:9px;background:#fff4d2;line-height:0}
.bright-demo #courses .bd-learning-image img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0;border-radius:0}
.bright-demo #courses .bd-learning-image:focus-visible {outline:3px solid #925000;outline-offset:4px}
.bright-demo #courses .bd-learning-image:hover {box-shadow:0 0 0 3px #f39f1b55}

/* Four homepage features: one complete desktop row and two mobile rows. */
.bright-demo .bd-features-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.bright-demo #centre-awards {scroll-margin-top:24px}
@media(max-width:900px){.bright-demo .bd-features-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Course redesign 1.0.26, contained within private course content. */
.bright-demo .bd-course-page .bd-hero {background:linear-gradient(112deg,#fff 0%,#fff 54%,#fff3b8 54%,#fff3b8 59%,#ffbd38 59%,#ffdb68 100%);padding:42px 0 44px}
.bright-demo .bd-course-page .bd-split {grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:46px;align-items:center}
.bright-demo .bd-course-page .bd-hero h1 {font-size:clamp(32px,3.1vw,46px)!important;line-height:1.35!important;max-width:620px;margin:15px 0 20px;overflow-wrap:break-word}
.bright-demo .bd-course-page .bd-intro {font-size:18px;line-height:1.9;margin-bottom:23px}
.bright-demo .bd-course-page .bd-breadcrumb {font-size:13px;line-height:1.8;margin-bottom:24px}
.bright-demo .bd-course-page .bd-eyebrow {line-height:1.65}
.bright-demo .bd-course-scene {margin:0;background:#fff;border:1px solid #edbf63;border-radius:20px;padding:10px;box-shadow:0 10px 24px #80500018;min-width:0}
.bright-demo .bd-course-scene-link {display:block;position:relative;overflow:hidden;border-radius:12px;background:#fff5d5;color:#6a4000;line-height:0;text-decoration:none!important}
.bright-demo .bd-course-scene-link img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;margin:0}
.bright-demo .bd-scene-link-label {position:absolute;bottom:13px;right:13px;line-height:1.5;background:#fff5cb;border:1px solid #e5aa3b;padding:8px 14px;border-radius:100px;font-size:14px;font-weight:700;color:#674000;box-shadow:0 2px 8px #6d4a0014}
.bright-demo .bd-course-scene figcaption {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 7px 5px;line-height:1.65;font-size:13px;color:#75521c}
.bright-demo .bd-course-scene figcaption>span {font-size:11px;color:#6b6253;white-space:nowrap}
.bright-demo .bd-course-page .bd-facts {margin-top:30px;background:#fff;box-shadow:0 4px 14px #8050000a;overflow:hidden}
.bright-demo .bd-course-page .bd-facts>div {border-top:3px solid #f3a01b;padding:18px 15px}
.bright-demo .bd-course-page .bd-facts>div:nth-child(even) {border-top-color:#ffdb35}
.bright-demo .bd-course-nav {background:#fffaf0;border-bottom:1px solid #edd49d;padding:18px 0}
.bright-demo .bd-course-nav>.bd-wrap {display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.bright-demo .bd-course-nav .bd-wrap>span {font-size:13px;color:#765016;font-weight:700;margin-right:5px}
.bright-demo .bd-course-nav a {display:flex;align-items:center;gap:20px;padding:9px 15px;background:#fff;border:1px solid #e5ba69;border-radius:8px;color:#714710;line-height:1.5;font-size:14px;font-weight:700;text-decoration:none!important}
.bright-demo .bd-course-nav a:hover {background:#ffedb0;border-color:#e3a434}
.bright-demo .bd-course-page section[id] {scroll-margin-top:24px}
.bright-demo .bd-stage-section {padding:25px 0;background:#fff;border-bottom:1px solid #efdfb6}
.bright-demo .bd-stage-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bright-demo .bd-stage-tile {display:grid;grid-template-columns:76px 1fr;position:relative;align-items:center;gap:12px;border:1px solid #eed19a;border-bottom:4px solid #f3aa27;background:#fffdf6;border-radius:12px;padding:12px;color:#513500;text-decoration:none!important;min-width:0}
.bright-demo .bd-stage-tile:nth-child(even) {border-bottom-color:#f1cf29}
.bright-demo .bd-stage-tile img {display:block;width:76px;height:76px;object-fit:cover;border-radius:9px;margin:0}
.bright-demo .bd-stage-tile strong {display:block;font-size:17px;line-height:1.55}
.bright-demo .bd-stage-tile small {display:block;font-size:11px;line-height:1.6;color:#755628;margin-top:3px}
.bright-demo .bd-stage-tile b {position:absolute;right:9px;top:4px;font-size:15px;color:#a46b11}
.bright-demo .bd-course-card {display:flex;flex-direction:column;min-width:0}
.bright-demo .bd-course-card-image {display:block;line-height:0;border-radius:9px;overflow:hidden;background:#fff4cd;margin-bottom:21px;text-decoration:none!important}
.bright-demo .bd-course-card-image img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;margin:0;transition:transform .25s ease}
.bright-demo .bd-course-card>.bd-link {align-self:flex-start;margin-top:auto}
.bright-demo .bd-course-page .bd-course-card h3 {font-size:21px!important;line-height:1.5!important}
.bright-demo .bd-course-card>p {font-size:16px;line-height:1.85;margin-bottom:22px}
.bright-demo .bd-course-overview #exams .bd-course-card-image img {aspect-ratio:2/1;object-fit:cover}
.bright-demo .bd-cambridge-paths {background:#fffdf7}
.bright-demo .bd-level-path {border:1px solid #edcc85;border-top:5px solid #f3a01b;border-radius:14px;overflow:hidden;background:#fff;min-width:0}
.bright-demo .bd-level-path:nth-child(even) {border-top-color:#f1cc1f}
.bright-demo .bd-level-path>.bd-course-card-image {border-radius:0;margin:0}
.bright-demo .bd-level-path .bd-course-card-image img {aspect-ratio:2/1;object-fit:cover}
.bright-demo .bd-level-path-body {padding:26px}
.bright-demo .bd-level-path h3 {margin:0 0 8px!important;font-size:25px!important}
.bright-demo .bd-level-links {display:grid;gap:9px;margin:20px 0 24px}
.bright-demo .bd-level-links a {display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 14px;border:1px solid #ead6ac;border-radius:8px;background:#fffbec;color:#724910;font-weight:700;text-decoration:none!important}
.bright-demo .bd-level-links a:hover {background:#ffedab}
.bright-demo .bd-path-note {padding:20px 24px;margin:24px 0 0;background:#fff0ad;border-radius:10px;line-height:1.9}
.bright-demo .bd-course-scene-link:focus-visible,.bright-demo .bd-course-card-image:focus-visible,.bright-demo .bd-stage-tile:focus-visible {outline:3px solid #925000;outline-offset:4px}
@media(hover:hover) and (pointer:fine) {
 .bright-demo .bd-course-card-image:hover img {transform:scale(1.025)}
 .bright-demo .bd-course-scene-link:hover .bd-scene-link-label {background:#ffdf68}
 .bright-demo .bd-stage-tile:hover {background:#fff2c2;border-color:#dfa83f}
}
@media(max-width:1100px) {
 .bright-demo .bd-stage-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .bright-demo .bd-stage-tile {grid-template-columns:82px 1fr;padding:13px 16px}
 .bright-demo .bd-stage-tile img {width:82px;height:70px}
}
@media(max-width:900px) {
 .bright-demo .bd-course-page .bd-split {gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .bright-demo .bd-course-page .bd-hero h1 {font-size:34px!important}
 .bright-demo .bd-course-scene figcaption {display:block}
 .bright-demo .bd-course-scene figcaption>span {display:block;margin-top:3px}
 .bright-demo .bd-course-page .bd-grid3 {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px) {
 .bright-demo .bd-course-page .bd-hero {padding:29px 0 32px;background:linear-gradient(168deg,#fff 0%,#fff 60%,#fff3bd 60%,#fff3bd 64%,#ffc447 64%,#ffdf76 100%)}
 .bright-demo .bd-course-page .bd-split {grid-template-columns:minmax(0,1fr);gap:24px}
 .bright-demo .bd-course-page .bd-hero h1 {font-size:31px!important;line-height:1.38!important;margin:12px 0 17px}
 .bright-demo .bd-course-page .bd-intro {font-size:16px;line-height:1.85}
 .bright-demo .bd-course-page .bd-breadcrumb {font-size:12px;margin-bottom:20px}
 .bright-demo .bd-course-page .bd-actions {gap:10px;margin-top:20px}
 .bright-demo .bd-course-page .bd-actions .bd-button {font-size:14px;padding:12px 16px}
 .bright-demo .bd-course-scene {border-radius:15px;padding:7px;box-shadow:0 5px 15px #80500012}
 .bright-demo .bd-course-scene-link {border-radius:9px}
 .bright-demo .bd-scene-link-label {bottom:10px;right:10px;font-size:12px;padding:6px 11px}
 .bright-demo .bd-course-scene figcaption {padding:10px 5px 5px;font-size:12px}
 .bright-demo .bd-course-page .bd-facts {margin-top:22px}
 .bright-demo .bd-course-page .bd-facts>div {padding:14px 10px}
 .bright-demo .bd-course-page .bd-facts strong {font-size:18px}
 .bright-demo .bd-course-nav {padding:14px 0}
 .bright-demo .bd-course-nav>.bd-wrap {gap:8px}
 .bright-demo .bd-course-nav .bd-wrap>span {width:100%;margin-bottom:1px}
 .bright-demo .bd-course-nav a {font-size:13px;padding:9px 11px;gap:11px}
 .bright-demo .bd-stage-section {padding:18px 0}
 .bright-demo .bd-stage-grid {gap:10px}
 .bright-demo .bd-stage-tile {display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:10px}
 .bright-demo .bd-stage-tile img {width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
 .bright-demo .bd-stage-tile strong {font-size:16px}
 .bright-demo .bd-stage-tile small {font-size:10px}
 .bright-demo .bd-stage-tile b {right:10px;bottom:34px;top:auto}
 .bright-demo .bd-course-page .bd-grid3,.bright-demo .bd-course-page .bd-grid2 {grid-template-columns:minmax(0,1fr)}
 .bright-demo .bd-course-card-image {margin-bottom:18px}
 .bright-demo .bd-course-overview #exams .bd-course-card-image img,.bright-demo .bd-level-path .bd-course-card-image img {aspect-ratio:3/2;object-fit:contain}
 .bright-demo .bd-level-path-body {padding:20px}
 .bright-demo .bd-level-links a {font-size:14px}
 .bright-demo .bd-path-note {padding:16px;font-size:15px}
}
@media(prefers-reduced-motion:reduce) {.bright-demo .bd-course-card-image img {transition:none}.bright-demo .bd-course-card-image:hover img {transform:none}}
.brr-motion-off .bright-demo .bd-course-card-image img {transition:none}
.brr-motion-off .bright-demo .bd-course-card-image:hover img {transform:none}

/* Beginner content: each topic owns its matching images and captions. */
.bright-demo .bd-beginner-topic {margin:32px 0;padding:24px;border:1px solid #ecd4a4;border-top:4px solid #f3a01b;border-radius:13px;background:#fffdf6}
.bright-demo .bd-beginner-topic:nth-of-type(even) {border-top-color:#edca32}
.bright-demo .bd-beginner-topic .bd-topic-copy h2 {margin:0 0 14px!important;padding:0;border:0;font-size:25px!important;line-height:1.5!important}
.bright-demo .bd-beginner-topic .bd-topic-copy p {margin:0 0 18px!important}
.bright-demo .bd-topic-letter-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.bright-demo .bd-topic-material-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.bright-demo .bd-beginner-topic figure {margin:0;padding:12px;background:#fff;border:1px solid #ead7b0;border-radius:10px;min-width:0}
.bright-demo .bd-topic-letter-grid img {display:block;width:100%;height:190px;object-fit:contain;margin:0!important;border-radius:6px}
.bright-demo .bd-topic-material-grid img {display:block;width:100%;height:275px;object-fit:contain;margin:0!important;border-radius:6px}
.bright-demo .bd-beginner-topic figcaption {margin:12px 0 0;line-height:1.7;font-size:13px;color:#705326;text-align:center}
.bright-demo .bd-topic-split {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}
.bright-demo .bd-beginner-topic .bd-topic-illustration {padding:7px}
.bright-demo .bd-topic-image-nav {display:block;position:relative;text-decoration:none!important;overflow:hidden;border-radius:7px}
.bright-demo .bd-topic-image-nav img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0!important;border-radius:0}
.bright-demo .bd-topic-image-nav>span {display:block;padding:8px 10px;background:#fff0b1;color:#6b4200;text-align:center;font-size:13px;font-weight:700;line-height:1.5}
.bright-demo .bd-topic-image-nav:hover>span {background:#ffdc62}
.bright-demo .bd-beginner-topic .bd-topic-illustration figcaption {font-size:12px;margin:9px 3px 3px}
@media(max-width:680px){
 .bright-demo .bd-beginner-topic {padding:18px;margin:25px 0;border-radius:11px}
 .bright-demo .bd-beginner-topic .bd-topic-copy h2 {font-size:23px!important}
 .bright-demo .bd-topic-split {grid-template-columns:minmax(0,1fr);gap:8px}
 .bright-demo .bd-topic-letter-grid {gap:8px}
 .bright-demo .bd-topic-letter-grid figure {padding:6px}
 .bright-demo .bd-topic-letter-grid img {height:110px}
 .bright-demo .bd-topic-letter-grid figcaption {font-size:11px;margin-top:7px}
 .bright-demo .bd-topic-material-grid {grid-template-columns:minmax(0,1fr);gap:14px}
 .bright-demo .bd-topic-material-grid img {height:260px}
}

/* Phonics: accurate image captions and teaching-material groupings. */
.bright-demo .bd-phonics-materials {margin:36px 0;scroll-margin-top:28px}
.bright-demo .bd-phonics-material-title {font-size:28px;line-height:1.5;margin:0 0 12px}
.bright-demo .bd-phonics-material-intro {max-width:900px;color:#62533d}
.bright-demo .bd-phonics-material-nav {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.bright-demo .bd-phonics-material-nav a {padding:9px 17px;border:1px solid #dca545;border-radius:8px;background:#fff8dd;color:#754500;font-weight:700;text-decoration:none}
.bright-demo .bd-phonics-material-nav a:hover {background:#ffdf68}
.bright-demo .bd-phonics-material-group {margin:28px 0;padding:24px;background:#fffaf0;border:1px solid #ead7b0;border-top:4px solid #ef9c1d;border-radius:14px}
.bright-demo .bd-phonics-material-group:nth-of-type(2) {border-top-color:#efc51a}
.bright-demo .bd-phonics-material-head h3 {font-size:24px;line-height:1.55;margin:0 0 8px;scroll-margin-top:26px}
.bright-demo .bd-phonics-material-head p {margin:0 0 22px;line-height:1.8;color:#62533d}
.bright-demo .bd-phonics-material-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bright-demo .bd-phonics-material-grid figure {margin:0;padding:14px;background:#fff;border:1px solid #e7d3ad;border-radius:11px;min-width:0;overflow:hidden}
.bright-demo .bd-phonics-material-grid .bd-image-link {display:block;background:#fff}
.bright-demo .bd-phonics-material-grid img {display:block;width:100%;height:330px;object-fit:contain;margin:0;border-radius:7px}
.bright-demo .bd-phonics-material-grid figcaption {padding:16px 4px 4px;text-align:left;line-height:1.7;color:#4e412d}
.bright-demo .bd-phonics-material-grid figcaption strong {display:block;font-size:18px;color:#704000}
.bright-demo .bd-phonics-material-grid figcaption span {display:block;margin-top:7px;font-size:14px}
@media(max-width:680px){
 .bright-demo .bd-phonics-material-title {font-size:25px}
 .bright-demo .bd-phonics-material-group {padding:14px;margin:24px 0}
 .bright-demo .bd-phonics-material-head h3 {font-size:22px}
 .bright-demo .bd-phonics-material-grid {grid-template-columns:minmax(0,1fr);gap:16px}
 .bright-demo .bd-phonics-material-grid figure {padding:11px}
 .bright-demo .bd-phonics-material-grid img {height:auto;max-height:355px;min-height:240px;object-fit:contain}
 .bright-demo .bd-phonics-material-grid figcaption strong {font-size:17px}
 .bright-demo .bd-phonics-material-nav {gap:8px}
 .bright-demo .bd-phonics-material-nav a {padding:8px 11px;font-size:14px}
}

/* Course image audit: factual captions and distinct material categories. */
.bright-demo .bd-verified-nav {display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}
.bright-demo .bd-verified-nav a {display:inline-block;padding:10px 14px;background:#fff;border:1px solid #e7b655;border-radius:8px;color:#754400;font-weight:700;font-size:14px;line-height:1.5;text-decoration:none}
.bright-demo .bd-verified-nav a:hover,.bright-demo .bd-verified-nav a:focus-visible {background:#ffdc63;color:#492b00}
.bright-demo .bd-verified-caption {display:block!important;margin:12px 0 0!important;padding:8px 3px 2px!important;color:#594a36!important;text-align:left!important;line-height:1.7!important;font-size:13px!important}
.bright-demo .bd-verified-caption strong {display:block;color:#754400;font-size:16px;line-height:1.6}
.bright-demo .bd-verified-caption span {display:block;margin-top:6px;font-size:13px;line-height:1.7}
.bright-demo .bd-verified-group {margin:30px 0;padding:24px;background:#fffaf0;border:1px solid #ead7b0;border-top:4px solid #eea01d;border-radius:13px;scroll-margin-top:25px}
.bright-demo .bd-verified-group:nth-of-type(even) {border-top-color:#e9c429}
.bright-demo .bd-verified-group>h3 {font-size:25px;line-height:1.5;margin:0 0 12px;scroll-margin-top:25px}
.bright-demo .bd-verified-intro {color:#64543d;line-height:1.8;margin:0 0 18px}
.bright-demo .bd-verified-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:18px 0}
.bright-demo .bd-verified-grid figure {min-width:0;padding:14px;background:#fff;border:1px solid #e4d0aa;border-radius:11px}
.bright-demo .bd-verified-grid img {height:310px;width:100%;object-fit:contain;margin:0!important}
.bright-demo .bd-verified-grid-compact {max-width:450px;grid-template-columns:minmax(0,1fr)}
@media(max-width:680px){
 .bright-demo .bd-verified-group {padding:15px;margin:24px 0}
 .bright-demo .bd-verified-group>h3 {font-size:22px}
 .bright-demo .bd-verified-grid {grid-template-columns:minmax(0,1fr);gap:16px}
 .bright-demo .bd-verified-grid figure {padding:11px}
 .bright-demo .bd-verified-grid img {height:auto;max-height:390px;min-height:170px;object-fit:contain}
 .bright-demo .bd-verified-caption strong {font-size:16px}
 .bright-demo .bd-verified-caption span {font-size:13px}
}

/* About-page corrections only: retain full photographs and original banner artwork. */
.bright-demo #media-founders,.bright-demo #brand-courses,.bright-demo #award-2024 {scroll-margin-top:100px}
.bright-demo .bd-about-story figcaption h3 {font-size:20px;line-height:1.5;margin:8px 0;color:#333}
.bright-demo .bd-about-story figcaption p {font-size:15px;line-height:1.8;margin:8px 0 14px}
.bright-demo .bd-about-story figcaption .bd-link {font-size:15px}
.bright-demo .bd-about-media img {height:280px;object-fit:contain;background:#fff}
.bright-demo .bd-about-banners,.bright-demo .bd-about-signs {grid-template-columns:repeat(2,minmax(0,1fr))}
.bright-demo .bd-about-banners picture,.bright-demo .bd-about-award-feature picture {display:block}
.bright-demo .bd-about-banners img,.bright-demo .bd-about-award-feature img {height:auto;max-height:none;width:100%;object-fit:contain}
.bright-demo .bd-about-award-feature {grid-template-columns:1fr;max-width:1100px}
.bright-demo .bd-about-signs img {height:330px;object-fit:contain}
.bright-demo .bd-about-subhead {margin-top:38px;font-size:25px}
@media(max-width:600px){
 .bright-demo .bd-about-media,.bright-demo .bd-about-banners,.bright-demo .bd-about-signs {grid-template-columns:1fr}
 .bright-demo .bd-about-story {padding:14px}
 .bright-demo .bd-about-media img {height:auto;max-height:360px}
 .bright-demo .bd-about-banners img,.bright-demo .bd-about-award-feature img {aspect-ratio:768/1025}
 .bright-demo .bd-about-signs img {height:auto;max-height:360px}
}

/* New Territories branch photographs: explicit school, location and destination. */
.bright-demo #branch-environments,.bright-demo article[id^="branch-location-"],.bright-demo #branch-tai-po-plaza {scroll-margin-top:100px}
.bright-demo #branch-environments .bd-branch-gallery-card h3 {font-size:20px;line-height:1.5;margin:7px 0;color:#333}
.bright-demo #branch-environments .bd-branch-gallery-card p {font-size:14px;line-height:1.8;margin:7px 0 12px}
.bright-demo #branch-environments .bd-branch-gallery-card .bd-branch-scene {color:#895000;font-weight:600;margin-bottom:5px}
.bright-demo #branch-environments .bd-branch-gallery-card .bd-link {font-size:15px}
.bright-demo article[id^="branch-location-"]:target,.bright-demo #branch-tai-po-plaza:target {outline:3px solid #f5a019;outline-offset:5px}
@media(max-width:600px){.bright-demo #branch-environments .bd-media-grid {grid-template-columns:1fr}.bright-demo #branch-environments .bd-media-grid figure {padding:14px}.bright-demo #branch-environments .bd-media-grid img {height:auto;max-height:320px;object-fit:contain}}

/* Bright lion mascot: in-flow, responsive, linked illustrations. */
.bright-demo .bd-mascot{display:block;flex:0 0 auto;line-height:0;border:0;border-radius:16px;align-self:center;transition:transform .2s ease;transform-origin:50% 85%}
.bright-demo .bd-mascot img{display:block;width:100%;height:auto;aspect-ratio:1178/1335;object-fit:contain;max-height:none;border:0;border-radius:0;background:transparent}
.bright-demo .bd-mascot-small{width:120px}
.bright-demo .bd-mascot-hero{width:240px;justify-self:center}
.bright-demo .bd-mascot-pair{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:center}
.bright-demo .bd-mascot-copy{min-width:0}
.bright-demo .bd-mascot-heading{align-items:center;gap:24px}
.bright-demo .bd-mascot-heading>div:first-child{flex:1;min-width:0}
.bright-demo .bd-mascot-welcome-line{display:flex;align-items:center;gap:15px;margin-top:10px;max-width:540px}
.bright-demo .bd-mascot-welcome-line .bd-mascot{width:94px}
.bright-demo .bd-mascot-welcome-line .bd-caption{margin-top:0!important;max-width:300px}
.bright-demo .bd-mascot-cta{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:24px}
.bright-demo [id^="mascot-"]{scroll-margin-top:100px}
@media(hover:hover){.bright-demo .bd-mascot:hover{transform:translateY(-4px) rotate(-2deg)}}
.bright-demo .bd-mascot:focus-visible{outline:3px solid #9d5700;outline-offset:5px}
@media(max-width:900px){.bright-demo .bd-mascot-pair{grid-template-columns:minmax(0,1fr) 180px;gap:24px}.bright-demo .bd-mascot-hero{width:180px}.bright-demo .bd-mascot-cta{grid-template-columns:100px minmax(0,1fr)}.bright-demo .bd-mascot-cta>.bd-button{grid-column:2;justify-self:start}.bright-demo .bd-mascot-cta .bd-mascot{width:100px;grid-row:1/3}}
@media(max-width:680px){.bright-demo .bd-mascot-small{width:88px}.bright-demo .bd-mascot-hero{width:128px;justify-self:end}.bright-demo .bd-mascot-pair{grid-template-columns:1fr;gap:8px}.bright-demo .bd-mascot-heading{display:flex;flex-wrap:nowrap;gap:12px;align-items:center}.bright-demo .bd-mascot-heading h2{font-size:clamp(24px,6.8vw,31px)!important}.bright-demo .bd-mascot-welcome-line .bd-mascot{width:82px}.bright-demo .bd-mascot-cta{grid-template-columns:80px minmax(0,1fr);gap:16px;padding:25px 20px}.bright-demo .bd-mascot-cta .bd-mascot{width:80px}.bright-demo .bd-mascot-cta h2{font-size:25px!important}.bright-demo .bd-mascot-cta>.bd-button{grid-column:1/-1;justify-self:stretch}.bright-demo .bd-mascot-cta .bd-mascot{grid-row:auto}.bright-demo .bd-admissions-feature .bd-mascot-hero{width:128px}}
@media(prefers-reduced-motion:reduce){.bright-demo .bd-mascot{transition:none}.bright-demo .bd-mascot:hover{transform:none}}
html.brr-motion-off .bright-demo .bd-mascot:hover{transform:none}

/* Mascot course artwork keeps the complete learning scene visible. */
.bright-demo img.bd-mascot-course-art{object-fit:contain!important;object-position:center;background:#fff8e7}
.bright-demo .bd-course-overview #exams .bd-course-card-image img.bd-mascot-course-art,.bright-demo .bd-level-path .bd-course-card-image img.bd-mascot-course-art{aspect-ratio:3/2}

/* Keep course names in the image visible in every thumbnail. */
.bright-demo .bd-level-path .bd-course-card-image img[data-course-title],
.bright-demo .bd-course-overview #exams .bd-course-card-image img[data-course-title]{aspect-ratio:3/2;object-fit:contain}
.bright-demo .bd-course-scene-link:has(img[data-course-title]) .bd-scene-link-label{position:relative;display:block;bottom:auto;right:auto;margin:0;border-radius:0;border:0;border-top:1px solid #e5aa3b;box-shadow:none;text-align:right;padding:7px 12px}