/* The public photo layout overrides legacy editor pixel dimensions, never the studio. */
html[data-visual-refresh] body #home-landing .home-hero,
html[data-visual-refresh] body #page-hero.page-hero[data-view] {
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"copy media";direction:rtl;gap:0!important;
 width:calc(100% - 64px)!important;max-width:1280px!important;height:auto!important;min-height:0!important;max-height:none!important;
 margin:28px auto 0!important;padding:0!important;inset:auto!important;border:1px solid #e2e8ed!important;border-radius:28px!important;
 background:#f8fafb!important;box-shadow:0 12px 36px #14324b08!important;overflow:hidden;transform:none!important;aspect-ratio:auto!important;
}
html[data-visual-refresh] body #home-landing .home-hero-media,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media {
 grid-area:media;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:300px!important;
 max-height:none!important;margin:0!important;padding:0!important;opacity:1!important;transform:none!important;background:#e8edf0!important;
}
html[data-visual-refresh] body #home-landing .home-books-poster {
 display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important;
}
html[data-visual-refresh] body #home-landing .home-hero-media::after,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media::after {
 content:none!important;display:none!important;background:none!important;opacity:0!important;
}
html[data-visual-refresh] body #home-landing .home-hero-media img,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media img {
 display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;
 min-width:0!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center 55%!important;
 transform:none!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
}
html[data-visual-refresh] body #home-landing .home-hero-copy,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy {
 grid-area:copy;display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative!important;inset:auto!important;
 direction:rtl;text-align:right!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;
 max-height:none!important;padding:clamp(28px,4vw,56px)!important;margin:0!important;transform:none!important;background:#f8fafb!important;box-sizing:border-box;
}
html[data-visual-refresh] body #home-landing .home-hero-copy h1 {
 font-size:clamp(1.8rem,3.3vw,2.9rem)!important;line-height:1.45!important;font-weight:800!important;letter-spacing:0!important;color:#15334b!important;text-wrap:balance;
}
html[data-visual-refresh] body #home-landing .home-hero-copy h1 :is(span,strong) {font-size:inherit!important;line-height:inherit!important;color:inherit!important;}
html[data-visual-refresh] body #home-landing .home-hero-copy h1 strong {color:#287999!important;}
html[data-visual-refresh] body #home-landing .home-hero-copy :is(h1,p,.home-hero-actions,.home-hero-note),
html[data-visual-refresh] body #page-hero.page-hero[data-view] :is(.page-hero-kicker,.page-hero-title,.page-hero-text) {
 position:static!important;inset:auto!important;transform:none!important;width:auto!important;min-width:0!important;max-width:100%!important;
 height:auto!important;min-height:0!important;max-height:none!important;text-shadow:none!important;overflow:visible!important;white-space:normal!important;
 margin:0!important;padding:0!important;box-sizing:border-box;
}
html[data-visual-refresh] body #home-landing .home-hero-copy > p:not(.home-kicker),
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-text {
 font-size:1rem!important;line-height:1.95!important;color:#526678!important;margin-block:16px 0!important;opacity:1!important;
}
html[data-visual-refresh] body #home-landing .home-hero-copy .home-kicker,
html[data-visual-refresh] body #home-landing .home-section-head .home-kicker,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-kicker {
 font-size:.8rem!important;line-height:1.7!important;color:#426f80!important;text-shadow:none!important;margin-block:0 12px!important;letter-spacing:0!important;font-weight:700;
}
html[data-visual-refresh] body #home-landing .home-hero-copy .home-kicker::before,
html[data-visual-refresh] body #home-landing .home-section-head .home-kicker::before,
html[data-visual-refresh] body #page-hero .page-hero-kicker::before {background:#bd7958!important;}
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-title {
 font-size:clamp(1.7rem,3vw,2.5rem)!important;line-height:1.5!important;color:#15334b!important;
}
html[data-visual-refresh] body #home-landing .home-hero-copy .home-hero-actions {
 display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-block:24px 0!important;align-items:stretch!important;
}
html[data-visual-refresh] body #home-landing .home-hero-actions a {
 display:inline-flex!important;align-items:center;justify-content:center;position:static!important;transform:none!important;margin:0!important;
 width:auto!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;padding:12px 20px!important;
 font-size:.95rem!important;line-height:1.6!important;border-radius:12px!important;box-sizing:border-box;white-space:normal!important;text-align:center;box-shadow:none!important;
}
html[data-visual-refresh] body #home-landing .home-primary-cta {color:white!important;background:#236e8b!important;border:1px solid #236e8b!important;}
html[data-visual-refresh] body #home-landing .home-secondary-cta {color:#20495e!important;background:white!important;border:1px solid #cddce3!important;}
html[data-visual-refresh] body #home-landing .home-hero-copy .home-hero-note {
 display:flex!important;flex-wrap:wrap!important;gap:8px 14px!important;margin-block:22px 0!important;color:#526678!important;background:none!important;border:0!important;
}
html[data-visual-refresh] body #home-landing .home-hero-note span {
 font-size:.75rem!important;line-height:1.7!important;padding:0!important;background:none!important;border:0!important;color:inherit!important;text-shadow:none!important;white-space:normal!important;
}
html[data-visual-refresh] body #home-landing .home-hero-note i {background:#bc805d!important;}
html[data-visual-refresh] body #home-landing .home-hero-portals {display:none!important;}
html[data-visual-refresh] body #home-landing .home-hero-portal-strip[data-fallback] {
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:calc(100% - 64px)!important;max-width:1280px!important;height:auto!important;
 gap:12px!important;margin:20px auto 0!important;padding:0!important;box-sizing:border-box;
}
html[data-visual-refresh] body #home-landing .home-hero-portal-strip a {
 display:flex;align-items:center;gap:12px!important;min-width:0!important;width:auto!important;height:auto!important;min-height:70px!important;padding:14px!important;
 white-space:normal!important;font-size:.94rem!important;line-height:1.65!important;border:1px solid #e0e7ed!important;border-radius:16px!important;background:#fff!important;
 color:#203b51!important;box-shadow:0 4px 14px #16374c05!important;
}
html[data-visual-refresh] body #home-landing .home-hero-portal-strip .home-hero-portal-mark {
 width:38px!important;height:38px!important;flex:0 0 38px;border-radius:12px!important;box-shadow:none!important;
}
html[data-visual-refresh] body #home-landing .home-stats {
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;align-items:stretch!important;
 width:calc(100% - 64px)!important;max-width:1280px!important;height:auto!important;min-height:0!important;max-height:none!important;
 margin:28px auto 0!important;padding:8px!important;gap:0!important;background:#f5f8fa!important;border:1px solid #e0e7ed!important;border-radius:20px!important;box-shadow:none!important;overflow:visible!important;
}
html[data-visual-refresh] body #home-landing .home-stats::before,
html[data-visual-refresh] body #home-landing .home-stat::after {content:none!important;}
html[data-visual-refresh] body #home-landing .home-stat {
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;inset:auto!important;
 transform:none!important;min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:20px 12px!important;border:0!important;text-align:center!important;gap:8px!important;
}
html[data-visual-refresh] body #home-landing .home-stat-icon {display:none!important;}
html[data-visual-refresh] body #home-landing .home-stat > span:last-child {display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;}
html[data-visual-refresh] body #home-landing .home-stat :is(b,small) {
 display:block!important;position:static!important;transform:none!important;height:auto!important;min-height:0!important;max-height:none!important;
 width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;white-space:normal!important;overflow-wrap:anywhere;text-shadow:none!important;
}
html[data-visual-refresh] body #home-landing .home-stat b {font-size:1.65rem!important;line-height:1.45!important;color:#173b52!important;}
html[data-visual-refresh] body #home-landing .home-stat small {font-size:.85rem!important;line-height:1.8!important;color:#526678!important;}
html[data-visual-refresh] body #home-landing .home-section-head {height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;}
html[data-visual-refresh] body #home-landing .home-section-head :is(h2,p) {height:auto!important;min-height:0!important;max-height:none!important;line-height:1.7!important;transform:none!important;text-shadow:none!important;}
#session-availability {line-height:1.8;}
#start-session:disabled {opacity:.55;cursor:not-allowed;}
@media(max-width:980px){
 html[data-visual-refresh] body #home-landing .home-hero,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] {
  width:calc(100% - 32px)!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"media" "copy";border-radius:20px!important;margin-top:16px!important;
 }
 html[data-visual-refresh] body #home-landing .home-hero-media,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media {height:auto!important;min-height:0!important;aspect-ratio:16/9!important;}
 html[data-visual-refresh] body #home-landing .home-hero-copy,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy {padding:26px!important;}
 html[data-visual-refresh] body #home-landing .home-hero-copy h1 {font-size:clamp(1.7rem,5vw,2.2rem)!important;}
 html[data-visual-refresh] body #home-landing .home-hero-portal-strip[data-fallback] {
  width:calc(100% - 32px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important;
 }
 html[data-visual-refresh] body #home-landing .home-stats {width:calc(100% - 32px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:24px!important;padding:8px!important;}
 html[data-visual-refresh] body #home-landing .home-stat:last-child {grid-column:1/-1;border-top:1px solid #dfe7ed!important;}
 html[data-visual-refresh] body #home-landing .home-section {padding-top:44px!important;}
 html[data-visual-refresh] body #home-landing .home-section-head h2 {font-size:1.65rem!important;}
 html[data-visual-refresh] body #home-landing .home-path-grid {gap:14px!important;}
 html[data-visual-refresh] body #home-landing .home-path-card {padding:22px!important;height:auto!important;min-height:0!important;max-height:none!important;border-radius:18px;}
 html[data-visual-refresh] body .learner-dock {bottom:calc(12px + var(--player-dock-h,0px));}
 html[data-visual-refresh] body :is(input,select,textarea) {font-size:16px;}
}
@media(max-width:480px){
 html[data-visual-refresh] body #home-landing .home-hero-copy,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy {padding:24px 20px!important;}
 html[data-visual-refresh] body #home-landing .home-hero-media,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media {aspect-ratio:3/2!important;}
 html[data-visual-refresh] body #home-landing .home-hero-actions a {flex:1 1 100%;}
 html[data-visual-refresh] body #home-landing .home-hero-portal-strip a {flex-direction:column;align-items:flex-start;gap:10px!important;padding:14px!important;font-size:.86rem!important;}
 html[data-visual-refresh] body #home-landing .home-stat {padding:18px 8px!important;}
}


/* Reset saved line offsets as well as their parent: they used to squeeze Arabic headings. */
html[data-visual-refresh] body #home-landing .home-hero-copy {align-items:stretch!important;pointer-events:auto;}
html[data-visual-refresh] body #home-landing .home-hero-copy h1 :is(span,strong) {
 display:block!important;position:static!important;margin:0!important;padding:0!important;inset:auto!important;transform:none!important;
 width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;text-align:right!important;
}
html[data-visual-refresh] body #home-landing .home-hero-copy > p:not(.home-kicker) {font-weight:500!important;}
html[data-visual-refresh] body #home-landing .home-hero-actions a.home-primary-cta {color:#fff!important;background:#236e8b!important;border:1px solid #236e8b!important;}
html[data-visual-refresh] body #home-landing .home-hero-actions a.home-secondary-cta {color:#20495e!important;background:#fff!important;border:1px solid #cddce3!important;}

html[data-visual-refresh] body #home-landing .home-hero-copy,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy {border:0!important;border-radius:0!important;box-shadow:none!important;}

html[data-visual-refresh] body #home-landing .home-hero-copy > .home-kicker {
 position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:100%!important;
 height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 12px!important;padding:0!important;
 white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box;flex-wrap:wrap;
}

html[data-visual-refresh] body #home-landing .home-hero-copy,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy > * {
 opacity:1!important;visibility:visible!important;
}

/* Every public hero extends to both viewport edges. Text remains in its own panel. */
html[data-visual-refresh] body #home-landing .home-hero,
html[data-visual-refresh] body #page-hero.page-hero[data-view] {
 width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html[data-visual-refresh] body #opposites .opp-heading > :is(span,h1,p) {display:none;}

/* Keep the complete 3:2 photograph visible at every width. */
html[data-visual-refresh] body #home-landing .home-hero,
html[data-visual-refresh] body #page-hero.page-hero[data-view] {align-items:stretch!important;}
html[data-visual-refresh] body #home-landing .home-hero-media,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media {
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:0!important;aspect-ratio:auto!important;background:#eef3f5!important;
}
html[data-visual-refresh] body #home-landing .home-books-poster {
 position:relative!important;inset:auto!important;height:auto!important;display:block!important;
}
html[data-visual-refresh] body #home-landing .home-hero-media img,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media img {
 position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
 aspect-ratio:3/2!important;object-fit:contain!important;object-position:center!important;
}
html[data-visual-refresh] body #home-landing .home-hero-copy,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy {
 padding:clamp(28px,3.5vw,64px)!important;align-items:stretch!important;
}
html[data-visual-refresh] body #home-landing .home-hero-copy > *,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy > * {
 max-width:36rem!important;width:100%!important;margin-inline:auto!important;
}
html[data-visual-refresh] body #home-landing .home-hero-copy h1 {font-size:clamp(1.75rem,2.6vw,2.6rem)!important;line-height:1.5!important;}
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-title {font-size:clamp(1.7rem,2.4vw,2.3rem)!important;}
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-text {text-wrap:pretty;}
@media(max-width:980px){
 html[data-visual-refresh] body #home-landing .home-hero-copy,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy {padding:28px 22px!important;}
 html[data-visual-refresh] body #home-landing .home-hero-copy h1 {font-size:clamp(1.7rem,4.5vw,2.2rem)!important;}
}


html[data-visual-refresh] body #home-landing .home-hero-copy > :is(h1,p,span,.home-hero-actions,.home-hero-note),
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy > :is(h2,p,span) {
 width:100%!important;max-width:36rem!important;margin-inline:auto!important;box-sizing:border-box;
}


/* Full-width photographic background with a compact translucent reading card. */
html[data-visual-refresh] body #home-landing .home-hero,
html[data-visual-refresh] body #page-hero.page-hero[data-view] {
 display:flex!important;position:relative!important;align-items:center!important;justify-content:flex-start!important;
 direction:rtl;width:100%!important;max-width:none!important;height:auto!important;min-height:400px!important;
 padding:36px clamp(24px,5vw,96px)!important;margin:0!important;box-sizing:border-box;
 border:0!important;border-radius:0!important;overflow:hidden!important;isolation:isolate;background:#dbe7ec!important;
 grid-template-columns:none!important;grid-template-areas:none!important;
}
html[data-visual-refresh] body #home-landing .home-hero {min-height:500px!important;}
html[data-visual-refresh] body #home-landing .home-hero-media,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media {
 display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 min-height:0!important;max-height:none!important;aspect-ratio:auto!important;z-index:-1!important;
}
html[data-visual-refresh] body #home-landing .home-books-poster {
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
}
html[data-visual-refresh] body #home-landing .home-hero-media img,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media img {
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center!important;aspect-ratio:auto!important;filter:none!important;transform:none!important;opacity:1!important;
}
html[data-visual-refresh] body #home-landing .home-hero-copy,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy {
 flex:0 1 460px!important;display:flex!important;position:relative!important;inset:auto!important;z-index:1!important;
 width:min(460px,100%)!important;max-width:460px!important;min-width:0!important;height:auto!important;min-height:0!important;
 padding:26px!important;margin:0!important;box-sizing:border-box;background:rgba(255,255,255,.80)!important;
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7)!important;
 border-radius:20px!important;box-shadow:0 12px 36px rgba(21,51,75,.12)!important;
 align-items:stretch!important;justify-content:center!important;transform:none!important;
}
html[data-visual-refresh] body #home-landing .home-hero-copy h1 {font-size:1.85rem!important;line-height:1.4!important;}
html[data-visual-refresh] body #home-landing .home-hero-copy > p:not(.home-kicker),
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-text {
 font-size:.95rem!important;line-height:1.85!important;margin-top:12px!important;color:#364f61!important;
}
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-title {font-size:1.85rem!important;line-height:1.45!important;}
html[data-visual-refresh] body #home-landing .home-hero-copy .home-hero-actions {margin-top:18px!important;flex-direction:row!important;}
html[data-visual-refresh] body #home-landing .home-hero-copy .home-hero-note {display:none!important;}
html[data-visual-refresh] body #home-landing .home-hero-actions a {padding:10px 14px!important;min-height:44px!important;font-size:.88rem!important;}
@media(max-width:980px){
 html[data-visual-refresh] body #home-landing .home-hero,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] {
  align-items:flex-end!important;justify-content:center!important;padding:220px 20px 24px!important;min-height:500px!important;
 }
 html[data-visual-refresh] body #home-landing .home-hero {padding-top:190px!important;min-height:600px!important;}
 html[data-visual-refresh] body #home-landing .home-hero-copy,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy {
  width:100%!important;max-width:560px!important;flex:0 1 560px!important;padding:22px!important;
 }
 html[data-visual-refresh] body #home-landing .home-hero-copy h1 {font-size:1.6rem!important;}
 html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-title {font-size:1.65rem!important;}
 html[data-visual-refresh] body #home-landing .home-hero-actions a {flex:1 1 auto!important;}
}
@media(max-width:480px){
 html[data-visual-refresh] body #home-landing .home-hero,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] {padding-inline:16px!important;}
 html[data-visual-refresh] body #home-landing .home-hero-copy,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-copy {padding:20px!important;border-radius:16px!important;}
 html[data-visual-refresh] body #home-landing .home-hero-copy h1 {font-size:1.45rem!important;}
 html[data-visual-refresh] body #home-landing .home-hero-copy > p:not(.home-kicker),
 html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-text {font-size:.9rem!important;}
}

html[data-visual-refresh] body #home-landing .home-hero-media picture,
html[data-visual-refresh] body #page-hero.page-hero[data-view] .page-hero-media picture {display:contents;}
@media(max-width:980px){
 html[data-visual-refresh] body #home-landing .home-hero,
 html[data-visual-refresh] body #page-hero.page-hero[data-view] {align-items:flex-start!important;padding-top:24px!important;padding-bottom:240px!important;}
 html[data-visual-refresh] body #home-landing .home-hero {padding-top:24px!important;}
}
html[data-visual-refresh] body #home-landing .home-hero,
html[data-visual-refresh] body #page-hero.page-hero[data-view] {flex-direction:row!important;}
html[data-visual-refresh] body #home-landing .home-hero-portal-strip a[data-view="opposites"] .home-hero-portal-mark {background:linear-gradient(145deg,#30a6cc,#217baf);}