
/* v125 actual interior redesign: Arabic, Stories, Grown-up Corner */
body.sbs125{background:#fffaf4;color:#26183e}
body.sbs125 main{min-height:60vh}
body.sbs125 .sbs125-eyebrow{font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.15em;color:#925ab3;text-transform:uppercase;display:block;margin-bottom:11px}
body.sbs125 :is(a,button,summary):focus-visible{outline:3px solid #deaa41;outline-offset:4px}
/* Arabic cinematic original site image, real Arabic text always stays DOM content */
.sbs125-arabic .sbs125-inner-hero{background:linear-gradient(90deg,rgba(18,12,49,.94) 0%,rgba(37,19,70,.86) 43%,rgba(41,20,57,.34) 100%),url('/assets/editorial-v124/arabic-cards.webp') center 49%/cover no-repeat!important;color:white;position:relative;min-height:385px;display:flex;align-items:center;padding:36px 0}
.sbs125-arabic .sbs125-inner-hero .sbs110-container{width:min(1150px,92%);margin:auto;position:relative;z-index:1}
.sbs125-arabic .sbs125-inner-hero :is(.sbs110-back,.sbs110-kicker,h1,p){color:#fff!important;max-width:650px}
.sbs125-arabic .sbs125-inner-hero h1{font:700 clamp(42px,5.2vw,78px)/1.03 Georgia,serif!important;letter-spacing:-.034em;margin:13px 0 18px}
.sbs125-arabic .sbs125-inner-hero h1 em{font-style:normal;color:#f5cf84}
.sbs125-arabic .sbs125-inner-hero p{font-size:clamp(16px,1.8vw,19px);line-height:1.6;text-wrap:pretty}
.sbs125-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.sbs125-hero-actions a{min-height:45px;padding:10px 19px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:#f6d586;color:#27143e!important;text-decoration:none!important;font:800 14px/1.3 system-ui;box-shadow:0 7px 26px #170e2940}
.sbs125-hero-actions a+a{color:#fff!important;background:#fff2;border:1px solid #ffffff9c}
.sbs125-arabic-main{padding-top:30px!important}
.sbs125-arabic .sbs110-alpha-progress{max-width:1120px;margin:0 auto 26px;padding:20px 25px;background:#ffffff;border:1px solid #e5d6ee;box-shadow:0 8px 25px #2310420d;border-radius:20px}
.sbs125-pair-intro{display:flex;gap:18px;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto 14px}
.sbs125-pair-intro h2,.sbs125-wall-title h2{font:700 clamp(28px,3.4vw,42px)/1.13 Georgia,serif;color:#281443;margin:0 0 9px}
.sbs125-pair-intro p,.sbs125-wall-title p{margin:0;color:#69577a;font-size:15px;line-height:1.6;max-width:660px}
.sbs125-spark{color:#deae55;background:#fff2e9;border:1px solid #ecd8b9;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;flex:none;font-size:31px}
.sbs125-arabic .sbs110-pair-lesson{max-width:1120px;margin:0 auto 40px;padding:28px;border-radius:24px;background:linear-gradient(130deg,#ffffff,#fcf4ff);border:1px solid #e4d5ec;box-shadow:0 14px 34px #36175514;scroll-margin-top:22px}
.sbs125-arabic .sbs110-letter-panel{border-radius:21px!important;background:#fff!important;border:1px solid #ecd6ed!important;box-shadow:0 6px 21px #4721650d}
.sbs125-arabic .sbs110-letter-big{color:#4d1d7d!important;font-size:clamp(75px,10vw,125px)!important;line-height:1.32!important}
.sbs125-audio-note{font:500 13px/1.65 system-ui,sans-serif;background:#fff4d6;border-left:3px solid #ca9237;padding:12px 16px;border-radius:10px;color:#503f4d;margin:18px 0}
.sbs125-wall-title{max-width:1120px;margin:45px auto 22px}
.sbs125-arabic .sbs110-alpha-grid{max-width:1120px;gap:12px!important;margin:0 auto 25px}
.sbs125-arabic .sbs110-alpha-tile{min-height:155px;padding:18px 10px 12px!important;border-radius:19px!important;border:1px solid #dfd5e5!important;background:linear-gradient(155deg,#fffdfc,#faf0ff)!important;box-shadow:0 5px 15px #31145012;transition:transform .2s,box-shadow .2s}
.sbs125-arabic .sbs110-alpha-tile:nth-child(4n + 2){background:linear-gradient(150deg,#f8fdfc,#e7f5f4)!important}
.sbs125-arabic .sbs110-alpha-tile:nth-child(4n + 3){background:linear-gradient(150deg,#fffaf4,#fff0d9)!important}
.sbs125-arabic .sbs110-alpha-tile:nth-child(4n + 4){background:linear-gradient(150deg,#fffaf9,#fee9ee)!important}
.sbs125-arabic .sbs110-alpha-tile:hover{transform:translateY(-3px);box-shadow:0 11px 23px #3a164d1a}
.sbs125-arabic .sbs110-alpha-glyph{font-size:clamp(60px,6vw,87px)!important;line-height:1.3!important;color:#371264!important}
.sbs125-arabic .sbs110-alpha-tile strong{font:800 13px/1.3 system-ui!important;color:#43215c}
.sbs125-arabic .sbs110-alpha-index{font:800 11px/1.1 system-ui!important;background:#fff;border-radius:50%;min-width:24px;min-height:24px;display:grid;place-items:center;color:#795595}
.sbs125-arabic .sbs110-alpha-icon{display:none!important}
/* Story scenes: never depict Prophets; preserve original symbolism, add editorial flow */
.sbs125-stories .sbs125-story-hero{background:radial-gradient(ellipse at 90% 10%,#66528e 0%,transparent 55%),linear-gradient(110deg,#101633,#37215e 65%,#1c2e4c)!important;color:#fff;min-height:400px;display:flex;align-items:center;padding:35px 0!important}
.sbs125-stories .sbs125-story-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;width:min(1160px,94%)}
.sbs125-stories .sbs125-story-hero .sbs116-hero-copy h1{font:700 clamp(41px,4.5vw,68px)/1.05 Georgia,serif;color:#fff;max-width:700px}
.sbs125-stories .sbs125-story-hero .sbs116-hero-copy p{color:#fffce8;font-size:16px;line-height:1.65;max-width:660px}
.sbs125-stories .sbs125-story-hero .sbs116-hero-visual{margin:0;min-width:0}
.sbs125-stories .sbs125-story-hero .sbs116-hero-visual img{width:100%;height:345px;object-fit:contain;filter:drop-shadow(0 17px 25px #10092360)}
.sbs125-stories .sbs115-main{background:linear-gradient(180deg,#fff7ee 0%,#fffdf9 65%)}
.sbs125-stories .sbs115-main .wrap{max-width:1160px}
.sbs125-story-instruction{background:#fff;border:1px solid #ecddce;border-radius:23px;margin:30px 0 36px;padding:27px 35px;box-shadow:0 10px 28px #4c2a3e0e;display:grid;grid-template-columns:1fr auto;column-gap:28px}
.sbs125-story-instruction .sbs125-eyebrow{grid-column:1/-1}
.sbs125-story-instruction h2{font:700 clamp(25px,3vw,36px)/1.1 Georgia,serif;color:#351c52;margin:0 0 10px;grid-column:1/-1}
.sbs125-story-instruction p{margin:0;color:#665370;max-width:720px;line-height:1.6}
.sbs125-story-instruction a{align-self:center;background:#602a91;color:#fff!important;text-decoration:none;border-radius:999px;padding:12px 18px;font:700 13px system-ui;white-space:nowrap}
.sbs125-stories .sbs115-section h2{font:700 clamp(28px,3.2vw,41px)/1.2 Georgia,serif;color:#2b1a48;margin:0 0 10px}
.sbs125-stories .sbs115-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sbs125-stories .sbs125-story-card{border:1px solid #e8d7db;border-radius:21px;background:white;padding:13px 14px 21px;box-shadow:0 9px 28px #36223a12;min-width:0}
.sbs125-stories .sbs125-story-card .sbs116-scene{width:100%;height:175px;object-fit:cover;border-radius:14px;display:block;margin-bottom:12px}
.sbs125-stories .sbs125-story-card h3{font:700 23px/1.2 Georgia,serif;color:#311b4a;margin:5px 0 10px}
.sbs125-stories .sbs125-story-card p{font-size:14px;line-height:1.55;color:#574564}
.sbs125-stories .sbs125-story-card details{border:1px solid #eddbf0;border-radius:11px;background:#faf5ff;margin:10px 0;padding:9px 11px}
.sbs125-stories .sbs125-story-card details summary{cursor:pointer;color:#5b2786;font-weight:800}
.sbs125-stories .sbs125-story-card a{color:#54208b;font-weight:800}
/* Parents premium warm photo, working A4 downloads and full read-aloud content unchanged */
.sbs125-parents .sbs125-parent-hero{min-height:355px;padding:36px 0;background:linear-gradient(90deg,rgba(29,16,54,.95) 0%,rgba(37,20,52,.82) 47%,rgba(31,25,43,.15) 100%),url('/assets/editorial-v121/family-hero.webp') center 42%/cover no-repeat!important;color:#fff;display:flex;align-items:center}
.sbs125-parents .sbs125-parent-hero .sbs110-container{width:min(1140px,92%);margin:auto}
.sbs125-parents .sbs125-parent-hero :is(h1,p,.sbs110-kicker,.sbs110-back){color:#fff!important;max-width:665px}
.sbs125-parents .sbs125-parent-hero h1{font:700 clamp(42px,5vw,70px)/1.07 Georgia,serif!important;letter-spacing:-.025em;margin:12px 0 18px}
.sbs125-parents .sbs125-parent-hero h1 em{font-style:normal;color:#ffdfa4}
.sbs125-parents .sbs125-parent-hero p{font-size:17px;line-height:1.65}
.sbs125-parent-jump{width:min(1140px,92%);margin:-26px auto 29px;position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px}
.sbs125-parent-jump a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid #e7d4e4;border-radius:999px;background:#fff;color:#512875;font:800 13px/1.3 system-ui;box-shadow:0 8px 21px #25123820;padding:13px 20px;min-height:44px}
.sbs125-parents .sbs111-parent-main{max-width:1140px;padding:0 20px;margin:0 auto;background:#fffaf4}
.sbs125-parent-guide{margin:15px 0 29px;padding:25px 28px 29px;background:#fff;border:1px solid #e9d9db;border-radius:24px;box-shadow:0 8px 25px #36193e10}
.sbs125-parent-guide h2{font:700 clamp(26px,3vw,37px)/1.12 Georgia,serif;color:#321747;margin:0 0 8px}
.sbs125-parent-guide-intro>p{color:#5d496e;font-size:15px;line-height:1.6}
.sbs125-parent-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:21px}
.sbs125-parent-guide-grid>div{border-radius:17px;padding:18px;background:#f7edff;color:#391b55;min-width:0}
.sbs125-parent-guide-grid>div:nth-child(2){background:#eaf8f4}
.sbs125-parent-guide-grid>div:nth-child(3){background:#fff1df}
.sbs125-parent-guide-grid span{display:block;font:800 12px system-ui;color:#8955aa;margin-bottom:12px}
.sbs125-parent-guide-grid strong{font:700 23px/1.2 Georgia,serif;color:#391b55}
.sbs125-parent-guide-grid p{margin:9px 0 0;color:#644f6a;font-size:14px;line-height:1.6}
.sbs125-parents .sbs111-panel{border:1px solid #ead8e3;background:#fff;border-radius:22px;box-shadow:0 7px 22px #381c3d0d;padding:24px 26px;margin:20px 0;scroll-margin-top:24px}
.sbs125-parents .sbs111-panel h2{font:700 clamp(26px,3vw,36px)/1.2 Georgia,serif;color:#2f184a}
.sbs125-parents .sbs111-resource{border:1px solid #eaddd0!important;border-radius:14px;background:#fffaf7!important;box-shadow:none}
@media(max-width:767px){
 .sbs125-arabic .sbs125-inner-hero{min-height:330px;padding:26px 0;background-position:61% center}
 .sbs125-arabic .sbs125-inner-hero h1{font-size:clamp(39px,11vw,51px)!important}
 .sbs125-arabic .sbs125-inner-hero p{font-size:15px}
 .sbs125-hero-actions a{width:100%;justify-content:center}
 .sbs125-arabic .sbs110-pair-lesson{padding:17px;margin-bottom:32px}
 .sbs125-spark{display:none}
 .sbs125-pair-intro h2,.sbs125-wall-title h2{font-size:30px}
 .sbs125-arabic .sbs110-alpha-grid{gap:8px!important}
 .sbs125-arabic .sbs110-alpha-tile{min-height:131px;padding:11px 5px!important}
 .sbs125-arabic .sbs110-alpha-glyph{font-size:68px!important}
 .sbs125-stories .sbs125-story-hero{min-height:initial;padding:25px 0!important}
 .sbs125-stories .sbs125-story-hero .wrap{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 .sbs125-stories .sbs125-story-hero .sbs116-hero-copy h1{font-size:clamp(39px,11vw,54px)}
 .sbs125-stories .sbs125-story-hero .sbs116-hero-visual img{height:190px;object-fit:cover;object-position:center;border-radius:16px}
 .sbs125-story-instruction{padding:21px 20px;display:block}
 .sbs125-story-instruction a{margin-top:16px;display:inline-flex}
 .sbs125-stories .sbs115-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .sbs125-stories .sbs125-story-card{padding:9px 9px 14px}
 .sbs125-stories .sbs125-story-card .sbs116-scene{height:112px}
 .sbs125-stories .sbs125-story-card h3{font-size:21px}
 .sbs125-stories .sbs125-story-card p{font-size:13px}
 .sbs125-parents .sbs125-parent-hero{min-height:335px;padding:26px 0;background-position:61% center}
 .sbs125-parents .sbs125-parent-hero h1{font-size:clamp(40px,11vw,54px)!important}
 .sbs125-parents .sbs125-parent-hero p{font-size:15px}
 .sbs125-parent-jump{gap:8px}
 .sbs125-parent-jump a{font-size:12px;padding:10px 12px}
 .sbs125-parents .sbs111-parent-main{padding:0 13px}
 .sbs125-parent-guide{padding:20px 15px}
 .sbs125-parent-guide-grid{grid-template-columns:1fr}
 .sbs125-parent-guide-grid>div{padding:12px 14px}
 .sbs125-parents .sbs111-panel{padding:18px 14px}
}
@media(max-width:359px){.sbs125-stories .sbs115-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sbs125-arabic .sbs110-alpha-tile{transition:none}}
/* Two-bar mobile problem: collapse secondary site utilities to a single accessible Tools launcher */
.sbs125-tool-toggle{display:none}
@media(max-width:767px){
 body.sbs113-tools-enabled.sbs112-active:not(.sbs125-tools-open){padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
 .sbs113-toolbar{left:auto;right:11px;bottom:calc(94px + env(safe-area-inset-bottom,0px));width:66px;min-height:52px;display:flex;flex-direction:column;transform:none;padding:3px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;z-index:8100}
 .sbs113-toolbar:not(.sbs125-tools-open)>.sbs113-tool{display:none!important}
 .sbs125-tool-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:62px;min-height:53px;border:1px solid #dac0ea;border-radius:18px;background:linear-gradient(150deg,#f7e9ff,#fffaf0);color:#4f237e;box-shadow:0 7px 22px #29133f2b;font:800 10px/1.1 system-ui;cursor:pointer}
 .sbs125-tool-toggle span:first-child{font-size:22px;line-height:1}
 .sbs125-tool-toggle:focus-visible{outline:3px solid #e9ad32;outline-offset:2px}
 .sbs113-toolbar.sbs125-tools-open{left:50%;right:auto;bottom:calc(95px + env(safe-area-inset-bottom,0px));width:min(95vw,470px);padding:7px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;background:#fffcff;border:1px solid #dfc4eb;box-shadow:0 12px 30px #34144835;backdrop-filter:blur(10px)}
 .sbs113-toolbar.sbs125-tools-open>.sbs125-tool-toggle{grid-column:1/-1;width:100%;min-height:39px;flex-direction:row;gap:7px;background:#f3e5ff;border-radius:11px;box-shadow:none}
 .sbs113-toolbar.sbs125-tools-open>.sbs125-tool-toggle span:first-child{font-size:17px}
 .sbs113-toolbar.sbs125-tools-open>.sbs113-tool{display:flex!important;min-width:0;min-height:47px;padding:4px 1px;flex-direction:column;gap:3px;font-size:10px}
 .sbs113-toolbar.sbs125-tools-open>.sbs113-tool svg{width:21px;height:21px}
 .sbs113-toolbar .sbs113-panel{bottom:calc(100% + 8px);width:min(93vw,440px);max-height:calc(100dvh - 235px)}
 .sbs113-toolbar:not(.sbs125-tools-open)>.sbs113-panel{display:none!important}
 .sbs113-toolbar.sbs113-hidden-video{opacity:0;pointer-events:none;transform:translateY(120%)}
 .sbs113-toolbar.sbs125-tools-open.sbs113-hidden-video{transform:translate(-50%,120%)}
}
@media(min-width:768px){.sbs125-tool-toggle{display:none!important}}
@media print{.sbs125-tool-toggle{display:none!important}}

/* Final visual QA refinements */
.sbs125-arabic .sbs125-inner-hero .sbs110-back,.sbs125-parents .sbs125-parent-hero .sbs110-back{display:inline-flex!important;align-items:center;margin:0 0 18px!important;font:700 13px/1.4 system-ui;opacity:.96}
.sbs125-arabic .sbs125-inner-hero .sbs110-kicker,.sbs125-parents .sbs125-parent-hero .sbs110-kicker{display:block!important;margin:0 0 12px!important;font:800 11px/1.4 system-ui;letter-spacing:.12em}
.sbs125-stories .sbs125-story-hero .sbs115-small-nav{display:block!important;margin:0 0 15px!important}
.sbs125-stories .sbs125-story-hero .sbs115-kicker{display:inline-block!important;margin:0 0 10px!important}
.sbs125-stories .sbs125-story-hero .sbs116-hero-visual{isolation:isolate}
.sbs125-stories .sbs115-main .sbs115-section{scroll-margin-top:25px}
.sbs125-arabic .sbs110-alpha-tile[aria-pressed=true]{outline:3px solid #c7983e!important;outline-offset:1px;box-shadow:0 0 0 5px #f7eacb!important}
@media(max-width:767px){.sbs125-arabic .sbs125-inner-hero .sbs110-back,.sbs125-parents .sbs125-parent-hero .sbs110-back{margin-bottom:14px!important}}
