/* LearnQuest: warm, curious and confident. Loaded after the structural layouts. */
:root{--navy:#183b48;--deep:#102e3a;--gold:#b18a38;--gold-light:#f4cb71;--ink:#203942;--muted:#596b70;--line:#e3e6e0;--paper:#fbfaf6}
body{background:var(--paper);line-height:1.7}
h1,h2,h3,h4{font-family:'Cairo',Arial,sans-serif;font-weight:500;letter-spacing:-.035em}
h1{font-weight:400;line-height:1.13}
h2{font-size:clamp(28px,3vw,40px);line-height:1.2}
strong,b{font-weight:500}
.eyebrow{font-weight:500;font-size:12px;letter-spacing:.11em;line-height:1.8}
.eyebrow:before{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0}
.button{border-radius:100px;padding:14px 24px;font-weight:500;gap:16px;transition:background .2s,transform .2s,box-shadow .2s}
.button:hover{box-shadow:0 6px 18px #102e3a12}
.gold,.header-actions .header-contact{background:#f8bf45;color:#173540;font-weight:500}
.gold:hover,.header-actions .header-contact:hover{background:#ffd074}
.navy{background:var(--navy)}
.text-button{font-weight:500;text-underline-offset:6px}
header{border-bottom:1px solid #183b4812;box-shadow:none}
header nav a{font-weight:500;letter-spacing:.065em}
header nav .active{box-shadow:0 2px #e9b751}
.header-actions .header-contact{border-radius:100px;padding-inline:22px}
.contact-shortcuts .contact-icon,.header-actions .language-toggle{border-radius:50%;background:#f5f6f2;border-color:transparent}
.contact-shortcuts .contact-icon:hover,.header-actions .language-toggle:hover{background:#e8eee9}
.language-options{border-radius:18px;padding:8px;box-shadow:0 16px 40px #102e3a16}
.language-options .language-option{border-radius:10px;font-weight:400}
.hero,html[dir=rtl] .hero{background:linear-gradient(110deg,rgba(13,42,54,.94),rgba(20,55,67,.83) 60%,rgba(11,37,49,.85)),url('assets/classroom.webp') center/cover}
.hero:before,html[dir=rtl] .hero:before{display:none}
.hero .hero-inner{min-height:650px;padding-block:52px;gap:56px}
.hero .hero-copy{padding-block:20px}
.hero .eyebrow{font-size:11px;font-weight:500;letter-spacing:.1em;color:#f5d593;max-width:500px;margin-bottom:24px}
.hero h1{font-weight:400;font-size:clamp(38px,4.05vw,62px);letter-spacing:-.045em;line-height:1.16}
.hero h1 span{color:#f7cb70;font-weight:500}
.hero .hero-service{font-weight:400;color:#f6ead0;font-size:20px;margin-top:24px;line-height:1.5}
.hero .intro{color:#dce5e7;font-weight:400;line-height:1.8;max-width:570px;margin-block:16px 28px}
.hero .actions .button{border-radius:100px;font-weight:500;padding:14px 22px}
.hero .actions .button:first-child{background:#f8bf45;color:#173540}
.hero .actions .button:last-child{border-color:#ffffff5c;background:transparent;color:#fff}
.hero .actions .button:last-child:hover{background:#ffffff12}
.hero .hero-cards{height:510px}
.hero .hero-card{border:7px solid #fcfaf1;box-shadow:0 20px 44px #051f3030;border-radius:26px}
.hero .hero-card-large{height:450px;width:91%;transform:rotate(2deg);inset-inline-end:2%}
.hero .hero-card-small{height:265px;width:57%;transform:rotate(-5deg);border-color:#eadbb7;border-radius:22px;bottom:0}
.values{background:#f0f1e9;color:var(--navy);padding-block:30px;border-bottom:1px solid #e2e5dc}
.values-grid>div{border-color:#d6ddd3;gap:14px}
.values strong{font-family:inherit;font-size:17px;font-weight:500;line-height:1.4}
.values p span{display:block;color:#53666a;font-size:13px;line-height:1.55;margin-top:4px}
.value-icon{display:grid;place-items:center;background:#e1e9df;color:#365b51;width:48px;height:48px;flex:0 0 48px;border-radius:16px}
.value-icon svg{width:26px;height:26px}
.values-grid>div:nth-child(2) .value-icon{background:#e5e0f0;color:#685583}
.values-grid>div:nth-child(3) .value-icon{background:#f4e3c2;color:#876624}
.values-grid>div:nth-child(4) .value-icon{background:#efdfd5;color:#886150}
html[dir=rtl] .values-grid>div{border-color:#d6ddd3}
.section{padding-top:76px}
.section .eyebrow{margin-bottom:14px}
.section-heading{margin-bottom:30px;max-width:850px}
.catalogue-group+.catalogue-group{margin-top:42px}
.catalogue-group>h2,.catalogue-group>h3{font-weight:400;font-size:26px}
.catalogue-intro{margin-bottom:26px}
.programme-card{border-radius:24px;background:#fff;border:1px solid #e3e6e0;padding:30px;box-shadow:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.programme-card:hover{transform:translateY(-4px);border-color:#bdcfc4;box-shadow:0 14px 30px #183b4809}
.programme-card h2,.programme-card h3,.programme-card h4{font-weight:500;font-size:25px;letter-spacing:-.025em}
.programme-card p{line-height:1.75;margin-top:12px}
.programme-card .text-button{font-weight:500;text-decoration-color:#b7c4bb;font-size:15px}
.course-icon{background:#e6eee6;color:#416353;width:54px;height:54px;border-radius:18px;font-size:25px;margin-bottom:22px}
.programme-card:nth-child(3n+2) .course-icon{background:#ece5f3;color:#736087;border-radius:50%}
.programme-card:nth-child(3n+3) .course-icon{background:#f8e7d0;color:#946937;border-radius:18px 18px 4px 18px}
.about{gap:64px}
.classroom{border-radius:28px;height:390px}
.photo-badge{background:#fff6dc;border-radius:18px;color:var(--navy);padding:18px 22px}
.photo-badge strong{font-family:inherit;font-weight:500;font-size:21px}
.photo-badge span{font-size:10px;letter-spacing:.1em}
.about h2{font-size:clamp(28px,3vw,40px)}
.about-copy>p:not(.eyebrow){line-height:1.8}
.about ul{margin-block:20px 26px}
.about li{margin-block:10px}
.about li:before{background:#e3ebe0;color:#355c47;width:22px;height:22px;line-height:22px;font-size:12px}
.stories .event-card{background:#eeeaf4;border:0;border-radius:28px;padding:34px 38px}
.stories .event-card .eyebrow{font-weight:500;color:#655778;font-size:12px}
.stories .event-card h3{font-weight:500;font-size:27px}
.stories .event-card p{color:#565568}
.cta{background:#e9eddf;color:var(--navy);border-radius:28px;padding:42px;margin-block:76px 48px}
.cta h2{font-weight:500;font-size:28px}
.cta p{color:#4e625d;line-height:1.7}
.cta .calendar{color:#5d7255;background:#dce3ce;border-radius:22px;font-size:35px}
footer{padding-top:48px;background:#12323f}
.footer-grid h3{font-family:inherit;font-weight:500;font-size:16px}
.footer-grid a:not(.brand),.footer-grid p{color:#d2dedf;line-height:1.8}
.footer-grid .muted{color:#bcced0}
.footer-brand .brand{border-radius:12px}
.footer-bottom{padding-block:22px;background:transparent}
.breadcrumbs a,.breadcrumbs [aria-current]{font-weight:400;letter-spacing:0}
.page-intro{background:#ecefe5;color:var(--navy);border:0;padding-block:64px 68px}
.page-intro .eyebrow{color:#596a55;font-size:12px;font-weight:500}
.page-intro h1{color:var(--navy);font-weight:400;font-size:clamp(34px,4.2vw,58px)}
.page-intro .intro{color:#4e6667;line-height:1.8}
.page-content{padding-block:56px 68px}
.detail-content h2,.programme-facts h2,.contact-layout h2{font-weight:500;font-size:27px}
.programme-facts{background:#edf0e8;border-color:#dce2d7;border-radius:24px;padding:30px}
.programme-facts dt{font-weight:500}
.programme-facts dl>div{border-color:#d4ddd3}
.notice{border-radius:16px;background:#f6efd9;border:0;padding:22px 26px}
.notice strong{font-weight:500}
.contact-details{border-radius:24px;background:#193e4b;padding:32px}
.contact-details h3{font-weight:400;color:#efd597}
.enquiry-panel{border-radius:24px;background:#fff;padding:34px}
#enquiry-form label,#form-status{font-weight:500}
#enquiry-form input,#enquiry-form select,#enquiry-form textarea{border-radius:12px;background:#fdfdfa;border-color:#ced7ce}
.book-face h3{font-weight:500}
.book-cover-title{font-weight:400;letter-spacing:-.025em}
.book-cover-brand{font-weight:400;letter-spacing:.06em}
.book-toolbar button{border-radius:100px;border-color:#cdd7cd;background:#fffefa;font-weight:400}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4{font-family:'Cairo',Arial,sans-serif;font-weight:400;letter-spacing:0}
html[lang=ar] .hero .eyebrow{letter-spacing:0}
@media(max-width:1150px){.hero .hero-inner{gap:36px}.hero .hero-cards{height:455px}.hero .hero-card-large{height:395px}.hero .hero-card-small{height:235px}.values-grid>div{gap:10px;padding-inline:14px}.value-icon{width:40px;height:40px;flex-basis:40px}.values strong{font-size:16px}}
@media(max-width:900px){.hero .hero-inner{min-height:0;padding-block:42px;gap:32px}.hero .hero-copy{padding-block:0}.hero .hero-cards{width:100%;max-width:650px;height:450px}.hero .hero-card-large{height:395px}.hero .hero-card-small{height:235px}.about{gap:32px}}
@media(max-width:620px){.hero .hero-inner{padding-block:36px 42px;gap:34px}.hero h1,html[lang=fr] .hero h1{font-size:clamp(27px,8vw,43px)}.hero .eyebrow{font-size:10px;letter-spacing:.07em;margin-bottom:18px}.hero .hero-service{font-size:19px;margin-top:20px}.hero .hero-cards{height:350px}.hero .hero-card-large{height:305px;width:92%;border-width:5px;border-radius:20px}.hero .hero-card-small{height:190px;border-width:5px;border-radius:17px}.hero .actions .button{padding:12px 18px}.hero .intro{margin-block:14px 24px}.values{padding-block:25px}.values-grid{gap:24px 14px}.values-grid>div{border:0;padding:0;align-items:flex-start;flex-direction:column;gap:10px}html[dir=rtl] .values-grid>div{border:0;padding-inline:0}.values strong{font-size:16px}.values p span{font-size:12px}.section{padding-top:50px}.section-heading{margin-bottom:26px}.catalogue-group>h2,.catalogue-group>h3{font-size:23px}.programme-card{padding:26px;border-radius:22px}.classroom{height:310px}.stories .event-card{padding:28px}.cta{padding:28px;border-radius:24px;margin-block:50px 32px}.cta h2{font-size:26px}.page-intro{padding-block:36px 42px}.page-content{padding-block:34px 44px}.contact-details,.enquiry-panel,.programme-facts{padding:25px}.footer-grid h3{font-size:16px}footer{padding-top:36px}.header-actions .header-contact{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.programme-card:hover{transform:none}}
/* Keep the four language choices together, without an orphaned card. */
@media(min-width:1100px){#course-languages .programme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}#course-languages .programme-card{padding:26px 24px}#course-languages .programme-card :is(h2,h3,h4){font-size:23px}}
@media(min-width:601px) and (max-width:1099px){#course-languages .programme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Match native select sizing to the other fields in Safari as well. */
#enquiry-form select{appearance:none;min-height:50px;padding-inline-end:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23596b70' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
html[dir=rtl] #enquiry-form select{background-position:left 15px center}
/* User-supplied academy interiors, with crops suited to each frame. */
.hero,html[dir=rtl] .hero{background-image:linear-gradient(110deg,rgba(13,42,54,.96),rgba(20,55,67,.88) 60%,rgba(11,37,49,.84)),url('assets/academy-reception.webp')}
.hero .hero-card-large img{object-position:center}
.hero .hero-card-small img{object-position:60% center}
.classroom{background:none}
.classroom>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.spaces-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}
.space-photo{margin:0;min-width:0;position:relative;overflow:hidden;border-radius:24px;background:#e9ede7}
.space-photo img{display:block;width:100%;height:100%;object-fit:cover}
.space-wide{aspect-ratio:16/9}
.space-tall{grid-column:2;grid-row:1/span 2;align-self:stretch}
.space-tall img{position:absolute;inset:0;object-position:center}
.space-photo figcaption{position:absolute;bottom:0;inset-inline:0;padding:38px 24px 20px;background:linear-gradient(transparent,#102e3add);color:#fff;font-size:15px;font-weight:400;line-height:1.5}
.page-content>.spaces-section{width:100%;padding-top:60px}
@media(max-width:700px){.spaces-grid{grid-template-columns:1fr;gap:18px}.space-photo{border-radius:20px}.space-tall{grid-column:auto;grid-row:auto;aspect-ratio:941/1671}.space-photo figcaption{padding-inline:20px}.hero,html[dir=rtl] .hero{background-image:linear-gradient(110deg,rgba(13,42,54,.96),rgba(20,55,67,.88) 60%,rgba(11,37,49,.84)),url('assets/academy-reception-small.webp')}}

/* The supplied white logo already has an alpha channel. Trim only empty
   display space; width/height scale together, preserving the artwork. */
.footer-brand .brand{width:220px;max-width:100%;height:148px;background:transparent;border-radius:0}
.footer-brand .brand img{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-19%)}

/* Cairo's taller letterforms need room above and below the baseline. */
h1,h2,h3,h4,.hero h1{line-height:1.35}
button,input,select,textarea{font-family:'Cairo',Arial,sans-serif}

/* A two-line headline with a compact, readable supporting paragraph. */
.hero h1>.hero-title-line{display:block;color:inherit;font-weight:inherit;white-space:nowrap}
.hero .intro{font-size:16px;line-height:1.65;max-width:none}
@media(min-width:901px){.hero .hero-copy{width:54%;max-width:none;flex-shrink:0}.hero .hero-inner{gap:40px}}
@media(min-width:901px) and (max-width:1199px){.hero h1{font-size:clamp(34px,3.7vw,44px)}}
@media(max-width:620px){.hero h1,html[lang=fr] .hero h1{font-size:clamp(25px,7.4vw,40px)}}

/* Emphasize the hero title while retaining the lighter supporting copy. */
.hero .hero-copy h1,.hero .hero-copy h1 span{font-weight:700}
/* Tighten the hero's lower spacing while retaining its upper alignment. */
@media(min-width:901px){
 .hero,html[dir=rtl] .hero{min-height:calc(clamp(660px,75svh,820px) - 56px)}
 .hero .hero-inner{min-height:610px;padding-bottom:12px}
}
@media(max-width:900px){.hero .hero-inner{padding-bottom:16px}}
/* The repeated groups travel physically left to right in every language. */
.values{position:relative;overflow:hidden}
.values-window{overflow:hidden}
.values-repeat{display:none}
html.js .values-track{display:flex;width:max-content;direction:ltr;animation:values-drift-right 38s linear infinite}
html.js .values-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:max(1560px,100vw);flex:none;gap:0;margin:0;padding-inline:32px;align-items:center}
html.js .values-grid>div{padding-inline:14px;flex-direction:row;align-items:center;border:0;border-inline-end:1px solid #d6ddd3;gap:14px}
html.js .values-repeat{display:grid}
html.js .values strong{font-size:16px}
html.js .values p span{font-size:13px}
@media(hover:hover){.values:hover .values-track{animation-play-state:paused}}
@keyframes values-drift-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
/* Full readable content when animation or JavaScript is unavailable. */
html:not(.js) .values-grid{width:min(1200px,calc(100% - 36px));margin-inline:auto}
@media(prefers-reduced-motion:reduce){
 html.js .values-track{display:block;width:auto;animation:none;transform:none}
 html.js .values-grid{width:min(1200px,calc(100% - 36px));margin-inline:auto;padding:0;gap:20px}
 html.js .values-repeat{display:none}
}
@media(prefers-reduced-motion:reduce) and (max-width:820px){html.js .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html.js .values-grid>div{padding:0;flex-direction:column;align-items:flex-start;border:0}}

/* Each moving item is a full link; duplicated items remain pointer-accessible. */
.values .value-link{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:12px;width:100%;min-height:52px;text-align:center;color:inherit;text-decoration:none;border-radius:12px;transition:background-color .2s}
.values .value-link:hover{background:#e3e8dc}
.values .value-link:hover strong{text-decoration:underline;text-underline-offset:4px}
.values .value-link:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.values:focus-within .values-track{animation:none;transform:none}

/* Let the two photo frames float independently, preserving their original tilt. */
@media(prefers-reduced-motion:no-preference){
 .hero .hero-card-large{animation:hero-float-large 6.5s ease-in-out infinite}
 .hero .hero-card-small{animation:hero-float-small 7.5s ease-in-out -2.5s infinite}
}
@keyframes hero-float-large{
 0%,100%{transform:translateY(0) rotate(2deg)}
 50%{transform:translateY(-12px) rotate(2deg)}
}
@keyframes hero-float-small{
 0%,100%{transform:translateY(0) rotate(-5deg)}
 50%{transform:translateY(-16px) rotate(-5deg)}
}

/* Six subjects, with language flags alongside their subject icons. */
.values .value-icon{position:relative}
.values-grid>div:nth-child(5) .value-icon{background:#dde8f4;color:#466180}
.values-grid>div:nth-child(6) .value-icon{background:#e8e0f4;color:#715490}
html:not(.js) .values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(prefers-reduced-motion:reduce){html.js .values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){html:not(.js) .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce) and (max-width:820px){html.js .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* A compact strip with each icon-and-label pair centered in its cell. */
.values{padding-block:16px}
.values .value-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}
.values .value-icon svg{width:23px;height:23px}

/* Small, realistic subject objects sit directly on the strip. */
.values .value-icon.value-icon-3d{background:transparent;border-radius:0;width:44px;height:44px;flex-basis:44px}
.values .value-icon-3d img{display:block;width:44px;height:44px;object-fit:contain}

/* Bare icons and flags, without the former colored icon tiles. */
.values .values-grid>div .value-icon{background:none;border:0;border-radius:0;box-shadow:none}
.values .value-language-flag{font-size:32px;line-height:1}
.values .value-flag{position:absolute;right:-5px;bottom:-3px;font-size:18px;line-height:1;background:none}

/* Consistent, closer spacing across the homepage and inner pages. */
.section{padding-top:44px}
.section .eyebrow{margin-bottom:8px}
.section-heading{margin-bottom:20px}
.catalogue-group+.catalogue-group{margin-top:28px}
.catalogue-intro{margin-block:8px 18px}
.programme-grid{gap:18px}
.programme-card{padding:24px}
.course-icon{margin-bottom:16px}
.programme-card p{margin-block:10px 16px}
.about{gap:36px}
.about ul{margin-block:14px 18px}
.about li{margin-block:6px}
.stories-intro{margin-block:8px 18px}
.stories .event-card{padding:26px 30px}
.spaces-grid{gap:18px}
.page-content>.spaces-section{padding-top:36px}
.faq-realbook{margin-block:20px 12px}
.cta{padding:30px;margin-block:44px 28px}
.breadcrumbs{padding-block:16px}
.page-intro{padding-block:40px 44px}
.page-content{padding-block:32px 36px}
.page-content+section .cta{margin-top:0}
.detail-content section{padding-bottom:20px;margin-bottom:20px}
.detail-layout,.contact-layout{gap:32px}
.related{margin-top:32px}
.related>h2{margin-bottom:18px}
.notice{padding:18px 22px;margin-bottom:22px}
.programme-facts,.contact-details,.enquiry-panel{padding:26px}
footer{padding-top:32px}
.footer-grid{padding-bottom:22px}
.footer-bottom{padding-block:16px}
@media(max-width:620px){
 .section{padding-top:30px}
 .section-heading{margin-bottom:16px}
 .catalogue-group+.catalogue-group{margin-top:24px}
 .catalogue-intro{margin-bottom:16px}
 .programme-card{padding:22px}
 .about{gap:24px}
 .stories .event-card{padding:22px}
 .spaces-grid{gap:14px}
 .page-content>.spaces-section{padding-top:28px}
 .cta{padding:24px;margin-block:30px 22px}
 .page-intro{padding-block:28px 30px}
 .page-content{padding-block:24px 28px}
 .detail-layout,.contact-layout{gap:24px}
 .programme-facts,.contact-details,.enquiry-panel{padding:22px}
 footer{padding-top:26px}
}

/* Two complete five-course rows, using the full catalogue width. */
.catalogue-five>h2{margin-bottom:20px}
.catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.catalogue-five .programme-card{padding:22px 18px}
.catalogue-five .programme-card h3{font-size:22px}
@media(max-width:1199px){.catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:1099px){#course-languages.catalogue-five .programme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{grid-template-columns:1fr}}
@media(min-width:1200px){#course-languages.catalogue-five .programme-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}#course-languages.catalogue-five .programme-card{padding:22px 18px}}

/* Let the catalogue use the page width, with squarer course cards. */
#courses.wrap,.page-content:has(>.catalogue-five){width:calc(100% - 64px);max-width:none}
.catalogue-five .programme-card,#course-languages.catalogue-five .programme-card{aspect-ratio:1 / 1;border-radius:8px;padding:22px;min-width:0}
.catalogue-five .programme-card .course-icon{width:44px;height:44px;flex-shrink:0;margin-bottom:14px}
.catalogue-five .programme-card p{font-size:15px;line-height:1.6}
.catalogue-five .programme-card .text-button{padding-top:8px}
@media(max-width:820px){
 #courses.wrap,.page-content:has(>.catalogue-five){width:calc(100% - 36px)}
 .catalogue-five .programme-card,#course-languages.catalogue-five .programme-card{padding:20px}
}

/* Photo cards: soft white frames, inset photography and a pill action. */
.catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{gap:20px;padding-block:8px 12px;align-items:stretch}
.catalogue-five .album-card,#course-languages.catalogue-five .album-card{display:flex;position:relative;aspect-ratio:auto;padding:6px;border:1px solid #16334108;border-radius:16px;background:#fff;box-shadow:0 3px 10px #16334108;transform:none;transition:transform .25s,box-shadow .25s}
.catalogue-five .album-card:nth-child(5n+1){--card-tilt:-1.2deg}
.catalogue-five .album-card:nth-child(5n+2){--card-tilt:.8deg}
.catalogue-five .album-card:nth-child(5n+3){--card-tilt:-.6deg}
.catalogue-five .album-card:nth-child(5n+4){--card-tilt:1deg}
.catalogue-five .album-card:nth-child(5n+5){--card-tilt:-.8deg}
.catalogue-five .album-card h3,#course-languages.catalogue-five .album-card h3{width:100%;font-size:16px;line-height:1.4;margin:0;letter-spacing:-.015em;font-weight:400}
.course-cover-link{display:block;color:inherit;text-decoration:none;border-radius:16px}
.course-cover{display:block;position:relative;aspect-ratio:4 / 3;max-height:180px;width:100%;border-radius:11px;overflow:hidden;background:#e8ece7}
.course-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.album-physics .course-cover img,.album-english .course-cover img{object-position:48% center}
.album-business .course-cover img{object-position:65% center}
.course-cover-brand{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:100px;background:#183b487d;backdrop-filter:blur(10px);color:white;font-size:9px;font-weight:500;line-height:1.6;letter-spacing:.025em}
.course-card-title{display:flex;align-items:center;min-height:52px;padding:8px 5px}
.catalogue-five .album-card .text-button{display:flex;align-items:center;justify-content:center;min-height:34px;width:100%;margin-top:auto;padding:7px 10px;border-radius:100px;background:#edf1ef;color:#294548;font-size:12px;line-height:1.4;font-weight:400;text-decoration:none;text-align:center;transition:background .2s}
.catalogue-five .album-card .text-button:hover{background:#dfe7e2}
.course-cover-link:focus-visible,.catalogue-five .album-card .text-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.catalogue-five .album-card:focus-within{z-index:2;transform:rotate(0deg)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .catalogue-five .album-card:hover,#course-languages.catalogue-five .album-card:hover{z-index:2;transform:translateY(-3px);box-shadow:0 7px 16px #16334112}
}
@media(max-width:820px){
 .catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{gap:18px}
 .catalogue-five .album-card,#course-languages.catalogue-five .album-card{transform:none}
}
@media(prefers-reduced-motion:reduce){.catalogue-five .album-card,#course-languages.catalogue-five .album-card{transition:none;transform:none}}

/* The requested black filter affects only the photo, not its labels. */
.course-cover:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.6);pointer-events:none;z-index:1}
.course-cover-brand{z-index:2}
/* Center and emphasize the course names in each photo card. */
.catalogue-five .course-card-title{justify-content:center;text-align:center;font-weight:700}

/* Slightly narrower course cards, centered within both catalogue groups. */
.catalogue-five .album-card,#course-languages.catalogue-five .album-card{width:94%;justify-self:center}

/* Approved subject icons retain their transparent edges and natural shading. */
.course-cover.course-illustration{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;height:180px;background:transparent;overflow:visible}
.course-cover.course-illustration:after{display:none}
.course-cover.course-illustration img{width:92%;height:100%;object-fit:contain;object-position:center}

/* Compact course books, with subject-specific covers and visible page edges. */
.catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{max-width:1200px;margin-inline:auto;gap:64px;padding:10px 10px 16px}
.catalogue-five .course-book,#course-languages.catalogue-five .course-book{--book-ink:#153e49;--book-orb:#a5c4ac;--book-gold:#ead095;display:flex;flex-direction:column;container-type:inline-size;width:100%;max-width:160px;justify-self:center;aspect-ratio:auto;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
.catalogue-five .course-book h3{width:100%;margin:0;font-size:inherit}
.course-book .course-cover-link{display:block;position:relative;aspect-ratio:224 / 300;perspective:1100px;isolation:isolate;border-radius:3px 10px 10px 3px;filter:drop-shadow(5px 9px 7px #18343820)}
.book-pages{position:absolute;inset:5px -7px 3px 9px;background:repeating-linear-gradient(to right,#e7dfca 0px,#e7dfca 1px,#fffcf1 1px,#fffcf1 3px);border:1px solid #e0d5bd;border-radius:3px 9px 9px 3px;transform:skewY(1deg);box-shadow:3px 3px 0 var(--book-ink)}
.book-inside{position:absolute;inset:6px 0 6px 9px;background:#fffaf0;border-radius:3px 6px 6px 3px}
.course-book-front{display:block;position:absolute;inset:0;transform-origin:5px center;transform:rotateY(-9deg);transition:transform .6s cubic-bezier(.2,.6,.2,1);background:var(--book-ink);border:1px solid #12303a55;border-radius:3px 10px 10px 3px;overflow:hidden;color:#fcf8e9;backface-visibility:hidden}
.course-book-front:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071f2b80,transparent 5%,#ffffff12 7%,#061b2b60 9%,transparent 12%,transparent 95%,#ffffff0c);z-index:5;pointer-events:none}
.course-book-front:after{content:'';position:absolute;inset:0;opacity:.12;background-image:repeating-linear-gradient(0deg,transparent 0 2px,#fff2 2px 3px);pointer-events:none}
.book-pattern{position:absolute;inset:28% 0 0;opacity:.15;background-image:linear-gradient(#d9ebdc 1px,transparent 1px),linear-gradient(90deg,#d9ebdc 1px,transparent 1px);background-size:23px 23px;transform:rotate(-15deg) scale(1.4)}
.book-orb{position:absolute;width:84%;aspect-ratio:1;border-radius:50%;background:var(--book-orb);left:25%;top:45%}
.book-ring{position:absolute;width:70%;aspect-ratio:1;border:1px solid var(--book-gold);left:14%;top:42%;border-radius:50%;transform:rotate(-25deg) scaleX(1.25)}
.book-brand{position:absolute;top:6%;left:11%;font-size:clamp(6px,3.65cqi,9px);font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--book-gold)}
.book-number{position:absolute;right:6%;top:5%;font-size:clamp(9px,5cqi,12px);font-weight:600;color:#e6eadc}
.catalogue-five .course-book .course-card-title{position:absolute;top:14%;left:10%;right:5%;z-index:4;display:flex;align-items:center;justify-content:center;min-height:0;height:20%;padding:0;text-align:center;font-size:clamp(15px,9.7cqi,23px);font-weight:700;line-height:1.18;letter-spacing:-.5px;color:#fcf8e9}
.book-category{position:absolute;top:35%;left:11%;right:6%;text-align:center;font-size:clamp(6px,4cqi,9px);font-weight:500;line-height:1.25;letter-spacing:1.2px;text-transform:uppercase;color:var(--book-gold)}
.book-art{position:absolute;top:39%;left:9%;width:89%;height:50%;object-fit:contain;filter:drop-shadow(0 7px 5px #102d3a2b);transform:rotate(-8deg)}
.book-motif{position:absolute;left:11%;top:45%;font:italic clamp(12px,7cqi,18px) Georgia,serif;color:var(--book-gold);transform:rotate(-10deg)}
.book-bottom{position:absolute;bottom:0;left:0;right:0;height:10.7%;background:#071e2d55;padding:3% 6% 3% 11%;font-size:clamp(6px,3.6cqi,9px);font-weight:500;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;color:var(--book-gold);text-transform:uppercase}
.book-ribbon{position:absolute;top:-1px;right:17%;height:7.4%;width:6%;background:#e6ba59;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);z-index:6;pointer-events:none}
.catalogue-five .course-book .text-button{align-self:center;display:block;width:auto;min-height:40px;margin:12px 0 0;padding:6px 9px;border-radius:0;border-bottom:1px solid #acb7af;background:transparent;color:#17383f;font-size:13px;font-weight:500;text-decoration:none;text-align:center}
.course-book .text-button:hover{color:#775b21;border-color:#b4924e}
.course-book .course-cover-link:focus-visible,.course-book .text-button:focus-visible{outline:3px solid #b4924e;outline-offset:5px}
/* Each subject has its own cover composition, not just a different color. */
.book-physics{--book-ink:#e5e9dd!important;--book-orb:#e7ba62!important;--book-gold:#3c4c5a!important}
.book-physics .course-book-front{background:linear-gradient(155deg,#e5e9dd 0 65%,#303e50 65%)}
.book-physics .book-pattern{inset:0;background-image:linear-gradient(#516574 1px,transparent 1px),linear-gradient(90deg,#516574 1px,transparent 1px);background-size:15px 15px;transform:none;opacity:.13}
.book-physics .book-orb{width:57%;left:40%;top:45%}.book-physics .book-ring{width:83%;left:13%;top:41%;transform:rotate(-35deg) scaleX(.6);border-color:#9c772d}
.catalogue-five .book-physics .course-card-title{color:#243b4b;top:13%}.book-physics .book-art{top:38%;transform:rotate(6deg)}.book-physics .book-bottom{background:none;color:#fff1cf}.book-physics .book-number{color:#30475a}
.book-svt{--book-ink:#264839!important;--book-orb:#bfd0a1!important}
.book-svt .course-book-front{background:linear-gradient(90deg,#264839 0 60%,#7d9676 60%)}
.book-svt .book-orb{width:118%;left:15%;top:51%;border-radius:80% 0 80% 0;transform:rotate(-35deg)}.book-svt .book-ring{display:none}
.book-svt .book-pattern{inset:34% -20% 0 50%;background-image:repeating-linear-gradient(45deg,transparent 0 16px,#f2ead3 17px 18px);transform:rotate(15deg)}
.catalogue-five .book-svt .course-card-title{font-size:clamp(28px,21cqi,42px);top:12%}.book-svt .book-art{top:37%;height:53%;transform:rotate(5deg)}
.book-french-support{--book-ink:#f1e7d5!important;--book-orb:#bf7e71!important;--book-gold:#784039!important}
.book-french-support .book-pattern{inset:38% 0 0;background:repeating-linear-gradient(0deg,transparent 0 19px,#a76e60 20px 21px);transform:none;opacity:.22}
.book-french-support .book-orb{width:70%;left:35%;top:47%;border-radius:0;transform:rotate(-14deg)}.book-french-support .book-ring{display:none}
.book-french-support .book-motif{font-size:clamp(40px,38cqi,76px);top:39%;left:12%;opacity:.3;transform:none}
.catalogue-five .book-french-support .course-card-title{color:#713a36;top:15%}.book-french-support .book-art{top:44%;height:43%;transform:rotate(-13deg)}.book-french-support .book-number{color:#713a36}.book-french-support .book-bottom{background:#783d38;color:#fff0d5}
.book-english-support{--book-ink:#213e5a!important;--book-orb:#cfac72!important}
.book-english-support .course-book-front{background:linear-gradient(135deg,#213e5a 0 46%,#496878 46% 52%,#213e5a 52% 70%,#dac9a6 70%)}
.book-english-support .book-pattern,.book-english-support .book-orb,.book-english-support .book-ring{display:none}
.book-english-support .book-motif{font-size:clamp(50px,40cqi,80px);top:35%;left:9%;opacity:.22;transform:none}
.book-english-support .book-art{top:41%;height:48%;transform:rotate(10deg)}.book-english-support .book-bottom{background:#152c42;color:#f5e3be}
.book-english-communication{--book-ink:#e7bb65!important;--book-orb:#f9e9bf!important;--book-gold:#334653!important}
.book-english-communication .book-orb{width:105%;left:5%;top:42%;border-radius:45% 45% 0 45%;transform:rotate(-8deg)}
.book-english-communication .book-pattern{inset:0;background-image:radial-gradient(#465768 1px,transparent 2px);background-size:16px 16px;transform:none;opacity:.12}.book-english-communication .book-ring{display:none}
.catalogue-five .book-english-communication .course-card-title{color:#243d51;font-size:clamp(14px,9cqi,20px)}.book-english-communication .book-number{color:#334653}.book-english-communication .book-art{top:44%;height:40%;transform:rotate(-9deg)}.book-english-communication .book-bottom{background:#f9e9bf;color:#334653}
.book-french-communication{--book-ink:#b9cebd!important;--book-orb:#f7edd9!important;--book-gold:#294a43!important}
.book-french-communication .course-book-front{background:linear-gradient(170deg,#b9cebd 0 61%,#294a43 61%)}
.book-french-communication .book-orb{top:16%;left:8%;width:84%;height:42%;border-radius:46% 54% 60% 40%}.book-french-communication .book-ring{display:none}.book-french-communication .book-pattern{display:none}
.book-french-communication .book-art{top:15%;height:43%;transform:rotate(8deg)}.book-french-communication .book-motif{top:11%;left:25%;transform:rotate(-5deg)}
.catalogue-five .book-french-communication .course-card-title{top:64%;height:20%;color:#fff4dc;font-size:clamp(14px,9cqi,20px)}.book-french-communication .book-category{top:87%;color:#f5dfb6}.book-french-communication .book-bottom{display:none}.book-french-communication .book-number{color:#294a43}
.book-darija{--book-ink:#e8d1b0!important;--book-orb:#8d5141!important;--book-gold:#693b30!important}
.book-darija .book-orb{width:81%;height:62%;left:14%;top:39%;border-radius:50% 50% 0 0;background:#8d5141}
.book-darija .book-ring{width:70%;height:59%;left:19%;top:43%;border-radius:50% 50% 0 0;transform:none;border-color:#e9c889}
.book-darija .book-pattern{inset:0;transform:none;opacity:.16;background-image:repeating-conic-gradient(#8d5141 0% 25%,transparent 0% 50%);background-size:22px 22px}
.catalogue-five .book-darija .course-card-title{color:#693b30;font-size:clamp(14px,9cqi,20px)}.book-darija .book-art{top:43%;height:45%;transform:none}.book-darija .book-motif{display:none}.book-darija .book-bottom{background:#8d5141;color:#ffe9ba}.book-darija .book-number{color:#693b30}
.book-business{--book-ink:#e6dfd1!important;--book-orb:#c8baa3!important;--book-gold:#3b4e5b!important}
.book-business .course-book-front{background:linear-gradient(0deg,#243e51 0 41%,#e6dfd1 41%)}
.book-business .book-pattern{inset:0;transform:none;opacity:.16;background-image:repeating-linear-gradient(90deg,transparent 0 3px,#697781 3px 4px)}.book-business .book-orb,.book-business .book-ring{display:none}
.catalogue-five .book-business .course-card-title{color:#243e51;top:13%;font-size:clamp(14px,9cqi,20px)}.book-business .book-category{top:35%}.book-business .book-art{top:41%;height:45%;transform:none}.book-business .book-motif{top:39%;left:12%;font:700 clamp(30px,27cqi,54px) Cairo,sans-serif;opacity:.12;transform:none}.book-business .book-number{color:#243e51}.book-business .book-bottom{background:none;color:#f0debb}
.book-ai{--book-ink:#28283e!important;--book-orb:#a6b9cb!important;--book-gold:#dfd3f6!important}
.book-ai .course-book-front{background:radial-gradient(ellipse at 80% 65%,#675789,#28283e 65%)}
.book-ai .book-orb{width:74%;height:41%;left:21%;top:44%;border-radius:12px;transform:rotate(-12deg);background:linear-gradient(135deg,#c3d6d8,#7779a3)}
.book-ai .book-pattern{inset:32% 0 0;transform:none;opacity:.24;background-image:linear-gradient(90deg,#b5abdb 1px,transparent 1px),linear-gradient(#b5abdb 1px,transparent 1px);background-size:34px 34px}
.book-ai .book-ring{width:80%;left:14%;top:42%;border-radius:12px;transform:rotate(8deg);border-color:#d7c9f6}.book-ai .book-art{top:43%;height:43%;transform:rotate(5deg)}.book-ai .book-motif{top:39%;left:12%;font-style:normal}.book-ai .book-bottom{background:#1c2032;color:#e3d5fb}
[dir=rtl] .book-brand{letter-spacing:0}[dir=rtl] .book-category,[dir=rtl] .book-bottom{letter-spacing:0}[dir=rtl] .book-bottom{direction:rtl;padding-inline:10% 6%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.course-book .course-cover-link:hover .course-book-front,.course-book .course-cover-link:focus-visible .course-book-front{transform:rotateY(-28deg)}}
@media(max-width:1199px){.catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{max-width:680px;gap:50px}}
@media(max-width:820px){.catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{max-width:420px;gap:42px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.catalogue-five .programme-grid,#course-languages.catalogue-five .programme-grid{gap:36px}.book-brand{letter-spacing:.7px}.book-category{letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.course-book-front{transition:none;transform:none}}
/* Expanded subject names use the regular title scale. */
html[lang=es] .catalogue-five .book-svt .course-card-title,html[lang=ar] .catalogue-five .book-svt .course-card-title{font-size:clamp(12px,7.5cqi,17px);height:24%;top:10%}

/* Pocket-sized books with deliberately different cover hierarchies. */
.catalogue-five .course-book .course-card-title{font-size:clamp(13px,9.4cqi,17px);height:27%;top:12%;letter-spacing:-.35px}
.book-brand{font-size:6px;letter-spacing:.6px}.book-bottom{font-size:6px;letter-spacing:0}.book-category{font-size:6px;letter-spacing:.7px}
.book-maths .book-orb{display:none}.book-maths .book-ring{border-radius:0;transform:rotate(-15deg);width:55%;left:25%;top:47%}.book-maths .book-pattern{opacity:.3}.book-maths .book-art{width:76%;left:20%;top:47%;height:39%;transform:rotate(-10deg)}.book-maths .book-motif{top:40%;left:16%;font-size:20px}.book-maths .book-category{top:35%}
/* Physics: a visual experiment above a dark title band. */
.book-physics .course-book-front{background:linear-gradient(0deg,#263e51 0 35%,#e8ecdf 35%)}
.book-physics .book-art{top:12%;left:8%;height:48%;width:86%;transform:rotate(5deg)}.book-physics .book-orb{width:65%;top:17%;left:23%}.book-physics .book-ring{top:16%;width:74%;left:16%}.book-physics .book-motif{top:55%;left:30%;font-size:12px}
.catalogue-five .book-physics .course-card-title{top:68%;height:18%;color:#fff3db}.book-physics .book-category{top:89%;color:#f0d7a2}.book-physics .book-bottom,.book-physics .book-ribbon{display:none}
/* SVT: a field-journal illustration and oversized subject initials. */
.book-svt .course-book-front{background:#dbe4c9}.book-svt .book-brand,.book-svt .book-number{color:#294a38}.book-svt .book-art{top:29%;height:61%;left:12%;transform:rotate(0deg)}
.catalogue-five .book-svt .course-card-title{top:10%;height:23%;font-size:clamp(26px,23cqi,36px);color:#294a38}.book-svt .book-category{top:32%;color:#294a38}.book-svt .book-orb{background:#87a47a;top:46%;left:43%;width:110%}.book-svt .book-pattern{opacity:.28}.book-svt .book-motif,.book-svt .book-bottom,.book-svt .book-ribbon{display:none}
/* French: a typographic notebook, with a small book emblem. */
.book-french-support .course-book-front{background:#f2e4d4}.book-french-support .book-orb{display:none}.book-french-support .book-motif{top:10%;left:22%;font-size:clamp(60px,62cqi,100px);color:#a45249;opacity:1;line-height:1}
.catalogue-five .book-french-support .course-card-title{top:54%;height:19%;color:#783f39}.book-french-support .book-category{top:76%}.book-french-support .book-art{top:78%;left:68%;width:25%;height:18%;transform:rotate(-10deg)}.book-french-support .book-bottom,.book-french-support .book-ribbon{display:none}.book-french-support .book-pattern{inset:45% 0 0;opacity:.18}
/* English: a classic navy cloth cover and a centered gold frame. */
.book-english-support .course-book-front{background:#203d58}.book-english-support .book-ring{display:block;inset:13% 12% 12%;width:auto;aspect-ratio:auto;border:1px solid #cfac72;border-radius:0;transform:none}.book-english-support .book-art{top:54%;left:28%;height:27%;width:50%;transform:none}.book-english-support .book-motif,.book-english-support .book-bottom,.book-english-support .book-ribbon{display:none}
.catalogue-five .book-english-support .course-card-title{top:24%;height:19%;font-family:Georgia,serif;font-size:clamp(19px,15cqi,24px);font-weight:700;color:#f2dcae}.book-english-support .book-category{top:44%;color:#f2dcae}
/* Conversation covers contrast a bold speech panel with a striped jacket. */
.book-english-communication .course-book-front{background:#d9935f}.book-english-communication .book-art{top:13%;left:10%;height:42%;width:86%;transform:rotate(-10deg)}.book-english-communication .book-orb{top:9%;left:16%;width:85%;height:48%;background:#f8ddaa;border-radius:50% 50% 5% 50%;transform:rotate(-5deg)}.book-english-communication .book-motif{top:51%;left:24%;font-size:14px;transform:rotate(-7deg)}
.catalogue-five .book-english-communication .course-card-title{top:62%;height:29%;color:#2d3848}.book-english-communication .book-category,.book-english-communication .book-bottom,.book-english-communication .book-ribbon{display:none}.book-english-communication .book-pattern{display:none}
.book-french-communication .course-book-front{background:repeating-linear-gradient(90deg,#b6cdbb 0 15px,#d9e5d2 15px 30px)}.book-french-communication .book-orb{top:12%;left:8%;width:88%;height:36%;border-radius:0;background:#294b45}.book-french-communication .book-art{top:54%;left:12%;height:37%;transform:rotate(12deg)}
.catalogue-five .book-french-communication .course-card-title{top:14%;height:31%;left:12%;right:8%;color:#fff4dc}.book-french-communication .book-category{top:49%;color:#294b45}.book-french-communication .book-motif{display:none}.book-french-communication .book-ribbon{background:#985b47}
/* Darija: an architectural arch filling the cover, title on the lower panel. */
.book-darija .book-orb{top:13%;left:13%;height:62%;width:82%}.book-darija .book-ring{top:17%;left:19%;height:56%;width:70%}.book-darija .book-art{top:25%;left:17%;width:78%;height:43%}.book-darija .book-pattern{opacity:.11;background-size:12px 12px}
.catalogue-five .book-darija .course-card-title{top:74%;height:24%;left:11%;right:5%;color:#693b30}.book-darija .book-category,.book-darija .book-bottom,.book-darija .book-ribbon{display:none}
/* Business: restrained ivory jacket with a wide horizontal blue sash. */
.book-business .course-book-front{background:linear-gradient(0deg,#e6dfd1 0 30%,#243e51 30% 62%,#e6dfd1 62%)}.book-business .book-art{top:12%;left:42%;width:50%;height:24%;transform:rotate(4deg)}
.catalogue-five .book-business .course-card-title{top:40%;height:28%;color:#fff3dc}.book-business .book-category{top:79%;color:#243e51}.book-business .book-motif{top:12%;left:12%;font-size:36px;opacity:.25}.book-business .book-bottom,.book-business .book-ribbon{display:none}.book-business .book-pattern{opacity:.08}
/* AI: large technical lettering, neon lines, and a diagonal device. */
.book-ai .course-book-front{background:#222b42}.book-ai .book-orb{background:#87b9b2;width:92%;height:27%;top:40%;left:22%;border-radius:0;transform:rotate(-30deg)}.book-ai .book-ring{display:none}.book-ai .book-motif{top:8%;left:16%;font:800 clamp(50px,55cqi,88px)/1 Cairo,sans-serif;color:#b8d2da;opacity:.95;transform:none}.book-ai .book-art{top:38%;left:18%;width:84%;height:37%;transform:rotate(-12deg)}
.catalogue-five .book-ai .course-card-title{top:77%;height:20%;color:#fff3dc}.book-ai .book-category,.book-ai .book-bottom,.book-ai .book-ribbon{display:none}.book-ai .book-pattern{inset:0;opacity:.16;background-size:20px 20px}
html[lang=es] .catalogue-five .book-svt .course-card-title,html[lang=ar] .catalogue-five .book-svt .course-card-title{font-size:clamp(11px,8cqi,14px);height:27%;top:10%}.book-svt:lang(es) .book-category,.book-svt:lang(ar) .book-category{top:38%}
@media(max-width:380px){.catalogue-five .course-book .course-card-title{font-size:12px;line-height:1.15}.catalogue-five .book-svt .course-card-title{font-size:25px}.catalogue-five .book-english-support .course-card-title{font-size:18px}}

/* Center catalogue headings and emphasize the subject links below books. */
.catalogue-five>h2{text-align:center}
.catalogue-five .course-book .text-button{font-weight:700}

/* Community training carousel: both cards remain readable without JavaScript. */
.community-carousel{max-width:920px;margin-inline:auto;text-align:start}
.community-track{display:grid;gap:20px}
.stories .community-carousel .event-card{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:28px;padding:28px 34px;min-width:0;border-radius:22px;background:#eeeaf4}
.stories .community-carousel .event-business{background:#e6ede6}
.community-carousel .event-copy{min-width:0}.community-carousel .event-card img{width:100%;height:180px;object-fit:contain}
.community-carousel .event-copy h3{font-size:26px;font-weight:600}.community-carousel .event-copy p:not(.eyebrow){font-size:15px;line-height:1.65}
.community-carousel .event-copy .text-button{display:inline-block;margin-top:8px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.community-window{border-radius:22px}
.community-carousel.is-carousel .community-window{overflow:hidden}
.community-carousel.is-carousel .community-track{display:flex;gap:0;direction:ltr;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.stories .community-carousel.is-carousel .event-card{flex:0 0 100%;width:100%;box-sizing:border-box}
html[dir=rtl] .community-carousel .event-card{direction:rtl}
.community-controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.community-controls button{border:1px solid #c9d3cf;border-radius:50%;width:38px;height:38px;background:transparent;color:#17383f;font-size:20px}
.community-controls .community-pause{width:auto;border:0;border-radius:0;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding-inline:10px}
.community-count{font-size:12px;font-variant-numeric:tabular-nums;direction:ltr}
@media(max-width:620px){.stories .community-carousel .event-card{grid-template-columns:1fr 86px;gap:14px;padding:22px}.community-carousel .event-card img{height:110px}.community-carousel .event-copy h3{font-size:22px}.community-carousel .event-copy p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){.community-carousel.is-carousel .community-track{transition:none}}

/* A smaller FAQ spread with tighter page margins and reading controls. */
.faq-realbook{max-width:900px;margin:14px auto 8px}
.faq-realbook.book-enhanced .book-viewport{height:480px;padding:14px 14px 20px}
.faq-realbook.book-enhanced .book-face{padding:26px 26px 16px}
.faq-realbook .book-running-title{font-size:11px!important;margin-bottom:20px!important}
.faq-realbook .book-face h3{font-size:22px;line-height:1.35;margin-bottom:16px}
.faq-realbook .book-face .book-answer{font-size:15px;line-height:1.7}
.faq-realbook .book-folio{padding-top:10px;font-size:11px}
.faq-realbook.book-enhanced .book-cover-front{padding:32px}
.faq-realbook .book-cover-brand{font-size:13px;margin-bottom:28px}
.faq-realbook .book-cover-title{font-size:32px}
.faq-realbook .book-cover-open{font-size:13px;margin-top:30px}
.faq-realbook .book-toolbar{gap:12px;padding:4px 10px}
.faq-realbook .book-toolbar .book-close{margin-inline-start:8px;font-size:13px}
.faq-realbook .book-toolbar .book-status{font-size:12px;min-width:100px}
@media(max-width:700px){
 .faq-realbook{max-width:430px;margin-block:12px 6px}
 .faq-realbook.book-enhanced .book-viewport{height:440px;padding:12px 8px 18px}
 .faq-realbook.book-enhanced .book-face{padding:22px 22px 14px}
 .faq-realbook .book-running-title{margin-bottom:16px!important}
 .faq-realbook .book-face h3{font-size:21px;margin-bottom:14px}
 .faq-realbook.book-enhanced .book-cover-front{padding:28px}
 .faq-realbook .book-cover-title{font-size:29px}
 .faq-realbook .book-toolbar{gap:8px;padding-inline:0}
 .faq-realbook .book-toolbar .book-close{margin-inline-start:0}
 .faq-realbook .book-toolbar .book-status{min-width:86px}
}

/* FAQ paper: cream stock, a narrow binding, layered edges and flexible leaves. */
.faq-realbook.book-enhanced .book-sheet .book-face{
 --paper-direction:90deg;
 background:linear-gradient(var(--paper-direction),#b9ac8f 0,#ded5bf 1%,#f2ebda 3%,#fbf5e8 9%,#fffaf0 55%,#f8f0df 97%,#e5d9c0 100%);
 border-color:#d6cab1;
 box-shadow:inset 0 1px 0 #fffdf8,inset 0 -1px 0 #c8baa052,0 1px 2px #40301812;
 border-radius:1px 7px 9px 1px;
}
.faq-realbook.book-enhanced .book-sheet .book-back{--paper-direction:270deg;border-radius:7px 1px 1px 9px}
html[dir=rtl] .faq-realbook.book-enhanced .book-sheet .book-front{--paper-direction:270deg}
html[dir=rtl] .faq-realbook.book-enhanced .book-sheet .book-back{--paper-direction:90deg}
.faq-realbook .book-sheet .book-face:before{
 content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
 background-image:radial-gradient(#73593118 .5px,transparent .8px),radial-gradient(#fffef795 .6px,transparent 1px),repeating-linear-gradient(0deg,transparent 0 3px,#a58b5e04 3px 4px);
 background-size:5px 7px,7px 11px,100% 4px;background-position:0 0,3px 4px,0 0;opacity:.55;
}
.faq-realbook .book-sheet .book-page-content,.faq-realbook .book-sheet .book-folio{position:relative;z-index:1}
.faq-realbook .book-running-title{padding-bottom:9px;border-bottom:1px solid #ae987035;letter-spacing:.06em;color:#897b64!important}
.faq-realbook .book-face h3{text-wrap:pretty;color:#293c3c}
.faq-realbook .book-face .book-answer{color:#4e5149}
.faq-realbook .book-folio{color:#8b7b60;letter-spacing:.06em}
.faq-realbook.book-enhanced .book-board{box-shadow:0 12px 18px -8px #2b251d40,1px 2px 0 #e7ddc7,2px 3px 0 #a99b80,3px 4px 0 #f6ecd7,4px 5px 0 #b9ab91,5px 6px 0 #f6ecd7,7px 8px 0 #173744;border-radius:3px 8px 10px 3px}
.faq-realbook.book-enhanced .book-inside-cover{background:linear-gradient(var(--paper-direction,270deg),#c4b89c,#eee3ca 8%,#f3ead8 55%,#e8dec6);border-color:#173744}
.faq-realbook.book-enhanced .book-sheet.book-moving .book-face:after{
 background:linear-gradient(var(--paper-direction),#372b1d38,transparent 20%,#fffdf855 43%,transparent 70%,#47352218);
 animation:faq-paper-light .8s ease-in-out both;
}
.faq-realbook.book-enhanced .book-sheet.book-moving .book-front{animation:faq-paper-flex-front .8s ease-in-out both}
.faq-realbook.book-enhanced .book-sheet.book-moving .book-back{animation:faq-paper-flex-back .8s ease-in-out both}
@keyframes faq-paper-light{0%,100%{opacity:0}30%{opacity:.35}55%{opacity:.8}80%{opacity:.2}}
@keyframes faq-paper-flex-front{0%,100%{transform:translateZ(.4px)}45%{transform:translateZ(3px) skewY(-1.2deg) scaleX(.985);border-radius:1px 15px 22px 1px}}
@keyframes faq-paper-flex-back{0%,100%{transform:rotateY(180deg) translateZ(.4px)}55%{transform:rotateY(180deg) translateZ(3px) skewY(1.2deg) scaleX(.985);border-radius:15px 1px 1px 22px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .faq-realbook.book-is-open .book-sheet:not(.book-moving) .book-face:not([inert]):hover{box-shadow:inset 0 1px 0 #fffdf8,inset -4px -3px 8px -6px #66502b55,0 1px 2px #40301812}
}

/* Illustrations use the remaining page space; long answers remain scrollable. */
.faq-realbook .book-page-content{display:flex;flex-direction:column}
.faq-realbook .book-page-content>p,.faq-realbook .book-page-content>h3{flex-shrink:0}
.faq-page-illustration{position:relative;isolation:isolate;flex:1 0 105px;min-height:105px;margin:14px 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:1px solid #b5a78525}
.faq-page-illustration:before{content:'';position:absolute;z-index:-1;width:76%;height:83%;max-height:190px;border-radius:45% 55% 60% 40%;background:#ddd6bc38;transform:rotate(-8deg)}
.faq-page-illustration svg{display:block;width:100%;height:100%;max-height:205px;min-height:105px}
.faq-page-illustration .faq-object{width:64%;height:100%;max-height:205px;min-height:105px;object-fit:contain;filter:drop-shadow(0 7px 6px #6a553118)}
.faq-course-still{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:120px}
.faq-course-still img{width:34%;height:125px;object-fit:contain;transform:rotate(-8deg)}.faq-course-still img:nth-child(2){transform:translateY(10px) rotate(4deg)}.faq-course-still img:nth-child(3){transform:rotate(9deg)}
.faq-photo{position:relative;width:78%;height:100%;max-height:175px;min-height:105px;padding:6px 6px 23px;background:#fffaf0;box-shadow:0 3px 9px #5b49351b;transform:rotate(-3deg)}
.faq-photo img{width:100%;height:100%;object-fit:cover;display:block}.faq-photo span{position:absolute;bottom:1px;inset-inline:0;text-align:center;font-size:12px;color:#746246}
.faq-illustration-7{flex-basis:90px;min-height:90px}.faq-illustration-7 svg{min-height:90px;max-height:145px}
.faq-realbook:not(.book-enhanced) .faq-page-illustration{height:170px;flex:none;max-width:400px}
@media(max-width:700px){.faq-page-illustration{margin-top:10px;flex-basis:95px;min-height:95px}.faq-page-illustration svg,.faq-page-illustration .faq-object{max-height:160px;min-height:95px}.faq-course-still{min-height:100px}.faq-course-still img{height:105px}.faq-photo{max-height:140px}}

/* A real two-sided cover hinges open before the revealed paper fills the viewport. */
.course-journey{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden}
.course-journey.catalogue-five .course-journey-book{position:absolute;margin:0;transform-origin:0 0;filter:drop-shadow(0 10px 12px #17383f28)}
.course-book-in-transit{visibility:hidden}
.course-journey .course-cover-link{perspective:1300px;overflow:visible;transform-style:preserve-3d}
.course-opening-cover{position:absolute;inset:0;z-index:4;transform-origin:left center;transform-style:preserve-3d}
.course-journey .course-opening-cover .course-book-front{transform:translateZ(1px);backface-visibility:hidden;transition:none}
.course-opening-endpaper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;border:4px solid var(--book-ink);border-radius:3px 9px 9px 3px;background:linear-gradient(90deg,#d9cfb7,#f5ecd7 14%,#f9f2e1 80%,#e7ddc5);transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;box-shadow:inset 0 0 18px #796a3c18}
.course-opening-endpaper span{border:1px solid #a38b5b66;padding:16px 8px;color:#806b42;font-size:9px;text-align:center;letter-spacing:1px}
.course-journey .book-inside{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:18px;background:linear-gradient(90deg,#e5dcc6,#fff9ea 12%,#fffdf6);text-align:center;color:#27474b}
.course-journey .book-inside strong{font-size:clamp(14px,10cqi,20px);line-height:1.4;font-weight:600}
.course-journey .book-inside>span{font-size:7px;letter-spacing:1px;text-transform:uppercase}
.course-journey .course-opening-art{width:65%;height:80px;object-fit:contain}
.course-page-leaving{cursor:progress}
@media(prefers-reduced-motion:reduce){.course-journey{display:none}}

/* The visible paper is the real destination, rendered once and scaled continuously. */
.course-page-expansion{position:absolute;z-index:2;overflow:hidden;border-radius:0 6px 6px 0;background:#faf9f6;box-shadow:0 2px 8px #17383f20}
.course-page-expansion.expanding{z-index:5;box-shadow:none}
.course-destination-preview{position:absolute;inset:0;border:0;display:block;transform-origin:0 0;pointer-events:none;max-width:none}
.course-journey.catalogue-five .course-journey-book{z-index:3;filter:none}