/* ==========================================================================
   Inner pages (CMS pages, blog, contact, career, course list / details,
   library, landing catalogs). Loaded from include/head1.
   .ed-rich styles admin (CKEditor) content after App\Support\RichContent
   has removed the pasted Word styling.
   ========================================================================== */

:root {
  --ed-navy: #1a2434;
  --ed-navy-2: #24324a;
  --ed-orange: #ff7a4f;
  --ed-orange-dark: #e85d2f;
  --ed-orange-soft: #fff1eb;
  --ed-text: #1f2937;
  --ed-muted: #5b6577;
  --ed-border: #e5e8ef;
  --ed-bg: #f5f7fb;
  --ed-radius: 14px;
  --ed-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .06);
}

/* The mobile header (bsfismenu, < 992px) is position:fixed and 54px tall,
   and nothing reserved that space, so every inner page's title sat under it. */
.ed-header-spacer { display: none; }
@media (max-width: 991.98px) {
  .ed-header-spacer { display: block; height: 54px; }
}

/* ---------- Page hero (partials/page-hero) ---------- */
.ed-hero {
  background: linear-gradient(135deg, var(--ed-navy) 0%, var(--ed-navy-2) 100%);
  color: #fff;
  padding: 28px 0 32px;
  position: relative;
  overflow: hidden;
}
.ed-hero::after {
  content: "";
  position: absolute;
  right: -80px; top: -80px;
  width: 260px; height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 122, 79, .28), rgba(255, 122, 79, 0) 70%);
  pointer-events: none;
}
.ed-hero .container { position: relative; z-index: 1; }
.ed-crumbs {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0;
  list-style: none; margin: 0 0 10px; padding: 0;
  font-size: .85rem; color: rgba(255, 255, 255, .7);
}
.ed-crumbs li { display: inline-flex; align-items: center; }
.ed-crumbs li + li::before {
  content: "/"; margin: 0 8px; color: rgba(255, 255, 255, .4);
}
.ed-crumbs a { color: rgba(255, 255, 255, .85); }
.ed-crumbs a:hover, .ed-crumbs a:focus { color: #fff; text-decoration: underline; }
.ed-crumbs span { color: rgba(255, 255, 255, .7); }
.ed-crumbs [aria-current] { color: #fff; }
.ed-hero__title {
  color: #fff !important;
  font-size: clamp(1.45rem, 1.1rem + 1.6vw, 2.2rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  letter-spacing: -.01em;
}
.ed-hero__sub {
  color: rgba(255, 255, 255, .78);
  margin: 8px 0 0;
  max-width: 760px;
  font-size: 1rem;
  line-height: 1.55;
}
.ed-hero__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ed-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 12px; border-radius: 999px;
  font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  background: rgba(255, 255, 255, .14); color: #fff;
}
.ed-pill--orange { background: var(--ed-orange); }
.ed-pill--green { background: #16a34a; }

/* ---------- Page body ---------- */
.ed-section { background: var(--ed-bg); padding: 36px 0 64px; }
.ed-card {
  background: #fff;
  border: 1px solid var(--ed-border);
  border-radius: var(--ed-radius);
  box-shadow: var(--ed-shadow);
  padding: 32px 36px;
}
.ed-card + .ed-card { margin-top: 24px; }
.ed-card__title {
  font-size: 1.2rem !important; font-weight: 700; color: var(--ed-navy) !important;
  margin: 0 0 16px !important;
}
@media (max-width: 767.98px) {
  .ed-section { padding: 20px 0 40px; }
  .ed-card { padding: 20px 16px; border-radius: 12px; }
  .ed-hero { padding: 20px 0 24px; }
}

/* ---------- Sidebar navigation ---------- */
.ed-side { position: sticky; top: 24px; }
.ed-side .ed-card { padding: 18px; }
.ed-side__title {
  font-size: .78rem !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--ed-muted) !important; margin: 0 0 10px !important; line-height: 1.3;
}
.ed-side__group + .ed-side__group { margin-top: 18px; }
.ed-side__list { list-style: none; margin: 0; padding: 0; }
.ed-side__list a {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px; border-radius: 8px;
  color: var(--ed-text); font-size: .93rem; line-height: 1.35;
  transition: background .15s, color .15s;
}
.ed-side__list a:hover, .ed-side__list a:focus-visible { background: var(--ed-bg); color: var(--ed-orange-dark); }
.ed-side__list a.is-active, .ed-side__list a[aria-current="page"] {
  background: var(--ed-orange-soft); color: var(--ed-orange-dark); font-weight: 600;
  box-shadow: inset 3px 0 0 var(--ed-orange);
}
.ed-side__list i { width: 16px; text-align: center; opacity: .7; }
.ed-side--scroll .ed-side__list { max-height: 60vh; overflow-y: auto; }

/* On tablets/phones the sidebar becomes a row of chips that scrolls sideways. */
@media (max-width: 991.98px) {
  .ed-side { position: static; }
  .ed-side--chips .ed-card { padding: 0; border: 0; box-shadow: none; background: transparent; }
  .ed-side--chips .ed-side__title { margin-bottom: 8px !important; }
  .ed-side--chips .ed-side__list {
    display: flex; gap: 8px; overflow-x: auto; max-height: none;
    padding-bottom: 6px; scrollbar-width: thin; -webkit-overflow-scrolling: touch;
  }
  .ed-side--chips .ed-side__list li { flex: 0 0 auto; }
  .ed-side--chips .ed-side__list a {
    white-space: nowrap; background: #fff; border: 1px solid var(--ed-border);
    border-radius: 999px; padding: 7px 14px; font-size: .88rem;
  }
  .ed-side--chips .ed-side__list a.is-active, .ed-side--chips .ed-side__list a[aria-current="page"] {
    background: var(--ed-orange); border-color: var(--ed-orange); color: #fff; box-shadow: none;
  }
  .ed-side--chips .ed-side__list i { display: none; }
}

/* "On this page" table of contents */
.ed-toc { list-style: none; margin: 0; padding: 0; counter-reset: toc; }
.ed-toc a {
  display: block; padding: 6px 0 6px 12px; border-left: 2px solid var(--ed-border);
  color: var(--ed-muted); font-size: .88rem; line-height: 1.4;
}
.ed-toc a:hover { color: var(--ed-orange-dark); border-left-color: var(--ed-orange); }
details.ed-toc-mobile {
  background: #fff; border: 1px solid var(--ed-border); border-radius: 12px;
  padding: 12px 16px; margin-bottom: 16px;
}
details.ed-toc-mobile summary { font-weight: 600; cursor: pointer; color: var(--ed-navy); }
details.ed-toc-mobile .ed-toc { margin-top: 10px; }

/* ==========================================================================
   Rich text from the admin editor
   ========================================================================== */
.ed-rich {
  color: var(--ed-text);
  font-size: 1.02rem;
  line-height: 1.75;
  overflow-wrap: anywhere;
  word-break: normal;
}
.ed-rich > :first-child { margin-top: 0 !important; }
.ed-rich > :last-child { margin-bottom: 0 !important; }
.ed-rich p, .ed-rich div { font-size: inherit; line-height: inherit; color: inherit; }
.ed-rich p { margin: 0 0 1em; }
.ed-rich h2, .ed-rich h3, .ed-rich h4, .ed-rich h5, .ed-rich h6 {
  color: var(--ed-navy);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.005em;
  scroll-margin-top: 90px;
}
.ed-rich h2 {
  font-size: clamp(1.25rem, 1.1rem + .6vw, 1.55rem);
  margin: 1.9em 0 .7em;
  padding-bottom: .45em;
  border-bottom: 2px solid var(--ed-border);
  position: relative;
}
.ed-rich h2::after {
  content: ""; position: absolute; left: 0; bottom: -2px;
  width: 56px; height: 2px; background: var(--ed-orange);
}
.ed-rich h3 { font-size: clamp(1.08rem, 1rem + .35vw, 1.25rem); margin: 1.6em 0 .55em; }
.ed-rich h4 { font-size: 1.05rem; margin: 1.4em 0 .5em; }
.ed-rich h5, .ed-rich h6 { font-size: 1rem; margin: 1.2em 0 .4em; }
.ed-rich h2 *, .ed-rich h3 *, .ed-rich h4 * { color: inherit !important; text-decoration: none; font-size: inherit; }
.ed-rich strong, .ed-rich b { font-weight: 700; color: inherit; }
.ed-rich a { color: var(--ed-orange-dark); text-decoration: underline; text-underline-offset: 2px; word-break: break-word; }
.ed-rich a:hover { color: var(--ed-navy); }
.ed-rich .ed-accent { color: #c2410c; }
.ed-rich .ed-mark { background: #fff3c4; padding: 0 .2em; border-radius: 3px; }

.ed-rich ul, .ed-rich ol { margin: 0 0 1.1em; padding-left: 1.5em; }
.ed-rich ul { list-style: none; padding-left: 1.4em; }
.ed-rich ul > li { position: relative; }
.ed-rich ul > li::before {
  content: ""; position: absolute; left: -1.05em; top: .72em;
  width: 7px; height: 7px; border-radius: 50%; background: var(--ed-orange);
}
.ed-rich ul ul > li::before { background: transparent; border: 1.5px solid var(--ed-orange); }
.ed-rich ol { list-style: decimal; }
.ed-rich ol ol { list-style: lower-alpha; }
.ed-rich ol > li::marker { color: var(--ed-orange-dark); font-weight: 700; }
.ed-rich li { display: list-item; margin: 0 0 .45em; line-height: 1.7; }
.ed-rich li > p { margin: 0; }
.ed-rich li > ul, .ed-rich li > ol { margin: .45em 0 0; }

.ed-rich blockquote {
  margin: 1.4em 0; padding: 14px 20px;
  border-left: 4px solid var(--ed-orange); background: var(--ed-orange-soft);
  border-radius: 0 10px 10px 0; color: var(--ed-text);
}
.ed-rich blockquote p:last-child { margin-bottom: 0; }
.ed-rich hr { border: 0; border-top: 1px solid var(--ed-border); margin: 2em 0; opacity: 1; }
.ed-rich hr:has(+ h2), .ed-rich hr:has(+ hr) { display: none; }
.ed-rich img { max-width: 100%; height: auto; border-radius: 10px; }
.ed-rich figure { margin: 1.4em 0; max-width: 100%; }
.ed-rich figure.image { text-align: center; }
.ed-rich figcaption { font-size: .85rem; color: var(--ed-muted); text-align: center; margin-top: 6px; }
.ed-rich .image-style-align-left, .ed-rich .align-left { float: left; margin: .3em 1.4em 1em 0; max-width: 50%; }
.ed-rich .image-style-align-right, .ed-rich .align-right { float: right; margin: .3em 0 1em 1.4em; max-width: 50%; }
.ed-rich::after { content: ""; display: table; clear: both; }
.ed-rich code { background: var(--ed-bg); padding: .1em .35em; border-radius: 4px; font-size: .9em; }
.ed-rich pre { background: var(--ed-navy); color: #e5e7eb; padding: 14px 16px; border-radius: 10px; overflow-x: auto; }

/* Tables: wrapped by RichContent so they scroll sideways on small screens. */
.ed-rich .ed-table-wrap {
  margin: 1.3em 0 1.6em;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--ed-border);
  border-radius: 12px;
  background: #fff;
}
.ed-rich table {
  width: 100%; border-collapse: collapse; margin: 0;
  font-size: .95rem; line-height: 1.55;
}
.ed-rich th, .ed-rich td {
  overflow-wrap: normal; word-break: normal; hyphens: auto;
  padding: 11px 14px; border: 0; border-bottom: 1px solid var(--ed-border);
  text-align: left; vertical-align: top; min-width: 110px;
}
.ed-rich tr > :not(:last-child) { border-right: 1px solid var(--ed-border); }
.ed-rich tbody tr:last-child > * { border-bottom: 0; }
.ed-rich th, .ed-rich thead td, .ed-rich .ed-table--head tr:first-child > td {
  background: var(--ed-navy); color: #fff; font-weight: 600; font-size: .9rem;
}
.ed-rich th *, .ed-rich thead td *, .ed-rich .ed-table--head tr:first-child > td * { color: #fff !important; }
.ed-rich tbody tr:nth-child(even) > td { background: #fafbfd; }
.ed-rich .ed-table--head tbody tr:nth-child(even) > td { background: #fff; }
.ed-rich .ed-table--head tbody tr:nth-child(odd):not(:first-child) > td { background: #fafbfd; }
.ed-rich td p, .ed-rich th p { margin: 0 0 .4em; }
.ed-rich td p:last-child, .ed-rich th p:last-child { margin-bottom: 0; }
.ed-rich td ul, .ed-rich td ol { margin-bottom: 0; }

/* Responsive embeds (YouTube, Google Maps...) */
.ed-rich .ed-embed { margin: 1.4em 0; border-radius: 12px; overflow: hidden; background: #000; }
.ed-rich .ed-embed iframe { display: block; width: 100%; height: 420px; border: 0; }
.ed-rich .ed-embed--video { position: relative; aspect-ratio: 16 / 9; height: auto; }
.ed-rich .ed-embed--video iframe { position: absolute; inset: 0; height: 100%; }
@media (max-width: 575.98px) {
  .ed-rich .ed-embed iframe { height: 300px; }
}

/* FAQ accordion (question headings turned into <details> by RichContent) */
.ed-rich details.ed-faq {
  border: 1px solid var(--ed-border); border-radius: 12px; background: #fff;
  margin: 0 0 12px; transition: box-shadow .2s;
}
.ed-rich details.ed-faq[open] { box-shadow: var(--ed-shadow); border-color: #ffd6c7; }
.ed-rich details.ed-faq > summary {
  list-style: none; cursor: pointer; position: relative;
  padding: 16px 52px 16px 18px; font-weight: 600; color: var(--ed-navy); line-height: 1.45;
}
.ed-rich details.ed-faq > summary::-webkit-details-marker { display: none; }
.ed-rich details.ed-faq > summary::after {
  content: "+"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  width: 26px; height: 26px; border-radius: 50%; background: var(--ed-orange-soft); color: var(--ed-orange-dark);
  font-size: 1.15rem; line-height: 26px; text-align: center; font-weight: 700;
}
.ed-rich details.ed-faq[open] > summary::after { content: "\2212"; }
.ed-rich details.ed-faq > summary:focus-visible { outline: 2px solid var(--ed-orange); outline-offset: 2px; border-radius: 12px; }
.ed-rich .ed-faq__body { padding: 0 18px 16px; color: var(--ed-muted); }

@media (max-width: 767.98px) {
  /* Wide tables keep readable columns and scroll sideways. */
  .ed-rich table { min-width: min(calc(var(--ed-cols, 2) * 125px), 1100px); }
  .ed-rich .ed-table-wrap { margin-left: -2px; margin-right: -2px; }
}
@media (max-width: 575.98px) {
  .ed-rich { font-size: 1rem; line-height: 1.7; }
  .ed-rich th, .ed-rich td { padding: 9px 11px; font-size: .9rem; min-width: 96px; }
  .ed-rich .image-style-align-left, .ed-rich .image-style-align-right,
  .ed-rich .align-left, .ed-rich .align-right { float: none; margin: 1em auto; max-width: 100%; }
}

/* ---------- Empty state ---------- */
.ed-empty { text-align: center; padding: 48px 16px; color: var(--ed-muted); }
.ed-empty i { font-size: 2rem; color: var(--ed-orange); margin-bottom: 12px; display: block; }
.ed-empty h2 { font-size: 1.2rem !important; color: var(--ed-navy) !important; margin-bottom: 6px !important; }

/* ---------- Buttons ---------- */
.ed-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 22px; border-radius: 10px; border: 0;
  background: var(--ed-orange); color: #fff !important; font-weight: 600; font-size: .95rem;
  line-height: 1.2; transition: background .15s, transform .15s; cursor: pointer;
}
.ed-btn:hover, .ed-btn:focus-visible { background: var(--ed-orange-dark); color: #fff; }
.ed-btn--block { width: 100%; }
.ed-btn--ghost { background: transparent; color: var(--ed-orange-dark) !important; border: 1.5px solid var(--ed-orange); }
.ed-btn--ghost:hover { background: var(--ed-orange-soft); }
.ed-btn--green, .ed-btn.greenbtn { background: #16a34a !important; }
.ed-btn--green:hover { background: #15803d !important; }
.ed-btn[disabled], .ed-btn.is-disabled { background: #cbd2dc !important; cursor: not-allowed; }

/* ---------- Forms (contact, career, enquiry) ---------- */
.ed-form label { display: block; font-weight: 600; font-size: .88rem; color: var(--ed-text); margin-bottom: 6px; }
.ed-form .form-control, .ed-form .form-select {
  border: 1.5px solid var(--ed-border); border-radius: 10px; padding: 10px 14px;
  font-size: .95rem; color: var(--ed-text); background-color: #fff; box-shadow: none;
}
.ed-form .form-control:focus, .ed-form .form-select:focus {
  border-color: var(--ed-orange); box-shadow: 0 0 0 3px rgba(255, 122, 79, .15);
}
.ed-form .mb-3 { margin-bottom: 14px !important; }
.ed-form small, .ed-form .form-text { color: var(--ed-muted); font-size: .8rem; }

/* ---------- Contact page ---------- */
.ed-contact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ed-contact-item {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 14px; border-radius: 12px; background: var(--ed-bg); color: var(--ed-text);
}
a.ed-contact-item:hover { background: var(--ed-orange-soft); color: var(--ed-text); }
.ed-contact-item__icon {
  flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px;
  display: grid; place-items: center; background: #fff; color: var(--ed-orange-dark);
  box-shadow: var(--ed-shadow);
}
.ed-contact-item__label { display: block; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--ed-muted); font-weight: 600; }
.ed-contact-item__value { display: block; font-weight: 600; overflow-wrap: anywhere; }
.ed-social { display: flex; flex-wrap: wrap; gap: 10px; }
.ed-social a {
  width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center;
  background: var(--ed-navy); color: #fff;
}
.ed-social a:hover { background: var(--ed-orange); color: #fff; }
.ed-map { border-radius: var(--ed-radius); overflow: hidden; border: 1px solid var(--ed-border); background: #e8eaee; }
.ed-map iframe { display: block; width: 100%; height: 360px; border: 0; }
@media (max-width: 575.98px) { .ed-map iframe { height: 260px; } }

/* ---------- Course / library cards ---------- */
.ed-grid {
  display: grid; gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
@media (max-width: 575.98px) { .ed-grid { grid-template-columns: 1fr; gap: 16px; } }
.ed-ccard {
  display: flex; flex-direction: column; height: 100%;
  background: #fff; border: 1px solid var(--ed-border); border-radius: var(--ed-radius);
  box-shadow: var(--ed-shadow); overflow: hidden; transition: transform .2s, box-shadow .2s;
}
.ed-ccard:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(16, 24, 40, .12); }
.ed-ccard--free { border: 2px solid #16a34a; }
.ed-ccard__media {
  position: relative; aspect-ratio: 16 / 10; background: var(--ed-bg);
  display: grid; place-items: center; overflow: hidden;
}
/* Course covers are small square icons (160-235px): shown whole, centred,
   never stretched. A wide banner image still fits (contain). */
.ed-ccard__media {
  aspect-ratio: 2 / 1;
  background: #fff;
  border-bottom: 1px solid var(--ed-border);
}
.ed-ccard__media--icon { aspect-ratio: auto; height: 140px; }
@media (max-width: 575.98px) {
  .ed-ccard__media { aspect-ratio: auto; height: 150px; }
  .ed-ccard__media--icon { height: 120px; }
  .ed-post-card .ed-ccard__media { aspect-ratio: 16 / 9; height: auto; }
}
.ed-ccard__media img { max-width: 88%; max-height: 78%; width: auto; height: auto; object-fit: contain; }
.ed-post-card .ed-ccard__media img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }
.ed-ccard__tags { position: absolute; top: 10px; left: 10px; display: flex; flex-wrap: wrap; gap: 6px; }
.ed-ccard__tags .ed-pill { font-size: .68rem; padding: 3px 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .18); }
.ed-ccard__body { display: flex; flex-direction: column; flex: 1; padding: 16px 18px 18px; }
.ed-ccard__title {
  font-size: 1.06rem !important; font-weight: 700; line-height: 1.35 !important;
  color: var(--ed-navy) !important; margin: 0 0 6px !important;
}
.ed-ccard__title a { color: inherit; }
.ed-ccard__title a:hover { color: var(--ed-orange-dark); }
.ed-ccard__desc {
  color: var(--ed-muted) !important; font-size: .9rem !important; line-height: 1.5 !important;
  margin: 0 0 12px !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ed-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.ed-price__now { font-size: 1.25rem; font-weight: 800; color: var(--ed-navy); }
.ed-price__was { color: #8a93a3; text-decoration: line-through; font-size: .92rem; }
.ed-price__off { font-size: .72rem; font-weight: 700; color: #15803d; background: #dcfce7; padding: 2px 8px; border-radius: 999px; }
.ed-price__free { font-size: .85rem; font-weight: 700; color: #15803d; background: #dcfce7; padding: 4px 12px; border-radius: 999px; }
.ed-ccard__link { font-size: .87rem; font-weight: 600; color: var(--ed-orange-dark); display: inline-flex; align-items: center; gap: 6px; margin-bottom: 14px; }
.ed-ccard__link:hover { color: var(--ed-navy); }
.ed-ccard__foot { margin-top: auto; }
.ed-ccard__foot .btn, .ed-ccard__foot .ed-btn { width: 100%; }
.ed-badge {
  display: inline-flex; align-items: center; gap: 5px; font-size: .74rem; font-weight: 700;
  padding: 3px 10px; border-radius: 999px; margin-bottom: 8px;
}
.ed-badge--soft { background: #eef4ff; color: #3538cd; }
.ed-badge--hard { background: #fef0c7; color: #93370d; }

.ed-note {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 12px 16px; border-radius: 12px; margin-bottom: 18px;
  background: #fffbeb; border: 1px solid #fde68a; color: #78350f; font-size: .93rem;
}
.ed-note i { margin-top: 3px; }
.ed-list-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.ed-list-head h2 { font-size: 1.2rem !important; color: var(--ed-navy) !important; margin: 0 !important; font-weight: 700; }
.ed-list-head span { color: var(--ed-muted); font-size: .9rem; }

/* ---------- Course details ---------- */
.ed-buy { position: relative; }
.ed-buy .ed-price__now { font-size: 1.7rem; }
.ed-buy__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ed-buy__actions .btn { padding: 11px 26px; border-radius: 10px; font-weight: 600; }
.ed-buy__meta { color: var(--ed-muted); font-size: .9rem; margin: 10px 0 0; }
.ed-buy__meta i { color: var(--ed-orange-dark); margin-right: 4px; }
.ed-free-callout {
  background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; border-radius: 10px;
  padding: 10px 14px; margin-bottom: 14px; font-size: .95rem;
}
.ed-enquiry h2 { font-size: 1.15rem !important; color: var(--ed-navy) !important; margin: 0 0 4px !important; font-weight: 700; }
.ed-enquiry p { color: var(--ed-muted); font-size: .9rem; margin: 0 0 16px; }
.ed-sticky { position: sticky; top: 24px; }
@media (max-width: 991.98px) { .ed-sticky { position: static; } }

/* ---------- Blog ---------- */
.ed-post-card .ed-ccard__media { aspect-ratio: 16 / 9; }
.ed-post-meta { color: var(--ed-muted); font-size: .85rem; display: flex; gap: 14px; flex-wrap: wrap; }
.ed-post-meta i { color: var(--ed-orange-dark); margin-right: 4px; }
.ed-post-cover { border-radius: var(--ed-radius); overflow: hidden; margin-bottom: 24px; }
.ed-post-cover img { width: 100%; height: auto; display: block; }

/* ---------- Mock tests ---------- */
.ed-exam-facts { list-style: none; margin: 4px 0 16px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--ed-muted); font-size: .88rem; }
.ed-exam-facts i { color: var(--ed-orange-dark); margin-right: 5px; }
.ed-rich .ed-exam-table th { background: var(--ed-bg); color: var(--ed-navy); width: 42%; font-weight: 600; }
.ed-steps { margin: 0; padding-left: 1.3em; color: var(--ed-text); }
.ed-steps li { margin-bottom: 8px; line-height: 1.5; }
.ed-steps li::marker { color: var(--ed-orange-dark); font-weight: 700; }

/* ---------- Inside the admin CKEditor (config/admin.php contentsCss) ---------- */
body.ed-editor { background: #fff; margin: 0; padding: 18px 22px; max-width: 900px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }


/* ==========================================================================
   Homepage hero slider (#heroo, settings in assets/js/custom.js)
   Slow crossfade + gentle zoom, pill-shaped progress dots.
   ========================================================================== */
#heroo .owl-item { overflow: hidden; }
#heroo .owl-item.animated { animation-duration: 1.4s; animation-fill-mode: both; }
#heroo .owl-item.heroIn { animation-name: heroIn; animation-timing-function: cubic-bezier(.22, .61, .36, 1); }
#heroo .owl-item.heroOut { animation-name: heroOut; animation-timing-function: ease-in-out; }
@keyframes heroIn {
  from { opacity: 0; transform: scale(1.06); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes heroOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}

/* Dots sit in a band reserved under the banner (never over its text);
   reserved before Owl starts so nothing shifts when they appear. */
#heroo.owl-carousel { padding-bottom: 30px; }
#heroo.owl-theme .owl-dots {
  position: absolute; left: 0; right: 0; bottom: 2px; margin: 0;
  display: flex; justify-content: center; align-items: center; gap: 8px; pointer-events: none;
}
#heroo.owl-theme .owl-dots .owl-dot { pointer-events: auto; padding: 6px 0 !important; }
#heroo.owl-theme .owl-dots .owl-dot span {
  display: block; position: relative; overflow: hidden; margin: 0;
  width: 9px; height: 9px; border-radius: 999px;
  background: #cfd5df;
  transition: width .5s ease, background-color .3s ease;
}
#heroo.owl-theme .owl-dots .owl-dot:hover span { background: #9aa4b5; }
#heroo.owl-theme .owl-dots .owl-dot.active span { width: 34px; background: #e3e7ee; }
/* The active dot fills up while the banner is on screen (6.5s = autoplayTimeout). */
#heroo.owl-theme .owl-dots .owl-dot.active span::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit;
  background: var(--ed-orange, #ff7a4f); transform-origin: left center; transform: scaleX(0);
}
#heroo.owl-theme .owl-dots .owl-dot.hero-progress span::after { animation: heroProgress 6.5s linear forwards; }
#heroo.is-paused .owl-dots .owl-dot.hero-progress span::after { animation-play-state: paused; }
@keyframes heroProgress { to { transform: scaleX(1); } }

/* Arrows: soft round buttons that appear on hover (desktop). */
#heroo.owl-theme .owl-nav [class*=owl-] {
  transition: opacity .3s ease, background-color .2s ease, transform .2s ease;
}
@media (hover: hover) and (min-width: 992px) {
  #heroo.owl-theme .owl-nav [class*=owl-] { opacity: 0; }
  #heroo.owl-theme:hover .owl-nav [class*=owl-] { opacity: 1; }
}
@media (max-width: 575.98px) {
  #heroo.owl-carousel { padding-bottom: 22px; }
  #heroo.owl-theme .owl-dots { bottom: 0; gap: 6px; }
  #heroo.owl-theme .owl-dots .owl-dot span { width: 7px; height: 7px; }
  #heroo.owl-theme .owl-dots .owl-dot.active span { width: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  #heroo .owl-item.heroIn { animation-name: heroFade; }
  #heroo .owl-item.animated { animation-duration: .6s; }
  #heroo.owl-theme .owl-dots .owl-dot.hero-progress span::after { animation: none; transform: scaleX(1); }
}
@keyframes heroFade { from { opacity: 0; } to { opacity: 1; } }