/*
 * Bayan Learning v1.5.0 — Bayan Brand Infusion
 * A presentation-only family identity layer. No runtime coupling.
 */
:root{
  --bl-bg:#f7f3eb;
  --bl-paper:#fbfaf6;
  --bl-white:#fffdfa;
  --bl-ink:#16191d;
  --bl-soft:#39352f;
  --bl-muted:#756d62;
  --bl-line:rgba(77,64,43,.15);
  --bl-violet:#797ef6;
  --bl-violet-soft:#efefff;
  --bl-gold:#eabf4b;
  --bl-teal:#2dd4bf;
  --bl-olive:#4c604c;
  --bl-forest:#173c34;
  --bl-earth:#8a6a35;
  --bl-sand:#eee5d5;
  --bl-dark:#0b0d10;
  --bl-dark-2:#11171a;
  --bl-dark-line:rgba(255,255,255,.12);
  --bl-ar-ui:'Noto Kufi Arabic','Noto Naskh Arabic',sans-serif;
  --bl-ar-body:'Noto Naskh Arabic','Amiri',serif;
  --bl-ar-display:'Amiri','Noto Naskh Arabic',serif;
  --bl-sans:'Montserrat','Noto Kufi Arabic',system-ui,sans-serif;
  --bl-serif:'Playfair Display','Amiri',serif;
  --bl-shadow:0 30px 90px rgba(42,31,18,.10);
}
body{background:var(--bl-bg);color:var(--bl-ink);font-family:var(--bl-sans)}
.bl-site[dir=rtl] [data-ar],.blr-app[dir=rtl] [data-ar]{font-family:var(--bl-ar-body)}
.bl-nav-links,.bl-nav-actions,.bl-kicker,.bl-section-index,.blr-breadcrumb small,.blr-progress small,.blr-goal small,.blr-state-block small{font-family:var(--bl-ar-ui)}

/* Canonical Bayan family mark */
.bl-brand-lockup{gap:10px;min-height:48px}
.bl-brand-mark{width:35px;height:46px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.bl-brand-mark-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 7px 14px rgba(23,25,29,.10))}
.bl-brand-copy{display:flex;flex-direction:column;gap:1px;align-items:flex-start;line-height:1}
.bl-brand-copy strong{font:700 19px/1.05 var(--bl-ar-display);letter-spacing:0}
.bl-brand-copy em{font:700 8px/1.2 var(--bl-ar-ui);font-style:normal;letter-spacing:.13em;color:#746b5e;text-transform:uppercase}
.bl-brand-footer .bl-brand-copy strong{color:#fff}.bl-brand-footer .bl-brand-copy em{color:#a79f92}
.blr-brand{transform:none}.blr-brand .bl-brand-mark{width:29px;height:38px}.blr-brand .bl-brand-copy strong{font-size:15px}.blr-brand .bl-brand-copy em{font-size:7px}

/* Bayan journey header */
.bl-nav{height:76px;background:rgba(247,243,235,.91);border-bottom:1px solid rgba(78,62,34,.11);backdrop-filter:blur(18px)}
.bl-nav-links a{font-family:var(--bl-ar-ui);font-size:11px;color:#423d35;opacity:.72}
.bl-nav-links a:hover{color:#17191c;opacity:1}
.bl-icon-button{background:rgba(255,255,255,.26);border-color:rgba(78,62,34,.14)}
.bl-enter{background:var(--bl-ink);border-color:var(--bl-ink);box-shadow:0 12px 32px rgba(23,25,29,.10);font-family:var(--bl-ar-ui)}
.bl-enter:hover{box-shadow:0 17px 42px rgba(23,25,29,.15)}

/* Architectural hero borrowed from Bayan's editorial journey */
.bl-bayan-heritage-hero{background:
 radial-gradient(circle at 74% 22%,rgba(121,126,246,.11),transparent 28%),
 radial-gradient(circle at 14% 72%,rgba(234,191,75,.09),transparent 25%),
 linear-gradient(180deg,#fbfaf6 0%,#f5efe3 76%,#ede1ce 100%)}
.bl-bayan-heritage-hero:after{content:"";position:absolute;right:-65px;bottom:-2px;width:330px;height:500px;border:1px solid rgba(113,82,42,.24);border-right:0;border-radius:210px 0 0 0;pointer-events:none}
.bl-bayan-heritage-hero:before{content:"";position:absolute;left:-250px;bottom:-320px;width:720px;height:720px;border:1px solid rgba(126,98,50,.16);border-radius:50%;box-shadow:0 0 0 90px rgba(234,191,75,.022),0 0 0 180px rgba(76,96,76,.018);pointer-events:none}
.bl-hero-brand-ghost{position:absolute;right:4.5%;top:17%;width:min(30vw,360px);height:min(42vw,470px);opacity:.028;filter:sepia(.35);pointer-events:none;z-index:0}
.bl-hero-brand-ghost-img{width:100%;height:100%;object-fit:contain}
.bl-architectural-arch{position:absolute;left:4vw;top:155px;width:175px;height:275px;border:1px solid rgba(126,96,49,.18);border-radius:100px 100px 0 0;pointer-events:none;z-index:1}
.bl-architectural-arch i{position:absolute;inset:22px;border:1px solid rgba(126,96,49,.11);border-radius:80px 80px 0 0}
.bl-architectural-arch span{position:absolute;left:-22px;top:60px;writing-mode:vertical-rl;font:700 11px/1.7 var(--bl-ar-display);color:#846c46;opacity:.65}
.bl-brand-diamonds{position:absolute;left:11%;bottom:14%;display:flex;gap:16px;align-items:center;opacity:.76}.bl-brand-diamonds i{width:8px;height:8px;transform:rotate(45deg)}.bl-brand-diamonds i:nth-child(1){background:var(--bl-gold)}.bl-brand-diamonds i:nth-child(2){background:var(--bl-violet);width:6px;height:6px}.bl-brand-diamonds i:nth-child(3){background:var(--bl-olive);width:5px;height:5px}
.bl-kicker{font-family:var(--bl-ar-ui);color:#67532d}.bl-kicker-dot{border-radius:0;transform:rotate(45deg);background:var(--bl-gold);box-shadow:none;width:8px;height:8px}
.bl-hero h1{font-family:var(--bl-ar-display);font-weight:500;letter-spacing:0;line-height:1.04;color:#201d18}
.bl-hero h1 em{color:#7a5b2c;margin-top:8px}
.bl-hero-lede{font-family:var(--bl-ar-body);color:#5b554c;font-size:19px}
.bl-text-link{font-family:var(--bl-ar-ui);color:#5d503c;border-bottom:1px solid rgba(93,80,60,.35);padding-bottom:4px}

/* Teacher presence becomes the Bayan mark, not a letter-avatar */
.bl-hero-presence{background:linear-gradient(165deg,rgba(255,253,248,.88),rgba(247,240,229,.82));border-color:rgba(80,61,32,.13);border-radius:12px 12px 34px 34px;box-shadow:0 34px 90px rgba(48,35,18,.13);transform:rotate(-.35deg)}
.bl-hero-presence:before{width:300px;height:300px;background:radial-gradient(circle,rgba(121,126,246,.09),rgba(234,191,75,.04) 38%,transparent 72%)}
.bl-presence-face{width:180px;height:190px;margin-top:34px}
.bl-presence-face>span.bl-presence-logo{width:104px;height:132px;background:rgba(255,255,255,.80);border:1px solid rgba(77,64,43,.10);border-radius:24px;box-shadow:0 18px 55px rgba(45,34,19,.13);padding:13px;display:grid;place-items:center}
.bl-presence-logo-img{width:100%;height:100%;object-fit:contain}
.bl-presence-ring{inset:22px;border-color:rgba(234,191,75,.34)}.bl-presence-ring.second{inset:0;border-color:rgba(121,126,246,.22)}
.bl-presence-copy strong{font-family:var(--bl-ar-display);color:#2e2a23;font-weight:700}
.bl-wave i,.bl-big-wave i,.blr-voice-wave i{background:var(--bl-violet)}
.bl-wave i:nth-child(3n),.blr-voice-wave i:nth-child(3n){background:var(--bl-gold)}
.bl-wave i:nth-child(5n),.blr-voice-wave i:nth-child(5n){background:var(--bl-olive)}
.bl-presence-foot{font-family:var(--bl-ar-ui);color:#766c5e}

/* Narrative hierarchy */
.bl-manifesto{background:radial-gradient(circle at 82% 12%,rgba(121,126,246,.12),transparent 25%),radial-gradient(circle at 12% 70%,rgba(234,191,75,.07),transparent 28%),linear-gradient(145deg,#0b0d10,#11171a 52%,#14130f)}
.bl-big-statement,.bl-section-head h2,.bl-room-story-copy h2,.bl-modality-copy h2,.bl-final-cta h2{font-family:var(--bl-ar-display);letter-spacing:0}
.bl-body-large,.bl-section-head>p:not(.bl-section-index),.bl-room-story-copy p:not(.bl-section-index),.bl-modality-copy>p:not(.bl-section-index){font-family:var(--bl-ar-body)}
.bl-section-index{color:#8a7651;opacity:1}.bl-manifesto .bl-section-index,.bl-trust .bl-section-index{color:var(--bl-gold)}
.bl-teacher,.bl-evidence{background:linear-gradient(180deg,#fffdfa,#f8f3e9)}
.bl-teacher-grid{border-color:#ddd2c0}.bl-teacher-grid article{border-color:#ddd2c0}.bl-teacher-grid article:hover{background:rgba(234,191,75,.035)}
.bl-teacher-grid h3{font-family:var(--bl-ar-display)}
.bl-teacher-actions span,.bl-age-rail small{font-family:var(--bl-ar-body)}
.bl-teacher-actions i{border-radius:0;transform:rotate(45deg);background:var(--bl-gold)}
.bl-age-rail span{background:rgba(255,255,255,.44);border-color:rgba(80,61,32,.13)}

/* One-room visual core carries the family mark */
.bl-room-story{background:linear-gradient(180deg,#eee2cf,#f8f4ec 38%,#fbfaf6)}
.bl-room-orbit:before,.bl-room-orbit:after{border-color:rgba(126,96,49,.18)}
.bl-room-orbit:after{border-style:solid;box-shadow:0 0 0 55px rgba(234,191,75,.018)}
.bl-room-core{background:linear-gradient(145deg,#0b0d10,#173c34);border:1px solid rgba(234,191,75,.22)}
.bl-room-core-logo{width:56px;height:72px;display:grid;place-items:center;margin-bottom:3px}.bl-room-core-logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.22))}
.bl-room-orbit .cap{background:rgba(255,253,248,.88);border-color:rgba(80,61,32,.12);font-family:var(--bl-ar-ui);box-shadow:0 12px 34px rgba(51,37,18,.06)}

/* Modalities: retain intelligence violet, bring gold and olive into teaching moments */
.bl-voice{background:#fff}.bl-video{background:linear-gradient(145deg,#0b0d10,#11171a 55%,#17140f)}
.bl-modality-visual{border-radius:16px 16px 34px 34px;border-color:rgba(80,61,32,.13);box-shadow:0 24px 70px rgba(42,31,18,.08)}
.bl-video-player{border-radius:16px 16px 30px 30px;background:#11171a;border-color:rgba(234,191,75,.13)}
.bl-video-shape.one{background:rgba(121,126,246,.33)}.bl-video-shape.two{background:rgba(76,96,76,.33)}
.bl-video-track i{background:var(--bl-violet)}.bl-video-track b{background:var(--bl-gold);box-shadow:0 0 0 5px rgba(234,191,75,.10)}
.bl-video-tutor{background:#0d1110;border-color:rgba(234,191,75,.12)}
.bl-mini-presence,.bl-presence-mark{background:#fff;border:1px solid rgba(80,61,32,.13);overflow:hidden;padding:5px;color:transparent;box-shadow:0 7px 18px rgba(23,25,29,.08)}
.bl-mini-presence-img,.bl-presence-mark-img{width:100%;height:100%;object-fit:contain;display:block}
.bl-presence-mark-large{width:72px;height:82px;border-radius:22px;padding:9px;background:#fffdf8}

/* Evidence and safety */
.bl-evidence-path article:nth-child(1) b{color:var(--bl-violet)}.bl-evidence-path article:nth-child(2) b{color:var(--bl-gold)}.bl-evidence-path article:nth-child(3) b{color:var(--bl-olive)}
.bl-false-mastery{background:linear-gradient(130deg,rgba(234,191,75,.10),rgba(255,255,255,.62));border-color:rgba(138,106,53,.18)}
.bl-trust{background:linear-gradient(150deg,#0b0d10,#11171a 58%,#17140f)}

/* Final call: premium Bayan green/gold rather than generic violet wall */
.bl-final-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(121,126,246,.14),transparent 23%),linear-gradient(145deg,#12352f,#173c34 62%,#1d2c24);color:#fff}
.bl-final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 49.8%,rgba(234,191,75,.08) 50%,transparent 50.2%);pointer-events:none}
.bl-final-cta p{font-family:var(--bl-ar-body);color:#d8d1c4}.bl-final-cta h2{color:#fffaf1}.bl-enter-light{background:var(--bl-gold);border-color:var(--bl-gold);color:#17191c}.bl-enter-light .bl-arrow{background:rgba(23,25,29,.08)}
.bl-footer{background:#0b0d10;border-top:1px solid rgba(255,255,255,.08);padding:42px 0}.bl-footer p{font-family:var(--bl-ar-body);color:#817c74}

/* Learning Room: warm paper, brand mark, calm editorial geometry */
.blr-app{background:#efe6d7}.blr-header{background:rgba(247,243,235,.94);border-color:rgba(77,64,43,.12)}
.blr-left{background:#f6f0e5;border-color:rgba(77,64,43,.13)}.blr-right{background:#f9f5ed;border-color:rgba(77,64,43,.13)}
.blr-canvas{background:#fffdfa}.blr-brand-watermark{position:absolute;left:4%;bottom:-60px;width:210px;height:285px;opacity:.018;pointer-events:none}.blr-brand-watermark-img{width:100%;height:100%;object-fit:contain}
.blr-left nav button{font-family:var(--bl-ar-ui)}.blr-left nav button.is-active i{background:var(--bl-gold);border-color:var(--bl-gold);box-shadow:0 0 0 6px rgba(234,191,75,.10)}
.blr-connection i,.blr-teacher-dot,.blr-teacher-card>i{background:var(--bl-olive)}
.blr-dialogue h1{font-family:var(--bl-ar-display);font-weight:700;color:#29251f;letter-spacing:0}.blr-tutor-line p,.blr-prompt-note,.blr-inline-teacher p,.blr-state-block strong,.blr-state-block li,.blr-next strong{font-family:var(--bl-ar-body)}
.blr-composer{border-radius:12px 12px 24px 24px;border-color:rgba(77,64,43,.14);box-shadow:0 14px 44px rgba(42,31,18,.06)}
.blr-send{background:var(--bl-forest)}.blr-voice{color:var(--bl-violet)}
.blr-state-meter i{background:linear-gradient(90deg,var(--bl-violet),var(--bl-gold))}.blr-state-block li.done{color:#46664f}.blr-state-block li.done:before{color:var(--bl-olive)}
.blr-next{background:linear-gradient(145deg,#0b0d10,#173c34);border:1px solid rgba(234,191,75,.14)}
.blr-voice-dock{background:linear-gradient(145deg,rgba(11,13,16,.98),rgba(17,23,26,.98));border-color:rgba(234,191,75,.13)}
.blr-voice-main{background:var(--bl-gold);color:#17191c}

/* dark mode keeps Bayan hierarchy rather than losing the mark */
body.bl-dark{--bl-bg:#090a0f;--bl-paper:#0d0f16;--bl-white:#11131a;--bl-ink:#f1ede5;--bl-soft:#d7d0c5;--bl-muted:#aaa297;--bl-line:rgba(255,255,255,.12)}
body.bl-dark .bl-bayan-heritage-hero{background:radial-gradient(circle at 74% 22%,rgba(121,126,246,.15),transparent 28%),radial-gradient(circle at 14% 72%,rgba(234,191,75,.07),transparent 25%),linear-gradient(180deg,#0b0d10,#11171a)}
body.bl-dark .bl-hero h1{color:#f6efe4}body.bl-dark .bl-hero h1 em{color:#eabf4b}body.bl-dark .bl-brand-copy em{color:#aaa297}
body.bl-dark .bl-hero-presence{background:linear-gradient(160deg,#11171a,#15140f)}body.bl-dark .bl-presence-copy strong{color:#f3eee5}
body.bl-dark .bl-room-story{background:#0b0d10}body.bl-dark .bl-room-orbit .cap{background:#11171a;border-color:rgba(255,255,255,.10)}
body.bl-dark .blr-canvas{background:#11131a}body.bl-dark .blr-left{background:#0b0d10}body.bl-dark .blr-right{background:#0d0f16}

@media(max-width:1100px){.bl-architectural-arch{display:none}.bl-hero-brand-ghost{right:-6%;top:20%;opacity:.018}.bl-brand-diamonds{left:5%}}
@media(max-width:760px){
  .bl-nav{height:68px}.bl-brand-mark{width:28px;height:37px}.bl-brand-copy strong{font-size:16px}.bl-brand-copy em{font-size:6px}.bl-nav-actions{gap:6px}
  .bl-bayan-heritage-hero:after{width:170px;height:280px;opacity:.55}.bl-hero-brand-ghost{display:none}.bl-brand-diamonds{display:none}
  .bl-hero h1{font-size:60px}.bl-hero-lede{font-size:17px}.bl-presence-face{width:150px;height:165px}.bl-presence-face>span.bl-presence-logo{width:88px;height:112px}
  .bl-room-core-logo{width:44px;height:57px}.bl-presence-mark-large{width:62px;height:72px}
  .blr-brand .bl-brand-copy{display:none}.blr-brand .bl-brand-mark{width:27px;height:35px}
}