/* Structure inspired by the institutional reference. Palette comes from the existing theme. */
.institutional-home .header,.institutional-course .header{position:absolute;inset:20px 0 auto;background:transparent;border:0;box-shadow:none;z-index:30}
.institutional-home .header .shell,.institutional-course .header .shell{max-width:1240px;width:calc(100% - 80px);background:var(--surface);border:1px solid var(--gray-border);border-radius:60px;padding:10px 28px;box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 12%,transparent)}
.institutional-home .nav,.institutional-course .nav{min-height:66px;gap:24px}
.institutional-home .header .logo,.institutional-course .header .logo{width:245px}
.institutional-home .nav-links,.institutional-course .nav-links{gap:24px;align-items:center;font-size:14px}
.nav-courses{position:relative}
.nav-courses summary{cursor:pointer;list-style:none;color:var(--third-gray);font-weight:600;white-space:nowrap;padding-block:12px;display:flex;gap:9px;align-items:center}
.nav-courses summary::-webkit-details-marker{display:none}
.nav-courses summary:after{content:'⌄';font-size:15px}
.nav-courses[open] summary{color:var(--deep)}
.course-menu{position:absolute;top:calc(100% + 8px);inset-inline-start:-20px;min-width:220px;background:var(--surface);border:1px solid var(--gray-border);border-radius:12px;padding:12px;box-shadow:0 12px 32px color-mix(in srgb,var(--ink) 14%,transparent);display:grid;gap:4px;z-index:50}
.course-menu a{display:block;padding:9px 12px!important;border-radius:6px;font-size:14px}
.course-menu a:hover{background:var(--gray-surface)}
.institutional-home .nav-actions .button,.institutional-course .nav-actions .button{border-radius:24px;padding-inline:20px}
.institutional-home .institute-hero{background:var(--deep);border:0;padding:115px 0 0;border-radius:0;overflow:hidden;position:relative}
.institutional-home .institute-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:330px;gap:60px}
.institutional-home .institute-copy{padding-block:30px 40px;position:relative;z-index:2}
.institutional-home .institute-copy .eyebrow{display:block;color:var(--gray-surface);font-size:13px;font-weight:500;margin-bottom:12px}
.institutional-home .institute-copy h1{color:var(--surface);font-size:36px;line-height:1.45;max-width:19ch;letter-spacing:0;margin:0 0 14px}
.institutional-home .institute-copy p{color:var(--gray-surface);font-size:15px;line-height:1.9;max-width:49ch;margin:0 0 23px}
.institutional-home .institute-copy .hero-actions{gap:12px}
.institutional-home .institute-copy .button{border-radius:24px;font-size:14px;padding:9px 21px;min-height:42px}
.institutional-home .institute-copy .button-brown{background:var(--surface);color:var(--deep);border-color:var(--surface)}
.institutional-home .institute-copy .button-outline{color:var(--surface);border-color:var(--surface);background:transparent}
.institutional-home .institute-copy .button-outline:hover{background:color-mix(in srgb,var(--surface) 12%,transparent)}
.institute-art{align-self:stretch;display:grid;place-items:center;position:relative;min-width:0;height:330px}
.institute-art:before{content:'';position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid color-mix(in srgb,var(--surface) 18%,transparent)}
.institute-art img{width:420px;height:420px;object-fit:contain;position:absolute;bottom:-22px;max-width:none}
.institute-copy{min-width:0}
.institutional-home .header .logo,.institutional-course .header .logo,.institutional-home .footer .logo,.institutional-course .footer .logo{filter:url('/assets/logo-blue-filter.svg?v=41#blue');mix-blend-mode:normal}
.institutional-home .institute-art{height:270px;align-self:center;overflow:hidden;border-radius:14px;margin-block:22px}
.institutional-home .institute-art:before{display:none}
.institutional-home .institute-art img{position:static;width:100%;height:100%;object-fit:cover;object-position:center 40%;max-width:100%}
.institutional-home .quick-access>.shell{grid-template-columns:repeat(2,minmax(0,1fr))}
.quick-access{background:var(--gray-surface);border-bottom:1px solid var(--gray-border)}
.quick-access>.shell{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-access a{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;font-size:15px;font-weight:700;border-inline-end:1px solid var(--gray-border);gap:16px;color:var(--ink)}
.quick-access a:first-child{border-inline-start:1px solid var(--gray-border)}
.quick-access a>span:last-child{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--gray-border);border-radius:50%;color:var(--deep);font-weight:400}
.quick-access a:hover{background:var(--surface)}
.institutional-home .course-section{padding-top:34px}
.institutional-home .collection-heading{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--gray-border);padding-bottom:14px;margin-bottom:12px;position:relative}
.institutional-home .collection-heading .overline,.institutional-home .heading-rule{display:none}
.institutional-home .collection-heading h2{font-size:26px;order:0;margin:0}
.institutional-home .section-directory{order:1;margin-inline-start:auto;font-size:13px;font-weight:500;color:var(--third-gray);white-space:nowrap}
.institutional-home .section-directory:after{content:' ←';color:var(--deep)}
.institutional-home .course-view-toolbar{border:0;margin-bottom:12px}
.institutional-home .compact-contact{padding-block:28px}
.institutional-home .compact-contact h2{font-size:23px}
.institutional-home .compact-contact .button{border-radius:24px}
.institutional-course .course-hero{padding-top:140px;padding-bottom:35px}
.institutional-course .upcoming-content{padding-block:36px}
@media(max-width:1150px){.institutional-home .header .shell,.institutional-course .header .shell{width:calc(100% - 40px);padding-inline:20px}.institutional-home .header .logo,.institutional-course .header .logo{width:205px}.institutional-home .nav-links,.institutional-course .nav-links{gap:16px;font-size:13px}.institutional-home .nav,.institutional-course .nav{gap:16px}.institutional-home .institute-hero-grid{gap:20px}.institute-art img{width:360px;height:360px}}
@media(max-width:900px){.institutional-home .header,.institutional-course .header{inset:12px 0 auto}.institutional-home .header .shell,.institutional-course .header .shell{width:calc(100% - 28px);padding:12px 18px;border-radius:22px}.institutional-home .nav,.institutional-course .nav{min-height:0;flex-wrap:wrap;gap:8px}.institutional-home .header .logo,.institutional-course .header .logo{width:175px}.institutional-home .nav-links,.institutional-course .nav-links{order:3;display:flex;width:100%;overflow:visible;justify-content:space-between;gap:8px;padding:0;border-top:1px solid var(--gray-border);font-size:12px}.institutional-home .nav-links>a,.institutional-course .nav-links>a{padding-block:10px}.nav-courses summary{font-size:12px;padding-block:10px}.course-menu{inset-inline-start:-10px;min-width:200px}.institutional-home .nav-actions,.institutional-course .nav-actions{margin-inline-start:auto;gap:10px}.institutional-home .nav-actions .button,.institutional-course .nav-actions .button{padding-inline:12px;font-size:12px;min-height:35px}.institutional-home .institute-hero{padding-top:133px}.institutional-home .institute-hero-grid{grid-template-columns:1.2fr .8fr;gap:12px;min-height:280px}.institutional-home .institute-copy h1{font-size:29px}.institutional-home .institute-copy p{font-size:14px}.institute-art{height:280px}.institute-art img{width:310px;height:310px}.institute-art:before{width:240px;height:240px}.quick-access a{padding:15px 14px;font-size:13px}.institutional-course .course-hero{padding-top:157px}}
@media(max-width:600px){.institutional-home .institute-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.institutional-home .institute-copy{padding:22px 0 12px}.institutional-home .institute-copy h1{font-size:27px;max-width:none;line-height:1.5}.institutional-home .institute-copy p{font-size:14px;margin-bottom:16px;max-width:38ch}.institutional-home .institute-copy .button{font-size:12px;padding:8px 15px;min-height:38px}.institute-art{height:145px;justify-self:center;width:100%;overflow:hidden}.institute-art img{width:210px;height:210px;bottom:-50px;inset-inline-start:calc(50% - 105px)}.institute-art:before{height:165px;width:165px;top:12px}.quick-access>.shell{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-access a{padding:12px 10px;font-size:12px;border-bottom:1px solid var(--gray-border)}.quick-access a:nth-child(3){border-inline-start:1px solid var(--gray-border)}.institutional-home .course-section{padding-top:24px}.institutional-home .collection-heading h2{font-size:22px}.institutional-home .compact-contact h2{font-size:20px}.institutional-course .course-hero h1{font-size:28px}}
@media(max-width:600px){.institutional-home .header .logo,.institutional-course .header .logo{width:150px}.institutional-home .nav-links,.institutional-course .nav-links{justify-content:flex-start;gap:20px}.institutional-home .institute-hero-grid{grid-template-columns:minmax(0,1fr)}.institutional-home .institute-copy h1{font-size:26px}}
@media(max-width:600px){.institutional-home .institute-art{height:200px;width:100%;margin:6px 0 22px}.institutional-home .institute-art img{width:100%;height:100%;position:static;object-position:center 40%}}
/* The student illustration fills the complete hero behind the content. */
.institutional-home .institute-hero{isolation:isolate}
.institutional-home .institute-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;border-radius:0;overflow:hidden;max-width:none}
.institutional-home .institute-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;max-width:none}
.institutional-home .institute-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,color-mix(in srgb,var(--deep) 94%,transparent) 0%,color-mix(in srgb,var(--deep) 82%,transparent) 32%,color-mix(in srgb,var(--deep) 28%,transparent) 68%,color-mix(in srgb,var(--deep) 10%,transparent) 100%)}
.institutional-home .institute-hero-grid{display:flex;align-items:center;min-height:380px;position:static}
.institutional-home .institute-copy{width:48%;max-width:560px;padding-block:42px}
@media(min-width:1600px){.institutional-home .institute-hero-grid{min-height:460px}.institutional-home .institute-art img{object-position:center 12%}}
@media(max-width:900px){.institutional-home .institute-hero-grid{min-height:340px}.institutional-home .institute-copy{width:60%}.institutional-home .institute-art img{object-position:center 25%}}
@media(max-width:600px){.institutional-home .institute-hero-grid{display:flex;min-height:350px}.institutional-home .institute-copy{width:100%;padding-block:30px;align-self:flex-end}.institutional-home .institute-art{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0}.institutional-home .institute-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center}.institutional-home .institute-hero:after{background:linear-gradient(to top,color-mix(in srgb,var(--deep) 95%,transparent) 0%,color-mix(in srgb,var(--deep) 80%,transparent) 35%,color-mix(in srgb,var(--deep) 30%,transparent) 75%,color-mix(in srgb,var(--deep) 15%,transparent) 100%)}}
/* Keep the Arabic institute headline on one line on desktop only. */
@media(min-width:901px){html[lang="ar"] .institutional-home .institute-copy h1{font-size:clamp(22px,2.1vw,30px);max-width:none;white-space:nowrap}}
/* The ninth-grade card uses the existing neutral gray rather than warm orange. */
.institutional-home .course-tile[data-card="nine"]{border-top-color:var(--third-gray)}
.institutional-home .course-tile[data-card="nine"] .tile-art{background:var(--gray-surface)}
.institutional-home .institute-copy p{font-size:19px;line-height:1.85;margin-bottom:0;max-width:49ch}
@media(max-width:600px){.institutional-home .institute-copy p{font-size:17px;line-height:1.85;margin-bottom:0}}
@media(max-width:600px){.institutional-home .institute-copy{padding-inline:18px}}
/* Separate the approved symbol from live text so only the name and slogan grow. */
.institutional-home .header .logo-symbol,.institutional-course .header .logo-symbol{width:110px;height:auto;filter:none}
.brand-with-wordmark{gap:12px;flex-shrink:0}
.brand-with-wordmark .brand-wordmark{display:flex;flex-direction:column;gap:2px;direction:rtl;text-align:right;letter-spacing:0;color:#165a96;white-space:nowrap;font-family:Tajawal,Arial,sans-serif}
.brand-wordmark strong{font-size:25px;font-weight:700;line-height:1.25}
.brand-wordmark small{font-size:16px;font-weight:500;line-height:1.5}
@media(max-width:1150px){.institutional-home .header .logo-symbol,.institutional-course .header .logo-symbol{width:90px}.brand-wordmark strong{font-size:22px}.brand-wordmark small{font-size:14px}}
@media(max-width:900px){.institutional-home .header .logo-symbol,.institutional-course .header .logo-symbol{width:65px}.brand-with-wordmark{gap:8px}.brand-wordmark strong{font-size:19px}.brand-wordmark small{font-size:12px}}
@media(max-width:600px){.institutional-home .header .logo-symbol,.institutional-course .header .logo-symbol{width:50px}.brand-with-wordmark{gap:7px}.brand-wordmark strong{font-size:17px}.brand-wordmark small{font-size:11px}}
.institutional-home .brand .brand-wordmark,.institutional-course .brand .brand-wordmark{display:flex}
@media(max-width:600px){.institutional-home .header .shell,.institutional-course .header .shell{padding-inline:14px}.institutional-home .nav,.institutional-course .nav{column-gap:4px}}
/* Slightly enlarge the primary navigation labels across public pages. */
.institutional-home .nav-links,.institutional-course .nav-links{font-size:16px}
.institutional-home .nav-courses>summary,.institutional-course .nav-courses>summary{font-size:inherit}
@media(max-width:1150px){.institutional-home .nav-links,.institutional-course .nav-links{font-size:15px}}
@media(max-width:900px){.institutional-home .nav-links,.institutional-course .nav-links{font-size:13px}}