/* ============================================================================
 * bca-ported.css — support styles for pages ported from code-online.
 *
 * The page bodies are the same server-rendered markup code-online produces.
 * That markup uses utility classes this site's Tailwind build had pruned, so
 * they are recovered here from the client's compiled bundle.
 *
 * EVERY selector is scoped to "main.flex-1" — the element the ported body sits in
 * — so nothing here can alter the shared header, footer or any other page.
 *
 * Generated from staging's compiled CSS. 183 rules,
 * 38 custom properties.
 * Do not hand-edit; regenerate if the client's design changes.
 * ========================================================================= */

main.flex-1 {
  --font-display: "Playfair Display", Georgia, serif;
  --bca-h2: clamp(1.875rem, 3.2vw, 2.75rem);
  --spacing: .25rem;
  --tw-space-y-reverse: 0;
  --border: #dde5f2;
  --gold: #c6a877;
  --navy-mid: #2a4176;
  --color-white: #fff;
  --navy: #395795;
  --tw-gradient-from: rgba(0, 0, 0, 0);
  --tw-gradient-from-position: 0%;
  --tw-gradient-to: rgba(0, 0, 0, 0);
  --tw-gradient-to-position: 100%;
  --ink-soft: #18315f;
  --primary-foreground: #fff;
  --color-black: #000;
  --tw-shadow-alpha: 100%;
  --color-emerald-500: lab(66.9756% -58.27 19.5419);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --navy-dark: #243b70;
  --gold-deep: #b9975f;
  --muted: #f4f7fc;
  --tw-ring-offset-width: 0px;
  --tw-inset-shadow: 0 0 #0000;
  --tw-inset-ring-shadow: 0 0 #0000;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --color-gold: #c6a877;
  --color-navy-mid: #2a4176;
  --foreground: #102b5c;
  /* static Playfair from bca-fonts.css — see the font-display override below */
  --font-display: "PlayfairBca", "Playfair Display", Georgia, serif;
}

main.flex-1 .bca-h2{ font-family: var(--font-display); font-size: var(--bca-h2); font-weight: 700; line-height: 1.15; }
main.flex-1 .top-1\/4{ top: 25%; }
main.flex-1 .-bottom-0{ bottom: calc(var(--spacing) * 0); }
main.flex-1 .bottom-1\/4{ bottom: 25%; }
main.flex-1 .mt-0\.5{ margin-top: calc(var(--spacing) * .5); }
main.flex-1 .mt-1\.5{ margin-top: calc(var(--spacing) * 1.5); }
main.flex-1 .aspect-\[16\/10\]{ aspect-ratio: 16 / 10; }
main.flex-1 .h-1\.5{ height: calc(var(--spacing) * 1.5); }
main.flex-1 .h-3\.5{ height: calc(var(--spacing) * 3.5); }
main.flex-1 .h-\[28rem\]{ height: 28rem; }
main.flex-1 .h-\[32rem\]{ height: 32rem; }
main.flex-1 .h-\[34rem\]{ height: 34rem; }
main.flex-1 .w-3\.5{ width: calc(var(--spacing) * 3.5); }
main.flex-1 .w-\[28rem\]{ width: 28rem; }
main.flex-1 .w-\[32rem\]{ width: 32rem; }
main.flex-1 .w-\[34rem\]{ width: 34rem; }
main.flex-1 .max-w-\[1320px\]{ max-width: 1320px; }
main.flex-1 .items-baseline{ align-items: baseline; }
main.flex-1 :where(.space-y-14 > :not(:last-child)){ --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))); }
main.flex-1 :where(.divide-border > :not(:last-child)), main.flex-1 :where(.divide-border\/70 > :not(:last-child)){ border-color: var(--border); }
main.flex-1 :where(.divide-border\/70 > :not(:last-child)){ border-color: color-mix(in oklab,var(--border) 70%,transparent); }
main.flex-1 .rounded-\[3rem\]{ border-radius: 3rem; }
main.flex-1 .border-border, main.flex-1 .border-border\/60{ border-color: var(--border); }
main.flex-1 .border-border\/60{ border-color: color-mix(in oklab,var(--border) 60%,transparent); }
main.flex-1 .border-border\/70{ border-color: var(--border); }
main.flex-1 .border-border\/70{ border-color: color-mix(in oklab,var(--border) 70%,transparent); }
main.flex-1 .border-gold\/30{ border-color: var(--gold); }
main.flex-1 .border-gold\/30{ border-color: color-mix(in oklab,var(--gold) 30%,transparent); }
main.flex-1 .border-gold\/40{ border-color: var(--gold); }
main.flex-1 .border-gold\/40{ border-color: color-mix(in oklab,var(--gold) 40%,transparent); }
main.flex-1 .border-gold\/60{ border-color: var(--gold); }
main.flex-1 .border-gold\/60{ border-color: color-mix(in oklab,var(--gold) 60%,transparent); }
main.flex-1 .border-navy-mid\/30{ border-color: var(--navy-mid); }
main.flex-1 .border-navy-mid\/30{ border-color: color-mix(in oklab,var(--navy-mid) 30%,transparent); }
main.flex-1 .border-white\/40{ border-color: rgba(255, 255, 255, 0.4); }
main.flex-1 .border-white\/40{ border-color: color-mix(in oklab,var(--color-white) 40%,transparent); }
main.flex-1 .bg-\[\#10C488\]{ background-color: rgb(16, 196, 136); }
main.flex-1 .bg-\[\#617EBE\]\/40{ background-color: rgba(97, 126, 190, 0.4); }
main.flex-1 .bg-\[\#FAFBFD\]{ background-color: rgb(250, 251, 253); }
main.flex-1 .bg-gold\/10{ background-color: var(--gold); }
main.flex-1 .bg-gold\/10{ background-color: color-mix(in oklab,var(--gold) 10%,transparent); }
main.flex-1 .bg-gold\/15{ background-color: var(--gold); }
main.flex-1 .bg-gold\/15{ background-color: color-mix(in oklab,var(--gold) 15%,transparent); }
main.flex-1 .bg-gold\/20{ background-color: var(--gold); }
main.flex-1 .bg-gold\/20{ background-color: color-mix(in oklab,var(--gold) 20%,transparent); }
main.flex-1 .bg-gold\/30{ background-color: var(--gold); }
main.flex-1 .bg-gold\/30{ background-color: color-mix(in oklab,var(--gold) 30%,transparent); }
main.flex-1 .bg-gold\/60{ background-color: var(--gold); }
main.flex-1 .bg-gold\/60{ background-color: color-mix(in oklab,var(--gold) 60%,transparent); }
main.flex-1 .bg-gold\/70{ background-color: var(--gold); }
main.flex-1 .bg-gold\/70{ background-color: color-mix(in oklab,var(--gold) 70%,transparent); }
main.flex-1 .bg-navy\/8{ background-color: var(--navy); }
main.flex-1 .bg-navy\/8{ background-color: color-mix(in oklab,var(--navy) 8%,transparent); }
main.flex-1 .from-gold\/25{ --tw-gradient-from: var(--gold); }
main.flex-1 .from-gold\/25{ --tw-gradient-from: color-mix(in oklab, var(--gold) 25%, transparent); }
main.flex-1 .from-gold\/25{ --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
main.flex-1 .to-\[\#6F8FD2\]\/30{ --tw-gradient-to: #6f8fd24d; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
main.flex-1 .to-\[\#6F8FD2\]\/30{ --tw-gradient-to: lab(59.099% 2.31767 -38.526/.3); }
main.flex-1 .\!py-2\.5{ padding-block: calc(var(--spacing) * 2.5) !important; }
main.flex-1 .py-2\.5{ padding-block: calc(var(--spacing) * 2.5); }
main.flex-1 .text-\[14px\]{ font-size: 14px; }
main.flex-1 .text-\[15px\]{ font-size: 15px; }
main.flex-1 .text-\[16px\]{ font-size: 16px; }
main.flex-1 .leading-\[1\.05\]{ --tw-leading: 1.05; line-height: 1.05; }
main.flex-1 .leading-\[1\.85\]{ --tw-leading: 1.85; line-height: 1.85; }
main.flex-1 .tracking-\[0\.2em\]{ --tw-tracking: .2em; letter-spacing: 0.2em; }
main.flex-1 .text-ink-soft\/80{ color: var(--ink-soft); }
main.flex-1 .text-ink-soft\/80{ color: color-mix(in oklab,var(--ink-soft) 80%,transparent); }
main.flex-1 .text-ink-soft\/90{ color: var(--ink-soft); }
main.flex-1 .text-ink-soft\/90{ color: color-mix(in oklab,var(--ink-soft) 90%,transparent); }
main.flex-1 .text-navy-mid, main.flex-1 .text-navy-mid\/30{ color: var(--navy-mid); }
main.flex-1 .text-navy-mid\/30{ color: color-mix(in oklab,var(--navy-mid) 30%,transparent); }
main.flex-1 .text-navy-mid\/90{ color: var(--navy-mid); }
main.flex-1 .text-navy-mid\/90{ color: color-mix(in oklab,var(--navy-mid) 90%,transparent); }
main.flex-1 .text-navy\/30{ color: var(--navy); }
main.flex-1 .text-navy\/30{ color: color-mix(in oklab,var(--navy) 30%,transparent); }
main.flex-1 .text-primary-foreground\/70{ color: var(--primary-foreground); }
main.flex-1 .text-primary-foreground\/70{ color: color-mix(in oklab,var(--primary-foreground) 70%,transparent); }
main.flex-1 .text-primary-foreground\/75{ color: var(--primary-foreground); }
main.flex-1 .text-primary-foreground\/75{ color: color-mix(in oklab,var(--primary-foreground) 75%,transparent); }
main.flex-1 .text-primary-foreground\/85{ color: var(--primary-foreground); }
main.flex-1 .text-primary-foreground\/85{ color: color-mix(in oklab,var(--primary-foreground) 85%,transparent); }
main.flex-1 .shadow-black\/30{ --tw-shadow-color: #0000004d; }
main.flex-1 .shadow-black\/30{ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent); }
main.flex-1 .shadow-emerald-500\/30{ --tw-shadow-color: #00bb7f4d; }
main.flex-1 .shadow-emerald-500\/30{ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent); }
main.flex-1 .shadow-gold\/30{ --tw-shadow-color: var(--gold); }
main.flex-1 .shadow-gold\/30{ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--gold) 30%, transparent) var(--tw-shadow-alpha), transparent); }
main.flex-1 .shadow-navy\/5{ --tw-shadow-color: var(--navy); }
main.flex-1 .shadow-navy\/5{ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--navy) 5%, transparent) var(--tw-shadow-alpha), transparent); }
main.flex-1 .shadow-navy\/20{ --tw-shadow-color: var(--navy); }
main.flex-1 .shadow-navy\/20{ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--navy) 20%, transparent) var(--tw-shadow-alpha), transparent); }
@media (hover: hover){main.flex-1 .group-hover\:scale-150:is(:where(.group):hover *){ --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y); }}
@media (hover: hover){main.flex-1 .group-hover\:bg-navy:is(:where(.group):hover *){ background-color: var(--navy); }}
@media (hover: hover){main.flex-1 .group-hover\:text-navy-dark:is(:where(.group):hover *), main.flex-1 .group-hover\:text-navy-dark\/60:is(:where(.group):hover *){ color: var(--navy-dark); }}
@media (hover: hover){main.flex-1 .group-hover\:text-navy-dark\/60:is(:where(.group):hover *){ color: color-mix(in oklab,var(--navy-dark) 60%,transparent); }}
@media (hover: hover){main.flex-1 .group-hover\:text-navy\/60:is(:where(.group):hover *){ color: var(--navy); }}
@media (hover: hover){main.flex-1 .group-hover\:text-navy\/60:is(:where(.group):hover *){ color: color-mix(in oklab,var(--navy) 60%,transparent); }}
@media (hover: hover){main.flex-1 .group-hover\:text-primary-foreground:is(:where(.group):hover *){ color: var(--primary-foreground); }}
main.flex-1 .placeholder\:text-ink-soft\/60::placeholder{ color: var(--ink-soft); }
main.flex-1 .placeholder\:text-ink-soft\/60::placeholder{ color: color-mix(in oklab,var(--ink-soft) 60%,transparent); }
@media (hover: hover){main.flex-1 .hover\:border-gold:hover, main.flex-1 .hover\:border-gold\/40:hover{ border-color: var(--gold); }}
@media (hover: hover){main.flex-1 .hover\:border-gold\/40:hover{ border-color: color-mix(in oklab,var(--gold) 40%,transparent); }}
@media (hover: hover){main.flex-1 .hover\:border-gold\/50:hover{ border-color: var(--gold); }}
@media (hover: hover){main.flex-1 .hover\:border-gold\/50:hover{ border-color: color-mix(in oklab,var(--gold) 50%,transparent); }}
@media (hover: hover){main.flex-1 .hover\:border-gold\/60:hover{ border-color: var(--gold); }}
@media (hover: hover){main.flex-1 .hover\:border-gold\/60:hover{ border-color: color-mix(in oklab,var(--gold) 60%,transparent); }}
@media (hover: hover){main.flex-1 .hover\:bg-\[\#0EAF79\]:hover{ background-color: rgb(14, 175, 121); }}
@media (hover: hover){main.flex-1 .hover\:bg-gold-deep:hover{ background-color: var(--gold-deep); }}
@media (hover: hover){main.flex-1 .hover\:bg-muted:hover, main.flex-1 .hover\:bg-muted\/40:hover{ background-color: var(--muted); }}
@media (hover: hover){main.flex-1 .hover\:bg-muted\/40:hover{ background-color: color-mix(in oklab,var(--muted) 40%,transparent); }}
@media (hover: hover){main.flex-1 .hover\:bg-navy-mid:hover{ background-color: var(--navy-mid); }}
@media (hover: hover){main.flex-1 .hover\:bg-white\/10:hover{ background-color: rgba(255, 255, 255, 0.1); }}
@media (hover: hover){main.flex-1 .hover\:bg-white\/10:hover{ background-color: color-mix(in oklab,var(--color-white) 10%,transparent); }}
@media (hover: hover){main.flex-1 .hover\:text-gold:hover{ color: var(--gold); }}
@media (hover: hover){main.flex-1 .hover\:text-navy:hover{ color: var(--navy); }}
main.flex-1 .focus\:border-gold:focus, main.flex-1 .focus\:border-gold\/60:focus{ border-color: var(--gold); }
main.flex-1 .focus\:border-gold\/60:focus{ border-color: color-mix(in oklab,var(--gold) 60%,transparent); }
main.flex-1 .focus\:ring-2:focus{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
main.flex-1 .focus\:ring-gold:focus, main.flex-1 .focus\:ring-gold\/20:focus{ --tw-ring-color: var(--gold); }
main.flex-1 .focus\:ring-gold\/20:focus{ --tw-ring-color: color-mix(in oklab, var(--gold) 20%, transparent); }
main.flex-1 .focus\:outline-none:focus{ --tw-outline-style: none; outline-style: none; }
main.flex-1 .disabled\:opacity-70:disabled{ opacity: 0.7; }
@media (min-width: 40rem){main.flex-1 .sm\:px-6{ padding-inline: calc(var(--spacing) * 6); }}
@media (min-width: 40rem){main.flex-1 .sm\:text-4xl{ font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }}
@media (min-width: 48rem){main.flex-1 .md\:h-10{ height: calc(var(--spacing) * 10); }}
@media (min-width: 48rem){main.flex-1 .md\:h-\[18px\]{ height: 18px; }}
@media (min-width: 48rem){main.flex-1 .md\:w-10{ width: calc(var(--spacing) * 10); }}
@media (min-width: 48rem){main.flex-1 .md\:w-\[18px\]{ width: 18px; }}
@media (min-width: 48rem){main.flex-1 .md\:gap-7{ gap: calc(var(--spacing) * 7); }}
@media (min-width: 48rem){main.flex-1 .md\:px-8{ padding-inline: calc(var(--spacing) * 8); }}
@media (min-width: 48rem){main.flex-1 .md\:py-6{ padding-block: calc(var(--spacing) * 6); }}
@media (min-width: 48rem){main.flex-1 .md\:py-10{ padding-block: calc(var(--spacing) * 10); }}
@media (min-width: 48rem){main.flex-1 .md\:py-20{ padding-block: calc(var(--spacing) * 20); }}
@media (min-width: 48rem){main.flex-1 .md\:pt-14{ padding-top: calc(var(--spacing) * 14); }}
@media (min-width: 48rem){main.flex-1 .md\:pb-16{ padding-bottom: calc(var(--spacing) * 16); }}
@media (min-width: 48rem){main.flex-1 .md\:text-lg{ font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }}
@media (min-width: 48rem){main.flex-1 .md\:text-xl{ font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }}
@media (min-width: 48rem){main.flex-1 .md\:text-\[1\.85rem\]{ font-size: 1.85rem; }}
@media (min-width: 48rem){main.flex-1 .md\:text-\[2\.85rem\]{ font-size: 2.85rem; }}
@media (min-width: 48rem){main.flex-1 .md\:text-\[17px\]{ font-size: 17px; }}
@media (min-width: 64rem){main.flex-1 .lg\:sticky{ position: sticky; }}
@media (min-width: 64rem){main.flex-1 .lg\:top-24{ top: calc(var(--spacing) * 24); }}
@media (min-width: 64rem){main.flex-1 .lg\:top-28{ top: calc(var(--spacing) * 28); }}
@media (min-width: 64rem){main.flex-1 .lg\:order-1{ order: 1; }}
@media (min-width: 64rem){main.flex-1 .lg\:order-2{ order: 2; }}
@media (min-width: 64rem){main.flex-1 .lg\:col-span-4{ grid-column: span 4 / span 4; }}
@media (min-width: 64rem){main.flex-1 .lg\:col-span-8{ grid-column: span 8 / span 8; }}
@media (min-width: 64rem){main.flex-1 .lg\:block{ display: block; }}
@media (min-width: 64rem){main.flex-1 .lg\:hidden{ display: none; }}
@media (min-width: 64rem){main.flex-1 .lg\:flex-none{ flex: 0 0 auto; }}
@media (min-width: 64rem){main.flex-1 .lg\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0px, 1fr)); }}
@media (min-width: 64rem){main.flex-1 .lg\:grid-cols-\[1\.05fr_0\.95fr\]{ grid-template-columns: 1.05fr 0.95fr; }}
@media (min-width: 64rem){main.flex-1 .lg\:grid-cols-\[1fr_360px\]{ grid-template-columns: 1fr 360px; }}
@media (min-width: 64rem){main.flex-1 .lg\:flex-col{ flex-direction: column; }}
@media (min-width: 64rem){main.flex-1 .lg\:gap-10{ gap: calc(var(--spacing) * 10); }}
@media (min-width: 64rem){main.flex-1 .lg\:gap-14{ gap: calc(var(--spacing) * 14); }}
@media (min-width: 64rem){main.flex-1 .lg\:px-10{ padding-inline: calc(var(--spacing) * 10); }}
main.flex-1 .bca-consulate-page .bca-prose p{ margin: 0px; }
main.flex-1 .bca-consulate-page .bca-list{ flex-direction: column; gap: 0.65rem; margin: 0px; padding: 0px; list-style: none; display: flex; }
main.flex-1 .bca-consulate-page .bca-list > li{ padding-left: 1.5rem; line-height: 1.75; position: relative; }
main.flex-1 .bca-consulate-page .bca-list > li::before{ content: ""; background: var(--color-gold,#c9a876); border-radius: 9999px; width: 0.5rem; height: 0.5rem; position: absolute; top: 0.7em; left: 0px; }
main.flex-1 .bca-consulate-page .bca-list strong{ color: var(--color-navy-mid,#1d3562); font-weight: 600; }
main.flex-1 .bca-mofa-page .bca-list--ordered{ counter-reset: bca-ol 0; padding-left: 0px; }
main.flex-1 .bca-mofa-page .bca-list--ordered > li{ counter-increment: bca-ol 1; }
main.flex-1 .bca-mofa-page .bca-list--ordered > li::before{ content: counter(bca-ol, decimal-leading-zero); width: auto; height: auto; color: var(--color-gold,#c9a876); font-family: var(--font-display,serif); letter-spacing: 0.15em; background: 0px 0px; border-radius: 0px; font-size: 0.85em; font-weight: 700; position: absolute; top: 0.15em; left: 0px; }
main.flex-1 .bca-mofa-page .bca-list--ordered > li{ padding-left: 2.75rem; }
main.flex-1 .bca-mofa-page .bca-table-wrap{ border: 1px solid hsl(var(--border) / .6); background: rgb(250, 251, 253); border-radius: 0.9rem; overflow-x: auto; }
main.flex-1 .bca-mofa-page .bca-table{ border-collapse: collapse; width: 100%; font-size: 0.925rem; }
main.flex-1 .bca-mofa-page .bca-table thead th{ text-align: left; background: var(--color-navy-mid,#1d3562); color: rgb(255, 255, 255); letter-spacing: 0.05em; text-transform: uppercase; padding: 0.9rem 1rem; font-size: 0.8rem; font-weight: 600; }
main.flex-1 .bca-mofa-page .bca-table tbody td{ border-top: 1px solid hsl(var(--border) / .5); color: hsl(var(--foreground) / .85); vertical-align: top; padding: 0.9rem 1rem; }
main.flex-1 .bca-mofa-page .bca-table tbody tr:nth-child(2n) td{ background: rgb(255, 255, 255); }
main.flex-1 .bca-mofa-page .bca-table tbody tr:nth-child(2n+1) td{ background: 0px 0px; }
main.flex-1 .bca-mofa-page .bca-quickfacts{ border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 3px solid var(--color-gold,#c9a876); background: rgb(250, 251, 253); border-radius: 0.9rem; margin-top: 0.5rem; padding: 1rem 1.25rem; }
main.flex-1 .bca-mofa-page .bca-quickfacts__title{ font-family: var(--font-display,inherit); letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-gold,#c9a876); margin-bottom: 0.65rem; font-size: 0.72rem; font-weight: 700; }
main.flex-1 .bca-mofa-page .bca-quickfacts__list{ gap: 0.5rem 1.25rem; display: grid; }
@media (min-width: 640px){main.flex-1 .bca-mofa-page .bca-quickfacts__list{ grid-template-columns: 1fr 1fr; }}
main.flex-1 .bca-mofa-page .bca-quickfacts__list > div{ flex-direction: column; gap: 0.1rem; padding: 0.35rem 0px; display: flex; }
main.flex-1 .bca-mofa-page .bca-quickfacts__list dt{ letter-spacing: 0.08em; text-transform: uppercase; color: rgb(107, 123, 150); font-size: 0.72rem; font-weight: 600; }
main.flex-1 .bca-mofa-page .bca-quickfacts__list dd{ color: var(--color-navy-mid,#1d3562); margin: 0px; font-size: 0.95rem; font-weight: 600; }
main.flex-1 .bca-fees-list{ gap: 0.75rem; margin: 1.5rem 0px; padding: 0px; list-style: none; display: grid; }
main.flex-1 .bca-fees-list li{ color: rgb(71, 85, 105); border-left: 2px solid var(--gold,#c9a876); padding-left: 1rem; font-size: 0.95rem; line-height: 1.7; }
main.flex-1 .bca-fees-list li strong{ color: var(--color-navy-mid,#1d3562); font-weight: 700; }

/* --- deliberate overrides, not recovered rules --------------------------- */

/* new-site-compiled.css hardcodes .font-display's family instead of reading
   --font-display, so the variable 400-900 Playfair face it also declares was
   winning the weight-700 match and headings rendered too light. */
main.flex-1 .font-display { font-family: "PlayfairBca", "Playfair Display", Georgia, serif; }

/* This site's compiled .gradient-navy is several shades lighter than the one
   code-online ships. Same values as the client's build. */
main.flex-1 .gradient-navy {
  background:
    radial-gradient(circle at 20% 20%, #ffffff0f, #0000 30%),
    radial-gradient(circle at 85% 35%, #ffffff14, #0000 35%),
    linear-gradient(120deg, #0b1a3f, #142654 35%, #1b2f66 65%, #24407a);
}

/* FAQ answers are injected collapsed and toggled by the inline accordion. */
main.flex-1 .bca-faq-answer[hidden] { display: none; }