/* Babylonia Online Courses · editorial visual system
   Load once after babylonia-master.css in Drupal Asset Injector.
   Scoped to .babylonia-online-block. Drupal body has no <style> or inline CSS. */
.babylonia-online-block{
  --bo-forest:#143c36;--bo-forest-2:#245449;--bo-cream:#f7f3e9;
  --bo-coral:#ee7767;--bo-mint:#a9d9ca;--bo-lime:#e4f394;
  --bo-ink:#253b36;--bo-line:#d8e5dc;
  position:relative;left:50%;transform:translateX(-50%);
  width:min(1240px,calc(100vw - 32px))!important;max-width:none!important;
  margin:2rem 0 3rem!important;padding:0!important;
  font-family:Arial,"Noto Sans",sans-serif;color:var(--bo-ink);line-height:1.75;
  counter-reset:bo-section;
}
.babylonia-online-block,.babylonia-online-block *{box-sizing:border-box}
.babylonia-online-block>p{max-width:1100px;margin:.7rem 0 1.2rem;font-size:1.055rem;line-height:1.8}
.babylonia-online-block a{color:#176859;text-decoration:underline;text-underline-offset:3px;font-weight:650}
.babylonia-online-block a:hover{color:#ae4539}
.babylonia-online-block a:focus-visible,.babylonia-online-block summary:focus-visible{outline:3px solid var(--bo-coral);outline-offset:3px}
.babylonia-online-block>h2{counter-increment:bo-section;display:block!important;margin:3.3rem 0 1.2rem!important;padding:0 0 .75rem!important;border:0!important;border-bottom:1px solid var(--bo-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--bo-forest)!important;font-family:Georgia,"Noto Serif",serif!important;font-size:clamp(1.65rem,2.65vw,2.45rem)!important;font-weight:700!important;line-height:1.26!important}
.babylonia-online-block>h2:before{content:"0" counter(bo-section) " / ";display:block;margin-bottom:.55rem;color:#a34f42;font:700 .75rem/1.2 Arial,"Noto Sans",sans-serif;letter-spacing:.17em}
.babylonia-online-block .babylonia-online-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.72fr);column-gap:clamp(1.5rem,3vw,3rem);align-items:center;overflow:hidden;position:relative;padding:clamp(1.5rem,3.3vw,3rem)!important;border:0;border-radius:22px;background:radial-gradient(circle at 90% 80%,rgba(177,219,178,.13),transparent 46%),linear-gradient(115deg,#123c36 0%,#245846 100%)!important;box-shadow:0 18px 40px rgba(20,60,54,.15)}
.babylonia-online-block .babylonia-online-intro:before{content:"ONLINE · LIVE";grid-column:1;align-self:end;display:block;width:max-content;margin:0 0 1.3rem;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.35);border-radius:100px;color:var(--bo-lime);font:700 .74rem Arial,sans-serif;letter-spacing:.15em}
.babylonia-online-block .babylonia-online-intro .babylonia-online-lead{grid-column:1;margin:0 0 1.15rem!important;color:#fff!important;font-family:Georgia,"Noto Serif",serif;font-size:clamp(1.45rem,2.35vw,2.05rem);line-height:1.45;font-weight:700}
.babylonia-online-block .babylonia-online-intro>p:not(.babylonia-online-lead){grid-column:1;margin:0!important;color:#e8f3ea!important;font-size:1.02rem;line-height:1.8}
.babylonia-online-block .babylonia-online-hero-facts{grid-column:2;grid-row:1/4;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:1.4rem 1.6rem;border:1px solid rgba(225,243,225,.25);border-radius:16px;background:rgba(10,37,31,.28);box-shadow:0 12px 28px rgba(0,0,0,.09)}
.babylonia-online-block .babylonia-online-hero-facts p{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0!important;padding:.8rem 0!important;border-bottom:1px solid rgba(255,255,255,.2);color:#fff!important;line-height:1.4}
.babylonia-online-block .babylonia-online-hero-facts p:last-child{border:0}
.babylonia-online-block .babylonia-online-hero-facts .babylonia-online-facts-label{padding-top:0!important;color:var(--bo-lime)!important;font-size:.72rem!important;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.babylonia-online-block .babylonia-online-hero-facts strong{min-width:4.3rem;color:#fff;font-size:1.15rem;letter-spacing:.02em}
.babylonia-online-block .babylonia-online-hero-facts span{font-size:.86rem;color:#d3e6d9}
.babylonia-online-block .babylonia-online-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.6rem 0 1.8rem!important;counter-reset:bo-card}
.babylonia-online-block .babylonia-online-card{counter-increment:bo-card;min-width:0;padding:1.55rem 1.65rem!important;border:1px solid #d7e8dc;border-radius:13px;background:#f0f7ef!important;box-shadow:0 8px 18px rgba(20,60,54,.055)}
.babylonia-online-block .babylonia-online-card:nth-child(2){border-color:#e6d9cb;background:#fbf3e8!important}
.babylonia-online-block .babylonia-online-card:nth-child(3){border-color:#e8d8d1;background:#fbefea!important}
.babylonia-online-block .babylonia-online-card:nth-child(4){border-color:#d5e5e4;background:#eaf4f1!important}
.babylonia-online-block .babylonia-online-card:before{content:"0" counter(bo-card);display:block;margin-bottom:1.25rem;color:#b55043;font:700 .78rem Arial,sans-serif;letter-spacing:.14em}
.babylonia-online-block .babylonia-online-card h3{margin:0 0 .7rem!important;padding:0!important;border:0!important;background:none!important;color:var(--bo-forest)!important;font-family:Georgia,"Noto Serif",serif!important;font-size:1.37rem!important;line-height:1.3}
.babylonia-online-block .babylonia-online-card p{margin:0!important;color:var(--bo-ink)!important;font-size:1rem;line-height:1.7}
.babylonia-online-block .babylonia-online-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;list-style:none;margin:1.45rem 0!important;padding:0!important}
.babylonia-online-block .babylonia-online-list li{margin:0!important;padding:1rem 1.25rem!important;border:1px solid var(--bo-line);border-radius:8px;background:var(--bo-cream);line-height:1.65}
.babylonia-online-block .babylonia-online-list li:nth-child(3n+2){background:#eaf4ee}
.babylonia-online-block .babylonia-online-list li:nth-child(3n){background:#fbeeea}
.babylonia-online-block .babylonia-online-list strong{display:block;color:var(--bo-forest);font-size:1.04rem}
.babylonia-online-block .babylonia-online-note{margin:1.9rem 0!important;padding:1.25rem 1.6rem!important;border:1px solid #e2d8c7;border-left:6px solid var(--bo-coral);border-radius:9px;background:var(--bo-cream)!important}
.babylonia-online-block .babylonia-online-note p{margin:0!important}
.babylonia-online-block .babylonia-online-action{margin:2.7rem 0!important;padding:clamp(1.6rem,3vw,2.7rem)!important;border-radius:18px;background:linear-gradient(110deg,#1a4a3e,#315d42)!important;box-shadow:0 15px 28px rgba(20,60,54,.16);color:#fff!important}
.babylonia-online-block .babylonia-online-action h2{margin:0 0 .8rem!important;padding:0!important;border:0!important;background:none!important;color:#fff!important;font-family:Georgia,"Noto Serif",serif!important;font-size:clamp(1.6rem,2.5vw,2.3rem)!important;line-height:1.25}
.babylonia-online-block .babylonia-online-action p{max-width:1020px;margin:0!important;color:#eff7ef!important;font-size:1.06rem}
.babylonia-online-block .babylonia-online-action a{color:var(--bo-lime)!important}
.babylonia-online-block .babylonia-qapage{width:100%!important;max-width:none!important;margin:3rem 0 0!important;padding:clamp(1.2rem,2.5vw,2.3rem)!important;border:1px solid #dce9df;border-radius:18px;background:#f4f5eb!important;box-shadow:0 8px 26px rgba(20,60,54,.07);font-family:inherit}
.babylonia-online-block .babylonia-qapage h2.qapage-title{margin:0!important;padding:0 0 .8rem!important;border:0!important;border-bottom:2px solid var(--bo-coral)!important;background:none!important;color:var(--bo-forest)!important;font-family:Georgia,"Noto Serif",serif!important;font-size:clamp(1.7rem,2.55vw,2.4rem)!important}
.babylonia-online-block .babylonia-qapage .qapage-subtitle{font-style:normal;color:#526b60}
.babylonia-online-block .babylonia-qapage .qapage-section-label{background:var(--bo-forest);border-radius:100px}
.babylonia-online-block .babylonia-qapage .qapage-section-label.comparison-section{background:#c75e51}
.babylonia-online-block .babylonia-qapage details{border:1px solid #dce8dd;border-left:4px solid var(--bo-mint);border-radius:8px;background:#fff}
.babylonia-online-block .babylonia-qapage details.qa-comparison{border-left-color:var(--bo-coral);background:#fffdf9}
.babylonia-online-block .babylonia-qapage summary{color:var(--bo-forest)}
.babylonia-online-block .babylonia-qapage summary:after{color:var(--bo-coral)}
.babylonia-online-block .babylonia-qapage .qapage-answer strong{color:var(--bo-forest)}
@media(max-width:850px){.babylonia-online-block .babylonia-online-intro{grid-template-columns:1fr}.babylonia-online-block .babylonia-online-hero-facts{grid-column:1;grid-row:auto;margin-top:1.5rem}.babylonia-online-block .babylonia-online-hero-facts p{justify-content:flex-start}}
@media(max-width:680px){.babylonia-online-block{width:calc(100vw - 24px)!important;margin-top:1rem!important}.babylonia-online-block .babylonia-online-grid,.babylonia-online-block .babylonia-online-list{grid-template-columns:1fr}.babylonia-online-block .babylonia-online-intro{padding:1.4rem!important;border-radius:14px}.babylonia-online-block>h2{margin-top:2.3rem!important}.babylonia-online-block .babylonia-online-card{padding:1.2rem!important}.babylonia-online-block .babylonia-qapage{padding:1rem!important}.babylonia-online-block .babylonia-online-hero-facts{padding:1rem}}