/* Bayan Learning — Blog / Article / Contact pages
   Scoped to .bayan-page inside #bayan-clone-root. Reuses the site's design tokens. */

.bayan-page{
  --bp-ink:#18102A;
  --bp-soft:#4A4060;
  --bp-muted:#6A6280;
  --bp-line:rgba(15,10,24,.09);
  --bp-line-2:rgba(15,10,24,.14);
  --bp-card:#FFFFFF;
  --bp-tint:#F7F3FB;
  --bp-tint-2:#ECE2F4;
  --bp-400:#A58BC8;
  --bp-500:#8668B2;
  --bp-600:#73539E;
  --bp-700:#5E4283;
  --bp-900:#2D1E40;
  --bp-950:#1A1129;
  --bp-radius:12px;
  --bp-radius-sm:10px;
  --bp-shadow:0 1px 2px rgba(15,10,24,.03), 0 8px 24px -10px rgba(15,10,24,.06);
  --bp-shadow-lg:0 2px 8px rgba(116,82,158,.06), 0 24px 60px -24px rgba(116,82,158,.22);
  color:var(--bp-ink);
  background:#FBF9FE;
  padding-top:104px;
  overflow-x:clip;
  font-family:Mulish,system-ui,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.6;
}
.bayan-page *{ font-family:inherit; }
.bayan-page h1,.bayan-page h2,.bayan-page h3,.bayan-page h4,.bayan-page strong,.bayan-page b{ font-weight:700; }

/* Arabic needs an Arabic face; these are the families the site already ships. */
[dir="rtl"] .bayan-page,html.bayan-lang-ar .bayan-page{ font-family:"IBM Plex Sans Arabic",Cairo,system-ui,sans-serif; }
[dir="rtl"] .bayan-page h1,[dir="rtl"] .bayan-page h2,[dir="rtl"] .bayan-page h3,[dir="rtl"] .bayan-page h4,
html.bayan-lang-ar .bayan-page h1,html.bayan-lang-ar .bayan-page h2,html.bayan-lang-ar .bayan-page h3,html.bayan-lang-ar .bayan-page h4{ font-family:Cairo,"IBM Plex Sans Arabic",system-ui,sans-serif; }
@media (min-width:640px){ .bayan-page{ padding-top:120px; } }

.bayan-page *,.bayan-page *::before,.bayan-page *::after{ box-sizing:border-box; }
.bayan-page img{ max-width:100%; height:auto; display:block; }
.bayan-page a{ color:inherit; text-decoration:none; }
.bayan-page p{ margin:0; }
.bayan-page h1,.bayan-page h2,.bayan-page h3,.bayan-page h4{ margin:0; color:var(--bp-ink); letter-spacing:-.02em; line-height:1.12; }
.bayan-page ul,.bayan-page ol{ margin:0; }

/* ---------- layout ---------- */
.bp-wrap{ width:100%; max-width:1200px; margin-inline:auto; padding-inline:20px; }
@media (min-width:768px){ .bp-wrap{ padding-inline:32px; } }
.bp-section{ padding-block:clamp(32px,5vw,64px); }
.bp-section--tight{ padding-block:clamp(24px,3vw,36px); }

/* ---------- eyebrow ---------- */
.bp-eyebrow{
  display:flex; align-items:center; gap:12px;
  font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--bp-600); margin-bottom:18px;
}
.bp-eyebrow::after{ content:""; flex:0 0 40px; height:1px; background:currentColor; opacity:.5; }
html.bayan-lang-ar .bp-eyebrow,[dir="rtl"] .bp-eyebrow{ letter-spacing:0; text-transform:none; font-size:14px; }

/* ---------- hero ---------- */
.bp-hero{ position:relative; padding-block:clamp(28px,4vw,52px) clamp(24px,3vw,40px); }
.bp-hero__grid{ display:grid; gap:20px; align-items:start; }
@media (min-width:900px){ .bp-hero__grid{ grid-template-columns:minmax(0,1fr) 220px; gap:40px; } }
.bp-hero h1{ font-size:clamp(34px,6vw,60px); font-weight:700; }
.bp-hero__lede{ margin-top:18px; max-width:56ch; color:var(--bp-soft); font-size:clamp(15px,1.6vw,18px); line-height:1.65; }
.bp-hero__note{ color:var(--bp-600); font-size:15px; line-height:1.6; font-weight:600; }
@media (min-width:900px){ .bp-hero__note{ text-align:end; } }
.bp-hero__swoosh{
  position:absolute; inset-inline-end:-6%; top:-40px; width:min(520px,62%); aspect-ratio:1/1;
  background:radial-gradient(closest-side,rgba(191,165,216,.38),rgba(191,165,216,0) 70%);
  pointer-events:none; z-index:0;
}
.bp-hero > *{ position:relative; z-index:1; }

/* ---------- toolbar: search + filters ---------- */
.bp-toolbar{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-block:clamp(24px,3vw,36px); }
.bp-search{ position:relative; flex:1 1 260px; min-width:0; }
.bp-search input{
  width:100%; height:46px; border-radius:999px; border:1px solid var(--bp-line-2);
  background:var(--bp-card); color:var(--bp-ink); font:inherit; font-size:15px;
  padding-inline:46px 18px;
}
.bp-search input:focus{ outline:2px solid rgba(134,104,178,.45); outline-offset:1px; border-color:var(--bp-500); }
.bp-search svg{ position:absolute; inset-inline-start:16px; top:50%; transform:translateY(-50%); color:var(--bp-muted); pointer-events:none; }
.bp-filters{ display:flex; flex-wrap:wrap; gap:8px; margin-inline-start:auto; }
.bp-chip{
  display:inline-flex; align-items:center; height:40px; padding-inline:18px; border-radius:999px;
  border:1px solid var(--bp-line-2); background:var(--bp-card); color:var(--bp-soft);
  font-size:14px; font-weight:600; white-space:nowrap; transition:background .18s,color .18s,border-color .18s;
}
.bp-chip:hover{ border-color:var(--bp-400); color:var(--bp-700); }
.bp-chip[aria-current="true"],.bp-chip.is-active{ background:linear-gradient(135deg,#8668b2,#73539e); border-color:transparent; color:#fff; }

/* ---------- newsletter ---------- */
.bp-newsletter{
  display:grid; gap:20px; align-items:center; padding:clamp(22px,3vw,34px);
  background:var(--bp-tint); border:1px solid var(--bp-tint-2); border-radius:var(--bp-radius);
}
@media (min-width:820px){ .bp-newsletter{ grid-template-columns:minmax(0,1fr) minmax(0,420px); gap:32px; } }
.bp-newsletter__icon{ width:40px; height:40px; border-radius:12px; background:#fff; display:grid; place-items:center; color:var(--bp-600); border:1px solid var(--bp-tint-2); margin-bottom:14px; }
.bp-newsletter h2{ font-size:clamp(19px,2.2vw,24px); font-weight:700; }
.bp-newsletter p{ color:var(--bp-soft); font-size:14.5px; line-height:1.65; margin-top:8px; }
.bp-newsletter .bp-inline-form{ display:flex; gap:10px; flex-wrap:wrap; }
.bp-newsletter .bp-inline-form .bp-field{ flex:1 1 220px; min-width:0; margin:0; }
.bp-newsletter .bp-inline-form input[type=submit],.bp-newsletter .bp-inline-form .bp-submit{ width:auto; flex:0 0 auto; }

/* ---------- forms (Contact Form 7) ---------- */
.bp-form .bp-field{ margin-bottom:16px; }
.bp-form label,.bp-label{ display:block; font-size:13px; font-weight:600; color:var(--bp-soft); margin-bottom:7px; }
.bp-form input[type=text],.bp-form input[type=email],.bp-form input[type=tel],
.bp-form select,.bp-form textarea{
  width:100%; border-radius:12px; border:1px solid var(--bp-line-2); background:#fff;
  color:var(--bp-ink); font:inherit; font-size:15px; padding:13px 14px;
}
.bp-form textarea{ min-height:112px; line-height:1.6; resize:vertical; }
.bp-form input:focus,.bp-form select:focus,.bp-form textarea:focus{ outline:2px solid rgba(134,104,178,.4); outline-offset:1px; border-color:var(--bp-500); }
.bp-form input::placeholder,.bp-form textarea::placeholder{ color:#9A93AC; }
.bp-form select{ appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236A6280' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-inline-end:40px; }
[dir="rtl"] .bp-form select,html.bayan-lang-ar .bp-form select{ background-position:left 14px center; padding-inline-end:14px; padding-inline-start:40px; }

.bp-submit,.bp-form input[type=submit]{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%;
  border:0; cursor:pointer; border-radius:999px; padding:15px 24px;
  background:linear-gradient(135deg,#8668b2,#73539e); color:#fff; font:inherit; font-weight:600; font-size:15px;
  box-shadow:0 1px 1px rgba(255,255,255,.2) inset,0 8px 20px -6px rgba(115,83,158,.5);
  transition:transform .18s,filter .18s;
}
.bp-submit:hover,.bp-form input[type=submit]:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.bp-consent{ display:flex; gap:10px; align-items:flex-start; font-size:13px; color:var(--bp-muted); line-height:1.55; margin-top:4px; }
.bp-consent input[type=checkbox]{ margin-top:3px; width:16px; height:16px; accent-color:#73539e; flex:none; }
.bp-consent .wpcf7-list-item{ margin:0; }
.bp-consent .wpcf7-list-item-label{ font-size:13px; line-height:1.55; }

/* CF7 chrome */
.bayan-page .wpcf7 form .wpcf7-response-output{
  margin:16px 0 0; padding:12px 16px; border-radius:12px; border-width:1px; font-size:14px; line-height:1.55;
}
.bayan-page .wpcf7 form.sent .wpcf7-response-output{ border-color:#1F8A5B; background:#ECFAF3; color:#12603F; }
.bayan-page .wpcf7 form.invalid .wpcf7-response-output,
.bayan-page .wpcf7 form.failed .wpcf7-response-output,
.bayan-page .wpcf7 form.aborted .wpcf7-response-output{ border-color:#C0392B; background:#FDEDEB; color:#8E2A20; }
.bayan-page .wpcf7-not-valid-tip{ color:#C0392B; font-size:12.5px; margin-top:6px; display:block; }
.bayan-page .wpcf7-not-valid{ border-color:#C0392B !important; }
.bayan-page .wpcf7-spinner{ margin-inline-start:8px; }

/* enquiry-type pill radios */
.bp-pills .wpcf7-radio,.bp-pills .wpcf7-checkbox{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.bp-pills .wpcf7-list-item{ margin:0; position:relative; }
.bp-pills .wpcf7-list-item input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; z-index:1; }
.bp-pills .wpcf7-list-item-label{
  display:flex; align-items:center; justify-content:center; text-align:center;
  padding:13px 14px; border:1px solid rgba(255,255,255,.22); border-radius:12px;
  font-size:14px; font-weight:600; color:#EDE7F6; min-height:48px;
}
.bp-pills .wpcf7-list-item input:checked + .wpcf7-list-item-label{ background:#8668B2; border-color:#8668B2; color:#fff; }

/* ---------- contact ---------- */
.bp-contact{ display:grid; gap:20px; align-items:start; }
@media (min-width:960px){ .bp-contact{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; } }
.bp-panel-dark{
  background:linear-gradient(160deg,#2D1E40 0%,#1A1129 100%); color:#F4EFFB;
  border-radius:var(--bp-radius); padding:clamp(24px,3vw,36px); position:relative; overflow:hidden;
  display:flex; flex-direction:column; gap:18px;
}
.bp-panel-dark h2{ color:#fff; font-size:clamp(22px,2.6vw,30px); font-weight:700; }
.bp-panel-dark p{ color:#C6BAD9; font-size:15px; line-height:1.7; }
.bp-panel-dark .bp-label{ color:#C6BAD9; }
.bp-panel-light{
  background:var(--bp-card); border:1px solid var(--bp-line); border-radius:var(--bp-radius);
  padding:clamp(22px,3vw,32px); box-shadow:var(--bp-shadow);
}
.bp-reach{ display:grid; gap:10px; }
@media (min-width:520px){ .bp-reach{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.bp-reach a{
  display:flex; align-items:center; gap:10px; padding:14px 16px; border-radius:12px;
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05);
  color:#F4EFFB; font-size:14px; font-weight:600; transition:background .18s,border-color .18s;
}
.bp-reach a:hover{ background:rgba(255,255,255,.11); border-color:rgba(255,255,255,.3); }
.bp-reach svg{ flex:none; }

.bp-location{ display:grid; gap:20px; margin-top:20px; }
@media (min-width:860px){ .bp-location{ grid-template-columns:1.1fr .9fr; } }
.bp-location__art{
  border-radius:var(--bp-radius); min-height:220px; border:1px solid var(--bp-tint-2);
  background:
    radial-gradient(120% 90% at 15% 15%, rgba(255,255,255,.55), rgba(255,255,255,0) 60%),
    linear-gradient(135deg,#BFA5D8 0%,#8668B2 45%,#463161 100%);
  position:relative; overflow:hidden;
}
.bp-location__art::after{
  content:""; position:absolute; inset:auto -10% -30% -10%; height:70%;
  background:radial-gradient(closest-side,rgba(255,255,255,.28),rgba(255,255,255,0));
}
.bp-location__card{ background:var(--bp-card); border:1px solid var(--bp-line); border-radius:var(--bp-radius); padding:clamp(22px,3vw,30px); display:flex; flex-direction:column; gap:12px; box-shadow:var(--bp-shadow); }
.bp-pin{ display:inline-flex; align-items:center; gap:8px; color:var(--bp-600); font-size:14px; font-weight:600; }

/* ---------- FAQ (details/summary) ---------- */
.bp-faq{ display:grid; gap:10px; margin-top:20px; }
.bp-faq details{ background:var(--bp-card); border:1px solid var(--bp-line); border-radius:var(--bp-radius); overflow:hidden; }
.bp-faq summary{
  list-style:none; cursor:pointer; padding:18px 20px; font-weight:600; font-size:15.5px;
  display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--bp-ink);
}
.bp-faq summary::-webkit-details-marker{ display:none; }
.bp-faq summary::after{
  content:""; flex:none; width:16px; height:16px; background:currentColor; color:var(--bp-600);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v14h-2z'/%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v14h-2z'/%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .2s ease;
}
.bp-faq details[open] summary::after{ transform:rotate(45deg); }
.bp-faq .bp-faq__a{ padding:0 20px 20px; color:var(--bp-soft); font-size:14.5px; line-height:1.7; }

/* ---------- article ---------- */
.bp-breadcrumbs{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13.5px; color:var(--bp-muted); margin-bottom:22px; }
.bp-breadcrumbs a:hover{ color:var(--bp-600); }
.bp-breadcrumbs .sep{ opacity:.5; }
.bp-breadcrumbs .wp-block-post-terms{ font-size:13.5px; color:var(--bp-muted); }

.bp-article__head{ max-width:820px; }
.bp-article__head .wp-block-post-title,.bp-article__head h1{ font-size:clamp(30px,4.6vw,50px); font-weight:700; line-height:1.12; letter-spacing:-.02em; margin:0; }
.bp-article__lede{ margin-top:18px; color:var(--bp-soft); font-size:clamp(15px,1.7vw,18px); line-height:1.7; }
.bp-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:22px; font-size:14px; color:var(--bp-soft); }
.bp-meta__avatar{ width:32px; height:32px; border-radius:999px; background:var(--bp-tint-2); display:grid; place-items:center; color:var(--bp-700); font-weight:700; font-size:13px; flex:none; }
.bp-meta .dot{ opacity:.45; }
.bp-tag,.bp-article__head .wp-block-post-terms a{ display:inline-flex; align-items:center; padding:6px 14px; border-radius:999px; background:var(--bp-tint-2); color:var(--bp-700); font-size:13px; font-weight:600; }

.bp-article__hero{ margin-block:clamp(24px,3vw,36px); border-radius:var(--bp-radius); overflow:hidden; border:1px solid var(--bp-line); }
.bp-article__hero img{ width:100%; aspect-ratio:16/8; object-fit:cover; }

.bp-article__layout{ display:grid; gap:32px; align-items:start; }
@media (min-width:1000px){ .bp-article__layout{ grid-template-columns:230px minmax(0,1fr); gap:56px; } }
.bp-toc{ position:sticky; top:104px; }
@media (max-width:999px){ .bp-toc{ position:static; padding-bottom:8px; border-bottom:1px solid var(--bp-line); } }
.bp-toc__title{ font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--bp-muted); margin-bottom:14px; }
html.bayan-lang-ar .bp-toc__title{ letter-spacing:0; text-transform:none; font-size:14px; }
.bp-toc ol{ list-style:none; padding:0; margin:0; display:grid; gap:2px; }
.bp-toc a{
  display:block; padding:7px 0 7px 14px; font-size:14px; color:var(--bp-muted); line-height:1.45;
  border-inline-start:2px solid var(--bp-line); transition:color .18s,border-color .18s;
}
[dir="rtl"] .bp-toc a,html.bayan-lang-ar .bp-toc a{ padding-left:0; padding-right:14px; }
.bp-toc a:hover{ color:var(--bp-700); }
.bp-toc a.is-active{ color:var(--bp-700); font-weight:600; border-color:var(--bp-500); }

.bp-prose{ max-width:74ch; }
.bp-prose > * + *{ margin-top:20px; }
.bp-prose h2{ font-size:clamp(21px,2.4vw,27px); font-weight:700; margin-top:40px; scroll-margin-top:120px; }
.bp-prose h3{ font-size:clamp(17px,2vw,20px); font-weight:700; margin-top:28px; }
.bp-prose p{ color:var(--bp-soft); font-size:16px; line-height:1.8; }
.bp-prose ul,.bp-prose ol{ padding-inline-start:22px; color:var(--bp-soft); font-size:16px; line-height:1.8; display:grid; gap:8px; }
.bp-prose strong{ color:var(--bp-ink); font-weight:600; }
.bp-prose a{ color:var(--bp-600); text-decoration:underline; text-underline-offset:3px; }

.bayan-callout{
  background:var(--bp-tint); border:1px solid var(--bp-tint-2); border-radius:var(--bp-radius);
  padding:22px 24px; display:grid; gap:8px; margin-top:32px;
}
.bayan-callout .bayan-callout__label{
  display:flex; align-items:center; gap:8px; color:var(--bp-700); font-weight:700; font-size:14px;
}
.bayan-callout .bayan-callout__label::before{
  content:""; width:18px; height:18px; flex:none; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.bayan-callout p{ color:var(--bp-soft); font-size:15.5px; line-height:1.75; margin:0; }

/* related course card (rendered only when a valid course is assigned) */
.bayan-course[hidden]{ display:none !important; }
.bp-course{ display:flex; gap:16px; align-items:center; background:var(--bp-card); border:1px solid var(--bp-line); border-radius:var(--bp-radius); padding:16px; box-shadow:var(--bp-shadow); }
.bp-course__thumb{ flex:0 0 96px; aspect-ratio:4/3; border-radius:12px; overflow:hidden; background:var(--bp-tint-2); }
.bp-course__thumb img{ width:100%; height:100%; object-fit:cover; }
.bp-course__body{ display:grid; gap:6px; min-width:0; }
.bp-course__label{ font-size:12px; font-weight:700; color:var(--bp-muted); }
.bp-course h3{ font-size:16px; font-weight:700; }
.bp-course p{ font-size:13.5px; color:var(--bp-soft); }

.bp-article__foot{ margin-top:clamp(36px,5vw,56px); display:grid; gap:20px; }
@media (min-width:900px){ .bp-article__foot{ grid-template-columns:1fr 1fr; gap:24px; } }
.bp-related h2{ font-size:19px; font-weight:700; margin-bottom:14px; }
.bp-related__list{ display:grid; gap:10px; }
.bp-related__item{ display:flex; gap:14px; align-items:center; background:var(--bp-card); border:1px solid var(--bp-line); border-radius:var(--bp-radius); padding:12px; transition:box-shadow .2s,transform .2s; }
.bp-related__item:hover{ transform:translateY(-1px); box-shadow:var(--bp-shadow-lg); }
.bp-related__thumb{ flex:0 0 76px; aspect-ratio:4/3; border-radius:10px; overflow:hidden; background:var(--bp-tint-2); }
.bp-related__thumb img{ width:100%; height:100%; object-fit:cover; }
.bp-related__item h3{ font-size:15px; font-weight:700; line-height:1.35; }
.bp-related__item span{ display:block; margin-top:4px; font-size:13px; color:var(--bp-600); font-weight:600; }

.bp-postnav{ display:grid; gap:12px; margin-top:clamp(32px,4vw,48px); padding-top:24px; border-top:1px solid var(--bp-line); }
@media (min-width:700px){ .bp-postnav{ grid-template-columns:1fr 1fr; } }
.bp-postnav .wp-block-post-navigation-link{ display:block; padding:16px 18px; border:1px solid var(--bp-line); border-radius:var(--bp-radius); background:var(--bp-card); font-size:15px; font-weight:600; }
.bp-postnav .wp-block-post-navigation-link:hover{ box-shadow:var(--bp-shadow-lg); }
.bp-postnav .wp-block-post-navigation-link a{ color:var(--bp-ink); }
.bp-postnav .post-navigation-link-next{ text-align:end; }

/* ---------- misc ---------- */
.bp-visually-hidden{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* Arabic / RTL type */
html.bayan-lang-ar .bayan-page,[dir="rtl"] .bayan-page{ letter-spacing:0; }
html.bayan-lang-ar .bayan-page h1,html.bayan-lang-ar .bayan-page h2,html.bayan-lang-ar .bayan-page h3{ letter-spacing:0; line-height:1.3; }
html.bayan-lang-ar .bp-prose p,html.bayan-lang-ar .bp-prose li{ line-height:2; }

/* ---------- core/query loop mapped onto the card design ---------- */
.bp-query .wp-block-post-template{
  list-style:none; margin:0; padding:0;
  display:grid; gap:20px; grid-template-columns:1fr;
}
@media (min-width:640px){ .bp-query .wp-block-post-template{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1000px){ .bp-query .wp-block-post-template{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.bp-query .wp-block-post{
  margin:0; display:flex; flex-direction:column; overflow:hidden;
  background:var(--bp-card); border:1px solid var(--bp-line); border-radius:var(--bp-radius);
  box-shadow:var(--bp-shadow); transition:transform .2s ease,box-shadow .2s ease;
}
.bp-query .wp-block-post:hover{ transform:translateY(-2px); box-shadow:var(--bp-shadow-lg); }
.bp-query .wp-block-post-featured-image{ margin:0; aspect-ratio:16/10; background:var(--bp-tint-2); overflow:hidden; }
.bp-query .wp-block-post-featured-image a,
.bp-query .wp-block-post-featured-image img{ display:block; width:100%; height:100%; object-fit:cover; }
.bp-query .wp-block-post > :not(.wp-block-post-featured-image){ padding-inline:20px; }
.bp-query .wp-block-post > .wp-block-post-terms{ padding-top:20px; }
.bp-query .wp-block-post > :last-child{ padding-bottom:20px; margin-top:auto; }
.bp-query .wp-block-post-terms{
  font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--bp-600); margin:0 0 10px;
}
html.bayan-lang-ar .bp-query .wp-block-post-terms{ letter-spacing:0; text-transform:none; font-size:13px; }
.bp-query .wp-block-post-terms a{ color:inherit; }
.bp-query .wp-block-post-title{ font-size:19px; font-weight:700; line-height:1.3; margin:0 0 10px; letter-spacing:-.01em; }
.bp-query .wp-block-post-title a{ color:var(--bp-ink); }
.bp-query .wp-block-post-title a:hover{ color:var(--bp-700); }
.bp-query .wp-block-post-excerpt{ margin:0; }
.bp-query .wp-block-post-excerpt__excerpt{ color:var(--bp-soft); font-size:14.5px; line-height:1.65; margin:0; }
.bp-query .wp-block-post-excerpt__more-text{ margin:12px 0 0; }
.bp-query .wp-block-post-excerpt__more-text a,
.bp-query .wp-block-read-more{
  color:var(--bp-600); font-weight:600; font-size:14px; text-decoration:none;
  display:inline-flex; align-items:center; gap:6px;
}
.bp-query .wp-block-post-excerpt__more-text a::after,
.bp-query .wp-block-read-more::after{ content:"\2192"; }
[dir="rtl"] .bp-query .wp-block-post-excerpt__more-text a::after,
[dir="rtl"] .bp-query .wp-block-read-more::after,
html.bayan-lang-ar .bp-query .wp-block-post-excerpt__more-text a::after,
html.bayan-lang-ar .bp-query .wp-block-read-more::after{ content:"\2190"; }

.bp-query .wp-block-query-no-results{
  padding:48px 20px; text-align:center; color:var(--bp-muted);
  border:1px dashed var(--bp-line-2); border-radius:var(--bp-radius);
}
.bp-query .wp-block-query-pagination{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin-top:36px;
}
.bp-query .wp-block-query-pagination-numbers{ display:flex; flex-wrap:wrap; gap:8px; }
.bp-query .wp-block-query-pagination a,
.bp-query .wp-block-query-pagination .page-numbers{
  min-width:42px; height:42px; padding-inline:14px; border-radius:999px; border:1px solid var(--bp-line-2);
  background:var(--bp-card); color:var(--bp-soft); font-weight:600; font-size:14px; text-decoration:none;
  display:inline-flex; align-items:center; justify-content:center;
}
.bp-query .wp-block-query-pagination .page-numbers.current{
  background:linear-gradient(135deg,#8668b2,#73539e); border-color:transparent; color:#fff;
}
.bp-query .wp-block-query-pagination .page-numbers.dots{ border-color:transparent; background:transparent; }

/* featured query variant */
.bp-featured-query .wp-block-post-template{ display:block; }
.bp-featured-query .wp-block-post{ display:grid; grid-template-columns:1fr; overflow:hidden; }
@media (min-width:860px){
  .bp-featured-query .wp-block-post{ grid-template-columns:1.15fr 1fr; align-items:stretch; }
  .bp-featured-query .wp-block-post-featured-image{ grid-row:1 / span 5; aspect-ratio:auto; min-height:300px; }
}
.bp-featured-query .wp-block-post:hover{ transform:none; }
.bp-featured-query .wp-block-post > :not(.wp-block-post-featured-image){ padding-inline:clamp(22px,3vw,40px); }
.bp-featured-query .wp-block-post > .wp-block-post-terms{ padding-top:clamp(22px,3vw,40px); }
.bp-featured-query .wp-block-post > :last-child{ padding-bottom:clamp(22px,3vw,40px); }
.bp-featured-query .wp-block-post-title{ font-size:clamp(22px,2.8vw,30px); font-weight:700; }
.bp-featured-query .wp-block-post-excerpt__excerpt{ font-size:15px; }

/* Small screens: never overflow */
@media (max-width:400px){
  .bp-wrap{ padding-inline:16px; }
  .bp-pills .wpcf7-radio,.bp-pills .wpcf7-checkbox{ grid-template-columns:1fr; }
  .bp-reach{ grid-template-columns:1fr; }
}

/* ---------- core/search block styled as the toolbar field ---------- */
.bayan-page .wp-block-search{ margin:0; flex:1 1 260px; min-width:0; }
.bayan-page .wp-block-search__label{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.bayan-page .wp-block-search__inside-wrapper{
  position:relative; border:1px solid var(--bp-line-2); border-radius:999px; background:var(--bp-card);
  padding:0; height:46px; display:flex; align-items:center; overflow:hidden;
}
.bayan-page .wp-block-search__input{
  border:0; background:transparent; height:100%; flex:1; min-width:0;
  font:inherit; font-size:15px; color:var(--bp-ink); padding-inline:20px 8px;
}
.bayan-page .wp-block-search__input:focus{ outline:none; }
.bayan-page .wp-block-search__inside-wrapper:focus-within{ border-color:var(--bp-500); box-shadow:0 0 0 3px rgba(134,104,178,.18); }
.bayan-page .wp-block-search__button{
  border:0; background:transparent; color:var(--bp-muted); cursor:pointer;
  padding:0 16px; height:100%; display:flex; align-items:center; margin:0;
}
.bayan-page .wp-block-search__button:hover{ color:var(--bp-700); }
.bayan-page .wp-block-search__button svg{ width:20px; height:20px; fill:currentColor; }

/* archive / search heading strip */
.bp-listing-head{ display:grid; gap:12px; }
.bp-listing-head h1{ font-size:clamp(28px,4.4vw,46px); font-weight:700; }
.bp-listing-head p{ color:var(--bp-soft); font-size:16px; }
/* Bayan pages: refinements loaded after bayan-pages.css */

/* Featured label above the lead card */
.bayan-page .bp-featured__label{
  font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--bp-600); margin:0 0 14px;
}
html.bayan-lang-ar .bayan-page .bp-featured__label,
[dir="rtl"] .bayan-page .bp-featured__label{ letter-spacing:0; text-transform:none; font-size:14px; }

/* Tighten the run-in from the hero to the first card */
.bayan-page .bp-hero{ padding-bottom:8px; }
.bayan-page .bp-section{ padding-top:clamp(20px,2.4vw,30px); }

/* The featured card keeps its own rounding when it is the only item */
.bp-featured-query .wp-block-post-title a{ color:var(--bp-ink); }

/* Contact Form 7 structural resets inside Bayan pages */
.bayan-page .wpcf7-form fieldset.hidden-fields-container{ border:0; padding:0; margin:0; }
.bayan-page .wpcf7-form p{ margin:0; }
.bayan-page .wpcf7-form-control-wrap{ display:block; }
.bayan-page .bp-form textarea{ height:128px; min-height:128px; }
.bayan-page .bp-newsletter .wpcf7{ width:100%; }
.bayan-page .bp-newsletter .bp-inline-form{ align-items:center; }
.bayan-page .bp-newsletter .bp-inline-form .bp-field p{ margin:0; }

/* Rhythm inside article prose (needs to outrank the .bayan-page p reset) */
.bayan-page .bp-prose > * + *{ margin-top:20px; }
.bayan-page .bp-prose > h2{ margin-top:40px; }
.bayan-page .bp-prose > h3{ margin-top:28px; }
.bayan-page .bp-prose > .bayan-callout{ margin-top:32px; }
.bayan-page .bp-prose li + li{ margin-top:8px; }
.bayan-page .bp-prose ul,.bayan-page .bp-prose ol{ display:block; }

/* Featured card: let the text column set the height, image fills its side */
@media (min-width:860px){
  .bp-featured-query .wp-block-post-featured-image{
    position:relative; overflow:hidden; min-height:320px; aspect-ratio:auto; height:100%;
  }
  .bp-featured-query .wp-block-post-featured-image a{ position:absolute; inset:0; }
  .bp-featured-query .wp-block-post-featured-image img{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  }
}

/* The related-course card sits inside prose, so opt it out of link underlines */
.bayan-page .bp-prose a.bp-course,
.bayan-page .bp-prose a.bp-course *{ text-decoration:none; color:inherit; }
.bayan-page .bp-prose .bayan-course{ margin-top:28px; }
.bayan-page .bp-course h3{ color:var(--bp-ink); }
.bayan-page .bp-course:hover{ box-shadow:var(--bp-shadow-lg); }

/* ---------- bilingual inline copy inside Bayan pages ---------- */
.bayan-page .lang-ar{ display:none; }
.bayan-page .lang-en{ display:inline; }
html.bayan-lang-ar .bayan-page .lang-en,[dir="rtl"] .bayan-page .lang-en{ display:none; }
html.bayan-lang-ar .bayan-page .lang-ar,[dir="rtl"] .bayan-page .lang-ar{ display:inline; }

/* ---------- 404 ---------- */
.bp-404{ position:relative; display:grid; gap:clamp(20px,4vw,48px); align-items:center; padding-block:clamp(24px,5vw,56px); }
@media (min-width:900px){ .bp-404{ grid-template-columns:minmax(0,1fr) minmax(0,380px); } }
.bp-404__body{ position:relative; z-index:1; }
.bp-404__code{
  font-size:13px; font-weight:700; letter-spacing:.2em; color:var(--bp-600);
  display:inline-flex; align-items:center; gap:10px; margin-bottom:16px;
}
.bp-404__code::before{ content:""; width:26px; height:1px; background:currentColor; opacity:.6; }
html.bayan-lang-ar .bp-404__code{ letter-spacing:0; font-size:14px; }
.bp-404 h1{ font-size:clamp(30px,5vw,50px); font-weight:700; letter-spacing:-.025em; }
.bp-404__lede{ margin-top:16px; color:var(--bp-soft); font-size:clamp(15px,1.6vw,18px); line-height:1.7; max-width:52ch; }
.bp-404__actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.bp-404__actions .bp-ghost{
  display:inline-flex; align-items:center; gap:8px; padding:.875rem 1.5rem; border-radius:999px;
  border:1px solid var(--bp-line-2); background:var(--bp-card); color:var(--bp-ink);
  font-weight:600; font-size:15px; white-space:nowrap; transition:border-color .18s, color .18s;
}
.bp-404__actions .bp-ghost:hover{ border-color:var(--bp-400); color:var(--bp-700); }
.bp-404__search{ margin-top:28px; max-width:420px; }
.bp-404__search .wp-block-search{ flex:none; }

/* the numeral is quiet brand furniture, never the message */
.bp-404__numeral{
  position:relative; z-index:0; justify-self:center; line-height:.78; user-select:none;
  font-size:clamp(120px,24vw,240px); font-weight:700; letter-spacing:-.06em;
  background:linear-gradient(150deg,#BFA5D8 0%,#8668B2 42%,#463161 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  opacity:.24;
}
@media (max-width:899px){ .bp-404__numeral{ order:-1; justify-self:start; } }

.bp-404__aside{ margin-top:clamp(28px,5vw,48px); padding-top:clamp(28px,4vw,40px); border-top:1px solid var(--bp-line); }
.bp-404__aside h2{ font-size:19px; font-weight:700; margin-bottom:18px; }

/* ---------- card grid used by client-rendered lists (404 latest) ---------- */
.bayan-page .bp-grid{ display:grid; gap:20px; grid-template-columns:1fr; }
@media (min-width:640px){ .bayan-page .bp-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1000px){ .bayan-page .bp-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.bayan-page .bp-card{
  display:flex; flex-direction:column; min-width:0; overflow:hidden;
  background:var(--bp-card); border:1px solid var(--bp-line); border-radius:var(--bp-radius);
  box-shadow:var(--bp-shadow); transition:transform .2s ease, box-shadow .2s ease;
}
.bayan-page .bp-card:hover{ transform:translateY(-2px); box-shadow:var(--bp-shadow-lg); }
.bayan-page .bp-card__media{ aspect-ratio:16/10; background:var(--bp-tint-2); overflow:hidden; }
.bayan-page .bp-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.bayan-page .bp-card__body{ padding:20px; display:flex; flex-direction:column; gap:10px; flex:1; }
.bayan-page .bp-card h3{ font-size:18px; font-weight:700; line-height:1.3; margin:0; }
.bayan-page .bp-card p{ color:var(--bp-soft); font-size:14.5px; line-height:1.65; margin:0; }
.bayan-page .bp-more{
  margin-top:auto; padding-top:4px; color:var(--bp-600); font-weight:600; font-size:14px;
  display:inline-flex; align-items:center; gap:6px;
}


/* ==========================================================================
   Design-parity refinements — blog listing / article / contact
   Added to close the gaps between the approved design frames and the build.
   ========================================================================== */

/* --- Hero: the design draws a swoosh arc, not only a soft bloom --- */
.bayan-page .bp-hero__swoosh::after{
  content:"";
  position:absolute; inset-inline-end:4%; top:-14%;
  width:58%; aspect-ratio:1/1;
  border-radius:50%;
  border:20px solid rgba(160,127,201,.14);
  border-inline-end-color:transparent;
  border-block-end-color:transparent;
  transform:rotate(28deg);
  -webkit-mask-image:linear-gradient(205deg,#000 18%,rgba(0,0,0,0) 76%);
          mask-image:linear-gradient(205deg,#000 18%,rgba(0,0,0,0) 76%);
  pointer-events:none;
}
html.bayan-lang-ar .bayan-page .bp-hero__swoosh::after,
[dir="rtl"] .bayan-page .bp-hero__swoosh::after{ transform:rotate(-38deg); }
@media (max-width:768px){ .bayan-page .bp-hero__swoosh::after{ display:none; } }

/* --- Blog listing: the design's second row is two wide, horizontal cards --- */
@media (min-width:1000px){
  .bayan-page .bp-toolbar + .bp-query .wp-block-post-template{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .bayan-page .bp-toolbar + .bp-query .wp-block-post{ grid-column:span 2; }
  .bayan-page .bp-toolbar + .bp-query .wp-block-post:nth-child(n+4){
    grid-column:span 3;
    display:grid;
    grid-template-columns:minmax(0,38%) minmax(0,1fr);
    align-items:start;
  }
  .bayan-page .bp-toolbar + .bp-query .wp-block-post:nth-child(n+4) .wp-block-post-featured-image{
    grid-row:1 / span 5; aspect-ratio:auto; height:100%; min-height:190px; position:relative;
  }
  .bayan-page .bp-toolbar + .bp-query .wp-block-post:nth-child(n+4) .wp-block-post-featured-image a{ position:absolute; inset:0; }
  .bayan-page .bp-toolbar + .bp-query .wp-block-post:nth-child(n+4) .wp-block-post-featured-image img{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  }
  .bayan-page .bp-toolbar + .bp-query .wp-block-post:nth-child(n+4) > .wp-block-post-terms{ padding-top:20px; }
  .bayan-page .bp-toolbar + .bp-query .wp-block-post:nth-child(n+4) > :last-child{ padding-bottom:20px; }
}

/* --- Article hero: pull-quote panel over the image --- */
.bayan-page .bp-article__hero{ position:relative; }
.bayan-page .bp-hero-quote{
  position:absolute; inset-inline-end:clamp(16px,3vw,36px); top:50%; transform:translateY(-50%);
  max-width:min(300px,40%); margin:0;
  background:rgba(255,255,255,.93);
  border:1px solid var(--bp-line);
  border-radius:var(--bp-radius);
  padding:22px 24px;
  font-size:clamp(18px,2vw,23px); font-weight:700; line-height:1.25;
  letter-spacing:-.02em; color:var(--bp-ink);
  box-shadow:var(--bp-shadow-lg);
}
html.bayan-lang-ar .bayan-page .bp-hero-quote,
[dir="rtl"] .bayan-page .bp-hero-quote{ letter-spacing:0; line-height:1.5; }
@media (max-width:760px){ .bayan-page .bp-hero-quote{ display:none; } }

/* --- Article byline row: category pill sits at the end, as in the design --- */
.bayan-page .bp-meta .bp-tag{ margin-inline-start:auto; }
@media (max-width:520px){ .bayan-page .bp-meta .bp-tag{ margin-inline-start:0; } }

/* --- Article foot: related course beside related reads --- */
.bayan-page .bp-article__foot{ align-items:start; }
.bayan-page .bp-article__foot > .bayan-course{ margin-top:0; }
.bayan-page .bp-article__foot .bp-course{ align-items:flex-start; }
.bayan-page .bp-course__cta{
  margin-top:8px; color:var(--bp-600); font-weight:600; font-size:13.5px;
  display:inline-flex; align-items:center; gap:6px;
}
.bayan-page .bp-course__cta::after{ content:"\2192"; }
html.bayan-lang-ar .bayan-page .bp-course__cta::after,
[dir="rtl"] .bayan-page .bp-course__cta::after{ content:"\2190"; }

/* --- Hidden post-navigation shells must actually disappear --- */
.bayan-page [hidden]{ display:none !important; }

/* --- Contact: reach buttons stay one per row when only one exists --- */
.bayan-page .bp-reach:has(> a:only-child){ grid-template-columns:minmax(0,1fr); }
/* --- Newsletter band: icon inline with the heading, field and button as one row --- */
.bayan-page .bp-newsletter{
  align-items:center;
  padding:clamp(26px,3vw,38px) clamp(22px,3vw,40px);
}
@media (min-width:820px){
  .bayan-page .bp-newsletter{
    grid-template-columns:minmax(0,1fr) minmax(0,440px);
    gap:clamp(28px,4vw,56px);
  }
}

.bayan-page .bp-newsletter__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:14px;
  align-items:start;
}
.bayan-page .bp-newsletter__head .bp-newsletter__icon{
  grid-row:1 / span 2;
  margin-bottom:0;
  margin-top:2px;
  align-self:start;
}
.bayan-page .bp-newsletter__head h2{ grid-column:2; align-self:center; }
.bayan-page .bp-newsletter__head p{ grid-column:2; margin-top:7px; max-width:64ch; }
@media (max-width:560px){
  .bayan-page .bp-newsletter__head{ grid-template-columns:minmax(0,1fr); row-gap:12px; }
  .bayan-page .bp-newsletter__head .bp-newsletter__icon{ grid-row:auto; }
  .bayan-page .bp-newsletter__head h2,
  .bayan-page .bp-newsletter__head p{ grid-column:1; }
}

.bayan-page .bp-newsletter .wpcf7 form{ display:grid; gap:12px; }
.bayan-page .bp-newsletter .bp-inline-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:stretch;
}
.bayan-page .bp-newsletter .bp-inline-form .bp-field{ margin:0; }
.bayan-page .bp-newsletter .bp-inline-form input[type=email]{
  height:50px; padding-block:0; padding-inline:18px;
}
.bayan-page .bp-newsletter .bp-inline-form .bp-submit,
.bayan-page .bp-newsletter .bp-inline-form input[type=submit]{
  height:50px; padding-block:0; padding-inline:30px; white-space:nowrap;
}
.bayan-page .bp-newsletter .bp-consent{
  margin-top:0;
  padding-inline-start:2px;
  font-size:12.5px;
  line-height:1.65;
  color:var(--bp-muted);
}
.bayan-page .bp-newsletter .bp-consent .wpcf7-list-item-label{ font-size:12.5px; line-height:1.65; }
.bayan-page .bp-newsletter .bp-consent input[type=checkbox]{ margin-top:2px; }
.bayan-page .bp-newsletter .wpcf7-spinner{ display:none; }

@media (max-width:520px){
  .bayan-page .bp-newsletter .bp-inline-form{ grid-template-columns:minmax(0,1fr); }
}

/* Visit Bayan - location image */
.bayan-page .bp-location__art{
  background:url("/wp-content/uploads/2026/09/b7034e63-f35d-486e-9a25-c87d2424ce2f.png") center/cover no-repeat;
}
.bayan-page .bp-location__art::after{ content:none; }

/* Contact dark panel - advisor photo */
.bayan-page .bp-panel-dark > *{ position:relative; z-index:1; }
@media (min-width:760px){
  .bayan-page .bp-panel-dark::before{
    content:"";
    position:absolute;
    top:0;
    inset-inline-end:-18px;
    z-index:0;
    width:clamp(215px,54%,345px);
    aspect-ratio:1122/1402;
    background:url("/wp-content/uploads/2026/09/92549693-804c-4ae3-abbc-f384d875074b.png") center top/contain no-repeat;
    -webkit-mask-image:radial-gradient(135% 115% at 0% 0%, #000 42%, rgba(0,0,0,0) 80%);
            mask-image:radial-gradient(135% 115% at 0% 0%, #000 42%, rgba(0,0,0,0) 80%);
    transform:scaleX(-1);
    pointer-events:none;
  }
  [dir="rtl"] .bayan-page .bp-panel-dark::before{ transform:none; }
  .bayan-page .bp-panel-dark > h2,
  .bayan-page .bp-panel-dark > p{ max-width:54%; }
}

/* Contact - match panel heights across the row */
.bayan-page .bp-contact > *{ margin-block-start:0 !important; margin-block-end:0 !important; }
.bayan-page .bp-location{ margin-top:24px; }
@media (min-width:960px){
  .bayan-page .bp-contact{ align-items:stretch; }
  .bayan-page .bp-contact > *{ height:100%; }
  .bayan-page .bp-panel-dark > p{ margin-bottom:auto; }
}

/* Contact dark panel - enquiry pills */
.bayan-page .bp-panel-dark .bp-reach > div{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:48px;
  padding:12px 18px !important;
  border-radius:999px !important;
  transition:background-color .2s ease, border-color .2s ease;
}
.bayan-page .bp-panel-dark .bp-reach > div > span{ display:none !important; }
.bayan-page .bp-panel-dark .bp-reach > div > strong{
  margin-bottom:0 !important;
  font-size:14px !important;
  font-weight:600;
  line-height:1.2;
}
.bayan-page .bp-panel-dark .bp-reach > div:first-child{
  background:var(--bp-600) !important;
  border-color:transparent !important;
}
.bayan-page .bp-panel-dark .bp-reach > div:not(:first-child){
  border-color:rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.04) !important;
}

/* FAQ - refined open/focus states */
.bayan-page .bp-faq{ gap:12px; }
.bayan-page .bp-faq details{
  transition:border-color .2s ease, box-shadow .2s ease;
}
.bayan-page .bp-faq details:hover{ border-color:var(--bp-tint-2); }
.bayan-page .bp-faq details[open]{
  border-color:var(--bp-tint-2);
  box-shadow:0 8px 28px rgba(70,49,97,.09);
}
.bayan-page .bp-faq summary{
  outline:none;
  -webkit-tap-highlight-color:transparent;
  transition:color .2s ease;
}
.bayan-page .bp-faq summary:focus{ outline:none; }
.bayan-page .bp-faq summary:focus-visible{
  outline:2px solid var(--bp-600);
  outline-offset:-3px;
  border-radius:var(--bp-radius);
}
.bayan-page .bp-faq summary:hover{ color:var(--bp-600); }
.bayan-page .bp-faq details[open] summary{ padding-bottom:14px; }
.bayan-page .bp-faq summary::after{ transition:transform .25s ease; }
.bayan-page .bp-faq .bp-faq__a{ max-width:78ch; }
.bayan-page .bp-faq details[open] .bp-faq__a{ animation:bpFaqReveal .28s ease both; }
@keyframes bpFaqReveal{
  from{ opacity:0; transform:translateY(-5px); }
  to{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .bayan-page .bp-faq details[open] .bp-faq__a{ animation:none; }
  .bayan-page .bp-faq summary::after{ transition:none; }
}