/* ============================================================
   AFROLU.COM — Main Stylesheet
   Design system: White editorial surfaces + red action + blue trust
   Fonts: Playfair Display (display) + DM Sans (body)
   ============================================================ */

/* ── 0. RESET & BASE ─────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Colours */
  --brand-red:   #C6283D;
  --brand-red-dark: #A91F33;
  --brand-red-soft: #FFF1F3;
  --trust-blue:  #155FCB;
  --trust-blue-dark: #104A9F;
  --trust-blue-soft: #EDF4FF;
  --gold:        var(--brand-red);
  --gold-light:  #FF7183;
  --gold-dark:   var(--brand-red-dark);
  --cream:       #FFFFFF;
  --cream-dark:  #F7F9FC;
  --ink:         #172033;
  --ink-soft:    #2F3A4D;
  --muted:       #526070;
  --border:      #DCE3EB;
  --border-strong: #BFCAD7;
  --surface:     #F7F9FC;
  --surface-blue: #EDF4FF;
  --surface-red: #FFF1F3;
  --success:     #16794B;
  --danger:      #B42318;
  --teal:        #0F766E;
  --blue:        var(--trust-blue);
  --coral:       #B5473B;
  --plum:        #6D5A7A;
  --accent:      var(--trust-blue);
  --accent-soft: var(--trust-blue-soft);
  --white:       #FFFFFF;

  /* Light editorial surfaces */
  --bg:          var(--white);
  --bg-card:     var(--white);
  --text:        var(--ink);
  --text-soft:   var(--muted);
  --border-col:  var(--border);

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  /* Layout */
  --max-w:     1160px;
  --max-w-sm:  680px;

  /* Radius */
  --r-sm:  4px;
  --r-md:  6px;
  --r-lg:  8px;
  --r-xl:  12px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(23,32,51,.06);
  --shadow-md: 0 8px 22px rgba(23,32,51,.08);
  --shadow-lg: 0 18px 44px rgba(23,32,51,.11);

  /* Transitions */
  --t-fast: 150ms ease;
  --t-mid:  250ms ease;
}

/* Release cohort 25: five independent evidence-and-agreement workspaces. */
.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab {
  --c25-ink: #173f56;
  --c25-accent: #af513f;
  --c25-signal: #267262;
  --c25-paper: #f9f5e9;
  --c25-rule: #c99d42;
  --guide-accent: var(--c25-ink);
  --guide-wash: var(--c25-paper);
  counter-reset: c25-lens c25-section;
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger {
  --c25-ink: #263d66;
  --c25-accent: #a34e59;
  --c25-signal: #2c745d;
  --c25-paper: #fbf5e5;
  --c25-rule: #c59331;
}

.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge {
  --c25-ink: #244e72;
  --c25-accent: #bd5a3f;
  --c25-signal: #2c776b;
  --c25-paper: #f1f8f6;
  --c25-rule: #d39b36;
}

.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard {
  --c25-ink: #4a3b60;
  --c25-accent: #b44e48;
  --c25-signal: #36715d;
  --c25-paper: #fff4e9;
  --c25-rule: #c89235;
}

.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio {
  --c25-ink: #263f55;
  --c25-accent: #9d4651;
  --c25-signal: #477469;
  --c25-paper: #f3f5f3;
  --c25-rule: #b89446;
}

.dating-guide-layout-adult-student-casual-six-tab-clarity-lab {
  --c25-ink: #314b78;
  --c25-accent: #c3573f;
  --c25-signal: #28786b;
  --c25-paper: #f7f5ff;
  --c25-rule: #c49038;
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-hero,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-hero,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-hero,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-hero,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-hero {
  position: relative;
  border: 4px solid var(--c25-ink);
  border-top: 11px solid var(--c25-signal);
  border-bottom: 9px solid var(--c25-accent);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98) 0 61%, transparent 61%),
    repeating-linear-gradient(90deg, var(--c25-paper) 0 2.8rem, color-mix(in srgb, var(--c25-rule) 17%, var(--c25-paper)) 2.8rem calc(2.8rem + 2px));
  box-shadow: 8px 9px 0 color-mix(in srgb, var(--c25-signal) 23%, white);
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-hero {
  border-radius: 2.8rem 2.8rem .35rem .35rem;
  border-right: 11px double var(--c25-rule);
  border-left: 11px double var(--c25-rule);
}

.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-hero {
  border-radius: 3rem 3rem .5rem .5rem / 1.2rem 1.2rem .5rem .5rem;
  outline: 3px solid var(--c25-rule);
  outline-offset: 5px;
}

.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-hero {
  border-radius: 2.6rem .4rem 2.6rem .4rem;
  border-left: 13px solid var(--c25-signal);
}

.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-hero {
  border-radius: .35rem;
  border-right: 12px solid var(--c25-rule);
}

.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-hero {
  border-radius: .4rem 2.8rem .4rem 2.8rem;
  border-left: 12px solid var(--c25-accent);
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-hero-copy,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-hero-copy,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-hero-copy,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-hero-copy,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-hero-copy {
  padding: 1.55rem;
  border: 3px solid var(--c25-ink);
  border-left: 8px solid var(--c25-accent);
  border-radius: .35rem 1.6rem .35rem 1.6rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-hero-art,
.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-inline-art,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-hero-art,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-inline-art,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-hero-art,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-inline-art,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-hero-art,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-inline-art,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-hero-art,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-inline-art {
  border: 4px solid var(--c25-ink);
  border-bottom: 9px solid var(--c25-rule);
  border-radius: 1.5rem .35rem 1.5rem .35rem;
  box-shadow: 6px 7px 0 color-mix(in srgb, var(--c25-signal) 22%, white);
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-hero-art,
.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-inline-art {
  border-radius: 2.5rem 2.5rem .35rem .35rem;
}

.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-hero-art,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-inline-art {
  border-radius: 3rem 3rem .45rem .45rem / 1.2rem 1.2rem .45rem .45rem;
}

.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-hero-art,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-inline-art {
  border-radius: .25rem;
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-editorial-lens,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-editorial-lens,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-editorial-lens,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-editorial-lens,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 4px solid var(--c25-ink);
  border-top: 10px solid var(--c25-signal);
  border-radius: .45rem 2rem .45rem 2rem;
  background: var(--c25-paper);
  box-shadow: none;
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-lens-grid,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-lens-grid,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-lens-grid,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-lens-grid,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .82rem;
  padding: 1rem;
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-lens-card,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-lens-card,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-lens-card,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-lens-card,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-lens-card {
  counter-increment: c25-lens;
  position: relative;
  min-height: 12.3rem;
  padding: 4.1rem 1rem 1rem;
  border: 2px solid var(--c25-ink);
  border-bottom: 8px solid var(--c25-accent);
  border-radius: .35rem 1.45rem .35rem 1.45rem;
  background: #fff;
  box-shadow: 4px 4px 0 color-mix(in srgb, var(--c25-rule) 26%, white);
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-lens-card {
  border-radius: 2rem 2rem .3rem .3rem;
  border-bottom-color: var(--c25-rule);
}

.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-lens-card {
  border-radius: 2.4rem 2.4rem .4rem .4rem / 1.1rem 1.1rem .4rem .4rem;
}

.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-lens-card {
  border-left: 8px solid var(--c25-signal);
  border-radius: 1.7rem .3rem 1.7rem .3rem;
}

.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-lens-card {
  border-radius: .25rem;
  border-top: 7px solid var(--c25-ink);
}

.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-lens-card {
  border-radius: .3rem 1.8rem .3rem .3rem;
  border-right: 8px solid var(--c25-signal);
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-lens-card::before,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-lens-card::before,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-lens-card::before,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-lens-card::before,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-lens-card::before {
  content: "CHECK 0" counter(c25-lens);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .32rem .68rem;
  border: 2px solid var(--c25-rule);
  border-radius: 999px;
  color: #fff;
  background: var(--c25-ink);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .07em;
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-feature,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-feature,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-feature,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-feature,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-feature {
  counter-increment: c25-section;
  position: relative;
  padding: 4.7rem 1.65rem 2rem;
  border: 2px solid var(--c25-ink);
  border-top: 8px solid var(--c25-rule);
  border-radius: .35rem 1.75rem .35rem .35rem;
  background: #fff;
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-feature::before,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-feature::before,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-feature::before,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-feature::before,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-feature::before {
  content: "EVIDENCE NOTE 0" counter(c25-section);
  position: absolute;
  top: 1.25rem;
  left: 1.65rem;
  padding-bottom: .25rem;
  border-bottom: 3px solid var(--c25-accent);
  color: var(--c25-ink);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-feature {
  border-radius: 2rem 2rem .35rem .35rem;
  border-left: 8px solid var(--c25-signal);
}

.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-feature {
  border-radius: 2.5rem 2.5rem .4rem .4rem / 1.1rem 1.1rem .4rem .4rem;
}

.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-feature {
  border-radius: 1.8rem .3rem 1.8rem .3rem;
  border-left: 9px solid var(--c25-signal);
}

.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-feature {
  border-radius: .25rem;
  border-right: 7px solid var(--c25-rule);
}

.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-feature {
  border-radius: .3rem 1.8rem .3rem .3rem;
  border-right: 9px solid var(--c25-signal);
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-type-compare,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-type-compare,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-type-compare,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-type-compare,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-type-compare,
.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-final-cta,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-final-cta,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-final-cta,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-final-cta,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-final-cta {
  border: 3px solid var(--c25-ink);
  border-top: 9px solid var(--c25-accent);
  border-bottom: 9px solid var(--c25-signal);
  background: #fff;
}

.dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-action-plan,
.dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-action-plan,
.dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-action-plan,
.dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-action-plan,
.dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-action-plan {
  border-left: 8px solid var(--c25-rule);
  background: var(--c25-paper);
}

@media (max-width: 980px) {
  .dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-hero,
  .dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-hero,
  .dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-hero,
  .dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-hero,
  .dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-hero {
    border-radius: .35rem;
    box-shadow: none;
    outline: 0;
  }

  .dating-guide-layout-faith-distance-six-window-rest-and-access-ledger .dating-guide-lens-card,
  .dating-guide-layout-adult-student-distance-seven-span-affection-pace-bridge .dating-guide-lens-card,
  .dating-guide-layout-nairobi-parent-five-gate-plan-and-privacy-courtyard .dating-guide-lens-card,
  .dating-guide-layout-nairobi-professional-five-zone-low-pressure-reentry-studio .dating-guide-lens-card,
  .dating-guide-layout-adult-student-casual-six-tab-clarity-lab .dating-guide-lens-card {
    min-height: auto;
  }
}

/* Release cohort 26: five independent editorial rooms, each with its own rhythm. */
.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table {
  --c26-ink: #183f5a;
  --c26-accent: #b4523d;
  --c26-signal: #257361;
  --c26-paper: #faf5e9;
  --c26-rule: #c69a3b;
  --c26-unit: "NOTE";
  --guide-accent: var(--c26-ink);
  --guide-wash: var(--c26-paper);
  counter-reset: c26-card c26-feature;
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange {
  --c26-ink: #163f59;
  --c26-accent: #b34e39;
  --c26-signal: #286f64;
  --c26-paper: #f4f1e8;
  --c26-rule: #bd9235;
  --c26-unit: "DESK";
}

.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard {
  --c26-ink: #49365f;
  --c26-accent: #aa493f;
  --c26-signal: #39735e;
  --c26-paper: #fff3e6;
  --c26-rule: #c79534;
  --c26-unit: "GATE";
}

.dating-guide-layout-late-entry-career-six-file-effort-portfolio {
  --c26-ink: #243f68;
  --c26-accent: #8b3942;
  --c26-signal: #326a5b;
  --c26-paper: #f8f3e7;
  --c26-rule: #b88b38;
  --c26-unit: "FILE";
}

.dating-guide-layout-new-journey-career-six-bay-reentry-workshop {
  --c26-ink: #274967;
  --c26-accent: #c15d48;
  --c26-signal: #4b7668;
  --c26-paper: #f3f5ec;
  --c26-rule: #bd953e;
  --c26-unit: "BAY";
}

.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table {
  --c26-ink: #30416d;
  --c26-accent: #a9434e;
  --c26-signal: #2d7363;
  --c26-paper: #fbf1e8;
  --c26-rule: #c28e35;
  --c26-unit: "SEAT";
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-hero,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-hero,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-hero,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-hero,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-hero {
  position: relative;
  border: 3px solid var(--c26-ink);
  border-top: 10px solid var(--c26-rule);
  border-bottom: 10px solid var(--c26-signal);
  background: var(--c26-paper);
  box-shadow: 8px 8px 0 color-mix(in srgb, var(--c26-ink) 15%, white);
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-hero {
  border-radius: .2rem;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0 59%, transparent 59%),
    repeating-linear-gradient(90deg, #f4f1e8 0 4rem, #e7e0d0 4rem calc(4rem + 2px));
}

.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-hero {
  border-width: 4px 9px 10px;
  border-radius: 3rem 3rem .3rem .3rem;
  background: radial-gradient(circle at 50% 0, #fff 0 28%, var(--c26-paper) 72%);
}

.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-hero {
  border-left: 14px solid var(--c26-accent);
  border-radius: .25rem 2rem .25rem .25rem;
  background: repeating-linear-gradient(0deg, #fff 0 3rem, #ebe3d3 3rem calc(3rem + 1px));
}

.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-hero {
  border-right: 13px solid var(--c26-accent);
  border-radius: .4rem 2.5rem .4rem 2.5rem;
  background:
    linear-gradient(128deg, #fff 0 64%, transparent 64%),
    repeating-linear-gradient(45deg, var(--c26-paper) 0 1.5rem, #e4e9df 1.5rem calc(1.5rem + 2px));
}

.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-hero {
  border-radius: 4rem 4rem 1rem 1rem / 2rem 2rem 1rem 1rem;
  border-left: 10px double var(--c26-rule);
  border-right: 10px double var(--c26-rule);
  background: linear-gradient(180deg, #fff 0 66%, var(--c26-paper) 66%);
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-hero-copy,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-hero-copy,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-hero-copy,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-hero-copy,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-hero-copy {
  padding: 1.55rem;
  border: 2px solid var(--c26-ink);
  border-left: 8px solid var(--c26-accent);
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-hero-art,
.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-inline-art,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-hero-art,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-inline-art,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-hero-art,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-inline-art,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-hero-art,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-inline-art,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-hero-art,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-inline-art {
  border: 4px solid var(--c26-ink);
  border-bottom: 9px solid var(--c26-accent);
  box-shadow: 6px 7px 0 color-mix(in srgb, var(--c26-rule) 24%, white);
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-hero-art,
.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-inline-art {
  border-radius: .2rem;
}

.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-hero-art,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-inline-art {
  border-radius: 2.8rem 2.8rem .35rem .35rem;
}

.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-hero-art,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-inline-art {
  border-radius: .3rem 1.7rem .3rem .3rem;
}

.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-hero-art,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-inline-art {
  border-radius: .4rem 2rem .4rem 2rem;
}

.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-hero-art,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-inline-art {
  border-radius: 3rem 3rem 1rem 1rem / 1.5rem 1.5rem 1rem 1rem;
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-editorial-lens,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-editorial-lens,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-editorial-lens,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-editorial-lens,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 3px solid var(--c26-ink);
  border-top: 9px solid var(--c26-rule);
  background: var(--c26-paper);
  box-shadow: none;
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-lens-grid,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-lens-grid,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-lens-grid,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-lens-grid,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
  padding: 1rem;
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-lens-card,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-lens-card,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-lens-card,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-lens-card,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-lens-card {
  counter-increment: c26-card;
  position: relative;
  min-height: 12.4rem;
  padding: 4.15rem 1rem 1.1rem;
  border: 2px solid var(--c26-ink);
  border-bottom: 8px solid var(--c26-accent);
  background: #fff;
  box-shadow: 4px 4px 0 color-mix(in srgb, var(--c26-rule) 24%, white);
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-lens-card {
  border-radius: .15rem;
  border-top: 8px solid var(--c26-ink);
}

.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-lens-card {
  border-radius: 2.4rem 2.4rem .3rem .3rem;
  border-left: 7px solid var(--c26-signal);
}

.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-lens-card {
  border-radius: .25rem 1.5rem .25rem .25rem;
  border-right: 8px solid var(--c26-rule);
}

.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-lens-card {
  border-radius: .25rem 1.8rem .25rem 1.8rem;
  border-top: 7px solid var(--c26-signal);
}

.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-lens-card {
  border-radius: 50% 50% .6rem .6rem / 1.6rem 1.6rem .6rem .6rem;
  border-bottom-color: var(--c26-signal);
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-lens-card::before,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-lens-card::before,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-lens-card::before,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-lens-card::before,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-lens-card::before {
  content: var(--c26-unit) " 0" counter(c26-card);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .35rem .7rem;
  border: 2px solid var(--c26-rule);
  border-radius: 999px;
  color: #fff;
  background: var(--c26-ink);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-feature,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-feature,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-feature,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-feature,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-feature {
  counter-increment: c26-feature;
  position: relative;
  padding: 4.8rem 1.65rem 2rem;
  border: 2px solid var(--c26-ink);
  border-top: 8px solid var(--c26-rule);
  background: #fff;
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-feature::before,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-feature::before,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-feature::before,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-feature::before,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-feature::before {
  content: var(--c26-unit) " RECORD 0" counter(c26-feature);
  position: absolute;
  top: 1.25rem;
  left: 1.65rem;
  padding-bottom: .25rem;
  border-bottom: 3px solid var(--c26-accent);
  color: var(--c26-ink);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-feature {
  border-radius: .15rem;
  border-right: 8px solid var(--c26-signal);
}

.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-feature {
  border-radius: 2.5rem 2.5rem .3rem .3rem;
  border-left: 8px solid var(--c26-signal);
}

.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-feature {
  border-radius: .25rem 1.5rem .25rem .25rem;
  border-left: 9px solid var(--c26-accent);
}

.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-feature {
  border-radius: .3rem 2rem .3rem 2rem;
  border-right: 8px solid var(--c26-rule);
}

.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-feature {
  border-radius: 2.8rem 2.8rem .6rem .6rem / 1.5rem 1.5rem .6rem .6rem;
  border-bottom: 7px solid var(--c26-signal);
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-type-compare,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-type-compare,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-type-compare,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-type-compare,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-type-compare,
.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-final-cta,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-final-cta,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-final-cta,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-final-cta,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-final-cta {
  border: 3px solid var(--c26-ink);
  border-top: 9px solid var(--c26-accent);
  border-bottom: 9px solid var(--c26-signal);
  background: #fff;
}

.dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-action-plan,
.dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-action-plan,
.dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-action-plan,
.dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-action-plan,
.dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-action-plan {
  border-left: 8px solid var(--c26-rule);
  background: var(--c26-paper);
}

@media (max-width: 980px) {
  .dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-lens-grid,
  .dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-lens-grid,
  .dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-lens-grid,
  .dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-lens-grid,
  .dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-lens-grid,
  .dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-lens-grid,
  .dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-hero,
  .dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-hero,
  .dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-hero,
  .dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-hero,
  .dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-hero {
    border-radius: .25rem;
    box-shadow: none;
  }

  .dating-guide-layout-nairobi-professional-five-desk-capacity-exchange .dating-guide-lens-card,
  .dating-guide-layout-faith-nairobi-seven-gate-intention-courtyard .dating-guide-lens-card,
  .dating-guide-layout-late-entry-career-six-file-effort-portfolio .dating-guide-lens-card,
  .dating-guide-layout-new-journey-career-six-bay-reentry-workshop .dating-guide-lens-card,
  .dating-guide-layout-faith-weekend-five-seat-safety-discernment-table .dating-guide-lens-card {
    min-height: auto;
  }
}

/* Release cohort 24: five route-specific clarity workspaces. */
.dating-guide-layout-student-weekend-three-block-study-first-reset-desk,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room {
  --c24-ink: #173f5a;
  --c24-accent: #bd5943;
  --c24-signal: #287566;
  --c24-paper: #fbf7ed;
  --c24-rule: #d4b65f;
  --guide-accent: var(--c24-ink);
  --guide-wash: var(--c24-paper);
  counter-reset: c24-lens c24-section;
  background-image: linear-gradient(90deg, transparent 0 97%, rgba(23, 63, 90, .025) 97%);
  background-size: 22px 100%;
}

.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass {
  --c24-ink: #51395f;
  --c24-accent: #b84f64;
  --c24-signal: #4c7a72;
  --c24-paper: #fff5ed;
  --c24-rule: #d69c4b;
}

.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard {
  --c24-ink: #24466d;
  --c24-accent: #bd613a;
  --c24-signal: #397e7a;
  --c24-paper: #f5f8f5;
  --c24-rule: #8bb7a1;
}

.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path {
  --c24-ink: #253c61;
  --c24-accent: #a34d5d;
  --c24-signal: #24715b;
  --c24-paper: #fbf6e8;
  --c24-rule: #c89d37;
}

.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room {
  --c24-ink: #183f55;
  --c24-accent: #c25549;
  --c24-signal: #286c66;
  --c24-paper: #f5f7ee;
  --c24-rule: #d1a63d;
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-hero,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-hero,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-hero,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-hero,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-hero {
  position: relative;
  border: 4px solid var(--c24-ink);
  border-top-width: 11px;
  border-bottom: 9px solid var(--c24-accent);
  background:
    radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--c24-rule) 28%, transparent) 0 9%, transparent 9.5%),
    linear-gradient(145deg, #fff 0 58%, var(--c24-paper) 58% 100%);
  box-shadow: 9px 9px 0 color-mix(in srgb, var(--c24-signal) 26%, white);
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-hero {
  border-radius: .35rem 2.8rem .35rem .35rem;
  border-left: 13px double var(--c24-ink);
}

.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-hero {
  border-radius: 50% 50% 1.25rem 1.25rem / 13% 13% 1.25rem 1.25rem;
  border-top: 13px double var(--c24-ink);
}

.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-hero {
  border-radius: .3rem;
  border-style: solid dashed solid solid;
  outline: 2px solid var(--c24-rule);
  outline-offset: 6px;
}

.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-hero {
  border-radius: 2.6rem 2.6rem .5rem .5rem;
  border-left: 9px solid var(--c24-rule);
  border-right: 9px solid var(--c24-rule);
}

.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-hero {
  border-radius: .4rem 3rem .4rem 3rem;
  border-left: 12px solid var(--c24-signal);
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-hero-copy,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-hero-copy,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-hero-copy,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-hero-copy,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-hero-copy {
  padding: 1.5rem;
  border: 2px solid var(--c24-ink);
  border-left: 8px solid var(--c24-accent);
  border-radius: .35rem 1.5rem .35rem 1.5rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-hero-art,
.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-inline-art,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-hero-art,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-inline-art,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-hero-art,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-inline-art,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-hero-art,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-inline-art,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-hero-art,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-inline-art {
  border: 4px solid var(--c24-ink);
  border-bottom: 8px solid var(--c24-rule);
  border-radius: 1.35rem .35rem 1.35rem .35rem;
  box-shadow: 6px 7px 0 color-mix(in srgb, var(--c24-signal) 22%, white);
}

.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-hero-art,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-inline-art {
  border-radius: .25rem;
  border-style: solid dashed solid solid;
}

.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-hero-art,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-inline-art {
  border-radius: 2.4rem 2.4rem .45rem .45rem;
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-editorial-lens,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-editorial-lens,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-editorial-lens,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-editorial-lens,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid var(--c24-ink);
  border-top: 10px solid var(--c24-signal);
  border-radius: .4rem 2rem .4rem 2rem;
  overflow: hidden;
  background: var(--c24-paper);
  box-shadow: none;
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-lens-grid,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-lens-grid,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-lens-grid,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-lens-grid,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
  padding: 1rem;
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-lens-card,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-lens-card,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-lens-card,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-lens-card,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-lens-card {
  counter-increment: c24-lens;
  position: relative;
  min-height: 12.5rem;
  padding: 4.15rem 1rem 1rem;
  border: 2px solid var(--c24-ink);
  border-bottom: 8px solid var(--c24-accent);
  border-radius: .35rem 1.45rem .35rem 1.45rem;
  background: #fff;
  box-shadow: 4px 4px 0 color-mix(in srgb, var(--c24-rule) 28%, white);
}

.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-lens-card {
  border-radius: 2.3rem 2.3rem .4rem .4rem;
}

.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-lens-card {
  border-radius: .2rem;
  border-style: solid dashed solid solid;
}

.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-lens-card {
  border-radius: 2.2rem 2.2rem .3rem .3rem;
  border-bottom-color: var(--c24-rule);
}

.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-lens-card {
  border-left: 8px solid var(--c24-signal);
  border-radius: .3rem 1.8rem .3rem .3rem;
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-lens-card::before,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-lens-card::before,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-lens-card::before,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-lens-card::before,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-lens-card::before {
  content: "VIEW 0" counter(c24-lens);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .32rem .7rem;
  border: 2px solid var(--c24-rule);
  border-radius: 999px;
  color: #fff;
  background: var(--c24-ink);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .07em;
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-feature,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-feature,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-feature,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-feature,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-feature {
  counter-increment: c24-section;
  position: relative;
  padding: 4.7rem 1.65rem 2rem;
  border: 2px solid var(--c24-ink);
  border-top: 8px solid var(--c24-rule);
  border-radius: .35rem 1.75rem .35rem .35rem;
  background: #fff;
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-feature::before,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-feature::before,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-feature::before,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-feature::before,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-feature::before {
  content: "CLARITY NOTE 0" counter(c24-section);
  position: absolute;
  top: 1.3rem;
  left: 1.65rem;
  padding-bottom: .25rem;
  border-bottom: 3px solid var(--c24-accent);
  color: var(--c24-ink);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-feature {
  border-radius: 2.3rem 2.3rem .4rem .4rem;
}

.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-feature {
  border-radius: .2rem;
  border-style: solid dashed solid solid;
}

.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-feature {
  border-left: 8px solid var(--c24-signal);
  border-radius: 2rem .35rem 2rem .35rem;
}

.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-feature {
  border-left: 10px solid var(--c24-signal);
  border-radius: .3rem 2rem .3rem .3rem;
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-type-compare,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-type-compare,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-type-compare,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-type-compare,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-type-compare {
  border: 3px solid var(--c24-ink);
  border-top: 9px solid var(--c24-accent);
  border-bottom: 9px solid var(--c24-signal);
  background: #fff;
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-action-plan,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-action-plan,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-action-plan,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-action-plan,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-action-plan {
  border-left: 8px solid var(--c24-rule);
  background: var(--c24-paper);
}

.dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-final-cta,
.dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-final-cta,
.dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-final-cta,
.dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-final-cta,
.dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-final-cta {
  border: 3px solid var(--c24-ink);
  border-left: 10px solid var(--c24-signal);
  background: #fff;
}

@media (max-width: 980px) {
  .dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-lens-grid,
  .dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-lens-grid,
  .dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-lens-grid,
  .dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-lens-grid,
  .dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-hero,
  .dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-hero,
  .dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-hero,
  .dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-hero,
  .dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-hero {
    border-radius: .35rem;
    box-shadow: none;
    outline: 0;
  }

  .dating-guide-layout-student-weekend-three-block-study-first-reset-desk .dating-guide-lens-card,
  .dating-guide-layout-diaspora-weekend-five-point-affection-pace-compass .dating-guide-lens-card,
  .dating-guide-layout-first-route-long-distance-five-marker-evidence-postcard .dating-guide-lens-card,
  .dating-guide-layout-faith-led-long-distance-four-lantern-serious-reentry-path .dating-guide-lens-card,
  .dating-guide-layout-diaspora-career-three-calendar-talking-stage-control-room .dating-guide-lens-card {
    min-height: auto;
  }
}

/* Release cohort 23: five distinct decision landscapes. */
.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route {
  --c23-ink: #153f53;
  --c23-accent: #b5523f;
  --c23-soft: #f8f3e8;
  --c23-line: #d4b66c;
  --guide-accent: var(--c23-ink);
  --guide-wash: var(--c23-soft);
  counter-reset: c23-card c23-section;
}

.dating-guide-layout-later-entry-five-gate-affection-pace-veranda {
  --c23-ink: #51385f;
  --c23-accent: #a94f5f;
  --c23-soft: #fff4ec;
  --c23-line: #9cac86;
}

.dating-guide-layout-professional-weekend-four-slot-evidence-calendar {
  --c23-ink: #203e63;
  --c23-accent: #c06232;
  --c23-soft: #f3f6f3;
  --c23-line: #64a49b;
}

.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus {
  --c23-ink: #234b46;
  --c23-accent: #c4534c;
  --c23-soft: #fff8e8;
  --c23-line: #d3a83f;
}

.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route {
  --c23-ink: #243a68;
  --c23-accent: #77519b;
  --c23-soft: #f4f2e8;
  --c23-line: #25827f;
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-hero,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-hero,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-hero,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-hero,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-hero {
  border: 6px solid var(--c23-ink);
  border-bottom: 12px solid var(--c23-accent);
  background:
    linear-gradient(135deg, transparent 0 76%, color-mix(in srgb, var(--c23-line) 22%, transparent) 76%),
    var(--c23-soft);
  box-shadow: 10px 10px 0 color-mix(in srgb, var(--c23-line) 42%, white);
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-hero {
  border-radius: 3rem .35rem 3rem .35rem;
  border-style: solid dashed solid solid;
}

.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-hero {
  border-radius: 4rem 4rem .5rem .5rem;
  border-top: 11px double var(--c23-ink);
}

.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-hero {
  border-radius: .35rem;
  outline: 3px solid var(--c23-line);
  outline-offset: 6px;
}

.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-hero {
  border-radius: 1rem 3.5rem 1rem 3.5rem;
  border-left: 12px double var(--c23-ink);
}

.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-hero {
  border-radius: .5rem 3.5rem 3.5rem .5rem;
  border-left: 14px solid var(--c23-line);
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-hero-copy,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-hero-copy,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-hero-copy,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-hero-copy,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-hero-copy {
  padding: 1.55rem;
  border: 3px solid var(--c23-ink);
  border-left: 9px solid var(--c23-accent);
  border-radius: 1.3rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-hero-art,
.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-inline-art,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-hero-art,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-inline-art,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-hero-art,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-inline-art,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-hero-art,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-inline-art,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-hero-art,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-inline-art {
  border: 5px solid var(--c23-ink);
  border-radius: 1.6rem;
  box-shadow: 0 9px 0 color-mix(in srgb, var(--c23-line) 48%, white);
}

.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-hero-art,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-inline-art {
  border-radius: .35rem;
}

.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-hero-art,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-inline-art {
  border-style: solid dashed solid solid;
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-editorial-lens,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-editorial-lens,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-editorial-lens,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-editorial-lens,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid var(--c23-ink);
  border-top: 10px solid var(--c23-line);
  border-radius: 2rem .4rem 2rem .4rem;
  overflow: hidden;
  background: var(--c23-soft);
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-lens-grid,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-lens-grid,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-lens-grid,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-lens-grid,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  padding: 1rem;
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-lens-card,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-lens-card,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-lens-card,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-lens-card,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-lens-card {
  counter-increment: c23-card;
  position: relative;
  min-height: 12rem;
  padding: 4rem 1rem 1rem;
  border: 3px solid var(--c23-ink);
  border-bottom: 9px solid var(--c23-accent);
  border-radius: 1.5rem .25rem;
  background: #fff;
}

.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-lens-card {
  border-radius: 2.8rem 2.8rem .35rem .35rem;
}

.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-lens-card {
  border-radius: .25rem;
  background:
    linear-gradient(#fff 31px, color-mix(in srgb, var(--c23-line) 24%, white) 32px);
  background-size: 100% 32px;
}

.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-lens-card {
  border-style: solid dashed solid solid;
  transform: rotate(-.25deg);
}

.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-lens-card {
  border-radius: .4rem 2rem 2rem .4rem;
  border-left: 9px solid var(--c23-line);
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-lens-card::before,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-lens-card::before,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-lens-card::before,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-lens-card::before,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-lens-card::before {
  content: "DECISION 0" counter(c23-card);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .3rem .65rem;
  border: 2px solid var(--c23-line);
  border-radius: 999px;
  color: #fff;
  background: var(--c23-ink);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .05em;
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-feature,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-feature,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-feature,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-feature,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-feature {
  counter-increment: c23-section;
  position: relative;
  padding: 4.6rem 1.6rem 2rem;
  border: 3px solid var(--c23-ink);
  border-left: 10px solid var(--c23-line);
  border-radius: .4rem 2rem 2rem .4rem;
  background: #fff;
}

.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-feature {
  border-radius: .25rem;
  border-left-width: 3px;
  border-top: 10px solid var(--c23-line);
}

.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-feature {
  border-style: solid dashed solid solid;
  border-left-style: double;
}

.dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-feature::before,
.dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-feature::before,
.dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-feature::before,
.dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-feature::before,
.dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-feature::before {
  content: "ROUTE NOTE 0" counter(c23-section);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: var(--c23-accent);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

@media (max-width: 980px) {
  .dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-lens-grid,
  .dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-lens-grid,
  .dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-lens-grid,
  .dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-lens-grid,
  .dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-hero,
  .dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-hero,
  .dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-hero,
  .dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-hero,
  .dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-hero {
    box-shadow: none;
    outline: 0;
  }

  .dating-guide-layout-diaspora-three-zone-low-pressure-casual-customs-desk .dating-guide-lens-card,
  .dating-guide-layout-later-entry-five-gate-affection-pace-veranda .dating-guide-lens-card,
  .dating-guide-layout-professional-weekend-four-slot-evidence-calendar .dating-guide-lens-card,
  .dating-guide-layout-adult-student-weekend-four-anchor-reentry-campus .dating-guide-lens-card,
  .dating-guide-layout-nairobi-later-entry-six-stop-serious-clarity-route .dating-guide-lens-card {
    min-height: auto;
    transform: none;
  }
}

/* Release cohort 22: five route-specific evidence workspaces. */
.dating-guide-layout-later-entry-four-window-serious-career-reset,
.dating-guide-layout-parent-four-ring-serious-courtship-safety,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage {
  --c22-ink: #183a4a;
  --c22-accent: #a6533f;
  --c22-soft: #f7f1e8;
  --guide-accent: var(--c22-ink);
  --guide-wash: var(--c22-soft);
  counter-reset: c22-card c22-section;
}

.dating-guide-layout-parent-four-ring-serious-courtship-safety {
  --c22-ink: #553a64;
  --c22-accent: #bd5e4a;
  --c22-soft: #fff5ed;
}

.dating-guide-layout-faith-led-three-promise-casual-context-ledger {
  --c22-ink: #263f68;
  --c22-accent: #a66f2e;
  --c22-soft: #fbf7e9;
}

.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map {
  --c22-ink: #235b62;
  --c22-accent: #bd6048;
  --c22-soft: #f3f8f3;
}

.dating-guide-layout-parent-five-proof-long-distance-talking-stage {
  --c22-ink: #254a73;
  --c22-accent: #c75b55;
  --c22-soft: #f4f7ec;
}

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-hero,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-hero,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-hero,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-hero,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-hero {
  border: 6px solid var(--c22-ink);
  border-bottom: 11px solid var(--c22-accent);
  background: var(--c22-soft);
  box-shadow: 9px 9px 0 color-mix(in srgb, var(--c22-ink) 24%, white);
}

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-hero { border-radius: .4rem 2.8rem .4rem 2.8rem; }
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-hero { border-radius: 3rem 3rem .5rem .5rem; }
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-hero { border-radius: .4rem; outline: 3px double var(--c22-accent); outline-offset: 6px; }
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-hero { border-radius: 3rem .4rem 3rem .4rem; }
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-hero { border-radius: .5rem 3rem 3rem .5rem; }

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-hero-copy,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-hero-copy,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-hero-copy,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-hero-copy,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-hero-copy {
  padding: 1.55rem;
  border: 3px solid var(--c22-ink);
  border-radius: 1.4rem;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-hero-art,
.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-inline-art,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-hero-art,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-inline-art,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-hero-art,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-inline-art,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-hero-art,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-inline-art,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-hero-art,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-inline-art {
  border: 5px solid var(--c22-ink);
  border-radius: 1.8rem;
  box-shadow: 0 8px 0 color-mix(in srgb, var(--c22-accent) 38%, white);
}

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-editorial-lens,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-editorial-lens,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-editorial-lens,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-editorial-lens,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid var(--c22-ink);
  border-radius: 2rem;
  overflow: hidden;
  background: var(--c22-soft);
}

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-lens-grid,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-lens-grid,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-lens-grid,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-lens-grid,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  padding: 1rem;
}

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-lens-card,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-lens-card,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-lens-card,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-lens-card,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-lens-card {
  counter-increment: c22-card;
  position: relative;
  min-height: 12rem;
  padding: 4rem 1rem 1rem;
  border: 3px solid var(--c22-ink);
  border-bottom: 9px solid var(--c22-accent);
  border-radius: 1.5rem .35rem 1.5rem .35rem;
  background: #fff;
}

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-lens-card::before,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-lens-card::before,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-lens-card::before,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-lens-card::before,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-lens-card::before {
  content: "EVIDENCE 0" counter(c22-card);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .3rem .65rem;
  border-radius: 999px;
  color: #fff;
  background: var(--c22-ink);
  font-size: .65rem;
  font-weight: 900;
}

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-feature,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-feature,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-feature,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-feature,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-feature {
  counter-increment: c22-section;
  position: relative;
  padding: 4.5rem 1.6rem 2rem;
  border: 3px solid var(--c22-ink);
  border-radius: 1.8rem .3rem;
  background: #fff;
}

.dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-feature::before,
.dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-feature::before,
.dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-feature::before,
.dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-feature::before,
.dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-feature::before {
  content: "FIELD NOTE 0" counter(c22-section);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: var(--c22-accent);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

@media (max-width: 980px) {
  .dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-lens-grid,
  .dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-lens-grid,
  .dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-lens-grid,
  .dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-lens-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-lens-grid,
  .dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-lens-grid,
  .dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-lens-grid,
  .dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-lens-grid { grid-template-columns: 1fr; }

  .dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-hero,
  .dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-hero,
  .dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-hero,
  .dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-hero,
  .dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-hero { box-shadow: none; }

  .dating-guide-layout-later-entry-four-window-serious-career-reset .dating-guide-lens-card,
  .dating-guide-layout-parent-four-ring-serious-courtship-safety .dating-guide-lens-card,
  .dating-guide-layout-faith-led-three-promise-casual-context-ledger .dating-guide-lens-card,
  .dating-guide-layout-diaspora-two-city-heartbreak-clarity-map .dating-guide-lens-card,
  .dating-guide-layout-parent-five-proof-long-distance-talking-stage .dating-guide-lens-card { min-height: auto; }
}

[data-theme="light"] {
  --bg:         #FFFFFF;
  --bg-card:    #FFFFFF;
  --text:       #172033;
  --text-soft:  #526070;
  --border-col: #DCE3EB;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text);
  line-height: 1.7;
  min-height: 100vh;
  transition: background-color var(--t-mid), color var(--t-mid);
}

/* ── 1. TYPOGRAPHY ───────────────────────────────────────── */
h1, h2, h3, h4 {
  font-family: var(--font-display);
  line-height: 1.25;
  color: var(--text);
}
h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 700; }
h2 { font-size: clamp(1.4rem, 3vw, 2rem);   font-weight: 700; }
h3 { font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 600; }
h4 { font-size: 1.05rem; font-weight: 600; }

p { margin-bottom: var(--space-md); }
p:last-child { margin-bottom: 0; }

a { color: var(--trust-blue); text-decoration: none; transition: color var(--t-fast); }
a:hover { color: var(--trust-blue-dark); }

strong { font-weight: 600; }
em { font-style: italic; }

.text-muted  { color: var(--text-soft); }
.text-gold   { color: var(--gold); }
.text-center { text-align: center; }
.text-sm     { font-size: 0.875rem; }
.text-xs     { font-size: 0.75rem; }

/* ── 2. LAYOUT ───────────────────────────────────────────── */
.container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 var(--space-lg);
}
.container-sm {
  max-width: var(--max-w-sm);
  margin: 0 auto;
  padding: 0 var(--space-lg);
}

.page-wrapper { padding-bottom: var(--space-3xl); }

/* ── Editorial image modules ─────────────────────────────── */
.editorial-visual {
  margin: clamp(1.5rem, 4vw, 2.5rem) 0 0;
  overflow: hidden;
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  background: #FFFFFF;
  box-shadow: var(--shadow-sm);
}

.editorial-visual picture {
  display: block;
  aspect-ratio: 1200 / 630;
  background: var(--surface);
}

.editorial-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.editorial-visual figcaption {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .75rem;
  align-items: baseline;
  padding: .75rem 1rem .85rem;
  border-top: 1px solid var(--border-col);
  color: var(--text-soft);
  font-size: .84rem;
  line-height: 1.5;
}

.editorial-visual figcaption strong {
  color: var(--ink);
  font-size: .84rem;
}

.editorial-visual-action {
  border-block: 1px solid var(--border-col);
  background: var(--surface);
  padding-inline: clamp(1rem, 3vw, 1.5rem);
}

.editorial-visual-action .editorial-visual {
  margin-top: 1rem;
}

.editorial-visual-link {
  display: block;
  color: inherit;
}

.editorial-visual-link:hover {
  color: inherit;
}

.editorial-visual-link:hover .editorial-visual,
.editorial-visual-link:focus-visible .editorial-visual {
  border-color: var(--trust-blue);
  box-shadow: var(--shadow-md);
}

.editorial-visual-link:focus-visible {
  border-radius: var(--r-lg);
  outline: 3px solid color-mix(in srgb, var(--trust-blue) 35%, transparent);
  outline-offset: 4px;
}

/* ── Editorial byline ───────────────────────────────────── */
.editorial-byline-wrap {
  margin-top: var(--space-2xl);
}

.affiliate-guide-figure {
  margin: 0 0 var(--space-xl);
  overflow: hidden;
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.affiliate-guide-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1200 / 630;
  object-fit: cover;
}

.affiliate-guide-figure figcaption {
  padding: var(--space-sm) var(--space-md);
  color: var(--text-soft);
  font-size: 0.82rem;
  line-height: 1.4;
  border-top: 1px solid var(--border-col);
}

.premium-answer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: var(--space-lg);
  align-items: start;
}

.premium-answer-main {
  font-size: 1.02rem;
}

.premium-editor-box,
.premium-review-card {
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.premium-editor-box {
  padding: var(--space-lg);
  position: sticky;
  top: 84px;
}

.premium-editor-box p {
  color: var(--text-soft);
  margin: var(--space-sm) 0 var(--space-md);
  line-height: 1.55;
}

.premium-review-card {
  padding: var(--space-lg);
  min-height: 100%;
}

.premium-review-rank {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--gold);
  color: #fff;
  font-weight: 800;
  margin-bottom: var(--space-sm);
}

.premium-review-card h3 {
  font-family: var(--font-body);
  font-size: 1.08rem;
  margin-bottom: 0.35rem;
}

.premium-score {
  font-family: var(--font-display);
  font-size: 1.65rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--text);
}

.premium-review-card p {
  margin-top: var(--space-sm);
}

.premium-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-md);
}

.platform-matrix-table td:first-child,
.platform-matrix-table th:first-child {
  width: 4.5rem;
  white-space: nowrap;
}

.platform-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: .25rem .55rem;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--bg-card);
  color: var(--muted);
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.2;
}

.platform-status-tracked {
  border-color: rgba(41, 121, 89, .24);
  background: rgba(41, 121, 89, .08);
  color: #226b4e;
}

.growth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: var(--space-xl);
  align-items: start;
}

.growth-hero {
  border-bottom-color: var(--accent);
}

.growth-tool-hero {
  padding-block: clamp(1.6rem, 4vw, 2.75rem);
}

.growth-tool-hero .hero-content {
  max-width: 820px;
}

.growth-tool-mount:empty {
  display: none;
}

.growth-authority {
  --accent: var(--trust-blue);
  --accent-soft: var(--trust-blue-soft);
}

.growth-research {
  --accent: var(--plum);
  --accent-soft: rgba(109, 90, 122, .13);
}

.growth-tool {
  --accent: var(--trust-blue);
  --accent-soft: var(--trust-blue-soft);
}

.growth-safety {
  --accent: var(--danger);
  --accent-soft: rgba(192, 57, 43, .11);
}

.growth-profile {
  --accent: var(--coral);
  --accent-soft: rgba(184, 95, 72, .12);
}

.growth-commercial,
.growth-city,
.growth-audience,
.growth-faith,
.growth-hub {
  --accent: var(--trust-blue);
  --accent-soft: var(--trust-blue-soft);
}

.growth-panel {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-top: 4px solid var(--accent);
  border-radius: var(--r-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
}

.growth-figure {
  border-color: color-mix(in srgb, var(--accent) 32%, var(--border-col));
}

.growth-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}

.growth-stat {
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--border-col));
  border-radius: var(--r-md);
  padding: var(--space-md);
  background: var(--accent-soft);
}

.growth-stat strong {
  display: block;
  font-size: 1.35rem;
  color: var(--accent);
}

.growth-stat span {
  display: block;
  color: var(--text-soft);
  font-size: .9rem;
}

.growth-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-md);
}

.growth-tool-choice {
  display: flex;
  gap: var(--space-sm);
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--border-col));
  border-radius: var(--r-md);
  background: var(--bg-card);
  padding: var(--space-md);
  font-weight: 700;
}

.growth-tool-choice:hover {
  background: var(--accent-soft);
}

.growth-tool-choice input {
  width: 1.1rem;
  height: 1.1rem;
}

.growth-publication-notice {
  margin-top: var(--space-lg);
  border: 1px solid color-mix(in srgb, var(--plum) 40%, var(--border-col));
  border-left: 5px solid var(--plum);
  border-radius: var(--r-md);
  padding: var(--space-lg);
  background: color-mix(in srgb, var(--plum) 7%, var(--bg-card));
}

.growth-publication-notice h2 {
  margin: .2rem 0 .35rem;
  font-size: clamp(1.2rem, 2.5vw, 1.55rem);
}

.growth-publication-notice p {
  max-width: 82ch;
  color: var(--text-soft);
}

.growth-tool-app {
  border: 1px solid color-mix(in srgb, var(--trust-blue) 30%, var(--border-col));
  border-radius: var(--r-lg);
  padding: clamp(1rem, 4vw, 2rem);
  background: var(--trust-blue-soft);
}

.growth-tool-form {
  margin-top: var(--space-lg);
}

.growth-tool-fields,
.growth-tool-signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-md);
}

.growth-tool-field,
.growth-tool-safety-fieldset {
  min-width: 0;
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  padding: var(--space-md);
  background: var(--bg-card);
}

.growth-tool-field > label,
.growth-tool-field > legend,
.growth-tool-safety-fieldset > legend {
  display: block;
  padding: 0 .2rem;
  color: var(--text);
  font-weight: 800;
}

.growth-tool-field select,
.growth-tool-field input[type="number"] {
  width: 100%;
  min-height: 2.8rem;
  margin-top: .45rem;
  border: 1px solid var(--border-col);
  border-radius: var(--r-sm);
  padding: .65rem .75rem;
  background: var(--bg);
  color: var(--text);
  font: inherit;
}

.growth-tool-field select:focus-visible,
.growth-tool-field input:focus-visible,
.growth-tool-option-list input:focus-visible,
.growth-tool-signal input:focus-visible,
.growth-tool-toggle input:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--trust-blue) 45%, transparent);
  outline-offset: 3px;
}

.growth-tool-option-list {
  display: grid;
  gap: .45rem;
  margin-top: .45rem;
}

.growth-tool-option-list label {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  cursor: pointer;
}

.growth-tool-option-list input,
.growth-tool-signal input,
.growth-tool-toggle input {
  flex: 0 0 auto;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: .23rem;
  accent-color: var(--trust-blue);
}

.growth-tool-safety-fieldset {
  padding: var(--space-lg);
}

.growth-tool-help {
  margin: .3rem 0 var(--space-md);
  color: var(--text-soft);
}

.growth-tool-signal,
.growth-tool-toggle {
  display: flex;
  gap: .7rem;
  align-items: flex-start;
  min-height: 4.6rem;
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  padding: var(--space-md);
  background: var(--bg-card);
  cursor: pointer;
}

.growth-tool-signal:hover,
.growth-tool-signal:focus-within,
.growth-tool-toggle:hover,
.growth-tool-toggle:focus-within {
  border-color: var(--trust-blue);
  background: var(--trust-blue-soft);
}

.growth-tool-signal-severe {
  border-left: 4px solid var(--danger);
}

.growth-tool-signal span,
.growth-tool-toggle span {
  display: grid;
  gap: .2rem;
}

.growth-tool-signal small,
.growth-tool-toggle small {
  color: var(--text-soft);
}

.growth-tool-toggle {
  align-self: stretch;
}

.growth-tool-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}

.growth-tool-result {
  margin-top: var(--space-xl);
  border: 1px solid var(--border-col);
  border-left: 5px solid var(--trust-blue);
  border-radius: var(--r-md);
  padding: clamp(1rem, 4vw, 1.75rem);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.growth-tool-result[hidden] {
  display: none;
}

.growth-tool-result:focus {
  outline: 3px solid color-mix(in srgb, var(--trust-blue) 40%, transparent);
  outline-offset: 3px;
}

.growth-tool-result-good {
  border-left-color: var(--success);
  background: color-mix(in srgb, var(--success) 5%, var(--bg-card));
}

.growth-tool-result-caution,
.growth-tool-result-pause {
  border-left-color: var(--gold-dark);
  background: color-mix(in srgb, var(--gold) 8%, var(--bg-card));
}

.growth-tool-result-stop,
.growth-tool-result-error {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 5%, var(--bg-card));
}

.growth-tool-result-title {
  margin-bottom: .35rem;
}

.growth-tool-result-summary {
  font-weight: 700;
}

.growth-tool-result-section {
  margin-top: var(--space-lg);
}

.growth-tool-result-section h4 {
  margin-bottom: .35rem;
}

.growth-tool-result-section ul {
  padding-left: 1.25rem;
}

.growth-tool-result-section li + li {
  margin-top: .3rem;
}

.growth-tool-result-disclaimer {
  margin-top: var(--space-lg);
  border-top: 1px solid var(--border-col);
  padding-top: var(--space-md);
  color: var(--text-soft);
  font-size: .92rem;
}

.growth-checklist-number {
  display: grid;
  flex: 0 0 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 800;
}

.growth-jump-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
  margin: var(--space-md) 0 0;
  padding: .65rem;
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.growth-jump-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .35rem .7rem;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--text);
  font-size: .84rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}

.growth-jump-nav a:hover,
.growth-jump-nav a:focus-visible {
  border-color: color-mix(in srgb, var(--accent, var(--gold-dark)) 28%, var(--border-col));
  background: var(--accent-soft, rgba(201, 168, 76, .12));
  color: var(--ink);
}

.elite-page-brief {
  --brief-accent: var(--trust-blue);
}

.elite-brief-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: var(--space-md);
}

.elite-brief-card {
  border: 1px solid color-mix(in srgb, var(--brief-accent) 24%, var(--border-col));
  border-top: 4px solid var(--brief-accent);
  border-radius: var(--r-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  padding: clamp(1rem, 2.8vw, 1.35rem);
  min-width: 0;
  overflow-wrap: anywhere;
  animation: elite-card-rise .52s ease both;
}

.elite-brief-card:nth-child(2) { animation-delay: .06s; }
.elite-brief-card:nth-child(3) { animation-delay: .12s; }
.elite-brief-card:nth-child(4) { animation-delay: .18s; }

.elite-brief-card span {
  display: block;
  margin-bottom: .45rem;
  color: var(--trust-blue);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.elite-brief-card h3 {
  margin: 0 0 .55rem;
  font-size: clamp(1rem, 2.5vw, 1.15rem);
  line-height: 1.25;
}

.elite-brief-card h3 a {
  color: inherit;
  text-decoration-color: color-mix(in srgb, var(--gold-dark) 48%, transparent);
  text-underline-offset: .18em;
}

.elite-brief-card p {
  margin: 0;
  color: var(--text-soft);
  font-size: .94rem;
  line-height: 1.65;
}

.editorial-evidence-grid,
.reader-scenario-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: var(--space-md);
}

.editorial-evidence-card,
.reader-scenario-card {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--accent, var(--gold-dark)) 22%, var(--border-col));
  border-radius: var(--r-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  padding: clamp(1rem, 2.6vw, 1.35rem);
  overflow-wrap: anywhere;
  animation: elite-card-rise .46s ease both;
}

.editorial-evidence-card {
  border-left: 4px solid var(--accent, var(--gold-dark));
}

.editorial-evidence-card span {
  display: block;
  margin-bottom: .45rem;
  color: var(--accent, var(--gold-dark));
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.editorial-evidence-card h3,
.reader-scenario-card h3 {
  margin: 0 0 .55rem;
  font-size: clamp(1rem, 2.5vw, 1.16rem);
  line-height: 1.25;
}

.editorial-evidence-card p,
.reader-scenario-card p,
.reader-scenario-card dd {
  color: var(--text-soft);
  font-size: .94rem;
  line-height: 1.65;
}

.reader-scenario-card {
  position: relative;
  padding-top: 2.7rem;
}

.reader-scenario-index {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: grid;
  place-items: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  background: var(--accent-soft, rgba(201, 168, 76, .13));
  color: var(--accent, var(--gold-dark));
  font-size: .72rem;
  font-weight: 900;
}

.reader-scenario-card dl {
  display: grid;
  gap: .35rem;
  margin: .9rem 0 1rem;
}

.reader-scenario-card dt {
  color: var(--text);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.reader-scenario-card dd {
  margin: 0 0 .45rem;
}

.scenario-link {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  color: var(--accent, var(--gold-dark));
  font-size: .9rem;
  font-weight: 900;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}

.elite-passport {
  margin-top: var(--space-3xl);
  padding: clamp(2rem, 5vw, 3rem) 0;
  border-top: 1px solid color-mix(in srgb, var(--trust-blue) 20%, var(--border-col));
  border-bottom: 1px solid color-mix(in srgb, var(--trust-blue) 18%, var(--border-col));
  background: var(--surface);
}

.elite-passport-local,
.elite-passport-city {
  background: var(--surface);
}

.elite-passport-safety {
  background: var(--surface);
}

.elite-passport-payment {
  background: var(--surface);
}

.elite-passport-faith {
  background: var(--surface);
}

.elite-passport-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: var(--space-xl);
  align-items: start;
}

.elite-passport-copy {
  max-width: 720px;
}

.elite-passport-copy h2 {
  margin-bottom: .65rem;
  font-size: clamp(1.45rem, 3vw, 2rem);
}

.elite-passport-copy p {
  max-width: 660px;
  color: var(--text-soft);
  font-size: 1rem;
  line-height: 1.72;
}

.elite-passport-meta {
  display: grid;
  gap: .5rem;
  align-content: start;
}

.elite-passport-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .4rem .65rem;
  border: 1px solid color-mix(in srgb, var(--gold-dark) 22%, var(--border-col));
  border-radius: 6px;
  background: rgba(255,255,255,.62);
  color: var(--text);
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.25;
}

.elite-passport-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-md);
  margin-top: var(--space-xl);
}

.elite-passport-item {
  min-width: 0;
  padding: 1rem 0 0 1rem;
  border-top: 3px solid color-mix(in srgb, var(--gold-dark) 58%, var(--border-col));
  border-left: 1px solid color-mix(in srgb, var(--gold-dark) 20%, var(--border-col));
}

.elite-passport-item span {
  display: block;
  margin-bottom: .45rem;
  color: var(--trust-blue);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.elite-passport-item h3 {
  margin-bottom: .45rem;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.3;
}

.elite-passport-item p {
  margin: 0;
  color: var(--text-soft);
  font-size: .91rem;
  line-height: 1.62;
}

.elite-passport-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 1px solid color-mix(in srgb, var(--gold-dark) 16%, var(--border-col));
}

.elite-passport-footer strong,
.elite-passport-footer span {
  display: block;
}

.elite-passport-footer strong {
  font-size: .98rem;
}

.elite-passport-footer span {
  max-width: 560px;
  color: var(--text-soft);
  font-size: .88rem;
  line-height: 1.5;
}

.elite-passport-links {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: flex-end;
}

.elite-passport-links a {
  display: inline-flex;
  align-items: center;
  min-height: 2.15rem;
  padding: .45rem .8rem;
  border: 1px solid color-mix(in srgb, var(--gold-dark) 28%, var(--border-col));
  border-radius: 6px;
  background: rgba(255,255,255,.7);
  color: var(--text);
  font-size: .84rem;
  font-weight: 900;
  line-height: 1.2;
  text-decoration: none;
}

.elite-passport-links a:hover,
.elite-passport-links a:focus-visible {
  border-color: var(--trust-blue);
  background: var(--trust-blue-soft);
  color: var(--trust-blue-dark);
}

.premium-review-card,
.intent-platform-card,
.growth-panel,
.growth-stat,
.editorial-evidence-card,
.reader-scenario-card {
  animation: elite-card-rise .46s ease both;
}

.feature-table tr {
  transition: background-color var(--t-fast), transform var(--t-fast);
}

.feature-table tr:hover {
  transform: translateX(2px);
}

@keyframes elite-card-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .elite-brief-card,
  .premium-review-card,
  .intent-platform-card,
  .growth-panel,
  .growth-stat,
  .editorial-evidence-card,
  .reader-scenario-card {
    animation: none;
  }

  .feature-table tr {
    transition: none;
  }

  .feature-table tr:hover {
    transform: none;
  }
}

@media (max-width: 820px) {
  .growth-layout,
  .growth-tool-grid,
  .growth-tool-fields,
  .growth-tool-signal-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .elite-brief-grid,
  .editorial-evidence-grid,
  .reader-scenario-grid,
  .elite-passport-grid,
  .growth-stat-grid {
    grid-template-columns: 1fr;
  }

  .elite-brief-card,
  .editorial-evidence-card,
  .reader-scenario-card,
  .growth-panel,
  .premium-review-card {
    padding: 1rem;
  }

  .growth-tool-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .growth-tool-actions .btn {
    width: 100%;
  }

  .reader-scenario-card {
    padding-top: 2.65rem;
  }

  .growth-jump-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .growth-jump-nav a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .elite-passport-head,
  .elite-passport-footer {
    grid-template-columns: 1fr;
  }

  .elite-passport-head {
    display: block;
  }

  .elite-passport-meta {
    grid-template-columns: 1fr 1fr;
    margin-top: var(--space-lg);
  }

  .elite-passport-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .elite-passport-links {
    justify-content: flex-start;
  }

  .feature-table {
    min-width: 620px;
  }
}

@media (max-width: 720px) {
  .elite-passport-head {
    grid-template-columns: 1fr;
  }

  .elite-passport-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .elite-passport-grid {
    grid-template-columns: 1fr;
  }

  .elite-passport-meta {
    grid-template-columns: 1fr;
  }

  .elite-passport-links a {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 360px) {
  .elite-brief-card p,
  .editorial-evidence-card p,
  .reader-scenario-card p,
  .elite-passport-item p,
  .reader-scenario-card dd,
  .growth-panel p,
  .kenya-guide-body p {
    font-size: .94rem;
    line-height: 1.72;
  }

  .elite-brief-card h3,
  .editorial-evidence-card h3,
  .reader-scenario-card h3,
  .premium-review-card h3 {
    font-size: 1rem;
  }
}

.premium-image-band {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: var(--space-xl);
  align-items: center;
}

.premium-support-image {
  display: grid;
  gap: var(--space-md);
}

.premium-mini-figure {
  overflow: hidden;
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.premium-mini-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1200 / 630;
  object-fit: cover;
}

@media (max-width: 900px) {
  .premium-answer-grid,
  .premium-image-band {
    grid-template-columns: 1fr;
  }

  .premium-editor-box {
    position: static;
  }
}

.editorial-byline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  padding: var(--space-lg);
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-sm);
}

.editorial-byline-main {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  min-width: 0;
}

.editorial-avatar {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 2px solid var(--gold-light);
  background: var(--cream-dark);
  object-fit: cover;
}

.editorial-byline-copy {
  min-width: 0;
}

.editorial-kicker,
.editorial-rating-label {
  display: block;
  margin-bottom: 0.15rem;
  color: var(--gold-dark);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.editorial-name {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.2;
}

.editorial-role,
.editorial-focus {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.92rem;
  line-height: 1.45;
}

.editorial-rating {
  flex: 0 0 auto;
  padding: var(--space-sm) var(--space-md);
  border-left: 1px solid var(--border-col);
  text-align: right;
}

.editorial-rating-stars {
  display: block;
  color: var(--gold);
  font-size: 0.95rem;
  line-height: 1.1;
  letter-spacing: 0.04em;
}

.editorial-rating strong {
  display: block;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .editorial-byline {
    align-items: flex-start;
    flex-direction: column;
  }

  .editorial-rating {
    width: 100%;
    padding: var(--space-md) 0 0;
    border-left: 0;
    border-top: 1px solid var(--border-col);
    text-align: left;
  }
}

.section {
  padding: var(--space-2xl) 0;
  border-bottom: 1px solid var(--border-col);
}
.section:last-child { border-bottom: none; }

.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-lg); }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md); }

@media (max-width: 768px) {
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .container { padding: 0 var(--space-md); }
}

@media (min-width: 641px) and (max-width: 900px) {
  .grid-3,
  .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr;
  }
}

/* ── 3. NAVIGATION ───────────────────────────────────────── */
.site-nav {
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid var(--border-col);
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 1px 0 rgba(23,32,51,.03);
}

.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  gap: var(--space-md);
}

.nav-logo {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text);
  letter-spacing: 0;
}
.nav-logo span { color: var(--brand-red); }

.nav-links {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  list-style: none;
}
.nav-links a {
  color: var(--text-soft);
  font-size: 0.9rem;
  font-weight: 600;
  transition: color var(--t-fast);
}
.nav-links a:hover, .nav-links a.active { color: var(--trust-blue); }

.nav-actions {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.country-switcher {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: 0.85rem;
  color: var(--text-soft);
  cursor: pointer;
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--r-md);
  border: 1px solid var(--border-col);
  background: var(--white);
  transition: border-color var(--t-fast), color var(--t-fast), background-color var(--t-fast);
}
.country-switcher:hover { border-color: var(--trust-blue); color: var(--trust-blue); background: var(--trust-blue-soft); }

.theme-toggle {
  background: none;
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  padding: var(--space-xs) var(--space-sm);
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  color: var(--text-soft);
  transition: all var(--t-fast);
}
.theme-toggle:hover { border-color: var(--gold); }

/* Mobile nav */
@media (max-width: 768px) {
  .nav-links { display: none; }
  .mobile-tab-bar { display: flex; }
}

/* ── 4. HERO SECTION ─────────────────────────────────────── */
.hero {
  background: var(--surface);
  color: var(--ink);
  padding: var(--space-3xl) 0;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--border-col);
}
.hero::before {
  display: none;
}

.hero-content { position: relative; z-index: 1; max-width: 700px; }
.hero h1 { color: var(--ink); margin-bottom: var(--space-md); }
.hero-badge {
  display: inline-block;
  background: var(--trust-blue-soft);
  color: var(--trust-blue-dark);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 6px;
  margin-bottom: var(--space-md);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.hero p { color: var(--muted); font-size: 1.1rem; margin-bottom: var(--space-xl); }
.hero-meta {
  display: flex;
  gap: var(--space-lg);
  font-size: 0.85rem;
  color: var(--muted);
}
.hero-meta span { display: flex; align-items: center; gap: var(--space-xs); }

/* ── 5. BUTTONS ──────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 44px;
  padding: .68rem 1.25rem;
  border-radius: var(--r-md);
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);
  border: 1px solid transparent;
  white-space: nowrap;
}

.btn-primary {
  background: var(--brand-red);
  color: var(--white);
  border-color: var(--brand-red);
}
.btn-primary:hover {
  background: var(--brand-red-dark);
  border-color: var(--brand-red-dark);
  color: var(--white);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.btn-outline {
  background: var(--white);
  color: var(--trust-blue);
  border-color: var(--trust-blue);
}
.btn-outline:hover {
  background: var(--trust-blue-soft);
  color: var(--trust-blue-dark);
}

.btn-ghost {
  background: var(--bg-card);
  color: var(--ink);
  border-color: var(--border-strong);
}
.btn-ghost:hover {
  background: var(--surface);
  border-color: var(--trust-blue);
  color: var(--trust-blue-dark);
}

.btn:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--trust-blue) 36%, transparent);
  outline-offset: 3px;
}

.btn[disabled],
.btn[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .56;
  transform: none;
  box-shadow: none;
}

.btn-sm { padding: 0.4rem 0.9rem; font-size: 0.85rem; }
.btn-lg { padding: 0.85rem 1.8rem; font-size: 1.05rem; }
.btn-block { width: 100%; justify-content: center; }

/* ── 6. CARDS ────────────────────────────────────────────── */
.card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: var(--space-lg);
  transition: box-shadow var(--t-mid), transform var(--t-mid), border-color var(--t-mid);
}
.card:hover { border-color: var(--trust-blue); box-shadow: var(--shadow-md); transform: translateY(-2px); }

.card-gold {
  border-color: color-mix(in srgb, var(--brand-red) 36%, var(--border-col));
  background: var(--surface-red);
}

/* ── 7. STAT CARDS ───────────────────────────────────────── */
.stat-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-md);
  margin: var(--space-xl) 0;
}
@media (max-width: 768px) {
  .stat-cards { grid-template-columns: repeat(2, 1fr); }
}

.stat-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: var(--space-lg);
  text-align: center;
}
.stat-card .stat-emoji { font-size: 1.8rem; margin-bottom: var(--space-xs); }
.stat-card .stat-value {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--gold);
  line-height: 1.1;
}
.stat-card .stat-label {
  font-size: 0.8rem;
  color: var(--text-soft);
  margin-top: var(--space-xs);
}

/* ── 8. RANKINGS TABLE ───────────────────────────────────── */
.disclosure-bar {
  background: rgba(201,168,76,0.08);
  border: 1px solid rgba(201,168,76,0.2);
  border-radius: var(--r-md);
  padding: var(--space-sm) var(--space-md);
  font-size: 0.8rem;
  color: var(--text-soft);
  margin-bottom: var(--space-md);
}

.rankings-table { width: 100%; border-collapse: collapse; }
.rankings-table th {
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: var(--space-sm) var(--space-md);
  border-bottom: 2px solid var(--border-col);
}
.rankings-table td {
  padding: var(--space-md);
  border-bottom: 1px solid var(--border-col);
  vertical-align: middle;
}
.rankings-table tr:last-child td { border-bottom: none; }

.rank-row-gold { background: linear-gradient(90deg, rgba(201,168,76,0.06) 0%, transparent 100%); }
.rank-row-gold td:first-child { border-left: 3px solid var(--gold); }

.rank-num {
  font-family: var(--font-mono);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text-soft);
  width: 40px;
}
.rank-num-1 { color: var(--gold); }

.site-name-cell { font-weight: 600; font-size: 0.95rem; }
.site-type-badge {
  font-size: 0.7rem;
  color: var(--text-soft);
  background: var(--cream-dark);
  padding: 2px 6px;
  border-radius: 10px;
  margin-left: var(--space-xs);
}

.score-cell { min-width: 120px; }
.score-value {
  font-family: var(--font-mono);
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--gold);
  margin-bottom: 4px;
}
.score-bar-track {
  height: 5px;
  background: var(--border-col);
  border-radius: 3px;
  overflow: hidden;
}
.score-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--gold-dark), var(--gold));
  border-radius: 3px;
  width: 0;
  transition: width 1s ease;
}

.free-badge {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--success);
  background: rgba(45,122,79,0.1);
  padding: 2px 8px;
  border-radius: 10px;
}

.highlight-text { font-size: 0.85rem; color: var(--text-soft); }

.cta-cell { text-align: right; }

/* Mobile ranking cards */
@media (max-width: 640px) {
  .rankings-table, .rankings-table thead, .rankings-table tbody,
  .rankings-table th, .rankings-table td, .rankings-table tr { display: block; }
  .rankings-table thead { display: none; }
  .rankings-table tr {
    border: 1px solid var(--border-col);
    border-radius: var(--r-lg);
    margin-bottom: var(--space-md);
    padding: var(--space-md);
    background: var(--bg-card);
  }
  .rankings-table td { border: none; padding: var(--space-xs) 0; }
  .cta-cell { padding-top: var(--space-sm); }
  .cta-cell .btn { width: 100%; justify-content: center; }
}

/* ── 9. VERDICT BOX ──────────────────────────────────────── */
.verdict-box {
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%);
  color: var(--white);
  border-radius: var(--r-xl);
  padding: var(--space-xl);
  margin: var(--space-2xl) 0;
  position: relative;
  overflow: hidden;
}
.verdict-box::before {
  content: '★';
  position: absolute;
  top: -20px;
  right: 20px;
  font-size: 8rem;
  color: rgba(201,168,76,0.06);
  pointer-events: none;
}
.verdict-label {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--space-sm);
}
.verdict-box h3 { color: var(--white); margin-bottom: var(--space-md); }
.verdict-box p { color: rgba(255,255,255,0.85); }
.verdict-tags { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-top: var(--space-md); }
.verdict-tag {
  background: rgba(201,168,76,0.15);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.3);
  border-radius: 20px;
  padding: 3px 12px;
  font-size: 0.8rem;
  font-weight: 500;
}

/* ── 10. FAQ ACCORDION ───────────────────────────────────── */
.faq-section { margin: var(--space-2xl) 0; }
.faq-section h2 { margin-bottom: var(--space-lg); }

.faq-item {
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  margin-bottom: var(--space-sm);
  overflow: hidden;
  background: var(--bg-card);
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--space-md) var(--space-lg);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text);
  gap: var(--space-md);
  transition: background var(--t-fast);
}
.faq-question:hover { background: rgba(201,168,76,0.04); }
.faq-question[aria-expanded="true"] { color: var(--gold-dark); }

.faq-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1.5px solid var(--border-col);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  transition: transform var(--t-mid), background var(--t-fast);
  color: var(--text-soft);
}
.faq-question[aria-expanded="true"] .faq-icon {
  transform: rotate(45deg);
  background: var(--gold);
  border-color: var(--gold);
  color: var(--ink);
}

.faq-answer {
  display: none;
  padding: 0 var(--space-lg) var(--space-md);
  color: var(--text-soft);
  font-size: 0.95rem;
  line-height: 1.7;
}
.faq-answer.open { display: block; }

.show-more-faqs {
  background: none;
  border: 1px dashed var(--border-col);
  border-radius: var(--r-md);
  padding: var(--space-sm) var(--space-lg);
  color: var(--text-soft);
  font-size: 0.9rem;
  cursor: pointer;
  width: 100%;
  margin-top: var(--space-sm);
  transition: all var(--t-fast);
}
.show-more-faqs:hover { border-color: var(--gold); color: var(--gold); }

/* ── 11. COLLAPSIBLE SECTIONS ────────────────────────────── */
.collapsible-section {
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  margin-bottom: var(--space-md);
  overflow: hidden;
  background: var(--bg-card);
}
.collapsible-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--space-md) var(--space-lg);
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
  text-align: left;
  gap: var(--space-md);
}
.collapsible-trigger:hover { background: rgba(201,168,76,0.04); }
.collapsible-arrow { transition: transform var(--t-mid); color: var(--text-soft); }
.collapsible-trigger[aria-expanded="true"] .collapsible-arrow { transform: rotate(180deg); }
.collapsible-content {
  display: none;
  padding: 0 var(--space-lg) var(--space-lg);
  color: var(--text-soft);
  line-height: 1.7;
}
.collapsible-content.open { display: block; }

/* ── 12. BREADCRUMB ──────────────────────────────────────── */
.breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-xs);
  font-size: 0.83rem;
  color: var(--text-soft);
  padding: var(--space-md) 0;
}
.breadcrumb a { color: var(--trust-blue); }
.breadcrumb a:hover { color: var(--trust-blue-dark); }
.breadcrumb-sep { color: var(--border-col); }
.breadcrumb span { color: var(--text); font-weight: 500; }

/* ── 13. PRO TIP BOX ─────────────────────────────────────── */
.pro-tip {
  background: var(--trust-blue-soft);
  border-left: 4px solid var(--trust-blue);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  padding: var(--space-md) var(--space-lg);
  margin: var(--space-lg) 0;
}
.pro-tip-label {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--trust-blue-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--space-xs);
}
.pro-tip p { color: var(--text-soft); font-size: 0.9rem; margin: 0; }

/* ── 14. CITY GRID ───────────────────────────────────────── */
.city-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
  margin: var(--space-lg) 0;
}
@media (max-width: 768px) {
  .city-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .city-grid { grid-template-columns: 1fr; }
}

.city-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: var(--space-lg);
  text-decoration: none;
  color: var(--text);
  display: block;
  transition: all var(--t-mid);
}
.city-card:hover {
  border-color: var(--gold);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  color: var(--text);
}
.city-card-emoji { font-size: 2rem; margin-bottom: var(--space-sm); }
.city-card-name { font-weight: 700; margin-bottom: var(--space-xs); }
.city-card-meta { font-size: 0.8rem; color: var(--text-soft); }

/* ── 15. COUNTRY SWITCHER DROPDOWN ──────────────────────── */
.country-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg);
  min-width: 200px;
  z-index: 200;
  overflow: hidden;
  display: none;
}
.country-menu.open { display: block; }
.country-menu-section {
  padding: var(--space-xs) 0;
  border-bottom: 1px solid var(--border-col);
}
.country-menu-section:last-child { border-bottom: none; }
.country-menu-label {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: var(--space-xs) var(--space-md);
}
.country-menu a {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  font-size: 0.9rem;
  color: var(--text);
  transition: background var(--t-fast);
}
.country-menu a:hover { background: var(--trust-blue-soft); color: var(--trust-blue-dark); }
.coming-soon-tag {
  font-size: 0.65rem;
  color: var(--gold-dark);
  background: rgba(201,168,76,0.1);
  padding: 1px 6px;
  border-radius: 10px;
  margin-left: auto;
}

/* ── 16. PLATFORM DEEPDIVE CARDS ─────────────────────────── */
.deepdive-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: var(--space-lg);
  margin-bottom: var(--space-md);
}
.deepdive-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--space-md);
}
.deepdive-rank {
  font-family: var(--font-mono);
  font-size: 0.85rem;
  color: var(--gold);
  font-weight: 700;
}
.deepdive-scores {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-sm);
  margin: var(--space-md) 0;
}
.score-item { font-size: 0.85rem; }
.score-item-label { color: var(--text-soft); margin-bottom: 2px; }

/* ── 17. MOBILE BOTTOM TAB BAR ───────────────────────────── */
.mobile-tab-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--bg-card);
  border-top: 1px solid var(--border-col);
  z-index: 150;
  padding-bottom: env(safe-area-inset-bottom);
}
@media (max-width: 768px) {
  .mobile-tab-bar { display: flex; }
  .page-wrapper { padding-bottom: 80px; }
}
.tab-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 0 10px;
  text-decoration: none;
  color: var(--text-soft);
  font-size: 0.65rem;
  font-weight: 500;
  gap: 2px;
  transition: color var(--t-fast);
}
.tab-item.active, .tab-item:hover { color: var(--trust-blue); }
.tab-icon { font-size: 1.2rem; }

/* ── 18. MOBILE STICKY CTA ───────────────────────────────── */
.sticky-cta {
  position: fixed;
  bottom: 70px;
  left: var(--space-md);
  right: var(--space-md);
  background: var(--ink);
  color: var(--white);
  border-radius: var(--r-lg);
  padding: var(--space-md) var(--space-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  box-shadow: var(--shadow-lg);
  z-index: 140;
  transform: translateY(120%);
  transition: transform var(--t-mid);
}
.sticky-cta.visible { transform: translateY(0); }
.sticky-cta-text { font-size: 0.85rem; font-weight: 600; }
.sticky-cta-dismiss {
  background: none;
  border: none;
  color: rgba(255,255,255,0.5);
  cursor: pointer;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0;
}
@media (min-width: 769px) { .sticky-cta { display: none; } }

/* ── 19. GEO BANNER ──────────────────────────────────────── */
.geo-banner {
  background: var(--trust-blue-soft);
  border-bottom: 1px solid color-mix(in srgb, var(--trust-blue) 22%, var(--border-col));
  padding: var(--space-sm) 0;
  font-size: 0.85rem;
}
.geo-banner-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
}
.geo-banner a { color: var(--trust-blue-dark); font-weight: 700; }
.geo-banner-dismiss {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text-soft);
  font-size: 1.1rem;
  line-height: 1;
}

/* ── 20. COMING SOON PAGE ────────────────────────────────── */
.coming-soon-hero {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--space-3xl) var(--space-lg);
}
.coming-soon-emoji { font-size: 4rem; margin-bottom: var(--space-lg); }
.coming-soon-countdown {
  font-family: var(--font-mono);
  font-size: 3rem;
  font-weight: 700;
  color: var(--gold);
  margin: var(--space-lg) 0;
}
.email-capture-form {
  display: flex;
  gap: var(--space-sm);
  max-width: 420px;
  margin: var(--space-lg) auto 0;
}
.email-capture-form input {
  flex: 1;
  padding: 0.65rem var(--space-md);
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  background: var(--bg-card);
  color: var(--text);
  font-size: 0.95rem;
}
.email-capture-form input:focus {
  outline: none;
  border-color: var(--gold);
}
@media (max-width: 480px) {
  .email-capture-form { flex-direction: column; }
}

/* ── 21. FOOTER ──────────────────────────────────────────── */
.site-footer {
  background: #111827;
  color: rgba(255,255,255,.74);
  padding: var(--space-2xl) 0 var(--space-lg);
  margin-top: var(--space-3xl);
}
.footer-grid {
  display: grid;
  grid-template-columns: minmax(240px, 1.5fr) repeat(4, minmax(0, .75fr));
  gap: var(--space-2xl);
  margin-bottom: var(--space-2xl);
}
@media (max-width: 768px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-lg); }
}
@media (min-width: 769px) and (max-width: 1020px) {
  .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-lg); }
}
@media (max-width: 480px) {
  .footer-grid { grid-template-columns: 1fr; }
}
.footer-brand { font-family: var(--font-display); font-size: 1.4rem; color: var(--white); margin-bottom: var(--space-sm); }
.footer-brand span { color: #FF7183; }
.footer-desc { font-size: 0.85rem; line-height: 1.6; }
.footer-col h2 { color: var(--white); font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: var(--space-md); }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: var(--space-xs); }
.footer-links a { color: rgba(255,255,255,.72); font-size: 0.85rem; transition: color var(--t-fast); }
.footer-links a:hover { color: #AFCBFF; }
.footer-resource-index {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-lg);
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}
.footer-resource-col h2 {
  color: var(--white);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--space-sm);
}
.footer-resource-col .footer-links a {
  font-size: 0.78rem;
  line-height: 1.35;
}
@media (max-width: 980px) {
  .footer-resource-index { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .footer-resource-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .footer-resource-index { grid-template-columns: 1fr; }
}
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: var(--space-lg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.footer-disclosure {
  background: rgba(21,95,203,.12);
  border: 1px solid rgba(140,184,255,.24);
  border-radius: var(--r-md);
  padding: var(--space-sm) var(--space-md);
  font-size: 0.78rem;
  margin-bottom: var(--space-lg);
  line-height: 1.5;
}
.footer-disclosure a {
  color: #AFCBFF;
  font-weight: 700;
}
.footer-disclosure a:hover {
  color: #FFFFFF;
}

/* ── 22. FORM STYLES ─────────────────────────────────────── */
.form-group { margin-bottom: var(--space-lg); }
.form-group label { display: block; font-weight: 600; font-size: 0.9rem; margin-bottom: var(--space-xs); }
.form-control {
  width: 100%;
  padding: 0.65rem var(--space-md);
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  background: var(--bg-card);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 0.95rem;
  transition: border-color var(--t-fast);
}
.form-control:focus { outline: none; border-color: var(--gold); }
textarea.form-control { min-height: 140px; resize: vertical; }
select.form-control { cursor: pointer; }

.alert {
  padding: var(--space-md) var(--space-lg);
  border-radius: var(--r-md);
  margin-bottom: var(--space-lg);
  font-size: 0.9rem;
}
.alert-success { background: rgba(45,122,79,0.1); border: 1px solid rgba(45,122,79,0.3); color: var(--success); }
.alert-danger  { background: rgba(192,57,43,0.1);  border: 1px solid rgba(192,57,43,0.3);  color: var(--danger); }

/* ── 23. UTILITIES ───────────────────────────────────────── */
.mt-sm { margin-top: var(--space-sm); }
.mt-md { margin-top: var(--space-md); }
.mt-lg { margin-top: var(--space-lg); }
.mt-xl { margin-top: var(--space-xl); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-md { margin-bottom: var(--space-md); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-2xl { margin-bottom: var(--space-2xl); }

.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-sm { gap: var(--space-sm); }
.gap-md { gap: var(--space-md); }

.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); border: 0;
}

.divider {
  border: none;
  border-top: 1px solid var(--border-col);
  margin: var(--space-2xl) 0;
}

.highlight-fact {
  background: rgba(201,168,76,0.07);
  border: 1px solid rgba(201,168,76,0.2);
  border-radius: var(--r-lg);
  padding: var(--space-md) var(--space-lg);
  margin: var(--space-lg) 0;
  font-size: 0.95rem;
  color: var(--text-soft);
}
.highlight-fact strong { color: var(--gold-dark); }

/* Section headers */
.section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: var(--space-lg);
}
.section-header h2 { margin: 0; }
.section-link { font-size: 0.85rem; color: var(--gold-dark); font-weight: 600; }

/* Reading meta */
.reading-meta {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  font-size: 0.82rem;
  color: var(--text-soft);
  margin-bottom: var(--space-lg);
}
.reading-meta span { display: flex; align-items: center; gap: 4px; }

/* Table of contents */
.toc {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: var(--space-lg);
  margin: var(--space-xl) 0;
}
.toc-title { font-weight: 700; margin-bottom: var(--space-sm); font-size: 0.9rem; }
.toc ol { margin: 0; padding-left: var(--space-lg); }
.toc li { font-size: 0.88rem; color: var(--text-soft); margin-bottom: var(--space-xs); }
.toc a { color: var(--gold-dark); }
.toc a:hover { color: var(--gold); }

/* Print */
@media print {
  .site-nav, .mobile-tab-bar, .sticky-cta, .geo-banner { display: none !important; }
}

/* ============================================================
   AFROLU — RICH PAGE + SVG IMAGE + RESPONSIVE ADDITIONS
   Added: March 2026
   ============================================================ */

/* ── 24. CITY HERO BANNER ────────────────────────────────── */
.city-hero-banner {
  border-radius: var(--r-xl);
  padding: 3rem 2rem 2rem;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgba(196,160,68,0.2);
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 768px) {
  .city-hero-banner {
    min-height: 220px;
    padding: 2rem 1.25rem 1.5rem;
  }
}
@media (max-width: 480px) {
  .city-hero-banner {
    min-height: 190px;
    padding: 1.5rem 1rem 1.25rem;
    border-radius: var(--r-lg);
  }
  .city-hero-banner h1 {
    font-size: 1.35rem !important;
  }
}

/* ── 25. PLATFORM RANKING CARDS ──────────────────────────── */
.ranking-card {
  transition: transform var(--t-mid), box-shadow var(--t-mid);
}
.ranking-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.ranking-card-gold {
  box-shadow: 0 4px 20px rgba(196,160,68,0.12);
}
@media (max-width: 480px) {
  .ranking-card > div > div {
    flex-direction: column;
    gap: 0.75rem;
  }
}

/* ── 26. SCORE COMPARISON CHART ──────────────────────────── */
.score-chart-row {
  display: grid;
  grid-template-columns: 130px 1fr 55px;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 480px) {
  .score-chart-row {
    grid-template-columns: 90px 1fr 45px;
    gap: 0.5rem;
  }
}

/* ── 27. FEATURE MATRIX TABLE ────────────────────────────── */
.feature-matrix {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.83rem;
  overflow-x: auto;
  display: block;
}
.feature-matrix thead th {
  text-align: left;
  padding: 0.5rem 0.75rem;
  color: var(--text-soft);
  font-weight: 500;
  border-bottom: 1px solid var(--border-col);
  white-space: nowrap;
}
.feature-matrix tbody td {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid rgba(0,0,0,0.04);
  vertical-align: middle;
}
@media (prefers-color-scheme: dark) {
  .feature-matrix tbody td {
    border-bottom: 1px solid rgba(255,255,255,0.04);
  }
}
[data-theme="dark"] .feature-matrix tbody td {
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

/* ── 28. TRUST BAR ───────────────────────────────────────── */
.trust-bar {
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.5rem;
  margin: 2rem 0;
  background: var(--bg-card);
}
.trust-bar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  text-align: center;
}
@media (max-width: 640px) {
  .trust-bar-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 360px) {
  .trust-bar-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}
.trust-stat-value {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--gold);
  line-height: 1.2;
}
.trust-stat-label {
  font-size: 0.75rem;
  color: var(--text-soft);
  margin-top: 0.2rem;
}

/* ── 29. SVG IMAGE SEO HELPERS ───────────────────────────── */
/* SVG as background preserves accessibility via aria-label */
.city-hero-banner[role="img"] {
  /* Ensure screen readers see the aria-label */
  outline: none;
}
/* Structured data hint class for Google Image indexing */
.city-hero-figure {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: inherit;
}
.city-hero-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.85;
}
/* Fallback: if SVG loads as <img> tag */
.city-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  z-index: 0;
}

/* ── 30. BREADCRUMB RESPONSIVE ───────────────────────────── */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.82rem;
  color: var(--text-soft);
  padding: 0.75rem 0;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.breadcrumb::-webkit-scrollbar { display: none; }
.breadcrumb a {
  color: var(--gold-dark);
  text-decoration: none;
}
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb-sep { color: var(--text-soft); margin: 0 0.1rem; }
@media (max-width: 480px) {
  .breadcrumb { font-size: 0.76rem; }
}

/* ── 31. STAT CARDS RESPONSIVE ───────────────────────────── */
.stat-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 0.75rem;
  margin: 1.5rem 0;
}
@media (max-width: 480px) {
  .stat-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
  }
}
@media (max-width: 320px) {
  .stat-cards {
    grid-template-columns: 1fr 1fr;
  }
}
.stat-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1rem;
  text-align: center;
  transition: box-shadow var(--t-mid);
}
.stat-card:hover { box-shadow: var(--shadow-md); }
.stat-emoji { font-size: 1.4rem; margin-bottom: 0.35rem; }
.stat-value { font-size: 1.1rem; font-weight: 800; color: var(--gold); line-height: 1.2; }
.stat-label { font-size: 0.72rem; color: var(--text-soft); margin-top: 0.2rem; line-height: 1.3; }

/* ── 32. TABLE OF CONTENTS RESPONSIVE ───────────────────── */
.toc {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.25rem 1.5rem;
  margin: 1.75rem 0;
}
@media (max-width: 480px) {
  .toc { padding: 1rem; }
  .toc ol { padding-left: 1.25rem; }
}
.toc-title {
  font-weight: 700;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  color: var(--text);
}
.toc li {
  font-size: 0.87rem;
  color: var(--text-soft);
  margin-bottom: 0.3rem;
  line-height: 1.5;
}
.toc a { color: var(--gold-dark); text-decoration: none; }
.toc a:hover { color: var(--gold); text-decoration: underline; }

/* ── 33. RANKINGS TABLE RESPONSIVE ──────────────────────── */
.rankings-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
  margin: 1rem 0;
}
.rankings-table th {
  text-align: left;
  padding: 0.6rem 0.75rem;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 2px solid var(--border-col);
  white-space: nowrap;
}
.rankings-table td {
  padding: 0.75rem;
  border-bottom: 1px solid var(--border-col);
  vertical-align: middle;
}
@media (max-width: 640px) {
  /* Hide less critical columns on mobile */
  .rankings-table th:nth-child(4),
  .rankings-table td:nth-child(4) { display: none; }
}
@media (max-width: 480px) {
  .rankings-table { font-size: 0.8rem; }
  .rankings-table th:nth-child(5),
  .rankings-table td:nth-child(5) { display: none; }
  .rankings-table td { padding: 0.6rem 0.5rem; }
}

/* ── 34. FAQ SECTION RESPONSIVE ──────────────────────────── */
.faq-section { margin: 2rem 0; }
.faq-item {
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.faq-question {
  width: 100%;
  text-align: left;
  padding: 1rem 1.25rem;
  background: var(--bg-card);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.93rem;
  color: var(--text);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  line-height: 1.5;
  transition: background var(--t-fast);
}
.faq-question:hover { background: var(--cream-dark); }
[data-theme="dark"] .faq-question:hover { background: rgba(255,255,255,0.04); }
.faq-icon {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--gold);
  flex-shrink: 0;
  transition: transform var(--t-mid);
}
.faq-question[aria-expanded="true"] .faq-icon {
  transform: rotate(45deg);
  color: #FFFFFF;
}
.faq-answer {
  padding: 0 1.25rem;
  max-height: 0;
  overflow: hidden;
  font-size: 0.9rem;
  color: var(--text-soft);
  line-height: 1.7;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
.faq-answer.open {
  max-height: 600px;
  padding: 0 1.25rem 1.25rem;
}
@media (max-width: 480px) {
  .faq-question { padding: 0.85rem 1rem; font-size: 0.88rem; }
  .faq-answer.open { padding: 0 1rem 1rem; }
}

/* ── 35. COLLAPSIBLE SECTIONS ─────────────────────────────── */
.collapsible-section {
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.collapsible-trigger {
  width: 100%;
  text-align: left;
  padding: 1rem 1.25rem;
  background: var(--bg-card);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.93rem;
  color: var(--text);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  line-height: 1.4;
}
.collapsible-trigger:hover { background: var(--cream-dark); }
.collapsible-arrow { transition: transform var(--t-mid); font-size: 0.8rem; }
.collapsible-trigger[aria-expanded="true"] .collapsible-arrow { transform: rotate(180deg); }
.collapsible-content {
  display: none;
  padding: 0 1.25rem 1.25rem;
  font-size: 0.9rem;
  color: var(--text-soft);
  line-height: 1.75;
}
.collapsible-content.open { display: block; }
@media (max-width: 480px) {
  .collapsible-trigger { padding: 0.85rem 1rem; font-size: 0.88rem; }
}

/* ── 36. VERDICT BOX RESPONSIVE ──────────────────────────── */
.verdict-box {
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%);
  border: 1px solid rgba(201,168,76,0.25);
  border-radius: var(--r-xl);
  padding: 2rem;
  color: var(--white);
  margin: 2rem 0;
}
.verdict-label {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--gold);
  margin-bottom: 0.5rem;
}
.verdict-box h3 { color: var(--white); margin-bottom: 0.75rem; font-size: 1.2rem; }
.verdict-box p { color: rgba(255,255,255,0.8); line-height: 1.7; }
.verdict-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.verdict-tag {
  background: rgba(201,168,76,0.15);
  border: 1px solid rgba(201,168,76,0.3);
  color: var(--gold-light);
  border-radius: 20px;
  padding: 0.2rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
}
@media (max-width: 480px) {
  .verdict-box { padding: 1.5rem 1.25rem; }
  .verdict-box h3 { font-size: 1.05rem; }
}

/* ── 37. DEEPDIVE CARDS ──────────────────────────────────── */
.deepdive-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.5rem;
  margin-bottom: 1.25rem;
}
.deepdive-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.deepdive-rank {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}
@media (max-width: 480px) {
  .deepdive-card { padding: 1.25rem 1rem; }
  .deepdive-header { flex-direction: column; gap: 0.5rem; }
}

/* ── 38. PRO TIP BOX ─────────────────────────────────────── */
.pro-tip {
  background: rgba(201,168,76,0.06);
  border: 1px solid rgba(201,168,76,0.2);
  border-left: 3px solid var(--gold);
  border-radius: var(--r-md);
  padding: 1.25rem 1.5rem;
  margin: 1.5rem 0;
}
.pro-tip-label {
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--gold-dark);
  margin-bottom: 0.4rem;
}
.pro-tip p { font-size: 0.9rem; line-height: 1.65; color: var(--text-soft); }
@media (max-width: 480px) {
  .pro-tip { padding: 1rem 1.1rem; }
}

/* ── 39. CITY GRID RESPONSIVE ────────────────────────────── */
.city-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}
@media (max-width: 640px) {
  .city-grid { grid-template-columns: repeat(3, 1fr); gap: 0.6rem; }
}
@media (max-width: 400px) {
  .city-grid { grid-template-columns: repeat(2, 1fr); }
}
.city-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1rem 0.75rem;
  text-align: center;
  text-decoration: none;
  color: inherit;
  transition: transform var(--t-mid), box-shadow var(--t-mid), border-color var(--t-mid);
  display: block;
}
.city-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--gold);
}
.city-card-emoji { font-size: 1.6rem; margin-bottom: 0.35rem; }
.city-card-name { font-weight: 700; font-size: 0.88rem; }
.city-card-meta { font-size: 0.72rem; color: var(--text-soft); margin-top: 0.15rem; }

/* ── 40. STICKY CTA RESPONSIVE ───────────────────────────── */
.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--ink);
  border-top: 1px solid rgba(201,168,76,0.3);
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  z-index: 200;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.sticky-cta.visible { transform: translateY(0); }
@media (min-width: 769px) { .sticky-cta { display: none; } }
.sticky-cta-text {
  font-size: 0.82rem;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sticky-cta-dismiss {
  background: none;
  border: none;
  color: rgba(255,255,255,0.5);
  cursor: pointer;
  padding: 0.25rem;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* ── 41. NAVIGATION RESPONSIVE ───────────────────────────── */
.nav-links {
  display: flex;
  list-style: none;
  gap: 0.1rem;
  align-items: center;
}
.nav-links li a {
  padding: 0.4rem 0.65rem;
  border-radius: var(--r-sm);
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--text-soft);
  transition: color var(--t-fast), background-color var(--t-fast);
  white-space: nowrap;
}
.nav-links li a:hover { color: var(--trust-blue-dark); background: var(--trust-blue-soft); }
[data-theme="dark"] .nav-links li a:hover { background: rgba(255,255,255,0.05); }
@media (max-width: 768px) {
  .nav-links { display: none; }
}

/* ── 42. MOBILE TAB BAR ──────────────────────────────────── */
.mobile-tab-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--bg-card);
  border-top: 1px solid var(--border-col);
  z-index: 150;
  padding: 0.4rem 0 env(safe-area-inset-bottom, 0.4rem);
}
@media (max-width: 768px) {
  .mobile-tab-bar { display: flex; }
  /* Push page content above tab bar */
  .page-wrapper { padding-bottom: 60px; }
  .sticky-cta { bottom: 58px; }
}
.tab-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 0.4rem 0.25rem;
  font-size: 0.62rem;
  font-weight: 600;
  color: var(--text-soft);
  text-decoration: none;
  transition: color var(--t-fast);
  text-align: center;
}
.tab-item:hover, .tab-item.active { color: var(--trust-blue); }
.tab-icon { font-size: 1.15rem; line-height: 1; }

/* ── 43. SECTION SPACING RESPONSIVE ─────────────────────── */
.section { margin: 2.5rem 0; }
@media (max-width: 768px) {
  .section { margin: 2rem 0; }
}
@media (max-width: 480px) {
  .section { margin: 1.5rem 0; }
}

/* ── 44. CONTAINER PADDING RESPONSIVE ───────────────────── */
@media (max-width: 480px) {
  .container { padding: 0 1rem; }
}
@media (max-width: 360px) {
  .container { padding: 0 0.75rem; }
}

/* ── 45. BUTTONS RESPONSIVE ──────────────────────────────── */
.btn-sm { padding: 0.45rem 0.9rem; font-size: 0.8rem; }
.btn-lg { padding: 0.85rem 1.75rem; font-size: 1rem; }
@media (max-width: 480px) {
  .btn { padding: 0.55rem 1rem; font-size: 0.84rem; }
  .btn-lg { padding: 0.75rem 1.35rem; font-size: 0.92rem; }
}

/* ── 46. SCORE BARS ANIMATION ────────────────────────────── */
.score-bar-fill {
  transition: width 1s ease;
  will-change: width;
}
/* Trigger via JS adding class */
.score-bar-fill.animated {
  /* JS sets data-width, animate on load */
}

/* ── 47. DISCLOSURE BAR ──────────────────────────────────── */
.disclosure-bar {
  background: var(--surface-blue);
  border: 1px solid color-mix(in srgb, var(--trust-blue) 20%, var(--border-col));
  border-radius: var(--r-md);
  padding: 0.6rem 1rem;
  font-size: 0.78rem;
  color: var(--text-soft);
  margin-bottom: 1.25rem;
  line-height: 1.5;
}
.disclosure-bar a { color: var(--trust-blue-dark); }

/* ── 48. GRID UTILITIES RESPONSIVE ──────────────────────── */
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
@media (max-width: 640px) {
  .grid-3 { grid-template-columns: 1fr; }
}
/* Cohort 12: faith-led Nairobi clarity as a four-seat civic court. */
.dating-guide-layout-faith-nairobi-four-seat-clarity-court {
  --guide-accent: #24345E;
  --guide-wash: #FBF6E8;
  counter-reset: clarity-seat court-entry;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-hero {
  border: 4px double #24345E;
  border-bottom: 10px solid #B9892E;
  border-radius: 2.4rem 2.4rem .3rem .3rem;
  background: radial-gradient(circle at 82% 24%, #E4D39C 0 11%, transparent 11.4%), #FBF6E8;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-hero-copy {
  padding: 1.55rem;
  border-left: 7px solid #44715D;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-hero-art,
.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-inline-art {
  border: 4px solid #24345E;
  border-radius: 2.2rem 2.2rem .45rem .45rem;
  box-shadow: 0 9px 0 #DFD2AE;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px double #24345E;
  border-radius: 2rem;
  background: #FBF6E8;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 7px solid #B9892E;
  background: #FFFFFF;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .95rem;
  padding: 1rem;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-lens-card {
  counter-increment: clarity-seat;
  position: relative;
  min-width: 0;
  min-height: 12.25rem;
  padding: 4.2rem 1rem 1.1rem;
  border: 3px solid #24345E;
  border-radius: 3rem 3rem .55rem .55rem;
  background: #FFFFFF;
  box-shadow: inset 0 -7px 0 #DDE9E1;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-lens-card::before {
  content: "SEAT 0" counter(clarity-seat);
  position: absolute;
  top: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
  color: #24345E;
  font-size: .68rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-lens-card:nth-child(even) {
  border-color: #44715D;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-feature {
  counter-increment: court-entry;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-left: 5px solid #24345E;
  border-bottom: 6px solid #B9892E;
  background: #FFFFFF;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-feature::before {
  content: "COURT ENTRY 0" counter(court-entry);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #24345E;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-feature:nth-of-type(even) {
  border-left-color: #44715D;
  background: #FCFAF3;
}

.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-type-compare,
.dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-final-cta {
  border: 4px double #24345E;
  border-bottom: 9px solid #44715D;
  border-radius: 2rem;
  background: #FBF6E8;
}

/* Cohort 12: parent slow dating as three independently gated garden beds. */
.dating-guide-layout-parent-slow-three-fence-decision-garden {
  --guide-accent: #5D3155;
  --guide-wash: #F7F3E9;
  counter-reset: garden-fence garden-bed;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-hero {
  border: 3px solid #5D3155;
  border-top: 12px solid #45684E;
  border-radius: .35rem .35rem 2.5rem 2.5rem;
  background: linear-gradient(170deg, #FFFFFF 0 58%, #E4EAD9 58% 100%);
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-hero-copy {
  padding: 1.55rem;
  border-bottom: 4px dashed #B76645;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-hero-art,
.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-inline-art {
  border: 4px solid #45684E;
  border-radius: .6rem 2.5rem .6rem 2.5rem;
  box-shadow: 9px 9px 0 #D8CDBA;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid #45684E;
  border-radius: .7rem 2.2rem;
  background: #F7F3E9;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 5px dashed #5D3155;
  background: #FFFFFF;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-lens-card {
  counter-increment: garden-fence;
  position: relative;
  min-width: 0;
  min-height: 12.25rem;
  padding: 4.15rem 1rem 1.1rem;
  border: 3px dashed #5D3155;
  border-bottom: 9px solid #45684E;
  border-radius: 1.8rem .4rem 1.8rem .4rem;
  background: #FFFFFF;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-lens-card::before {
  content: "FENCE 0" counter(garden-fence);
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  color: #5D3155;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-lens-card:last-child {
  border-color: #B76645;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-feature {
  counter-increment: garden-bed;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 5px dashed #45684E;
  border-bottom: 8px solid #D5C6AE;
  border-radius: 1.4rem .3rem;
  background: #FFFFFF;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-feature::before {
  content: "GARDEN BED 0" counter(garden-bed);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #5D3155;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-feature:nth-of-type(even) {
  border-top-color: #B76645;
  background: #FAFCF7;
}

.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-type-compare,
.dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-final-cta {
  border: 4px solid #5D3155;
  border-right: 10px solid #45684E;
  border-radius: .5rem 2rem;
  background: #F7F3E9;
}

/* Cohort 12: a serious new journey as a four-span distance bridge. */
.dating-guide-layout-new-journey-four-span-distance-bridge {
  --guide-accent: #243E64;
  --guide-wash: #F5F1E7;
  counter-reset: bridge-span bridge-check;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-hero {
  border-top: 11px double #243E64;
  border-bottom: 11px double #B7653A;
  background: linear-gradient(135deg, #FFFFFF 0 49%, #E3ECE8 49% 51%, #F5F1E7 51% 100%);
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-hero-copy {
  padding: 1.55rem;
  border-right: 6px solid #36766F;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-hero-art,
.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-inline-art {
  border: 4px double #243E64;
  border-radius: 3rem .35rem 3rem .35rem;
  box-shadow: 10px 8px 0 #D5C7AE;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border-top: 8px double #243E64;
  border-bottom: 8px double #36766F;
  background: #F5F1E7;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 4px solid #B7653A;
  background: #FFFFFF;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  padding: 1rem;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-lens-card {
  counter-increment: bridge-span;
  position: relative;
  min-width: 0;
  min-height: 12.25rem;
  padding: 4.25rem 1rem 1.1rem;
  border: 3px solid #243E64;
  border-bottom: 10px double #36766F;
  background: #FFFFFF;
  clip-path: polygon(0 0, 94% 0, 100% 8%, 100% 100%, 0 100%);
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-lens-card::before {
  content: "SPAN 0" counter(bridge-span);
  position: absolute;
  top: 1.2rem;
  left: 1rem;
  color: #243E64;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-lens-card:nth-child(even) {
  border-color: #36766F;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-feature {
  counter-increment: bridge-check;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-left: 8px double #243E64;
  border-bottom: 5px solid #B7653A;
  background: #FFFFFF;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-feature::before {
  content: "SPAN CHECK 0" counter(bridge-check);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #243E64;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-feature:nth-of-type(even) {
  border-left-color: #36766F;
  background: #F8FBFA;
}

.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-type-compare,
.dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-final-cta {
  border-top: 9px double #243E64;
  border-bottom: 9px double #B7653A;
  background: #F5F1E7;
}

/* Cohort 12: diaspora career distance as a five-window flightboard. */
.dating-guide-layout-diaspora-career-five-window-flightboard {
  --guide-accent: #173A55;
  --guide-wash: #EEF4F1;
  counter-reset: flight-window ops-entry;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-hero {
  border: 4px solid #173A55;
  border-radius: .25rem;
  background: repeating-linear-gradient(0deg, #173A55 0 2px, transparent 2px 2.6rem), #F3EFE4;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-hero-copy {
  padding: 1.55rem;
  border-bottom: 8px solid #C3633E;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-hero-art,
.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-inline-art {
  border: 5px solid #173A55;
  border-radius: .25rem;
  box-shadow: 10px 10px 0 #359087;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #173A55;
  border-radius: .25rem;
  background: #173A55;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 6px solid #C3633E;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  padding: .8rem;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-lens-card {
  counter-increment: flight-window;
  position: relative;
  min-width: 0;
  min-height: 12.25rem;
  padding: 4.15rem 1rem 1.1rem;
  border: 2px solid #9BC8C0;
  border-radius: .2rem;
  background: #FFFFFF;
  box-shadow: inset 0 -7px 0 #E4B474;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-lens-card::before {
  content: "WINDOW 0" counter(flight-window);
  position: absolute;
  top: 1.1rem;
  left: 1rem;
  padding: .25rem .5rem;
  color: #FFFFFF;
  background: #173A55;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-lens-card:last-child {
  border-color: #C3633E;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-feature {
  counter-increment: ops-entry;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 3px solid #173A55;
  border-right: 10px solid #359087;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-feature::before {
  content: "OPS ENTRY 0" counter(ops-entry);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #173A55;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-feature:nth-of-type(even) {
  border-right-color: #C3633E;
  background: #F5FAF8;
}

.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-type-compare,
.dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-final-cta {
  border: 5px solid #173A55;
  border-bottom: 10px solid #C3633E;
  border-radius: .25rem;
  background: #EEF4F1;
}

/* Cohort 12: adult student first-date clarity as a five-stop calm loop. */
.dating-guide-layout-student-weekend-five-stop-calm-loop {
  --guide-accent: #27508A;
  --guide-wash: #F2F6ED;
  counter-reset: calm-stop loop-note;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-hero {
  border: 4px solid #27508A;
  border-radius: 4rem 1rem 4rem 1rem;
  background: radial-gradient(circle at 84% 20%, #80C6BB 0 9%, transparent 9.4%), #F2F6ED;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-hero-copy {
  padding: 1.55rem;
  border-bottom: 6px dotted #E06C54;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-hero-art,
.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-inline-art {
  border: 4px solid #27508A;
  border-radius: 50% 20% 50% 20% / 18% 45% 18% 45%;
  box-shadow: 0 0 0 8px #DCEAE3;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px dotted #27508A;
  border-radius: 3rem;
  background: #F2F6ED;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 6px solid #E06C54;
  background: #FFFFFF;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
  padding: 1rem;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-lens-card {
  counter-increment: calm-stop;
  position: relative;
  min-width: 0;
  min-height: 12.25rem;
  padding: 4.2rem 1rem 1.1rem;
  border: 3px solid #27508A;
  border-radius: 2.5rem;
  background: #FFFFFF;
  box-shadow: inset 0 -7px 0 #80C6BB;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-lens-card::before {
  content: "STOP 0" counter(calm-stop);
  position: absolute;
  top: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
  color: #27508A;
  font-size: .68rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-lens-card:nth-child(even) {
  border-color: #3A817A;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-feature {
  counter-increment: loop-note;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 4px dotted #27508A;
  border-radius: 2rem;
  background: #FFFFFF;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-feature::before {
  content: "LOOP NOTE 0" counter(loop-note);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #27508A;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-feature:nth-of-type(even) {
  border-color: #3A817A;
  background: #F8FBF8;
}

.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-type-compare,
.dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-final-cta {
  border: 5px dotted #27508A;
  border-bottom: 9px solid #E06C54;
  border-radius: 2.5rem;
  background: #F2F6ED;
}

@media (max-width: 900px) {
  .dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-lens-grid,
  .dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-lens-grid,
  .dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-lens-grid,
  .dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-lens-grid,
  .dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-lens-grid,
  .dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-lens-grid,
  .dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-hero,
  .dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-hero,
  .dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-hero,
  .dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-hero,
  .dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-hero,
  .dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-editorial-lens,
  .dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-editorial-lens,
  .dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-editorial-lens,
  .dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-editorial-lens,
  .dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-editorial-lens {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-hero-copy,
  .dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-hero-copy,
  .dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-hero-copy,
  .dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-hero-copy,
  .dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-lens-card,
  .dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-lens-card,
  .dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-lens-card,
  .dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-lens-card,
  .dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-lens-card {
    grid-column: auto;
    min-height: auto;
    clip-path: none;
    overflow-wrap: anywhere;
  }

  .dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-feature,
  .dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-feature,
  .dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-feature,
  .dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-feature,
  .dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-faith-nairobi-four-seat-clarity-court .dating-guide-feature::before,
  .dating-guide-layout-parent-slow-three-fence-decision-garden .dating-guide-feature::before,
  .dating-guide-layout-new-journey-four-span-distance-bridge .dating-guide-feature::before,
  .dating-guide-layout-diaspora-career-five-window-flightboard .dating-guide-feature::before,
  .dating-guide-layout-student-weekend-five-stop-calm-loop .dating-guide-feature::before {
    left: 0;
  }
}

/* Cohort 21: a Nairobi parent's three-budget dating-app reset desk. */
.dating-guide-layout-nairobi-parent-three-budget-reset-desk {
  --guide-accent: #15565D;
  --guide-wash: #FFF8EC;
  counter-reset: reset-budget reset-note;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-hero {
  border: 6px solid #15565D;
  border-radius: .55rem 3rem .55rem 3rem;
  background:
    linear-gradient(90deg, transparent 0 48%, rgba(220, 113, 88, .13) 48% 49%, transparent 49%),
    #FFF8EC;
  box-shadow: 9px 9px 0 #D7A53D;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-hero-copy {
  padding: 1.7rem;
  border: 3px solid #15565D;
  border-left: 12px solid #DC7158;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-hero-art,
.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-inline-art {
  border: 5px solid #15565D;
  border-radius: .4rem 2.4rem .4rem 2.4rem;
  box-shadow: 7px 7px 0 #BFD5C8;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-editorial-lens {
  padding: 1rem;
  border: 5px solid #15565D;
  border-radius: 2.4rem .4rem 2.4rem .4rem;
  background: #FFF8EC;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-lens-card {
  counter-increment: reset-budget;
  position: relative;
  min-height: 12rem;
  padding: 4.4rem 1rem 1rem;
  border: 3px solid #15565D;
  border-bottom: 10px solid #DC7158;
  border-radius: .35rem 1.8rem .35rem 1.8rem;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-lens-card::before {
  content: "BUDGET 0" counter(reset-budget);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #15565D;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-feature {
  counter-increment: reset-note;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 6px solid #15565D;
  border-right: 2px solid #D7A53D;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-feature::before {
  content: "RESET NOTE 0" counter(reset-note);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #15565D;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-feature:nth-of-type(even) {
  border-top-color: #DC7158;
  background: #FFF8EC;
}

.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-type-compare,
.dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-final-cta {
  border: 6px double #15565D;
  border-bottom: 10px solid #DC7158;
  border-radius: .5rem 2.5rem .5rem 2.5rem;
  background: #FFF8EC;
}

/* Cohort 21: a four-lens Nairobi affection field journal. */
.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal {
  --guide-accent: #533A70;
  --guide-wash: #FFF7F4;
  counter-reset: journal-lens journal-entry;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-hero {
  border: 5px solid #533A70;
  border-radius: 2.8rem 2.8rem .5rem .5rem;
  background:
    radial-gradient(circle at 88% 18%, rgba(216, 167, 62, .24) 0 10%, transparent 10.5%),
    #FFF7F4;
  box-shadow: inset 0 -12px 0 #E27B68;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-hero-copy {
  padding: 1.7rem;
  border: 3px solid #533A70;
  border-radius: 2rem .4rem 2rem .4rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-hero-art,
.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-inline-art {
  border: 5px solid #533A70;
  border-radius: 2.5rem .45rem 2.5rem .45rem;
  box-shadow: 7px 7px 0 #BCD8CA;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-editorial-lens {
  padding: 1rem;
  border: 6px solid #533A70;
  border-radius: 2.6rem 2.6rem .4rem .4rem;
  background: #FFF7F4;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-lens-card {
  counter-increment: journal-lens;
  position: relative;
  min-height: 12.4rem;
  padding: 4.5rem .9rem 1rem;
  border: 3px solid #533A70;
  border-radius: 1.7rem .25rem 1.7rem .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -9px 0 #E8B5AA;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-lens-card::before {
  content: "LENS 0" counter(journal-lens);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .35rem .68rem;
  border: 2px solid #D8A73E;
  border-radius: 999px;
  color: #533A70;
  background: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-feature {
  counter-increment: journal-entry;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-left: 8px solid #533A70;
  border-bottom: 2px dashed #E27B68;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-feature::before {
  content: "FIELD ENTRY 0" counter(journal-entry);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #533A70;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-feature:nth-of-type(even) {
  border-left-color: #E27B68;
  background: #FFF7F4;
}

.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-type-compare,
.dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-final-cta {
  border: 6px solid #533A70;
  border-radius: 2.8rem .4rem 2.8rem .4rem;
  background: #FFF7F4;
  box-shadow: 8px 8px 0 #E8B5AA;
}

/* Cohort 21: an adult-student five-column contact ledger. */
.dating-guide-layout-adult-student-five-column-contact-ledger {
  --guide-accent: #174F45;
  --guide-wash: #F9F6E9;
  counter-reset: ledger-column ledger-entry;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-hero {
  border: 7px solid #174F45;
  border-radius: .25rem;
  background:
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(23, 79, 69, .11) 31px 32px),
    #F9F6E9;
  box-shadow: 10px 10px 0 #D69B3C;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-hero-copy {
  padding: 1.7rem;
  border: 4px solid #174F45;
  border-radius: .25rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-hero-art,
.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-inline-art {
  border: 5px solid #174F45;
  border-radius: .25rem;
  box-shadow: 7px 7px 0 #D06D55;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-editorial-lens {
  padding: .8rem;
  border: 6px solid #174F45;
  border-radius: .25rem;
  background: #F9F6E9;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .45rem;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-lens-card {
  counter-increment: ledger-column;
  position: relative;
  min-height: 13rem;
  padding: 4.3rem .72rem 1rem;
  border: 2px solid #174F45;
  border-top: 9px solid #174F45;
  border-radius: .2rem;
  background: #FFFFFF;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-lens-card::before {
  content: "COLUMN 0" counter(ledger-column);
  position: absolute;
  top: 1rem;
  left: .7rem;
  padding: .3rem .55rem;
  color: #FFFFFF;
  background: #174F45;
  font-size: .63rem;
  font-weight: 900;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-lens-card:nth-child(even) {
  border-top-color: #D06D55;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-feature {
  counter-increment: ledger-entry;
  position: relative;
  padding: 4.7rem 1.6rem 2rem;
  border: 2px solid #174F45;
  border-top: 8px solid #D69B3C;
  border-radius: .2rem;
  background: #FFFFFF;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-feature::before {
  content: "LEDGER ENTRY 0" counter(ledger-entry);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #174F45;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-feature:nth-of-type(even) {
  border-top-color: #D06D55;
  background: #F9F6E9;
}

.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-type-compare,
.dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-final-cta {
  border: 7px double #174F45;
  border-radius: .25rem;
  background: #F9F6E9;
  box-shadow: 8px 8px 0 #D69B3C;
}

/* Cohort 21: a mature-adult two-track career re-entry map. */
.dating-guide-layout-later-entry-two-track-career-reentry-map {
  --guide-accent: #573B5F;
  --guide-wash: #FFF9F1;
  counter-reset: reentry-track reentry-stop;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-hero {
  border: 6px solid #573B5F;
  border-radius: 3rem .4rem 3rem .4rem;
  background:
    linear-gradient(90deg, rgba(87, 59, 95, .09) 0 48%, transparent 48% 52%, rgba(87, 59, 95, .09) 52%),
    #FFF9F1;
  box-shadow: 9px 9px 0 #AFC9A4;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-hero-copy {
  padding: 1.7rem;
  border: 4px solid #573B5F;
  border-radius: 2.6rem .35rem 2.6rem .35rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-hero-art,
.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-inline-art {
  border: 5px solid #573B5F;
  border-radius: 50% .4rem 50% .4rem / 2.8rem .4rem 2.8rem .4rem;
  box-shadow: 7px 7px 0 #C89566;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-editorial-lens {
  padding: 1rem;
  border: 6px solid #573B5F;
  border-radius: 3rem .4rem 3rem .4rem;
  background: #FFF9F1;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-lens-card {
  counter-increment: reentry-track;
  position: relative;
  min-height: 11.6rem;
  padding: 4.4rem 1.1rem 1rem;
  border: 4px solid #573B5F;
  border-radius: 2.2rem .35rem 2.2rem .35rem;
  background: #FFFFFF;
  box-shadow: inset 0 -10px 0 #AFC9A4;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-lens-card::before {
  content: "TRACK 0" counter(reentry-track);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .35rem .68rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #573B5F;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-feature {
  counter-increment: reentry-stop;
  position: relative;
  padding: 4.9rem 1.6rem 2rem;
  border-left: 7px solid #573B5F;
  border-bottom: 3px solid #C89566;
  border-radius: 2rem .3rem 2rem .3rem;
  background: #FFFFFF;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-feature::before {
  content: "MAP STOP 0" counter(reentry-stop);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #573B5F;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-feature:nth-of-type(even) {
  border-left-color: #AFC9A4;
  background: #FFF9F1;
}

.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-type-compare,
.dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-final-cta {
  border: 6px solid #573B5F;
  border-radius: 3rem .45rem 3rem .45rem;
  background: #FFF9F1;
  box-shadow: 8px 8px 0 #AFC9A4;
}

/* Cohort 21: a five-track weekend talking-stage field guide. */
.dating-guide-layout-new-dater-five-track-weekend-field-guide {
  --guide-accent: #174E78;
  --guide-wash: #FFF9EF;
  counter-reset: weekend-track weekend-checkpoint;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-hero {
  border: 6px solid #174E78;
  border-radius: 1.5rem;
  background:
    repeating-linear-gradient(135deg, transparent 0 30px, rgba(212, 105, 71, .09) 30px 32px),
    #FFF9EF;
  box-shadow: 0 10px 0 #D46947;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-hero-copy {
  padding: 1.7rem;
  border: 4px solid #174E78;
  border-radius: 1.3rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-hero-art,
.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-inline-art {
  border: 5px solid #174E78;
  border-radius: 1.4rem;
  box-shadow: 7px 7px 0 #87B99B;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-editorial-lens {
  padding: .9rem;
  border: 6px solid #174E78;
  border-radius: 1.5rem;
  background: #FFF9EF;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .5rem;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-lens-card {
  counter-increment: weekend-track;
  position: relative;
  min-height: 13rem;
  padding: 4.5rem .75rem 1rem;
  border: 3px solid #174E78;
  border-radius: 1.4rem 1.4rem .25rem .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -9px 0 #87B99B;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-lens-card::before {
  content: "TRACK 0" counter(weekend-track);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .34rem .62rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #174E78;
  font-size: .63rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-lens-card:nth-child(even) {
  border-color: #D46947;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-feature {
  counter-increment: weekend-checkpoint;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 7px solid #174E78;
  border-radius: 1.4rem;
  background: #FFFFFF;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-feature::before {
  content: "WEEKEND CHECKPOINT 0" counter(weekend-checkpoint);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #174E78;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-feature:nth-of-type(even) {
  border-top-color: #D46947;
  background: #FFF9EF;
}

.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-type-compare,
.dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-final-cta {
  border: 6px solid #174E78;
  border-radius: 1.6rem;
  background: #FFF9EF;
  box-shadow: 8px 8px 0 #D46947;
}

@media (max-width: 980px) {
  .dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-lens-grid,
  .dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-lens-grid,
  .dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-lens-grid,
  .dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-hero,
  .dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-hero,
  .dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-hero {
    box-shadow: none;
  }

  .dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-hero-copy,
  .dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-hero-copy,
  .dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-hero-copy,
  .dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-lens-card,
  .dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-lens-card,
  .dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-lens-card,
  .dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-lens-card,
  .dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-lens-card {
    min-height: auto;
  }

  .dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-feature,
  .dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-feature,
  .dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-feature,
  .dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-feature,
  .dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-nairobi-parent-three-budget-reset-desk .dating-guide-feature::before,
  .dating-guide-layout-nairobi-new-dater-four-lens-affection-journal .dating-guide-feature::before,
  .dating-guide-layout-adult-student-five-column-contact-ledger .dating-guide-feature::before,
  .dating-guide-layout-later-entry-two-track-career-reentry-map .dating-guide-feature::before,
  .dating-guide-layout-new-dater-five-track-weekend-field-guide .dating-guide-feature::before {
    left: 0;
  }
}

/* Cohort 20: six protected calendars for serious Nairobi parent dating. */
.dating-guide-layout-nairobi-parent-six-calendar-type-commons {
  --guide-accent: #D59A2E;
  --guide-wash: #F2EEF8;
  counter-reset: parent-calendar calendar-review;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-hero {
  border: 5px solid #473267;
  border-radius: 1.6rem .25rem 1.6rem .25rem;
  background: repeating-linear-gradient(90deg, #F2EEF8 0 5rem, #E3DBEE 5rem 5.2rem);
  box-shadow: 10px 10px 0 #7CA9B4;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-hero-copy {
  margin: 1rem;
  padding: 1.55rem;
  border-top: 8px solid #D59A2E;
  border-left: 4px solid #473267;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-hero-art,
.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-inline-art {
  border: 5px solid #473267;
  border-radius: .35rem 1.5rem .35rem 1.5rem;
  box-shadow: 8px 8px 0 #D59A2E;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #473267;
  border-radius: .35rem;
  background: #E3DBEE;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 8px solid #D59A2E;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-lens-card {
  counter-increment: parent-calendar;
  position: relative;
  min-height: 12rem;
  padding: 4.5rem 1rem 1.1rem;
  border: 3px solid #473267;
  border-top: 12px solid #7CA9B4;
  border-radius: .25rem;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-lens-card::before {
  content: "CALENDAR 0" counter(parent-calendar);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .34rem .65rem;
  background: #473267;
  color: #FFFFFF;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-lens-card:nth-child(2),
.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-lens-card:nth-child(3) {
  border-top-color: #D59A2E;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-feature {
  counter-increment: calendar-review;
  position: relative;
  padding: 4.9rem 1.6rem 2rem;
  border-left: 6px solid #473267;
  border-bottom: 3px solid #D59A2E;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-feature::before {
  content: "CALENDAR REVIEW 0" counter(calendar-review);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #473267;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-type-compare,
.dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-final-cta {
  border: 5px solid #473267;
  border-top-color: #D59A2E;
  border-radius: 1.5rem .25rem 1.5rem .25rem;
  background: #F2EEF8;
}

/* Cohort 20: five independently adjustable clocks for later-entry pace. */
.dating-guide-layout-nairobi-later-entry-five-clock-pace-house {
  --guide-accent: #B56A38;
  --guide-wash: #F5F0E5;
  counter-reset: pace-clock pace-reading;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-hero {
  border: 4px double #253D59;
  border-radius: 4rem 4rem .6rem .6rem;
  background: radial-gradient(circle at 80% 20%, #DCE6D3 0 18%, transparent 18.5%), #F5F0E5;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-hero-copy {
  margin: 1rem;
  padding: 1.55rem;
  border-bottom: 7px solid #B56A38;
  border-radius: 2.5rem 2.5rem .25rem .25rem;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-hero-art,
.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-inline-art {
  border: 5px double #253D59;
  border-radius: 50% 50% 1rem 1rem;
  box-shadow: 0 9px 0 #B56A38;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid #253D59;
  border-radius: 3rem;
  background: #F5F0E5;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 6px double #B56A38;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
  padding: 1rem;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-lens-card {
  counter-increment: pace-clock;
  position: relative;
  min-height: 13rem;
  padding: 4.6rem 1rem 1.1rem;
  border: 4px solid #253D59;
  border-radius: 50% 50% .6rem .6rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #DCE6D3;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-lens-card::before {
  content: "CLOCK 0" counter(pace-clock);
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  color: #253D59;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-feature {
  counter-increment: pace-reading;
  position: relative;
  padding: 4.9rem 1.6rem 2rem;
  border: 3px solid #253D59;
  border-radius: 2rem .3rem 2rem .3rem;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-feature::before {
  content: "PACE READING 0" counter(pace-reading);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .35rem;
  border-bottom: 4px solid #B56A38;
  color: #253D59;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-type-compare,
.dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-final-cta {
  border: 6px double #253D59;
  border-radius: 3rem;
  background: #F5F0E5;
}

/* Cohort 20: four level lanes for serious hope and a casual parent present. */
.dating-guide-layout-parent-serious-hope-four-lane-casual-garden {
  --guide-accent: #D1743E;
  --guide-wash: #EEF5E8;
  counter-reset: garden-lane lane-note;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-hero {
  border: 5px solid #254F46;
  border-radius: .4rem;
  background: repeating-linear-gradient(0deg, #EEF5E8 0 4rem, #D6E5CB 4rem 4.25rem);
  box-shadow: 0 10px 0 #D1743E;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-hero-copy {
  margin: 1rem;
  padding: 1.55rem;
  border-left: 10px solid #D1743E;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-hero-art,
.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-inline-art {
  border: 5px solid #254F46;
  border-radius: .35rem 2rem .35rem 2rem;
  box-shadow: 8px 8px 0 #D6E5CB;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #254F46;
  background: #EEF5E8;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 8px solid #D1743E;
  background: #FFFFFF;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-lens-grid {
  grid-template-columns: 1fr;
  gap: .7rem;
  padding: 1rem;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-lens-card {
  counter-increment: garden-lane;
  position: relative;
  min-height: 8.5rem;
  padding: 2rem 1.2rem 1.2rem 9.5rem;
  border: 3px solid #254F46;
  border-left: 12px solid #D1743E;
  border-radius: 0 2rem 2rem 0;
  background: #FFFFFF;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-lens-card::before {
  content: "LANE 0" counter(garden-lane);
  position: absolute;
  top: 50%;
  left: 1.3rem;
  transform: translateY(-50%);
  padding: .4rem .72rem;
  border-radius: 999px;
  background: #254F46;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-feature {
  counter-increment: lane-note;
  position: relative;
  padding: 4.9rem 1.6rem 2rem;
  border-top: 4px solid #254F46;
  border-bottom: 4px solid #D1743E;
  background: #FFFFFF;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-feature::before {
  content: "LANE NOTE 0" counter(lane-note);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #254F46;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-type-compare,
.dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-final-cta {
  border: 5px solid #254F46;
  border-left-color: #D1743E;
  border-radius: .4rem 2rem .4rem 2rem;
  background: #EEF5E8;
}

/* Cohort 20: a six-window switchboard between two protected parent homes. */
.dating-guide-layout-parent-distance-two-home-six-window-switchboard {
  --guide-accent: #E27B4A;
  --guide-wash: #EAF3F6;
  counter-reset: switch-window switch-check;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-hero {
  border: 6px double #173F55;
  border-radius: 2.8rem 2.8rem .35rem .35rem;
  background: linear-gradient(90deg, #EAF3F6 0 48%, #C9DBE0 48% 52%, #F8EBDD 52% 100%);
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-hero-copy {
  margin: 1rem;
  padding: 1.55rem;
  border-bottom: 8px solid #E27B4A;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-hero-art,
.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-inline-art {
  border: 5px double #173F55;
  border-radius: 2rem 2rem .35rem .35rem;
  box-shadow: 0 9px 0 #6F9D9A;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #173F55;
  border-radius: 2.2rem .35rem 2.2rem .35rem;
  background: #EAF3F6;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 7px solid #E27B4A;
  background: #FFFFFF;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-lens-card {
  counter-increment: switch-window;
  position: relative;
  min-height: 11.5rem;
  padding: 4.4rem 1rem 1.1rem;
  border: 4px solid #173F55;
  border-radius: 2rem 2rem .25rem .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #C9DBE0;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-lens-card::before {
  content: "WINDOW 0" counter(switch-window) "  OPEN BY PURPOSE";
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  color: #173F55;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .05em;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-lens-card:nth-child(even) {
  box-shadow: inset 0 -8px 0 #F0C4A8;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-feature {
  counter-increment: switch-check;
  position: relative;
  padding: 4.9rem 1.6rem 2rem;
  border: 3px solid #173F55;
  border-right: 9px solid #6F9D9A;
  background: #FFFFFF;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-feature::before {
  content: "SWITCH CHECK 0" counter(switch-check);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding: .35rem .7rem;
  background: #173F55;
  color: #FFFFFF;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-type-compare,
.dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-final-cta {
  border: 6px double #173F55;
  border-bottom-color: #E27B4A;
  border-radius: 2.5rem .35rem 2.5rem .35rem;
  background: #EAF3F6;
}

/* Cohort 20: five low-load zones for a parent casual first-date station. */
.dating-guide-layout-parent-casual-five-load-zone-first-date-station {
  --guide-accent: #E1A42D;
  --guide-wash: #EAF3ED;
  counter-reset: load-zone recovery-note;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-hero {
  border-top: 9px solid #255E57;
  border-bottom: 9px solid #355B95;
  border-radius: .35rem;
  background: linear-gradient(135deg, #EAF3ED 0 62%, #E7EDF7 62% 100%);
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-hero-copy {
  margin: 1rem;
  padding: 1.55rem;
  border-left: 9px solid #E1A42D;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-hero-art,
.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-inline-art {
  border: 5px solid #255E57;
  border-radius: .35rem 2rem 2rem .35rem;
  box-shadow: 9px 9px 0 #A7C4B2;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #255E57;
  border-bottom-color: #355B95;
  background: #EAF3ED;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-lens-copy {
  padding: 1.45rem 1.6rem;
  border-bottom: 7px solid #E1A42D;
  background: #FFFFFF;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
  padding: 1rem;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-lens-card {
  counter-increment: load-zone;
  position: relative;
  min-height: 12.5rem;
  padding: 4.5rem 1rem 1.1rem;
  border: 3px solid #255E57;
  border-bottom: 10px solid #355B95;
  border-radius: .35rem;
  background: #FFFFFF;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-lens-card::before {
  content: "LOAD ZONE 0" counter(load-zone);
  position: absolute;
  top: 1.1rem;
  left: 1rem;
  padding: .34rem .68rem;
  border-radius: 999px;
  background: #255E57;
  color: #FFFFFF;
  font-size: .65rem;
  font-weight: 900;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-lens-card:nth-child(even) {
  border-bottom-color: #E1A42D;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-feature {
  counter-increment: recovery-note;
  position: relative;
  padding: 4.9rem 1.6rem 2rem;
  border-left: 5px solid #255E57;
  border-right: 5px solid #355B95;
  border-radius: .25rem;
  background: #FFFFFF;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-feature::before {
  content: "RECOVERY NOTE 0" counter(recovery-note);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .32rem;
  border-bottom: 4px solid #E1A42D;
  color: #255E57;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-type-compare,
.dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-final-cta {
  border: 5px solid #255E57;
  border-right-color: #355B95;
  border-bottom-color: #E1A42D;
  border-radius: .35rem 2rem .35rem 2rem;
  background: #EAF3ED;
}

@media (max-width: 1080px) {
  .dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-lens-grid,
  .dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-lens-grid,
  .dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-lens-grid,
  .dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-lens-grid,
  .dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-hero,
  .dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-hero,
  .dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-hero {
    box-shadow: none;
  }

  .dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-hero-copy,
  .dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-hero-copy,
  .dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-hero-copy,
  .dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-hero-copy {
    margin: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-lens-card,
  .dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-lens-card,
  .dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-lens-card,
  .dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-lens-card {
    min-height: auto;
  }

  .dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-lens-card {
    min-height: auto;
    padding: 4.4rem 1rem 1rem;
    border-radius: 0 1.2rem 1.2rem 0;
  }

  .dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-lens-card::before {
    top: 1.15rem;
    left: 1rem;
    transform: none;
  }

  .dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-feature,
  .dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-feature,
  .dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-feature,
  .dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-feature,
  .dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-nairobi-parent-six-calendar-type-commons .dating-guide-feature::before,
  .dating-guide-layout-nairobi-later-entry-five-clock-pace-house .dating-guide-feature::before,
  .dating-guide-layout-parent-serious-hope-four-lane-casual-garden .dating-guide-feature::before,
  .dating-guide-layout-parent-distance-two-home-six-window-switchboard .dating-guide-feature::before,
  .dating-guide-layout-parent-casual-five-load-zone-first-date-station .dating-guide-feature::before {
    left: 0;
  }
}

/* Cohort 19: a six-line departure board for a safe long-distance restart. */
.dating-guide-layout-restart-distance-six-line-type-departure-board {
  --guide-accent: #F2B84B;
  --guide-wash: #EDF4F2;
  counter-reset: departure-line board-stop;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-hero {
  border: 5px solid #183842;
  border-radius: .45rem;
  background: repeating-linear-gradient(180deg, #183842 0 3rem, #214B56 3rem 3.15rem);
  box-shadow: 10px 10px 0 #A9C6C0;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-hero-copy {
  margin: 1rem;
  padding: 1.5rem;
  border-left: 7px solid #F2B84B;
  background: #FFFFFF;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-hero-art,
.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-inline-art {
  border: 4px solid #183842;
  border-radius: .35rem;
  box-shadow: 8px 8px 0 #F2B84B;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #183842;
  border-radius: .35rem;
  background: #183842;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 7px solid #F2B84B;
  background: #FFFFFF;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  padding: 1rem;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-lens-card {
  counter-increment: departure-line;
  position: relative;
  min-height: 11.5rem;
  padding: 4.1rem 1rem 1.1rem;
  border: 2px solid #8EB2AB;
  border-left: 8px solid #F2B84B;
  border-radius: .2rem;
  background: #F9FCFB;
  box-shadow: none;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-lens-card::before {
  content: "LINE 0" counter(departure-line) "  READY";
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  color: #183842;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-feature {
  counter-increment: board-stop;
  position: relative;
  padding: 4.7rem 1.6rem 2rem;
  border-top: 5px solid #183842;
  border-bottom: 2px solid #8EB2AB;
  background: #FFFFFF;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-feature::before {
  content: "BOARD STOP 0" counter(board-stop);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding: .35rem .7rem;
  background: #183842;
  color: #F2B84B;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .1em;
}

.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-type-compare,
.dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-final-cta {
  border: 5px solid #183842;
  border-left-color: #F2B84B;
  border-radius: .35rem;
  background: #EDF4F2;
}

/* Cohort 19: five open windows on a calm weekend pace veranda. */
.dating-guide-layout-restart-weekend-five-window-pace-veranda {
  --guide-accent: #B65345;
  --guide-wash: #F7F1E5;
  counter-reset: veranda-window weekend-step;
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-hero {
  border: 3px solid #315D53;
  border-radius: 3rem 3rem .5rem .5rem;
  background: linear-gradient(180deg, #FFFDF7 0 72%, #D9C9A9 72% 100%);
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-hero-copy {
  padding: 1.6rem;
  border-bottom: 7px solid #B65345;
  background: rgba(255, 255, 255, .95);
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-hero-art,
.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-inline-art {
  border: 4px solid #315D53;
  border-radius: 4rem 4rem .6rem .6rem;
  box-shadow: 0 9px 0 #D9C9A9;
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px double #315D53;
  border-radius: 2.6rem 2.6rem .5rem .5rem;
  background: #F7F1E5;
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 6px solid #B65345;
  background: #FFFFFF;
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .75rem;
  padding: 1rem;
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-lens-card {
  counter-increment: veranda-window;
  position: relative;
  min-height: 12.5rem;
  padding: 4.2rem .9rem 1rem;
  border: 3px solid #315D53;
  border-radius: 3rem 3rem .25rem .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -7px 0 #E7CBBE;
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-lens-card::before {
  content: "WINDOW 0" counter(veranda-window);
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  color: #315D53;
  font-size: .65rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-feature {
  counter-increment: weekend-step;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 2px solid #D9C9A9;
  border-radius: 1.5rem .35rem 1.5rem .35rem;
  background: #FFFFFF;
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-feature::before {
  content: "WEEKEND STEP 0" counter(weekend-step);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #B65345;
  color: #315D53;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-type-compare,
.dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-final-cta {
  border: 4px double #315D53;
  border-radius: 2rem .45rem 2rem .45rem;
  background: #F7F1E5;
}

/* Cohort 19: six independently reviewed files in a serious-career decision studio. */
.dating-guide-layout-restart-career-six-file-serious-decision-studio {
  --guide-accent: #A46A2C;
  --guide-wash: #F2EEE7;
  counter-reset: studio-file evidence-file;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-hero {
  border-top: 10px solid #352E45;
  border-bottom: 10px solid #A46A2C;
  background: #F2EEE7;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-hero-copy {
  margin: 1rem;
  padding: 1.5rem;
  border: 2px solid #8B8295;
  border-left: 8px solid #352E45;
  background: #FFFFFF;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-hero-art,
.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-inline-art {
  border: 5px double #352E45;
  border-radius: .35rem;
  box-shadow: 9px 9px 0 #C8B99F;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #352E45;
  background: #E7E0D6;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 8px solid #A46A2C;
  background: #FFFFFF;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-lens-card {
  counter-increment: studio-file;
  position: relative;
  min-height: 11.8rem;
  padding: 4.2rem 1rem 1.1rem;
  border: 3px solid #352E45;
  border-radius: .2rem;
  background: #FFFFFF;
  box-shadow: inset 0 7px 0 #C8B99F;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-lens-card::before {
  content: "FILE 0" counter(studio-file);
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  padding: .3rem .65rem;
  background: #352E45;
  color: #FFFFFF;
  font-size: .65rem;
  font-weight: 900;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-feature {
  counter-increment: evidence-file;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-left: 7px solid #352E45;
  border-bottom: 3px solid #C8B99F;
  background: #FFFFFF;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-feature::before {
  content: "EVIDENCE FILE 0" counter(evidence-file);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #352E45;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-type-compare,
.dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-final-cta {
  border-top: 8px double #352E45;
  border-bottom: 8px double #A46A2C;
  background: #F2EEE7;
}

/* Cohort 19: three truthful horizons for a casual present and serious hope. */
.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room {
  --guide-accent: #E2604A;
  --guide-wash: #EAF3F8;
  counter-reset: horizon-band chart-reading;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-hero {
  border: 4px solid #244E78;
  background: repeating-linear-gradient(0deg, #EAF3F8 0 3.5rem, #C9DEEA 3.5rem 3.65rem);
  box-shadow: 0 10px 0 #E2604A;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-hero-copy {
  margin: 1rem;
  padding: 1.5rem;
  border-left: 8px solid #E2604A;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-hero-art,
.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-inline-art {
  border: 4px solid #244E78;
  border-radius: 1.2rem .25rem 1.2rem .25rem;
  box-shadow: 8px 8px 0 #75A7B8;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid #244E78;
  background: #EAF3F8;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 7px solid #E2604A;
  background: #FFFFFF;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  padding: 1rem;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-lens-card {
  counter-increment: horizon-band;
  position: relative;
  min-height: 12rem;
  padding: 4.2rem 1rem 1.1rem;
  border: 3px solid #244E78;
  border-top: 10px solid #75A7B8;
  border-radius: .2rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-lens-card::before {
  content: "HORIZON 0" counter(horizon-band);
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: #244E78;
  font-size: .65rem;
  font-weight: 900;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-lens-card:nth-child(2) {
  border-top-color: #E6B64A;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-lens-card:nth-child(3),
.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-lens-card:nth-child(4) {
  border-top-color: #E2604A;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-feature {
  counter-increment: chart-reading;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 3px solid #75A7B8;
  border-bottom: 3px solid #244E78;
  background: #FFFFFF;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-feature::before {
  content: "CHART READING 0" counter(chart-reading);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #E2604A;
  color: #244E78;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-type-compare,
.dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-final-cta {
  border: 4px solid #244E78;
  border-right-color: #E2604A;
  background: #EAF3F8;
}

/* Cohort 19: five after-work zones for a serious Nairobi first date. */
.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook {
  --guide-accent: #E09A32;
  --guide-wash: #F1EFF8;
  counter-reset: nairobi-zone runbook-check;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-hero {
  border: 4px solid #4D3D78;
  border-radius: .5rem 2.5rem .5rem 2.5rem;
  background: linear-gradient(135deg, #F1EFF8 0 58%, #DCEAF0 58% 100%);
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-hero-copy {
  margin: 1rem;
  padding: 1.5rem;
  border-left: 8px solid #E09A32;
  border-bottom: 4px solid #33728C;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-hero-art,
.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-inline-art {
  border: 4px solid #4D3D78;
  border-radius: .5rem 2rem .5rem 2rem;
  box-shadow: 9px 9px 0 #B9D0DA;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #4D3D78;
  border-radius: .5rem 2rem .5rem 2rem;
  background: #F1EFF8;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 7px solid #E09A32;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .7rem;
  padding: 1rem;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-lens-card {
  counter-increment: nairobi-zone;
  position: relative;
  min-height: 12.5rem;
  padding: 4.2rem .9rem 1rem;
  border: 3px solid #4D3D78;
  border-bottom: 8px solid #33728C;
  border-radius: .35rem 1.4rem .35rem 1.4rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-lens-card::before {
  content: "ZONE 0" counter(nairobi-zone);
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  padding: .3rem .65rem;
  background: #4D3D78;
  color: #FFFFFF;
  font-size: .65rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-lens-card:nth-child(even) {
  border-bottom-color: #E09A32;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-feature {
  counter-increment: runbook-check;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-left: 5px solid #4D3D78;
  border-right: 5px solid #33728C;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-feature::before {
  content: "RUNBOOK CHECK 0" counter(runbook-check);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #E09A32;
  color: #4D3D78;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-type-compare,
.dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-final-cta {
  border: 5px solid #4D3D78;
  border-bottom-color: #E09A32;
  border-radius: .5rem 2rem .5rem 2rem;
  background: #F1EFF8;
}

@media (max-width: 1080px) {
  .dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-lens-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-lens-grid,
  .dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-lens-grid,
  .dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-lens-grid,
  .dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-hero,
  .dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-hero,
  .dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-hero {
    box-shadow: none;
  }

  .dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-hero-copy,
  .dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-hero-copy,
  .dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-hero-copy,
  .dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-hero-copy {
    margin: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-restart-distance-six-line-type-departure-board .dating-guide-lens-card,
  .dating-guide-layout-restart-weekend-five-window-pace-veranda .dating-guide-lens-card,
  .dating-guide-layout-restart-career-six-file-serious-decision-studio .dating-guide-lens-card,
  .dating-guide-layout-restart-distance-three-horizon-serious-casual-chart-room .dating-guide-lens-card,
  .dating-guide-layout-nairobi-professional-five-zone-first-date-runbook .dating-guide-lens-card {
    min-height: auto;
  }
}

/* Cohort 18: four-coordinate faith-aware casual courtyard. */
.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard {
  --guide-accent: #5B315E;
  --guide-wash: #FFF9ED;
  counter-reset: courtyard-card courtyard-stop;
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-hero {
  border: 6px solid #5B315E;
  border-radius: 50% 50% 1.2rem 1.2rem / 2.8rem 2.8rem 1.2rem 1.2rem;
  background: radial-gradient(circle at 84% 20%, #E8B94F 0 10%, transparent 10.4%), #FFF9ED;
  box-shadow: 0 10px 0 #7F9A70;
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-hero-copy {
  padding: 1.6rem;
  border-left: 8px solid #D16D50;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-hero-art,
.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-inline-art {
  border: 5px solid #5B315E;
  border-radius: 2.4rem;
  box-shadow: 8px 8px 0 #E8B94F;
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-editorial-lens {
  padding: 1rem;
  border: 5px double #5B315E;
  border-radius: 2.8rem;
  background: #FFF9ED;
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-lens-card {
  counter-increment: courtyard-card;
  position: relative;
  min-height: 11.5rem;
  padding: 3.8rem 1rem 1rem;
  border: 3px solid #7F9A70;
  border-radius: 1.8rem 1.8rem .45rem .45rem;
  background: #FFFFFF;
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-lens-card::before {
  content: "COORDINATE 0" counter(courtyard-card);
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: #5B315E;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-feature {
  counter-increment: courtyard-stop;
  position: relative;
  padding: 4.5rem 1.6rem 2rem;
  border-top: 7px solid #7F9A70;
  border-radius: 2rem;
  background: #FFFFFF;
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-feature::before {
  content: "COURTYARD 0" counter(courtyard-stop);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #5B315E;
  font-size: .68rem;
  font-weight: 900;
}

/* Cohort 18: professional casual pace as a six-margin planning desk. */
.dating-guide-layout-professional-casual-six-margin-pace-desk {
  --guide-accent: #173D59;
  --guide-wash: #F4F0E8;
  counter-reset: desk-drawer desk-file;
}

.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-hero {
  border: 7px solid #173D59;
  border-bottom: 14px solid #B8683F;
  border-radius: .35rem .35rem 2.6rem 2.6rem;
  background: linear-gradient(135deg, #F4F0E8 0 58%, #C6DDD6 58%);
  box-shadow: 10px 10px 0 #D2A64F;
}

.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-hero-copy {
  padding: 1.65rem;
  border: 3px solid #173D59;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-hero-art,
.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-inline-art {
  border: 5px solid #173D59;
  border-bottom-width: 11px;
  border-radius: .4rem .4rem 1.8rem 1.8rem;
}

.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-editorial-lens {
  padding: 1rem;
  border: 6px solid #173D59;
  border-bottom: 12px solid #B8683F;
  border-radius: .5rem;
  background: #F4F0E8;
}

.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .6rem;
}

.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-lens-card {
  counter-increment: desk-drawer;
  position: relative;
  min-height: 11.5rem;
  padding: 3.8rem 1rem 1rem;
  border: 3px solid #173D59;
  border-bottom: 9px solid #3F857E;
  background: #FFFFFF;
}

.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-lens-card::before {
  content: "MARGIN 0" counter(desk-drawer);
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: #B8683F;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-feature {
  counter-increment: desk-file;
  position: relative;
  padding: 4.5rem 1.6rem 2rem;
  border-left: 9px solid #173D59;
  background: #FFFFFF;
  box-shadow: inset 0 -3px 0 #C6DDD6;
}

.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-feature::before {
  content: "DESK FILE 0" counter(desk-file);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #B8683F;
  font-size: .68rem;
  font-weight: 900;
}

/* Cohort 18: Nairobi serious dating as a five-gate briefing room. */
.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room {
  --guide-accent: #183F39;
  --guide-wash: #F5F2E9;
  counter-reset: briefing-gate briefing-note;
}

.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-hero {
  border: 7px solid #183F39;
  border-right: 15px solid #D46655;
  border-radius: 1.1rem 3.2rem 1.1rem 1.1rem;
  background: linear-gradient(120deg, #F5F2E9 0 66%, #B8D5C9 66%);
  box-shadow: -8px 8px 0 #D2A34A;
}

.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #183F39;
  border-radius: .35rem 2rem .35rem .35rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-hero-art,
.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-inline-art {
  border: 6px solid #183F39;
  border-radius: .5rem 2.5rem .5rem .5rem;
  box-shadow: 8px 8px 0 #D46655;
}

.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-editorial-lens {
  padding: 1rem;
  border: 6px solid #183F39;
  border-right: 12px solid #D46655;
  border-radius: .6rem 2.4rem .6rem .6rem;
  background: #F5F2E9;
}

.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-lens-card {
  counter-increment: briefing-gate;
  position: relative;
  min-height: 11.6rem;
  padding: 3.9rem 1rem 1rem;
  border: 4px solid #183F39;
  border-radius: .3rem 1.8rem .3rem .3rem;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-lens-card::before {
  content: "GATE 0" counter(briefing-gate);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .25rem .55rem;
  color: #FFFFFF;
  background: #183F39;
  font-size: .65rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-feature {
  counter-increment: briefing-note;
  position: relative;
  padding: 4.5rem 1.6rem 2rem;
  border: 3px solid #183F39;
  border-right: 9px solid #D46655;
  border-radius: .4rem 1.8rem .4rem .4rem;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-feature::before {
  content: "BRIEF 0" counter(briefing-note);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #183F39;
  font-size: .68rem;
  font-weight: 900;
}

/* Cohort 18: faith-led Nairobi distance as a six-anchor bridge. */
.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge {
  --guide-accent: #243D69;
  --guide-wash: #FFF7E7;
  counter-reset: bridge-anchor bridge-span;
}

.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-hero {
  border: 7px solid #243D69;
  border-bottom: 15px double #2E918A;
  border-radius: 3.2rem 3.2rem .4rem .4rem;
  background: linear-gradient(180deg, #FFF7E7 0 72%, #CFE8E3 72%);
  box-shadow: 0 9px 0 #E0A73F;
}

.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-hero-copy {
  padding: 1.6rem;
  border-bottom: 7px solid #2E918A;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-hero-art,
.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-inline-art {
  border: 5px solid #243D69;
  border-bottom: 10px solid #2E918A;
  border-radius: 2.6rem 2.6rem .35rem .35rem;
}

.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-editorial-lens {
  padding: 1rem;
  border: 6px solid #243D69;
  border-bottom: 12px double #2E918A;
  border-radius: 2.8rem 2.8rem .4rem .4rem;
  background: #FFF7E7;
}

.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .72rem;
}

.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-lens-card {
  counter-increment: bridge-anchor;
  position: relative;
  min-height: 11.6rem;
  padding: 3.9rem 1rem 1rem;
  border: 3px solid #243D69;
  border-bottom: 10px solid #2E918A;
  border-radius: 2rem 2rem .35rem .35rem;
  background: #FFFFFF;
}

.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-lens-card::before {
  content: "ANCHOR 0" counter(bridge-anchor);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  color: #243D69;
  font-size: .65rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-feature {
  counter-increment: bridge-span;
  position: relative;
  padding: 4.5rem 1.6rem 2rem;
  border-top: 8px solid #243D69;
  border-bottom: 3px solid #2E918A;
  background: #FFFFFF;
}

.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-feature::before {
  content: "BRIDGE SPAN 0" counter(bridge-span);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #2E918A;
  font-size: .68rem;
  font-weight: 900;
}

/* Cohort 18: later-career first-date re-entry as a five-room foyer. */
.dating-guide-layout-later-career-five-room-reentry-foyer {
  --guide-accent: #5C2733;
  --guide-wash: #FBF5EA;
  counter-reset: foyer-room foyer-entry;
}

.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-hero {
  border: 8px double #5C2733;
  border-radius: .5rem 3.2rem 3.2rem .5rem;
  background: linear-gradient(100deg, #FBF5EA 0 62%, #B9C9D9 62%);
  box-shadow: 10px 10px 0 #B88B46;
}

.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-hero-copy {
  padding: 1.7rem;
  border-left: 9px solid #5C2733;
  border-radius: .2rem 2.4rem 2.4rem .2rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-hero-art,
.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-inline-art {
  border: 6px double #5C2733;
  border-radius: .4rem 2.8rem 2.8rem .4rem;
  box-shadow: 8px 8px 0 #B9C9D9;
}

.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-editorial-lens {
  padding: 1rem;
  border: 7px double #5C2733;
  border-radius: .5rem 3rem 3rem .5rem;
  background: #FBF5EA;
}

.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-lens-card {
  counter-increment: foyer-room;
  position: relative;
  min-height: 11.6rem;
  padding: 3.9rem 1rem 1rem;
  border: 3px solid #5C2733;
  border-radius: .3rem 2rem 2rem .3rem;
  background: #FFFFFF;
  box-shadow: inset 8px 0 0 #D7B56D;
}

.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-lens-card::before {
  content: "ROOM 0" counter(foyer-room);
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: #5C2733;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-feature {
  counter-increment: foyer-entry;
  position: relative;
  padding: 4.6rem 1.6rem 2rem;
  border: 3px solid #5C2733;
  border-left: 11px double #5C2733;
  border-radius: .3rem 2.2rem 2.2rem .3rem;
  background: #FFFFFF;
}

.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-feature::before {
  content: "FOYER ENTRY 0" counter(foyer-entry);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #5C2733;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-type-compare,
.dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-final-cta,
.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-type-compare,
.dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-final-cta,
.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-type-compare,
.dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-final-cta,
.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-type-compare,
.dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-final-cta,
.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-type-compare,
.dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-final-cta {
  border: 6px solid var(--guide-accent);
  border-radius: 2rem;
  background: var(--guide-wash);
  box-shadow: 8px 8px 0 rgba(47, 54, 66, .18);
}

@media (max-width: 980px) {
  .dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-lens-grid,
  .dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-lens-grid,
  .dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-lens-grid,
  .dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-lens-grid,
  .dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-hero,
  .dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-hero,
  .dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-hero,
  .dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-hero,
  .dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-hero {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-faith-casual-four-coordinate-choice-courtyard .dating-guide-feature,
  .dating-guide-layout-professional-casual-six-margin-pace-desk .dating-guide-feature,
  .dating-guide-layout-nairobi-professional-five-gate-serious-briefing-room .dating-guide-feature,
  .dating-guide-layout-faith-nairobi-six-anchor-distance-bridge .dating-guide-feature,
  .dating-guide-layout-later-career-five-room-reentry-foyer .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
}

/* Cohort 17: adult student career dating arranged around three independent clocks. */
.dating-guide-layout-student-career-three-clock-arrangement-studio {
  --guide-accent: #203E78;
  --guide-wash: #F7F3E8;
  counter-reset: studio-clock studio-sheet;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-hero {
  border-top: 11px solid #203E78;
  border-right: 5px solid #D56B3F;
  border-bottom: 11px solid #21806E;
  border-radius: .35rem 3rem .35rem 3rem;
  background:
    linear-gradient(90deg, rgba(32, 62, 120, .08) 1px, transparent 1px),
    linear-gradient(#F7F3E8 0 78%, #E7C668 78% 100%);
  background-size: 3rem 100%, 100% 100%;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-hero-copy {
  padding: 1.65rem;
  border: 4px solid #203E78;
  border-radius: .3rem 2.4rem .3rem 2.4rem;
  background: rgba(255, 255, 255, .97);
  box-shadow: 8px 8px 0 #21806E;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-hero-art,
.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-inline-art {
  border: 5px solid #203E78;
  border-radius: 50% .35rem 50% .35rem / 2.8rem .35rem 2.8rem .35rem;
  box-shadow: 9px 9px 0 #D56B3F;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .68fr) minmax(0, 1.32fr);
  gap: 1rem;
  padding: 1rem;
  border: 6px solid #203E78;
  border-bottom-color: #21806E;
  border-radius: .4rem 2.7rem .4rem 2.7rem;
  background: #F7F3E8;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-lens-copy {
  padding: 1.6rem;
  border-left: 8px solid #D56B3F;
  background: #FFFFFF;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-lens-card {
  counter-increment: studio-clock;
  position: relative;
  min-height: 13rem;
  padding: 4.7rem 1rem 1rem;
  border: 4px solid #203E78;
  border-radius: 50% 50% .4rem .4rem / 3rem 3rem .4rem .4rem;
  background: #FFFFFF;
  box-shadow: inset 0 -9px 0 #DCE8E1;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-lens-card::before {
  content: "CLOCK 0" counter(studio-clock);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .35rem .72rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #203E78;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-lens-card:nth-child(2) {
  border-color: #D56B3F;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-lens-card:nth-child(3) {
  border-color: #21806E;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-feature {
  counter-increment: studio-sheet;
  position: relative;
  padding: 4.8rem 1.7rem 2rem;
  border-top: 5px solid #203E78;
  border-right: 2px solid #D7C896;
  border-bottom: 8px solid #21806E;
  border-left: 2px solid #D7C896;
  border-radius: .3rem 1.8rem .3rem 1.8rem;
  background: #FFFFFF;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-feature::before {
  content: "STUDIO SHEET 0" counter(studio-sheet);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #203E78;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .06em;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-feature:nth-of-type(even) {
  border-top-color: #D56B3F;
  background: #F7F3E8;
}

.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-type-compare,
.dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-final-cta {
  border: 6px solid #203E78;
  border-bottom: 11px solid #21806E;
  border-radius: .4rem 2.8rem .4rem 2.8rem;
  background: #F7F3E8;
  box-shadow: 8px 8px 0 #E7C668;
}

/* Cohort 17: faith and career pace arranged as five individually chosen lanterns. */
.dating-guide-layout-faith-career-five-lantern-pace-cloister {
  --guide-accent: #3D367C;
  --guide-wash: #FFF8E8;
  counter-reset: pace-lantern cloister-bay;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-hero {
  border: 8px double #3D367C;
  border-bottom-color: #7A6840;
  border-radius: 3rem 3rem .35rem .35rem;
  background: radial-gradient(circle at 82% 25%, rgba(226, 166, 60, .3) 0 13%, transparent 13.4%), #FFF8E8;
  box-shadow: inset 0 -10px 0 #8D4961;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-hero-copy {
  padding: 1.65rem;
  border: 4px solid #3D367C;
  border-radius: 2.5rem 2.5rem .3rem .3rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-hero-art,
.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-inline-art {
  border: 5px solid #3D367C;
  border-radius: 3rem 3rem .4rem .4rem;
  box-shadow: 0 9px 0 #DDA33C;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 7px double #3D367C;
  border-radius: 3rem .4rem 3rem .4rem;
  background: #FFF8E8;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-lens-copy {
  padding: 1.65rem 1.8rem;
  border-bottom: 8px solid #8D4961;
  background: #FFFFFF;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .7rem;
  padding: 1rem;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-lens-card {
  counter-increment: pace-lantern;
  position: relative;
  min-height: 12.7rem;
  padding: 4.5rem .9rem 1rem;
  border: 3px solid #3D367C;
  border-radius: 50% 50% 1.4rem 1.4rem / 2.7rem 2.7rem 1.4rem 1.4rem;
  background: #FFFFFF;
  box-shadow: inset 0 -10px 0 #E9D49A;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-lens-card::before {
  content: "LANTERN 0" counter(pace-lantern);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .34rem .62rem;
  border: 2px solid #DDA33C;
  border-radius: 999px;
  color: #3D367C;
  background: #FFF8E8;
  font-size: .63rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-lens-card:nth-child(even) {
  border-color: #8D4961;
  box-shadow: inset 0 -10px 0 #DCE6D2;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-feature {
  counter-increment: cloister-bay;
  position: relative;
  padding: 4.8rem 1.7rem 2rem;
  border-top: 7px solid #3D367C;
  border-radius: 2.6rem 2.6rem .25rem .25rem;
  background: #FFFFFF;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-feature::before {
  content: "CLOISTER BAY 0" counter(cloister-bay);
  position: absolute;
  top: 1.25rem;
  left: 1.7rem;
  color: #3D367C;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-feature:nth-of-type(even) {
  border-top-color: #8D4961;
  background: #FFF8E8;
}

.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-type-compare,
.dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-final-cta {
  border: 7px double #3D367C;
  border-bottom: 10px solid #8D4961;
  border-radius: 3rem .5rem 3rem .5rem;
  background: #FFF8E8;
}

/* Cohort 17: serious diaspora dating arranged as four transparent return-map layers. */
.dating-guide-layout-diaspora-serious-casual-four-layer-return-map {
  --guide-accent: #5A315E;
  --guide-wash: #F4F6EE;
  counter-reset: return-layer map-note;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-hero {
  border-top: 10px solid #5A315E;
  border-right: 7px solid #258078;
  border-bottom: 10px solid #C9604D;
  border-left: 7px solid #D0A33E;
  border-radius: .3rem;
  background:
    linear-gradient(35deg, transparent 0 47%, rgba(37, 128, 120, .11) 47% 50%, transparent 50% 100%),
    #F4F6EE;
  background-size: 4rem 4rem;
  box-shadow: 10px 10px 0 #D0A33E;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-hero-copy {
  padding: 1.65rem;
  border-left: 9px solid #5A315E;
  border-bottom: 5px solid #258078;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-hero-art,
.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-inline-art {
  border: 5px solid #5A315E;
  border-radius: .35rem;
  box-shadow: 8px 8px 0 #258078;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 1rem;
  padding: 1rem;
  border: 6px solid #5A315E;
  background: #F4F6EE;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-lens-copy {
  padding: 1.6rem;
  border: 3px solid #258078;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .72rem;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-lens-card {
  counter-increment: return-layer;
  position: relative;
  min-height: 12.4rem;
  padding: 4.4rem .9rem 1rem;
  border: 3px solid #5A315E;
  background: rgba(255, 255, 255, .93);
  box-shadow: 6px 6px 0 rgba(37, 128, 120, .28);
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-lens-card::before {
  content: "LAYER 0" counter(return-layer);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .34rem .68rem;
  color: #FFFFFF;
  background: #5A315E;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-lens-card:nth-child(even) {
  border-color: #258078;
  transform: translateY(.5rem);
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-feature {
  counter-increment: map-note;
  position: relative;
  padding: 4.8rem 1.7rem 2rem 2rem;
  border-left: 8px solid #5A315E;
  border-bottom: 3px dashed #258078;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-feature::before {
  content: "MAP NOTE 0" counter(map-note);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #5A315E;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .07em;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-feature:nth-of-type(even) {
  border-left-color: #C9604D;
  background: #F4F6EE;
}

.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-type-compare,
.dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-final-cta {
  border: 6px solid #5A315E;
  border-right-color: #258078;
  border-bottom: 10px solid #C9604D;
  background: #F4F6EE;
  box-shadow: 8px 8px 0 #D0A33E;
}

/* Cohort 17: student long-distance dating arranged as a seven-credit signal lab. */
.dating-guide-layout-student-distance-seven-credit-signal-lab {
  --guide-accent: #1A4B82;
  --guide-wash: #F2F5E8;
  counter-reset: signal-credit lab-record;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-hero {
  border: 8px solid #1A4B82;
  border-bottom-color: #D35F3F;
  border-radius: 1.8rem .3rem 1.8rem .3rem;
  background:
    radial-gradient(circle at 82% 24%, rgba(143, 184, 65, .32) 0 15%, transparent 15.4%),
    #F2F5E8;
  box-shadow: inset 0 -9px 0 #8FB841;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-hero-copy {
  padding: 1.65rem;
  border: 4px solid #1A4B82;
  border-radius: 1.5rem .25rem 1.5rem .25rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-hero-art,
.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-inline-art {
  border: 5px solid #1A4B82;
  border-radius: 1.5rem .25rem 1.5rem .25rem;
  box-shadow: 8px 8px 0 #8FB841;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 6px solid #1A4B82;
  border-bottom: 10px solid #8FB841;
  border-radius: 1.8rem .3rem 1.8rem .3rem;
  background: #F2F5E8;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-copy {
  padding: 1.65rem 1.8rem;
  border-bottom: 7px solid #D35F3F;
  background: #FFFFFF;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .72rem;
  padding: 1rem;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-card {
  counter-increment: signal-credit;
  position: relative;
  min-height: 11.8rem;
  padding: 4.3rem .9rem 1rem;
  border: 3px solid #1A4B82;
  border-radius: 1.2rem .2rem 1.2rem .2rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #DBE8C6;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-card::before {
  content: "CREDIT 0" counter(signal-credit);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .35rem .66rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #1A4B82;
  font-size: .64rem;
  font-weight: 900;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-card:nth-child(3n+2) {
  border-color: #D35F3F;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-card:nth-child(4n) {
  border-color: #658A2E;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-card:last-child {
  grid-column: 2 / span 2;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-feature {
  counter-increment: lab-record;
  position: relative;
  padding: 4.8rem 1.7rem 2rem;
  border-top: 6px solid #1A4B82;
  border-right: 3px solid #8FB841;
  border-bottom: 3px solid #8FB841;
  border-left: 3px solid #8FB841;
  border-radius: 1.4rem .2rem 1.4rem .2rem;
  background: #FFFFFF;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-feature::before {
  content: "LAB RECORD 0" counter(lab-record);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #1A4B82;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-feature:nth-of-type(even) {
  border-top-color: #D35F3F;
  background: #F2F5E8;
}

.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-type-compare,
.dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-final-cta {
  border: 6px solid #1A4B82;
  border-bottom: 10px solid #8FB841;
  border-radius: 1.8rem .3rem 1.8rem .3rem;
  background: #F2F5E8;
}

/* Cohort 17: parent first-date safety arranged as six privacy-preserving care links. */
.dating-guide-layout-parent-nairobi-six-link-care-circle {
  --guide-accent: #285D4A;
  --guide-wash: #FFF7ED;
  counter-reset: care-link circle-review;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-hero {
  border: 8px solid #285D4A;
  border-bottom-color: #C55F45;
  border-radius: 50% .4rem 50% .4rem / 3rem .4rem 3rem .4rem;
  background:
    radial-gradient(circle at 82% 22%, rgba(51, 93, 160, .18) 0 13%, transparent 13.4%),
    #FFF7ED;
  box-shadow: 9px 9px 0 #D1AD4A;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-hero-copy {
  padding: 1.65rem;
  border: 4px solid #285D4A;
  border-radius: 2.6rem .3rem 2.6rem .3rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-hero-art,
.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-inline-art {
  border: 5px solid #285D4A;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #E8C6B7;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 1rem;
  padding: 1rem;
  border: 7px double #285D4A;
  border-radius: 3rem .4rem 3rem .4rem;
  background: #FFF7ED;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-lens-copy {
  padding: 1.6rem;
  border-radius: 2.5rem .3rem 2.5rem .3rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #E8C6B7;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-lens-card {
  counter-increment: care-link;
  position: relative;
  min-height: 12rem;
  padding: 4.4rem 1rem 1rem;
  border: 4px solid #285D4A;
  border-radius: 50% 50% 1.5rem 1.5rem / 2.8rem 2.8rem 1.5rem 1.5rem;
  background: #FFFFFF;
  box-shadow: inset 0 -9px 0 #D6E3D7;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-lens-card::before {
  content: "CARE LINK 0" counter(care-link);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .34rem .65rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #285D4A;
  font-size: .64rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-lens-card:nth-child(even) {
  border-color: #365F9A;
  box-shadow: inset 0 -9px 0 #E8C6B7;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-feature {
  counter-increment: circle-review;
  position: relative;
  padding: 4.8rem 1.7rem 2rem;
  border: 3px solid #285D4A;
  border-bottom: 8px solid #C55F45;
  border-radius: 2.5rem .3rem 2.5rem .3rem;
  background: #FFFFFF;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-feature::before {
  content: "CIRCLE REVIEW 0" counter(circle-review);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #285D4A;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-feature:nth-of-type(even) {
  border-color: #365F9A;
  border-bottom-color: #C55F45;
  background: #FFF7ED;
}

.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-type-compare,
.dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-final-cta {
  border: 7px double #285D4A;
  border-bottom: 10px solid #C55F45;
  border-radius: 3rem .4rem 3rem .4rem;
  background: #FFF7ED;
  box-shadow: 8px 8px 0 #D1AD4A;
}

@media (max-width: 980px) {
  .dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-lens-grid,
  .dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-card:last-child {
    grid-column: auto;
  }

  .dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-editorial-lens,
  .dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-editorial-lens,
  .dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-lens-grid,
  .dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-lens-grid,
  .dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-grid,
  .dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-hero,
  .dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-hero,
  .dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-hero {
    box-shadow: none;
  }

  .dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-hero-copy,
  .dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-hero-copy,
  .dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-hero-copy,
  .dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-hero-copy,
  .dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-lens-card,
  .dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-lens-card,
  .dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-lens-card,
  .dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-lens-card,
  .dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-lens-card {
    min-height: auto;
    transform: none;
  }

  .dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-feature,
  .dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-feature,
  .dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-feature,
  .dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-feature,
  .dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-student-career-three-clock-arrangement-studio .dating-guide-feature::before,
  .dating-guide-layout-faith-career-five-lantern-pace-cloister .dating-guide-feature::before,
  .dating-guide-layout-diaspora-serious-casual-four-layer-return-map .dating-guide-feature::before,
  .dating-guide-layout-student-distance-seven-credit-signal-lab .dating-guide-feature::before,
  .dating-guide-layout-parent-nairobi-six-link-care-circle .dating-guide-feature::before {
    left: 0;
  }
}

/* Cohort 13: parent weekend decisions as five independent planning pockets. */
.dating-guide-layout-parent-weekend-five-pocket-choice-board {
  --guide-accent: #7B3F46;
  --guide-wash: #FFF7ED;
  counter-reset: parent-pocket parent-note;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-hero {
  border-top: 10px solid #7B3F46;
  border-bottom: 7px dashed #55745F;
  background: linear-gradient(135deg, #FFF7ED 0 68%, #F2D6C8 68% 100%);
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-hero-copy {
  padding: 1.5rem;
  border: 3px solid #7B3F46;
  border-radius: 1.6rem .4rem 1.6rem .4rem;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-hero-art,
.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-inline-art {
  border: 4px solid #55745F;
  border-radius: 1rem 2.8rem 1rem 2.8rem;
  box-shadow: 9px 9px 0 #EAC18F;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: 1rem;
  padding: 1rem;
  border: 4px solid #7B3F46;
  border-radius: 2rem .6rem 2rem .6rem;
  background: #FFF7ED;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-lens-copy {
  padding: 1.5rem;
  border-radius: 1rem;
  background: #FFFFFF;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-lens-card {
  counter-increment: parent-pocket;
  position: relative;
  min-height: 11.5rem;
  padding: 4rem 1rem 1rem;
  border: 3px dashed #7B3F46;
  border-radius: .5rem 1.8rem 1.8rem .5rem;
  background: #FFFFFF;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-lens-card::before {
  content: "POCKET 0" counter(parent-pocket);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .3rem .55rem;
  border-radius: 999px;
  background: #55745F;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-lens-card:nth-child(even) {
  border-color: #55745F;
  background: #FFFDF8;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-feature {
  counter-increment: parent-note;
  position: relative;
  padding: 4.6rem 1.6rem 2rem;
  border-left: 8px solid #7B3F46;
  border-radius: 0 1.5rem 1.5rem 0;
  background: #FFFFFF;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-feature::before {
  content: "WEEKEND NOTE 0" counter(parent-note);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #7B3F46;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-feature:nth-of-type(even) {
  border-left-color: #55745F;
  background: #FFF7ED;
}

.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-type-compare,
.dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-final-cta {
  border: 4px solid #7B3F46;
  border-radius: 2rem .5rem 2rem .5rem;
  background: #FFF7ED;
}

/* Cohort 13: diaspora distance clarity as four reviewable clocks. */
.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger {
  --guide-accent: #155A62;
  --guide-wash: #F2FBF7;
  counter-reset: clarity-clock ledger-entry;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-hero {
  border-top: 9px double #155A62;
  border-bottom: 9px solid #C66155;
  background: radial-gradient(circle at 83% 30%, #F5D69A 0 16%, transparent 16.3%), #F2FBF7;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-hero-copy {
  padding: 1.6rem;
  border-left: 6px solid #155A62;
  border-radius: 0 2.4rem 2.4rem 0;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-hero-art,
.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-inline-art {
  border: 4px solid #155A62;
  border-radius: 50% 50% 1.2rem 1.2rem / 3rem 3rem 1.2rem 1.2rem;
  box-shadow: 0 0 0 8px #D5EAE1;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px double #155A62;
  border-radius: 2.4rem;
  background: #F2FBF7;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-lens-copy {
  padding: 1.5rem 1.7rem;
  border-bottom: 6px solid #C66155;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
  padding: 1rem;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-lens-card {
  counter-increment: clarity-clock;
  position: relative;
  min-height: 12rem;
  padding: 4.3rem 1rem 1rem;
  border: 3px solid #155A62;
  border-radius: 50% 50% 1rem 1rem / 2.8rem 2.8rem 1rem 1rem;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-lens-card::before {
  content: "CLOCK 0" counter(clarity-clock);
  position: absolute;
  top: 1.1rem;
  left: 50%;
  transform: translateX(-50%);
  color: #155A62;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-lens-card:nth-child(even) {
  border-color: #C66155;
  box-shadow: inset 0 -7px 0 #F5D69A;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-feature {
  counter-increment: ledger-entry;
  position: relative;
  padding: 4.6rem 1.6rem 2rem;
  border-top: 3px solid #155A62;
  border-bottom: 1px dashed #6D8B86;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-feature::before {
  content: "LEDGER ENTRY 0" counter(ledger-entry);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #155A62;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-feature:nth-of-type(even) {
  border-top-color: #C66155;
  background: #F2FBF7;
}

.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-type-compare,
.dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-final-cta {
  border: 5px double #155A62;
  border-bottom-color: #C66155;
  border-radius: 2.4rem;
  background: #F2FBF7;
}

/* Cohort 13: later-start serious dating as a three-key career vault. */
.dating-guide-layout-late-starter-career-three-key-safety-vault {
  --guide-accent: #60365D;
  --guide-wash: #FAF4EA;
  counter-reset: vault-key vault-drawer;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-hero {
  border: 8px solid #60365D;
  border-right-color: #A66B42;
  border-radius: .6rem 2.8rem .6rem 2.8rem;
  background: linear-gradient(120deg, #FAF4EA 0 60%, #E8DCE7 60% 100%);
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 3px solid #60365D;
  border-radius: .4rem;
  background: rgba(255, 255, 255, .97);
  box-shadow: 7px 7px 0 #CBA56F;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-hero-art,
.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-inline-art {
  border: 5px double #60365D;
  border-radius: .6rem;
  box-shadow: 10px 10px 0 #D9E4D8;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 1rem;
  padding: 1rem;
  border: 5px solid #60365D;
  border-radius: .5rem 2rem .5rem 2rem;
  background: #FAF4EA;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-lens-copy {
  padding: 1.5rem;
  border-left: 7px solid #A66B42;
  background: #FFFFFF;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-lens-card {
  counter-increment: vault-key;
  position: relative;
  min-height: 11.5rem;
  padding: 4rem 1rem 1rem;
  border: 4px solid #60365D;
  border-radius: .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #D9E4D8;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-lens-card::before {
  content: "KEY 0" counter(vault-key);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .28rem .6rem;
  border: 2px solid #60365D;
  border-radius: 999px 0 0 999px;
  color: #60365D;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-lens-card:nth-child(even) {
  border-color: #A66B42;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-feature {
  counter-increment: vault-drawer;
  position: relative;
  padding: 4.7rem 1.6rem 2rem;
  border: 3px solid #60365D;
  border-radius: .35rem;
  background: #FFFFFF;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-feature::before {
  content: "VAULT DRAWER 0" counter(vault-drawer);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #60365D;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-feature:nth-of-type(even) {
  border-color: #A66B42;
  background: #FAF4EA;
}

.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-type-compare,
.dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-final-cta {
  border: 6px double #60365D;
  border-radius: .5rem 2rem .5rem 2rem;
  background: #FAF4EA;
}

/* Cohort 13: a Nairobi restart as a five-station distance line. */
.dating-guide-layout-nairobi-restart-five-station-distance-line {
  --guide-accent: #443A78;
  --guide-wash: #F7F5FF;
  counter-reset: distance-station city-stop;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-hero {
  border-top: 9px solid #443A78;
  border-bottom: 9px solid #4D7555;
  background: linear-gradient(90deg, #F7F5FF 0 72%, #E8D7F0 72% 100%);
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-hero-copy {
  padding: 1.5rem 1.7rem;
  border-left: 6px solid #443A78;
  border-bottom: 4px solid #C36B58;
  border-radius: 0 2rem .4rem 0;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-hero-art,
.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-inline-art {
  border: 4px solid #443A78;
  border-radius: 2.8rem .5rem 2.8rem .5rem;
  box-shadow: 0 9px 0 #C9DCCB;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid #443A78;
  border-radius: 2rem .5rem 2rem .5rem;
  background: #F7F5FF;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-lens-copy {
  padding: 1.5rem 1.7rem;
  border-bottom: 6px solid #4D7555;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
  padding: 1rem;
  background: linear-gradient(#F7F5FF 48%, #443A78 48% 52%, #F7F5FF 52%);
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-lens-card {
  counter-increment: distance-station;
  position: relative;
  min-height: 11.75rem;
  padding: 4.2rem 1rem 1rem;
  border: 3px solid #443A78;
  border-radius: 1.8rem;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-lens-card::before {
  content: "STATION 0" counter(distance-station);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .32rem .6rem;
  border-radius: 999px;
  background: #443A78;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-lens-card:nth-child(even) {
  border-color: #4D7555;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-feature {
  counter-increment: city-stop;
  position: relative;
  padding: 4.8rem 1.6rem 2rem 2.4rem;
  border-left: 5px solid #443A78;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-feature::before {
  content: "CITY STOP 0" counter(city-stop);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #443A78;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-feature:nth-of-type(even) {
  border-left-color: #4D7555;
  background: #F7F5FF;
}

.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-type-compare,
.dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-final-cta {
  border: 4px solid #443A78;
  border-bottom: 9px solid #4D7555;
  border-radius: 2rem .5rem 2rem .5rem;
  background: #F7F5FF;
}

/* Cohort 13: serious faith values at a four-lantern first-date table. */
.dating-guide-layout-faith-first-date-four-lantern-calm-table {
  --guide-accent: #27355F;
  --guide-wash: #FFF9ED;
  counter-reset: calm-lantern table-setting;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-hero {
  border-top: 9px solid #27355F;
  border-bottom: 9px double #C38A32;
  background: radial-gradient(ellipse at 80% 24%, #F5DDA8 0 15%, transparent 15.3%), #FFF9ED;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #27355F;
  border-radius: 3rem 3rem .8rem .8rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-hero-art,
.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-inline-art {
  border: 4px solid #27355F;
  border-radius: 3rem 3rem .8rem .8rem;
  box-shadow: 0 0 0 8px #EFE1BD;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px double #27355F;
  border-radius: 3rem 3rem 1rem 1rem;
  background: #FFF9ED;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-lens-copy {
  padding: 1.5rem 1.7rem;
  border-bottom: 6px solid #C38A32;
  background: #FFFFFF;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
  padding: 1rem;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-lens-card {
  counter-increment: calm-lantern;
  position: relative;
  min-height: 12rem;
  padding: 4.25rem 1rem 1rem;
  border: 3px solid #27355F;
  border-radius: 50% 50% 1.2rem 1.2rem / 3rem 3rem 1.2rem 1.2rem;
  background: #FFFFFF;
  box-shadow: inset 0 -7px 0 #DCE9DD;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-lens-card::before {
  content: "LANTERN 0" counter(calm-lantern);
  position: absolute;
  top: 1.05rem;
  left: 50%;
  transform: translateX(-50%);
  color: #27355F;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-lens-card:nth-child(even) {
  border-color: #9A4657;
  box-shadow: inset 0 -7px 0 #F1D6DD;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-feature {
  counter-increment: table-setting;
  position: relative;
  padding: 4.7rem 1.6rem 2rem;
  border: 2px solid #D7C69D;
  border-radius: 2rem 2rem .5rem .5rem;
  background: #FFFFFF;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-feature::before {
  content: "TABLE SETTING 0" counter(table-setting);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #C38A32;
  color: #27355F;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-feature:nth-of-type(even) {
  border-color: #9A4657;
  background: #FFF9ED;
}

.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-type-compare,
.dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-final-cta {
  border: 5px double #27355F;
  border-bottom-color: #C38A32;
  border-radius: 3rem 3rem 1rem 1rem;
  background: #FFF9ED;
}

@media (max-width: 900px) {
  .dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-editorial-lens,
  .dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-lens-grid,
  .dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-lens-grid,
  .dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-lens-grid,
  .dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-lens-grid {
    grid-template-columns: 1fr;
    background-image: none;
  }

  .dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-hero-copy,
  .dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-hero-copy,
  .dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-hero-copy,
  .dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-lens-card,
  .dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-lens-card,
  .dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-lens-card,
  .dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-lens-card,
  .dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-lens-card {
    grid-column: auto;
    min-height: auto;
  }

  .dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-feature,
  .dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-feature,
  .dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-feature,
  .dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-feature,
  .dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-parent-weekend-five-pocket-choice-board .dating-guide-feature::before,
  .dating-guide-layout-diaspora-distance-four-clock-clarity-ledger .dating-guide-feature::before,
  .dating-guide-layout-late-starter-career-three-key-safety-vault .dating-guide-feature::before,
  .dating-guide-layout-nairobi-restart-five-station-distance-line .dating-guide-feature::before,
  .dating-guide-layout-faith-first-date-four-lantern-calm-table .dating-guide-feature::before {
    left: 0;
  }
}

/* Cohort 14: a restart studio with six independently opened drawers. */
.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio {
  --guide-accent: #51345F;
  --guide-wash: #FBF5EE;
  counter-reset: restart-drawer restart-file;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-hero {
  border: 7px solid #51345F;
  border-right-color: #A95E4E;
  border-radius: .4rem;
  background: linear-gradient(105deg, #FBF5EE 0 64%, #E9DCCF 64% 100%);
  box-shadow: 12px 12px 0 #C7D7C7;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 3px solid #51345F;
  border-radius: .3rem;
  background: rgba(255, 255, 255, .97);
  box-shadow: inset 0 -8px 0 #E9DCCF;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-hero-art,
.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-inline-art {
  border: 5px solid #51345F;
  border-radius: .35rem;
  box-shadow: 10px 10px 0 #C68B63;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 1rem;
  padding: 1rem;
  border: 5px solid #51345F;
  border-radius: .5rem;
  background: #E9DCCF;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-lens-copy {
  padding: 1.6rem;
  border-left: 8px solid #A95E4E;
  background: #FFFFFF;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-lens-card {
  counter-increment: restart-drawer;
  position: relative;
  min-height: 11.5rem;
  padding: 4.1rem 1rem 1rem;
  border: 4px solid #51345F;
  border-radius: .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -9px 0 #C7D7C7;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-lens-card::before {
  content: "DRAWER 0" counter(restart-drawer);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .28rem .75rem;
  border: 3px solid #51345F;
  border-radius: 999px;
  color: #51345F;
  background: #FBF5EE;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-lens-card:nth-child(even) {
  border-color: #A95E4E;
  box-shadow: inset 0 -9px 0 #F1D0C5;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-feature {
  counter-increment: restart-file;
  position: relative;
  padding: 4.7rem 1.6rem 2rem;
  border-top: 5px solid #51345F;
  border-right: 2px solid #D8C6B7;
  border-bottom: 2px solid #D8C6B7;
  border-radius: 0 .6rem .6rem 0;
  background: #FFFFFF;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-feature::before {
  content: "RESTART FILE 0" counter(restart-file);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #51345F;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-feature:nth-of-type(even) {
  border-top-color: #A95E4E;
  background: #FBF5EE;
}

.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-type-compare,
.dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-final-cta {
  border: 6px double #51345F;
  border-radius: .5rem;
  background: #FBF5EE;
  box-shadow: 8px 8px 0 #C7D7C7;
}

/* Cohort 14: Nairobi adult-student pacing as a five-gate timetable. */
.dating-guide-layout-nairobi-student-five-gate-slow-timetable {
  --guide-accent: #175F73;
  --guide-wash: #F0FAF8;
  counter-reset: study-gate week-block;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-hero {
  border-top: 9px solid #175F73;
  border-bottom: 9px solid #E47A44;
  background: linear-gradient(90deg, transparent 49%, rgba(23, 95, 115, .08) 49% 51%, transparent 51%), #F0FAF8;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-hero-copy {
  padding: 1.55rem;
  border-left: 7px solid #175F73;
  border-radius: 0 2.4rem 2.4rem 0;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-hero-art,
.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-inline-art {
  border: 5px solid #175F73;
  border-radius: 2.8rem 2.8rem .6rem .6rem;
  box-shadow: 0 10px 0 #F2C65F;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid #175F73;
  border-radius: 2.6rem 2.6rem .6rem .6rem;
  background: #F0FAF8;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-lens-copy {
  padding: 1.6rem 1.8rem;
  border-bottom: 7px solid #E47A44;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  padding: 1rem;
  background: repeating-linear-gradient(90deg, transparent 0 24%, rgba(23, 95, 115, .12) 24% 25%);
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-lens-card {
  counter-increment: study-gate;
  position: relative;
  min-height: 12rem;
  padding: 4.2rem 1rem 1rem;
  border: 3px solid #175F73;
  border-radius: 2.2rem 2.2rem .5rem .5rem;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-lens-card::before {
  content: "GATE 0" counter(study-gate);
  position: absolute;
  top: 1.05rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .3rem .7rem;
  border-radius: 999px;
  background: #175F73;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-lens-card:nth-child(even) {
  border-color: #E47A44;
  box-shadow: inset 0 -8px 0 #F2C65F;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-feature {
  counter-increment: week-block;
  position: relative;
  padding: 4.7rem 1.6rem 2rem 2rem;
  border-left: 6px solid #175F73;
  border-bottom: 2px dashed #89AFA9;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-feature::before {
  content: "WEEK BLOCK 0" counter(week-block);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #175F73;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-feature:nth-of-type(even) {
  border-left-color: #E47A44;
  background: #F0FAF8;
}

.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-type-compare,
.dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-final-cta {
  border: 5px solid #175F73;
  border-bottom: 10px solid #E47A44;
  border-radius: 2.5rem 2.5rem .6rem .6rem;
  background: #F0FAF8;
}

/* Cohort 14: serious parent dating as a six-door clarity courtyard. */
.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard {
  --guide-accent: #215C52;
  --guide-wash: #FFF8EB;
  counter-reset: courtyard-door courtyard-step;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-hero {
  border: 8px double #215C52;
  border-bottom-color: #9A4E75;
  border-radius: 3.5rem 3.5rem .7rem .7rem;
  background: radial-gradient(circle at 82% 24%, #E2BB68 0 13%, transparent 13.4%), #FFF8EB;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #215C52;
  border-radius: 3rem 3rem .5rem .5rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-hero-art,
.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-inline-art {
  border: 5px solid #215C52;
  border-radius: 3rem 3rem .7rem .7rem;
  box-shadow: 0 0 0 9px #E6D7BB;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: 1rem;
  padding: 1rem;
  border: 6px double #215C52;
  border-radius: 3rem 3rem .7rem .7rem;
  background: #FFF8EB;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-lens-copy {
  padding: 1.6rem;
  border-bottom: 7px solid #9A4E75;
  border-radius: 2rem 2rem .4rem .4rem;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-lens-card {
  counter-increment: courtyard-door;
  position: relative;
  min-height: 12rem;
  padding: 4.3rem 1rem 1rem;
  border: 4px solid #215C52;
  border-radius: 45% 45% .5rem .5rem / 2.8rem 2.8rem .5rem .5rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #E6D7BB;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-lens-card::before {
  content: "DOOR 0" counter(courtyard-door);
  position: absolute;
  top: 1.05rem;
  left: 50%;
  transform: translateX(-50%);
  color: #215C52;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-lens-card:nth-child(even) {
  border-color: #9A4E75;
  box-shadow: inset 0 -8px 0 #F0CFD9;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-feature {
  counter-increment: courtyard-step;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 3px solid #D4B66F;
  border-radius: 2rem 2rem .5rem .5rem;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-feature::before {
  content: "COURTYARD STEP 0" counter(courtyard-step);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #9A4E75;
  color: #215C52;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-feature:nth-of-type(even) {
  border-color: #215C52;
  background: #FFF8EB;
}

.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-type-compare,
.dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-final-cta {
  border: 7px double #215C52;
  border-bottom-color: #9A4E75;
  border-radius: 3rem 3rem .7rem .7rem;
  background: #FFF8EB;
}

/* Cohort 14: two careers protected by a five-firewall distance plan. */
.dating-guide-layout-two-career-five-firewall-distance-plan {
  --guide-accent: #173D5A;
  --guide-wash: #F1F8F7;
  counter-reset: career-firewall system-node;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-hero {
  border: 8px solid #173D5A;
  clip-path: polygon(0 0, 97% 0, 100% 10%, 100% 100%, 3% 100%, 0 90%);
  background: linear-gradient(115deg, #F1F8F7 0 65%, #D9E8E6 65% 100%);
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-hero-copy {
  padding: 1.6rem;
  border-left: 8px solid #1B817D;
  border-bottom: 4px solid #C46F4E;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-hero-art,
.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-inline-art {
  border: 5px solid #173D5A;
  border-radius: .35rem;
  box-shadow: 9px 9px 0 #1B817D;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #173D5A;
  clip-path: polygon(0 0, 98% 0, 100% 6%, 100% 100%, 2% 100%, 0 94%);
  background: #F1F8F7;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-lens-copy {
  padding: 1.6rem 1.8rem;
  border-bottom: 7px solid #1B817D;
  background: #FFFFFF;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  padding: 1rem;
  background-image: linear-gradient(90deg, transparent 48%, rgba(27, 129, 125, .18) 48% 52%, transparent 52%);
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-lens-card {
  counter-increment: career-firewall;
  position: relative;
  min-height: 11.75rem;
  padding: 4.1rem 1rem 1rem;
  border: 4px solid #173D5A;
  border-radius: .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #BFD9D6;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-lens-card::before {
  content: "FIREWALL 0" counter(career-firewall);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .3rem .6rem;
  background: #173D5A;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-lens-card:nth-child(even) {
  border-color: #1B817D;
  box-shadow: inset 0 -8px 0 #F0C1B0;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-feature {
  counter-increment: system-node;
  position: relative;
  padding: 4.7rem 1.6rem 2rem 2.2rem;
  border-left: 8px solid #173D5A;
  border-bottom: 2px solid #9EB6B7;
  background: #FFFFFF;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-feature::before {
  content: "SYSTEM NODE 0" counter(system-node);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #173D5A;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-feature:nth-of-type(even) {
  border-left-color: #1B817D;
  background: #F1F8F7;
}

.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-type-compare,
.dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-final-cta {
  border: 6px solid #173D5A;
  border-right-color: #1B817D;
  border-bottom-color: #C46F4E;
  border-radius: .35rem;
  background: #F1F8F7;
}

/* Cohort 14: diaspora first-date anxiety as a six-anchor calm card. */
.dating-guide-layout-diaspora-first-date-six-anchor-calm-card {
  --guide-accent: #35467A;
  --guide-wash: #FFF7F1;
  counter-reset: calm-anchor arrival-field;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-hero {
  border-top: 10px solid #35467A;
  border-bottom: 10px dotted #C65F70;
  border-radius: 2.8rem .7rem 2.8rem .7rem;
  background: radial-gradient(circle at 84% 24%, #F0B55B 0 12%, transparent 12.3%), #FFF7F1;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #35467A;
  border-radius: 2.5rem .5rem 2.5rem .5rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-hero-art,
.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-inline-art {
  border: 5px solid #35467A;
  border-radius: 50% 50% 1rem 1rem / 2.8rem 2.8rem 1rem 1rem;
  box-shadow: 0 0 0 8px #D9E8DB;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 1rem;
  padding: 1rem;
  border: 5px dashed #35467A;
  border-radius: 2.8rem .7rem 2.8rem .7rem;
  background: #FFF7F1;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-lens-copy {
  padding: 1.6rem;
  border-radius: 2rem .4rem 2rem .4rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #F3D7CB;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-lens-card {
  counter-increment: calm-anchor;
  position: relative;
  min-height: 11.75rem;
  padding: 4.2rem 1rem 1rem;
  border: 3px solid #35467A;
  border-radius: 1.8rem .5rem 1.8rem .5rem;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-lens-card::before {
  content: "ANCHOR 0" counter(calm-anchor);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .3rem .65rem;
  border-radius: 999px;
  background: #35467A;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-lens-card:nth-child(even) {
  border-color: #C65F70;
  box-shadow: inset 0 -8px 0 #D9E8DB;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-feature {
  counter-increment: arrival-field;
  position: relative;
  padding: 4.7rem 1.6rem 2rem;
  border: 3px dashed #35467A;
  border-radius: 1.6rem .4rem 1.6rem .4rem;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-feature::before {
  content: "ARRIVAL FIELD 0" counter(arrival-field);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #35467A;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-feature:nth-of-type(even) {
  border-color: #C65F70;
  background: #FFF7F1;
}

.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-type-compare,
.dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-final-cta {
  border: 5px dashed #35467A;
  border-bottom-color: #C65F70;
  border-radius: 2.8rem .7rem 2.8rem .7rem;
  background: #FFF7F1;
}

@media (max-width: 900px) {
  .dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-editorial-lens,
  .dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-editorial-lens,
  .dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-lens-grid,
  .dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-lens-grid {
    grid-template-columns: 1fr;
    background-image: none;
  }

  .dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-hero,
  .dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-hero,
  .dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-editorial-lens {
    clip-path: none;
    box-shadow: none;
  }

  .dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-hero-copy,
  .dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-hero-copy,
  .dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-lens-card,
  .dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-lens-card,
  .dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-lens-card,
  .dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-lens-card,
  .dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-lens-card {
    min-height: auto;
  }

  .dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-feature,
  .dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-feature,
  .dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-feature,
  .dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-feature,
  .dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-restart-serious-casual-six-drawer-choice-studio .dating-guide-feature::before,
  .dating-guide-layout-nairobi-student-five-gate-slow-timetable .dating-guide-feature::before,
  .dating-guide-layout-nairobi-parent-six-door-clarity-courtyard .dating-guide-feature::before,
  .dating-guide-layout-two-career-five-firewall-distance-plan .dating-guide-feature::before,
  .dating-guide-layout-diaspora-first-date-six-anchor-calm-card .dating-guide-feature::before {
    left: 0;
  }
}

/* Cohort 15: later-life distance choices arranged as a four-compass atlas. */
.dating-guide-layout-later-life-four-compass-distance-atlas {
  --guide-accent: #155E63;
  --guide-wash: #FBF7EA;
  counter-reset: atlas-compass atlas-plate;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-hero {
  border: 7px double #155E63;
  border-radius: .45rem;
  background:
    linear-gradient(rgba(21, 94, 99, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 94, 99, .08) 1px, transparent 1px),
    #FBF7EA;
  background-size: 2rem 2rem;
  box-shadow: 10px 10px 0 #B78438;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #155E63;
  border-radius: .35rem;
  background: rgba(255, 255, 255, .97);
  box-shadow: inset 0 -8px 0 #E8D7B4;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-hero-art,
.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-inline-art {
  border: 5px solid #155E63;
  border-radius: 50% 50% .45rem .45rem / 2.4rem 2.4rem .45rem .45rem;
  box-shadow: 0 0 0 7px #E8D7B4;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
  gap: 1rem;
  padding: 1rem;
  border: 6px double #155E63;
  border-radius: .55rem;
  background:
    linear-gradient(rgba(183, 132, 56, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183, 132, 56, .12) 1px, transparent 1px),
    #FBF7EA;
  background-size: 1.5rem 1.5rem;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-lens-copy {
  padding: 1.6rem;
  border-left: 8px solid #B78438;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-lens-card {
  counter-increment: atlas-compass;
  position: relative;
  min-height: 12rem;
  padding: 4.35rem 1rem 1rem;
  border: 4px solid #155E63;
  border-radius: 50% 50% .4rem .4rem / 2.8rem 2.8rem .4rem .4rem;
  background: #FFFFFF;
  box-shadow: inset 0 -9px 0 #E8D7B4;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-lens-card::before {
  content: "COMPASS 0" counter(atlas-compass);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .3rem .7rem;
  border: 2px solid #B78438;
  border-radius: 999px;
  color: #155E63;
  background: #FBF7EA;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-lens-card:nth-child(even) {
  border-color: #B78438;
  box-shadow: inset 0 -9px 0 #C9DFDB;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-feature {
  counter-increment: atlas-plate;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 5px solid #155E63;
  border-bottom: 2px solid #B78438;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-feature::before {
  content: "ATLAS PLATE 0" counter(atlas-plate);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #155E63;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-feature:nth-of-type(even) {
  border-top-color: #B78438;
  background: #FBF7EA;
}

.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-type-compare,
.dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-final-cta {
  border: 7px double #155E63;
  border-bottom-color: #B78438;
  border-radius: .55rem;
  background: #FBF7EA;
  box-shadow: 8px 8px 0 #C9DFDB;
}

/* Cohort 15: faith-aware distance pacing as a six-lantern calendar. */
.dating-guide-layout-faith-distance-six-lantern-discernment-calendar {
  --guide-accent: #3E356B;
  --guide-wash: #FFF9EC;
  counter-reset: discernment-lantern discernment-week;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-hero {
  border-top: 9px solid #3E356B;
  border-bottom: 9px solid #D3922D;
  border-radius: 3rem 3rem .6rem .6rem;
  background: radial-gradient(circle at 83% 20%, rgba(211, 146, 45, .24) 0 12%, transparent 12.4%), #FFF9EC;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #3E356B;
  border-radius: 2.6rem 2.6rem .4rem .4rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-hero-art,
.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-inline-art {
  border: 5px solid #3E356B;
  border-radius: 3rem 3rem .55rem .55rem;
  box-shadow: 0 10px 0 #D3922D;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #3E356B;
  border-radius: 3rem 3rem .6rem .6rem;
  background: #FFF9EC;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-lens-copy {
  padding: 1.6rem 1.8rem;
  border-bottom: 7px solid #D3922D;
  background: #FFFFFF;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  padding: 1rem;
  background: linear-gradient(90deg, transparent 49%, rgba(62, 53, 107, .08) 49% 51%, transparent 51%);
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-lens-card {
  counter-increment: discernment-lantern;
  position: relative;
  min-height: 12rem;
  padding: 4.3rem 1rem 1rem;
  border: 3px solid #3E356B;
  border-radius: 48% 48% .55rem .55rem / 2.6rem 2.6rem .55rem .55rem;
  background: #FFFFFF;
  box-shadow: inset 0 -10px 0 #F5DDA9;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-lens-card::before {
  content: "LANTERN 0" counter(discernment-lantern);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .3rem .66rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #3E356B;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-lens-card:nth-child(even) {
  border-color: #D3922D;
  box-shadow: inset 0 -10px 0 #D8E5DA;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-feature {
  counter-increment: discernment-week;
  position: relative;
  padding: 4.8rem 1.6rem 2rem 2rem;
  border-left: 7px solid #3E356B;
  border-bottom: 2px dashed #D3922D;
  background: #FFFFFF;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-feature::before {
  content: "DISCERNMENT WEEK 0" counter(discernment-week);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #3E356B;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-feature:nth-of-type(even) {
  border-left-color: #D3922D;
  background: #FFF9EC;
}

.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-type-compare,
.dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-final-cta {
  border: 6px solid #3E356B;
  border-bottom: 10px solid #D3922D;
  border-radius: 3rem 3rem .6rem .6rem;
  background: #FFF9EC;
}

/* Cohort 15: adult-student seriousness tested at five weekend lab stations. */
.dating-guide-layout-student-weekend-five-station-serious-lab {
  --guide-accent: #174B78;
  --guide-wash: #F4F8EF;
  counter-reset: serious-station lab-note;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-hero {
  border: 8px solid #174B78;
  border-right-color: #D98C18;
  border-radius: .35rem;
  background: repeating-linear-gradient(0deg, #F4F8EF 0 2rem, #D9E2D3 2rem calc(2rem + 1px));
  box-shadow: 10px 10px 0 #D98C18;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-hero-copy {
  padding: 1.6rem;
  border-left: 8px solid #174B78;
  border-bottom: 4px solid #D98C18;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-hero-art,
.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-inline-art {
  border: 5px solid #174B78;
  border-radius: .4rem;
  box-shadow: 8px 8px 0 #8DAF9A;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 5px solid #174B78;
  border-radius: .45rem;
  background: #F4F8EF;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-lens-copy {
  padding: 1.6rem 1.8rem;
  border-bottom: 8px solid #D98C18;
  background: #FFFFFF;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  padding: 1rem;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-lens-card {
  counter-increment: serious-station;
  position: relative;
  min-height: 11.75rem;
  padding: 4.1rem 1rem 1rem;
  border: 4px solid #174B78;
  border-radius: .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #D9E2D3;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-lens-card::before {
  content: "STATION 0" counter(serious-station);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .3rem .65rem;
  color: #FFFFFF;
  background: #174B78;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-lens-card:nth-child(even) {
  border-color: #D98C18;
  box-shadow: inset 0 -8px 0 #BFD7C7;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-feature {
  counter-increment: lab-note;
  position: relative;
  padding: 4.8rem 1.6rem 2rem 2.1rem;
  border-left: 6px solid #174B78;
  border-bottom: 2px solid #B6C7B9;
  background: repeating-linear-gradient(0deg, #FFFFFF 0 2rem, #E5EBE2 2rem calc(2rem + 1px));
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-feature::before {
  content: "LAB NOTE 0" counter(lab-note);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #174B78;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-feature:nth-of-type(even) {
  border-left-color: #D98C18;
  background-color: #F4F8EF;
}

.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-type-compare,
.dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-final-cta {
  border: 6px solid #174B78;
  border-right-color: #D98C18;
  border-radius: .4rem;
  background: #F4F8EF;
  box-shadow: 8px 8px 0 #8DAF9A;
}

/* Cohort 15: serious diaspora weekends joined by six ordinary-life bridge spans. */
.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge {
  --guide-accent: #163B59;
  --guide-wash: #F7F3EA;
  counter-reset: bridge-span bridge-joint;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-hero {
  border-top: 10px solid #163B59;
  border-bottom: 10px solid #A85F3F;
  background: linear-gradient(115deg, #F7F3EA 0 68%, #D8E2D5 68% 100%);
  box-shadow: inset 0 -4px 0 #2E7259;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-hero-copy {
  padding: 1.6rem;
  border-left: 8px solid #A85F3F;
  border-right: 3px solid #163B59;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-hero-art,
.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-inline-art {
  border: 5px solid #163B59;
  border-radius: .35rem;
  box-shadow: 0 10px 0 #2E7259;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: 1rem;
  padding: 1rem;
  border-top: 8px solid #163B59;
  border-bottom: 8px solid #2E7259;
  background: #F7F3EA;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-lens-copy {
  padding: 1.6rem;
  border-left: 7px solid #A85F3F;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-lens-card {
  counter-increment: bridge-span;
  position: relative;
  min-height: 11.75rem;
  padding: 4.2rem 1rem 1rem;
  border-top: 5px solid #163B59;
  border-right: 3px solid #2E7259;
  border-bottom: 5px solid #163B59;
  border-left: 3px solid #2E7259;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-lens-card::before {
  content: "BRIDGE SPAN 0" counter(bridge-span);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .3rem .65rem;
  border-left: 4px solid #A85F3F;
  color: #163B59;
  background: #F7F3EA;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-lens-card:nth-child(even) {
  border-color: #A85F3F;
  box-shadow: inset 0 -8px 0 #D8E2D5;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-feature {
  counter-increment: bridge-joint;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 5px solid #163B59;
  border-bottom: 3px solid #2E7259;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-feature::before {
  content: "BRIDGE JOINT 0" counter(bridge-joint);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #163B59;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .07em;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-feature:nth-of-type(even) {
  border-top-color: #A85F3F;
  background: #F7F3EA;
}

.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-type-compare,
.dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-final-cta {
  border-top: 9px solid #163B59;
  border-right: 5px solid #A85F3F;
  border-bottom: 9px solid #2E7259;
  border-left: 5px solid #A85F3F;
  border-radius: .35rem;
  background: #F7F3EA;
}

/* Cohort 15: a calm first-meet deck for a new long-distance journey. */
.dating-guide-layout-new-distance-six-signal-first-meet-deck {
  --guide-accent: #284B69;
  --guide-wash: #FFF7F2;
  counter-reset: first-signal arrival-card;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-hero {
  border: 7px solid #284B69;
  border-bottom-color: #C96F61;
  border-radius: 2.4rem .55rem 2.4rem .55rem;
  background: radial-gradient(circle at 83% 22%, #BFD7CA 0 13%, transparent 13.3%), #FFF7F2;
  box-shadow: 10px 10px 0 #BFD7CA;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #284B69;
  border-radius: 2rem .4rem 2rem .4rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-hero-art,
.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-inline-art {
  border: 5px solid #284B69;
  border-radius: 2.3rem .5rem 2.3rem .5rem;
  box-shadow: 0 0 0 8px #EBCBC2;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 1rem;
  padding: 1rem;
  border: 5px solid #284B69;
  border-radius: 2.4rem .55rem 2.4rem .55rem;
  background: #FFF7F2;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-lens-copy {
  padding: 1.6rem;
  border-radius: 1.8rem .35rem 1.8rem .35rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #BFD7CA;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-lens-card {
  counter-increment: first-signal;
  position: relative;
  min-height: 11.75rem;
  padding: 4.2rem 1rem 1rem;
  border: 3px solid #284B69;
  border-radius: 1.7rem .35rem 1.7rem .35rem;
  background: #FFFFFF;
  box-shadow: 6px 6px 0 #BFD7CA;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-lens-card::before {
  content: "SIGNAL 0" counter(first-signal);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .3rem .65rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #284B69;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-lens-card:nth-child(even) {
  border-color: #C96F61;
  box-shadow: 6px 6px 0 #EBCBC2;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-feature {
  counter-increment: arrival-card;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 3px solid #284B69;
  border-radius: 1.5rem .35rem 1.5rem .35rem;
  background: #FFFFFF;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-feature::before {
  content: "ARRIVAL CARD 0" counter(arrival-card);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #284B69;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-feature:nth-of-type(even) {
  border-color: #C96F61;
  background: #FFF7F2;
}

.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-type-compare,
.dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-final-cta {
  border: 5px solid #284B69;
  border-bottom-color: #C96F61;
  border-radius: 2.4rem .55rem 2.4rem .55rem;
  background: #FFF7F2;
  box-shadow: 8px 8px 0 #BFD7CA;
}

@media (max-width: 900px) {
  .dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-editorial-lens,
  .dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-editorial-lens,
  .dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-lens-grid,
  .dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-lens-grid,
  .dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-lens-grid,
  .dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-lens-grid,
  .dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-lens-grid {
    grid-template-columns: 1fr;
    background-image: none;
  }

  .dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-hero,
  .dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-hero,
  .dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-hero {
    box-shadow: none;
  }

  .dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-hero-copy,
  .dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-hero-copy,
  .dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-hero-copy,
  .dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-hero-copy,
  .dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-lens-card,
  .dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-lens-card,
  .dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-lens-card,
  .dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-lens-card,
  .dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-lens-card {
    min-height: auto;
  }

  .dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-feature,
  .dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-feature,
  .dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-feature,
  .dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-feature,
  .dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-later-life-four-compass-distance-atlas .dating-guide-feature::before,
  .dating-guide-layout-faith-distance-six-lantern-discernment-calendar .dating-guide-feature::before,
  .dating-guide-layout-student-weekend-five-station-serious-lab .dating-guide-feature::before,
  .dating-guide-layout-diaspora-weekend-six-span-ordinary-life-bridge .dating-guide-feature::before,
  .dating-guide-layout-new-distance-six-signal-first-meet-deck .dating-guide-feature::before {
    left: 0;
  }
}

@media (max-width: 380px) {
  .grid-3 { grid-template-columns: 1fr; }
}

/* Cohort 07: five independent decision architectures. */
.dating-guide-layout-nairobi-reentry-four-answer-map,
.dating-guide-layout-diaspora-casual-permission-bridge,
.dating-guide-layout-later-life-distance-safeguard-ledger,
.dating-guide-layout-parent-distance-family-data-airlock,
.dating-guide-layout-parent-weekend-three-clock-plan {
  --route-red: #A72A35;
  --route-blue: #173D6B;
  --route-green: #176047;
  --route-gold: #A87012;
  --route-plum: #68204F;
  --route-line: #CBD3DB;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-inline-art,
.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-inline-art,
.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-inline-art,
.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-inline-art,
.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-inline-art {
  overflow: hidden;
  border-radius: 6px;
  background: #FFFFFF;
}

/* Nairobi re-entry: four answers sit as equal coordinates, not a ladder. */
.dating-guide-layout-nairobi-reentry-four-answer-map {
  --guide-accent: var(--route-green);
  --guide-wash: #F7F5EE;
  counter-reset: reentry-answer reentry-field;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-hero {
  border-top: 7px solid var(--route-green);
  border-bottom: 3px solid var(--route-gold);
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-hero-copy {
  padding: 1.4rem;
  border: 1px solid var(--route-line);
  border-left: 8px solid var(--route-green);
  background: linear-gradient(135deg, #FFFFFF 0 68%, #F3EBD9 68% 100%);
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-hero-art {
  border: 2px solid var(--route-green);
  box-shadow: 9px 9px 0 #E9E3D5;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-editorial-lens {
  grid-template-columns: minmax(14rem, .72fr) minmax(0, 1.28fr);
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--route-line);
  background: #F7F5EE;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-lens-copy {
  align-self: stretch;
  padding: 1.5rem;
  border: 1px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-lens-card {
  counter-increment: reentry-answer;
  position: relative;
  min-height: 11rem;
  padding: 3.5rem 1.1rem 1.1rem;
  border: 1px solid var(--route-line);
  border-top: 5px solid var(--route-green);
  border-radius: 0 1.5rem 0 1.5rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-lens-card::before {
  content: "ANSWER 0" counter(reentry-answer);
  position: absolute;
  top: .95rem;
  left: 1.1rem;
  color: var(--route-green);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .06em;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-lens-card:nth-child(even) {
  border-top-color: var(--route-gold);
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-lens-card:nth-child(even)::before {
  color: var(--route-gold);
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-feature {
  counter-increment: reentry-field;
  position: relative;
  padding: 4.5rem 1.5rem 2rem;
  border-top: 1px solid var(--route-line);
  border-left: 6px solid var(--route-green);
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-feature::before {
  content: "FIELD NOTE 0" counter(reentry-field);
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  padding: .28rem .65rem;
  border: 1px solid var(--route-green);
  color: var(--route-green);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-feature:nth-of-type(even) {
  border-left-color: var(--route-gold);
}

.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-type-compare,
.dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-right: 7px solid var(--route-gold);
  border-left: 7px solid var(--route-green);
  background: #FFFFFF;
}

/* Diaspora casual: each permission remains an independent bridge gate. */
.dating-guide-layout-diaspora-casual-permission-bridge {
  --guide-accent: #056B67;
  --guide-wash: #F2F8F7;
  counter-reset: permission-gate bridge-log;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-hero {
  border-top: 7px solid #056B67;
  border-bottom: 7px solid #6040A4;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-hero-copy {
  padding: 1.4rem;
  border: 1px solid #8ABAB7;
  border-radius: 1.6rem 1.6rem 4px 4px;
  box-shadow: inset 0 -6px 0 #E5F2F0;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-hero-art {
  border: 2px solid #6040A4;
  border-radius: 1.6rem 1.6rem 4px 4px;
  box-shadow: 8px 8px 0 #E8E2F2;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding: 0;
  border: 0;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-copy {
  max-width: 62rem;
  padding: 1.3rem 1.5rem;
  border-left: 7px solid #056B67;
  border-right: 7px solid #6040A4;
  background: #F2F8F7;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  padding: 1.5rem 1rem;
  border-top: 3px solid #056B67;
  border-bottom: 3px solid #6040A4;
  background: linear-gradient(90deg, #F2F8F7, #F7F3FA);
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-card {
  counter-increment: permission-gate;
  position: relative;
  min-height: 11rem;
  padding: 3.65rem 1.1rem 1.1rem;
  border: 1px solid #8ABAB7;
  border-radius: 999px 999px 8px 8px / 42px 42px 8px 8px;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-card::before {
  content: "GATE 0" counter(permission-gate);
  position: absolute;
  top: .85rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .28rem .65rem;
  border-radius: 999px;
  background: #056B67;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-card:nth-child(even)::before {
  background: #6040A4;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-feature {
  counter-increment: bridge-log;
  position: relative;
  padding: 4.5rem 1.5rem 2rem;
  border-top: 5px solid #056B67;
  border-radius: 0 0 1.5rem 1.5rem;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-feature::before {
  content: "BRIDGE LOG 0" counter(bridge-log);
  position: absolute;
  top: 1.15rem;
  left: 1.5rem;
  color: #056B67;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-feature:nth-of-type(even) {
  border-top-color: #6040A4;
}

.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-type-compare,
.dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-final-cta {
  border: 1px solid #8ABAB7;
  border-top: 6px solid #056B67;
  border-bottom: 6px solid #6040A4;
  background: #FFFFFF;
}

/* Later life: a ruled ledger separates direction, evidence, and authority. */
.dating-guide-layout-later-life-distance-safeguard-ledger {
  --guide-accent: #6B1728;
  --guide-wash: #FAF7F1;
  counter-reset: ledger-line safeguard-entry;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-hero {
  border-top: 8px solid #6B1728;
  border-bottom: 4px double var(--route-gold);
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-hero-copy {
  padding: 1.4rem;
  border: 1px solid #D8C7B0;
  border-left: 10px double #6B1728;
  background: #FAF7F1;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-hero-art {
  border: 2px solid #6B1728;
  box-shadow: 9px 9px 0 #E8DECF;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-editorial-lens {
  grid-template-columns: minmax(15rem, .68fr) minmax(0, 1.32fr);
  gap: 0;
  padding: 0;
  border: 1px solid #D8C7B0;
  background: #FAF7F1;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-lens-copy {
  padding: 1.6rem;
  border-right: 5px double #6B1728;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-lens-grid {
  grid-template-columns: 1fr;
  gap: 0;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-lens-card {
  counter-increment: ledger-line;
  position: relative;
  min-height: 0;
  padding: 1.15rem 1.15rem 1.15rem 6.2rem;
  border: 0;
  border-bottom: 1px solid #D8C7B0;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-lens-card::before {
  content: "LEDGER 0" counter(ledger-line);
  position: absolute;
  top: 1.1rem;
  left: 1rem;
  width: 4.3rem;
  color: #6B1728;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-bottom: 0;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-feature {
  counter-increment: safeguard-entry;
  position: relative;
  padding: 4.6rem 1.6rem 2rem;
  border-top: 1px solid #D8C7B0;
  border-bottom: 3px double #6B1728;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-feature::before {
  content: "SAFEGUARD 0" counter(safeguard-entry);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding: .3rem .7rem;
  border: 1px solid #6B1728;
  color: #6B1728;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-type-compare,
.dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-final-cta {
  border: 1px solid #D8C7B0;
  border-top: 8px double #6B1728;
  background: #FAF7F1;
}

/* Parent distance: adult evidence and family access occupy separate chambers. */
.dating-guide-layout-parent-distance-family-data-airlock {
  --guide-accent: var(--route-blue);
  --guide-wash: #F4F7F8;
  counter-reset: airlock-check adult-lane;
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-hero {
  border-top: 7px solid var(--route-blue);
  border-bottom: 7px solid var(--route-green);
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-hero-copy {
  padding: 1.4rem;
  border: 2px solid var(--route-blue);
  box-shadow: inset -8px 0 0 var(--route-green);
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-hero-art {
  border: 3px solid var(--route-blue);
  border-radius: 2rem 2rem 4px 4px;
  box-shadow: 8px 8px 0 #DCE7E3;
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 2px solid var(--route-blue);
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 7px solid var(--route-green);
  background: #F4F7F8;
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-card {
  counter-increment: airlock-check;
  position: relative;
  min-height: 12rem;
  padding: 4rem 1.2rem 1.2rem;
  border: 0;
  border-right: 1px solid var(--route-line);
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-card::before {
  content: "AIRLOCK 0" counter(airlock-check);
  position: absolute;
  top: 1rem;
  left: 1.2rem;
  padding: .3rem .7rem;
  border-radius: 999px;
  background: var(--route-blue);
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-card:nth-child(even)::before {
  background: var(--route-green);
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-right: 0;
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-feature {
  counter-increment: adult-lane;
  position: relative;
  padding: 4.6rem 1.5rem 2rem;
  border: 1px solid var(--route-line);
  border-left: 9px solid var(--route-blue);
  background: #FFFFFF;
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-feature::before {
  content: "ADULT LANE 0" counter(adult-lane);
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  color: var(--route-blue);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-feature:nth-of-type(even) {
  border-left-color: var(--route-green);
}

.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-type-compare,
.dating-guide-layout-parent-distance-family-data-airlock .dating-guide-final-cta {
  border: 2px solid var(--route-blue);
  border-bottom: 8px solid var(--route-green);
  background: #F4F7F8;
}

/* Parent weekend: three clocks control care capacity, date time, and recovery. */
.dating-guide-layout-parent-weekend-three-clock-plan {
  --guide-accent: var(--route-plum);
  --guide-wash: #FAF5F2;
  counter-reset: clock-face clock-note;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-hero {
  border-top: 7px solid var(--route-plum);
  border-bottom: 7px solid #B64D2D;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-hero-copy {
  padding: 1.4rem;
  border: 1px solid #D9C7D3;
  border-radius: 2rem 4px 2rem 4px;
  box-shadow: inset 0 -7px 0 #F3E4DE;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-hero-art {
  border: 2px solid var(--route-plum);
  border-radius: 2rem 4px 2rem 4px;
  box-shadow: 8px 8px 0 #E8DCD9;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding: 0;
  border: 0;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-copy {
  max-width: 62rem;
  padding: 1.35rem 1.6rem;
  border-left: 7px solid var(--route-plum);
  background: #FAF5F2;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-grid {
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
  border-top: 1px solid #D9C7D3;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-card {
  counter-increment: clock-face;
  position: relative;
  min-height: 13rem;
  padding: 4.4rem 1.25rem 1.25rem;
  border: 3px solid var(--route-plum);
  border-radius: 50% 50% 12px 12px / 32% 32% 12px 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 7px #FAF5F2;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-card::before {
  content: "CLOCK 0" counter(clock-face);
  position: absolute;
  top: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.25rem;
  height: 3.25rem;
  border: 2px solid #B64D2D;
  border-radius: 50%;
  color: var(--route-plum);
  font-size: .62rem;
  font-weight: 900;
  line-height: 3rem;
  text-align: center;
  white-space: nowrap;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-feature {
  counter-increment: clock-note;
  position: relative;
  padding: 4.6rem 1.5rem 2rem;
  border-top: 5px solid var(--route-plum);
  border-radius: 0 0 1.5rem 1.5rem;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-feature::before {
  content: "TIME NOTE 0" counter(clock-note);
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  color: var(--route-plum);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-feature:nth-of-type(even) {
  border-top-color: #B64D2D;
}

.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-type-compare,
.dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-final-cta {
  border: 1px solid #D9C7D3;
  border-top: 7px solid var(--route-plum);
  border-bottom: 7px solid #B64D2D;
  border-radius: 1.5rem 4px 1.5rem 4px;
  background: #FAF5F2;
}

@media (max-width: 900px) {
  .dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-editorial-lens,
  .dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-lens-copy {
    border-right: 0;
    border-bottom: 5px double #6B1728;
  }

  .dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-grid,
  .dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-grid,
  .dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-card:last-child,
  .dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-card:last-child,
  .dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-card:last-child {
    grid-column: 1 / -1;
    min-height: auto;
  }
}

/* Cohort 11: adult students as a four-lane semester map. */
.dating-guide-layout-student-distance-four-lane-semester-map {
  --guide-accent: #293D79;
  --guide-wash: #F7F2E6;
  counter-reset: semester-lane study-stop;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-hero {
  border-top: 9px solid #293D79;
  border-bottom: 9px solid #238070;
  background: repeating-linear-gradient(90deg, #F7F2E6 0 21%, #E7EFEB 21% 22%, #F7F2E6 22% 46%);
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-hero-copy {
  padding: 1.5rem;
  border-right: 5px double #238070;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-hero-art,
.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-inline-art {
  border: 3px solid #293D79;
  border-bottom: 8px solid #238070;
  border-radius: .35rem;
  box-shadow: 9px 9px 0 #D9D2BC;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 3px solid #293D79;
  background: #F7F2E6;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 7px solid #D66C54;
  background: #FFFFFF;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  padding: 1rem;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-lens-card {
  counter-increment: semester-lane;
  position: relative;
  min-height: 12rem;
  padding: 4.2rem 1rem 1.1rem;
  border: 2px solid #293D79;
  border-left: 9px solid #238070;
  border-radius: .25rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-lens-card::before {
  content: "LANE 0" counter(semester-lane);
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  color: #293D79;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-feature {
  counter-increment: study-stop;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 5px solid #293D79;
  border-bottom: 5px solid #238070;
  background: #FFFFFF;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-feature::before {
  content: "STUDY STOP 0" counter(study-stop);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #293D79;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-feature:nth-of-type(even) {
  background: #F4F9F7;
}

.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-type-compare,
.dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-final-cta {
  border: 4px double #293D79;
  border-bottom: 9px solid #238070;
  background: #F7F2E6;
}

/* Cohort 11: a career restart as four deliberate safety gates. */
.dating-guide-layout-career-restart-four-gate-slow-lab {
  --guide-accent: #245B4A;
  --guide-wash: #F4F1E8;
  counter-reset: restart-gate evidence-step;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-hero {
  border: 3px solid #245B4A;
  border-left: 13px solid #1F3F67;
  background: linear-gradient(135deg, #FFFFFF 0 68%, #E7EFEA 68% 100%);
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-hero-copy {
  padding: 1.5rem;
  border-bottom: 7px solid #DF9A5A;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-hero-art,
.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-inline-art {
  border: 4px solid #245B4A;
  border-radius: 1.5rem 1.5rem .25rem .25rem;
  box-shadow: 9px 9px 0 #C8D8D0;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid #245B4A;
  border-radius: 1.2rem 1.2rem .2rem .2rem;
  background: #F4F1E8;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 7px solid #DF9A5A;
  background: #FFFFFF;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-lens-card {
  counter-increment: restart-gate;
  position: relative;
  min-height: 12.2rem;
  padding: 4.2rem 1rem 1.1rem;
  border: 3px solid #245B4A;
  border-top: 10px solid #1F3F67;
  border-radius: 1.25rem 1.25rem .2rem .2rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-lens-card::before {
  content: "GATE 0" counter(restart-gate);
  position: absolute;
  top: 1.1rem;
  left: 1rem;
  color: #245B4A;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-feature {
  counter-increment: evidence-step;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 2px solid #BED0C8;
  border-left: 9px solid #245B4A;
  background: #FFFFFF;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-feature::before {
  content: "EVIDENCE 0" counter(evidence-step);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #1F3F67;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-feature:nth-of-type(even) {
  border-left-color: #DF9A5A;
  background: #FAF8F2;
}

.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-type-compare,
.dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-final-cta {
  border: 4px solid #245B4A;
  border-right: 10px solid #DF9A5A;
  border-radius: 1.2rem .2rem 1.2rem .2rem;
  background: #F4F1E8;
}

/* Cohort 11: serious professional weekends as a two-calendar ledger. */
.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger {
  --guide-accent: #6C2937;
  --guide-wash: #F7F3EA;
  counter-reset: ledger-line monday-line;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-hero {
  border-top: 10px double #6C2937;
  border-bottom: 10px double #223F67;
  background: repeating-linear-gradient(0deg, #FFFFFF 0 2.7rem, #E8E0D0 2.7rem calc(2.7rem + 1px));
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-hero-copy {
  padding: 1.5rem;
  border-right: 7px solid #B9783E;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-hero-art,
.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-inline-art {
  border: 4px double #6C2937;
  border-radius: 0;
  box-shadow: 9px 9px 0 #D8CBB4;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 3px solid #6C2937;
  background: #F7F3EA;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 8px double #B9783E;
  background: #FFFFFF;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  background: #BDAA99;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-lens-card {
  counter-increment: ledger-line;
  position: relative;
  min-height: 12.3rem;
  padding: 4.2rem 1rem 1.1rem;
  border: 0;
  border-bottom: 8px solid #223F67;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-lens-card::before {
  content: "LEDGER 0" counter(ledger-line);
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  color: #6C2937;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-feature {
  counter-increment: monday-line;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-left: 8px solid #6C2937;
  border-bottom: 3px double #B9783E;
  background: repeating-linear-gradient(0deg, #FFFFFF 0 2.4rem, #EFE8DC 2.4rem calc(2.4rem + 1px));
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-feature::before {
  content: "MONDAY LINE 0" counter(monday-line);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #223F67;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-feature:nth-of-type(even) {
  border-left-color: #223F67;
}

.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-type-compare,
.dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-final-cta {
  border: 5px double #6C2937;
  border-bottom: 10px solid #223F67;
  background: #F7F3EA;
}

/* Cohort 11: working parents as three independently controlled harbour locks. */
.dating-guide-layout-parent-career-three-lock-distance-harbour {
  --guide-accent: #1F6664;
  --guide-wash: #F5F0E5;
  counter-reset: harbour-lock buoy-line;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-hero {
  border: 4px solid #1F6664;
  border-radius: 2.4rem 2.4rem .35rem .35rem;
  background: linear-gradient(180deg, #FFFFFF 0 62%, #DDEAE6 62% 100%);
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-hero-copy {
  padding: 1.5rem;
  border-bottom: 8px solid #A97729;
  background: #FFFFFF;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-hero-art,
.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-inline-art {
  border: 4px solid #1F6664;
  border-radius: 2rem 2rem .35rem .35rem;
  box-shadow: 0 9px 0 #D8CDB7;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid #1F6664;
  border-radius: 2rem 2rem .35rem .35rem;
  background: #F5F0E5;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 8px solid #A97729;
  background: #FFFFFF;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-lens-card {
  counter-increment: harbour-lock;
  position: relative;
  min-height: 12.3rem;
  padding: 4.2rem 1rem 1.1rem;
  border: 3px solid #1F6664;
  border-radius: 2rem 2rem .25rem .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -8px 0 #E1D6BE;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-lens-card::before {
  content: "LOCK 0" counter(harbour-lock);
  position: absolute;
  top: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
  color: #5F315E;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-color: #5F315E;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-feature {
  counter-increment: buoy-line;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 5px solid #1F6664;
  border-bottom: 7px double #A97729;
  background: #FFFFFF;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-feature::before {
  content: "BUOY 0" counter(buoy-line);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #5F315E;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-feature:nth-of-type(even) {
  border-top-color: #5F315E;
}

.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-type-compare,
.dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-final-cta {
  border: 4px double #1F6664;
  border-radius: 2rem .35rem 2rem .35rem;
  background: #F5F0E5;
}

/* Cohort 11: a Nairobi diaspora first date as three clarity pockets. */
.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route {
  --guide-accent: #62418A;
  --guide-wash: #FAF4E7;
  counter-reset: clarity-pocket route-stop;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-hero {
  border-top: 9px solid #62418A;
  border-bottom: 9px solid #226D8E;
  background: radial-gradient(circle at 82% 24%, #E9B94F 0 10%, transparent 10.3%), #FAF4E7;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-hero-copy {
  padding: 1.5rem;
  border-left: 6px solid #226D8E;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-hero-art,
.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-inline-art {
  border: 4px solid #62418A;
  border-radius: 1.4rem .35rem 1.4rem .35rem;
  box-shadow: 9px 9px 0 #E2D2AF;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid #62418A;
  background: #FAF4E7;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 7px solid #E2A631;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
  padding: 1rem;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-lens-card {
  counter-increment: clarity-pocket;
  position: relative;
  min-height: 12.3rem;
  padding: 4.25rem 1rem 1.1rem;
  border: 3px solid #62418A;
  border-top: 9px dotted #226D8E;
  border-radius: .25rem .25rem 1.4rem 1.4rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-lens-card::before {
  content: "POCKET 0" counter(clarity-pocket);
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  color: #62418A;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-bottom-color: #C5534B;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-feature {
  counter-increment: route-stop;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-left: 7px solid #62418A;
  border-right: 7px solid #226D8E;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-feature::before {
  content: "ROUTE STOP 0" counter(route-stop);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #E2A631;
  color: #62418A;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-feature:nth-of-type(even) {
  background: #F8FBFC;
}

.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-type-compare,
.dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-final-cta {
  border: 4px solid #62418A;
  border-bottom: 10px solid #226D8E;
  border-radius: 1.4rem .35rem 1.4rem .35rem;
  background: #FAF4E7;
}

@media (max-width: 900px) {
  .dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-lens-grid,
  .dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-lens-grid,
  .dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-lens-grid,
  .dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-lens-grid,
  .dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-lens-grid,
  .dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-lens-grid,
  .dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-hero-copy,
  .dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-hero-copy,
  .dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-hero-copy,
  .dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-lens-card,
  .dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-lens-card,
  .dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-lens-card,
  .dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-lens-card,
  .dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-lens-card {
    grid-column: auto;
    min-height: auto;
  }

  .dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-feature,
  .dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-feature,
  .dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-feature,
  .dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-feature,
  .dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-student-distance-four-lane-semester-map .dating-guide-feature::before,
  .dating-guide-layout-career-restart-four-gate-slow-lab .dating-guide-feature::before,
  .dating-guide-layout-professional-weekend-two-calendar-commitment-ledger .dating-guide-feature::before,
  .dating-guide-layout-parent-career-three-lock-distance-harbour .dating-guide-feature::before,
  .dating-guide-layout-nairobi-diaspora-three-pocket-clarity-route .dating-guide-feature::before {
    left: 0;
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-grid,
  .dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-grid,
  .dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-hero-copy,
  .dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-hero-copy,
  .dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-hero-copy,
  .dating-guide-layout-parent-distance-family-data-airlock .dating-guide-hero-copy,
  .dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-lens-card,
  .dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-card,
  .dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-card,
  .dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-card,
  .dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-lens-card:last-child,
  .dating-guide-layout-parent-distance-family-data-airlock .dating-guide-lens-card:last-child,
  .dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-lens-card:last-child {
    grid-column: auto;
    min-height: auto;
    border-radius: 4px;
  }

  .dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-feature,
  .dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-feature,
  .dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-feature,
  .dating-guide-layout-parent-distance-family-data-airlock .dating-guide-feature,
  .dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-nairobi-reentry-four-answer-map .dating-guide-feature::before,
  .dating-guide-layout-diaspora-casual-permission-bridge .dating-guide-feature::before,
  .dating-guide-layout-later-life-distance-safeguard-ledger .dating-guide-feature::before,
  .dating-guide-layout-parent-distance-family-data-airlock .dating-guide-feature::before,
  .dating-guide-layout-parent-weekend-three-clock-plan .dating-guide-feature::before {
    left: 0;
  }
}

/* Cohort 08: autonomy courtyard, academic runway, return loop, dual-key gate,
   and five-envelope budget are intentionally separate visual systems. */
.dating-guide-layout-later-life-casual-autonomy-courtyard,
.dating-guide-layout-adult-student-weekend-runway,
.dating-guide-layout-diaspora-nairobi-visit-return-loop,
.dating-guide-layout-faith-distance-dual-key-gate,
.dating-guide-layout-professional-weekend-energy-budget {
  --c8-ink: #173451;
  --c8-line: #C7D1D9;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-inline-art,
.dating-guide-layout-adult-student-weekend-runway .dating-guide-inline-art,
.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-inline-art,
.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-inline-art,
.dating-guide-layout-professional-weekend-energy-budget .dating-guide-inline-art {
  overflow: hidden;
  background: #FFFFFF;
}

/* Later-life casual: an open courtyard with four independently hinged doors. */
.dating-guide-layout-later-life-casual-autonomy-courtyard {
  --guide-accent: #68204F;
  --guide-wash: #FAF5ED;
  counter-reset: courtyard-door courtyard-note;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-hero {
  border: 2px solid #68204F;
  border-top-width: 9px;
  border-radius: 2.2rem 2.2rem .35rem .35rem;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-hero-copy {
  padding: 1.5rem;
  border-right: 7px double #B08218;
  background: linear-gradient(135deg, #FFFFFF 0 72%, #F3E8D4 72% 100%);
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-hero-art {
  border: 2px solid #68204F;
  border-radius: 2rem 2rem .25rem .25rem;
  box-shadow: 9px 9px 0 #E7D7C2;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-editorial-lens {
  grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr);
  gap: 1rem;
  padding: 1rem;
  border: 2px solid #68204F;
  border-radius: 2rem .35rem 2rem .35rem;
  background: #FAF5ED;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-lens-copy {
  padding: 1.5rem;
  border: 1px solid #C9A5BB;
  border-radius: 1.4rem .2rem .2rem .2rem;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-lens-card {
  counter-increment: courtyard-door;
  position: relative;
  min-height: 12rem;
  padding: 4rem 1.15rem 1.15rem;
  border: 2px solid #68204F;
  border-radius: 0 1.5rem 0 0;
  background: #FFFFFF;
  box-shadow: inset 7px 0 0 #F1E4EC;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-lens-card::before {
  content: "DOOR 0" counter(courtyard-door);
  position: absolute;
  top: 1rem;
  left: 1.15rem;
  padding: .3rem .7rem;
  border-radius: 999px;
  background: #68204F;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-lens-card:nth-child(even) {
  border-color: #176047;
  box-shadow: inset 7px 0 0 #E3F0EA;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-lens-card:nth-child(even)::before {
  background: #176047;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-feature {
  counter-increment: courtyard-note;
  position: relative;
  padding: 4.6rem 1.6rem 2rem;
  border: 1px solid #D4C5B2;
  border-left: 9px solid #68204F;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-feature::before {
  content: "COURTYARD NOTE 0" counter(courtyard-note);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #68204F;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-feature:nth-of-type(even) {
  border-left-color: #176047;
}

.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-type-compare,
.dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-final-cta {
  border: 2px solid #68204F;
  border-right: 9px double #B08218;
  border-radius: 1.7rem .3rem 1.7rem .3rem;
  background: #FAF5ED;
}

/* Adult students: one horizontal runway with protected approach and landing. */
.dating-guide-layout-adult-student-weekend-runway {
  --guide-accent: #174E9A;
  --guide-wash: #F3F7FC;
  counter-reset: runway-zone flight-log;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-hero {
  border-top: 9px solid #174E9A;
  border-bottom: 9px solid #E66A4E;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-hero-copy {
  padding: 1.5rem;
  border-left: 2px dashed #174E9A;
  border-right: 2px dashed #174E9A;
  background: #F8FAFD;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-hero-art {
  border: 3px solid #174E9A;
  border-radius: .35rem;
  box-shadow: 10px 10px 0 #DCE7F4;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 2px solid #174E9A;
  background: #F3F7FC;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-copy {
  padding: 1.35rem 1.6rem;
  border-bottom: 5px solid #E66A4E;
  background: #FFFFFF;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-card {
  counter-increment: runway-zone;
  position: relative;
  min-height: 12rem;
  padding: 4rem 1.1rem 1.2rem;
  border: 0;
  border-right: 2px dashed #90A8C2;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-card::before {
  content: "ZONE 0" counter(runway-zone);
  position: absolute;
  top: 1rem;
  left: 1.1rem;
  padding: .3rem .75rem;
  background: #174E9A;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-card:nth-child(2)::before,
.dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-card:nth-child(3)::before {
  background: #E66A4E;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-right: 0;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-feature {
  counter-increment: flight-log;
  position: relative;
  padding: 4.7rem 1.5rem 2rem;
  border-top: 4px solid #174E9A;
  border-bottom: 1px dashed #90A8C2;
  background: #FFFFFF;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-feature::before {
  content: "FLIGHT LOG 0" counter(flight-log);
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  color: #174E9A;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-feature:nth-of-type(even) {
  border-top-color: #E66A4E;
}

.dating-guide-layout-adult-student-weekend-runway .dating-guide-type-compare,
.dating-guide-layout-adult-student-weekend-runway .dating-guide-final-cta {
  border: 2px solid #174E9A;
  border-bottom: 9px solid #E66A4E;
  background: #F3F7FC;
}

/* Diaspora Nairobi: a circular route gives arrival and return equal weight. */
.dating-guide-layout-diaspora-nairobi-visit-return-loop {
  --guide-accent: #5C3CA2;
  --guide-wash: #F7F4FB;
  counter-reset: loop-stop crosscity-note;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-hero {
  border-top: 8px solid #5C3CA2;
  border-bottom: 5px solid #087C78;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-hero-copy {
  padding: 1.5rem;
  border: 2px solid #5C3CA2;
  border-radius: 1.8rem;
  background: radial-gradient(circle at 92% 12%, #EEE7FA 0 18%, #FFFFFF 19% 100%);
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-hero-art {
  border: 3px solid #087C78;
  border-radius: 50% 50% .6rem .6rem / 16% 16% .6rem .6rem;
  box-shadow: 8px 8px 0 #DFEDEA;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-editorial-lens {
  grid-template-columns: minmax(14rem, .62fr) minmax(0, 1.38fr);
  gap: 1rem;
  padding: 1rem;
  border: 2px solid #5C3CA2;
  border-radius: 2rem;
  background: #F7F4FB;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-lens-copy {
  align-self: center;
  padding: 1.5rem;
  border-left: 6px solid #087C78;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-lens-card {
  counter-increment: loop-stop;
  position: relative;
  min-height: 11.5rem;
  padding: 3.8rem 1.1rem 1.1rem;
  border: 2px solid #5C3CA2;
  border-radius: 999px 999px 1.2rem 1.2rem / 45px 45px 1.2rem 1.2rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-lens-card::before {
  content: "STOP 0" counter(loop-stop);
  position: absolute;
  top: .9rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .3rem .75rem;
  border-radius: 999px;
  background: #5C3CA2;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-lens-card:nth-child(even) {
  border-color: #087C78;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-lens-card:nth-child(even)::before {
  background: #087C78;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-feature {
  counter-increment: crosscity-note;
  position: relative;
  padding: 4.7rem 1.6rem 2rem;
  border: 2px solid #D5CAE8;
  border-radius: 1.5rem 1.5rem .3rem .3rem;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-feature::before {
  content: "LOOP NOTE 0" counter(crosscity-note);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding: .3rem .7rem;
  border: 1px solid #5C3CA2;
  border-radius: 999px;
  color: #5C3CA2;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-feature:nth-of-type(even)::before {
  border-color: #087C78;
  color: #087C78;
}

.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-type-compare,
.dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-final-cta {
  border: 2px solid #5C3CA2;
  border-bottom: 8px solid #087C78;
  border-radius: 2rem;
  background: #F7F4FB;
}

/* Faith distance: paired key rails remain equal and neither becomes authority. */
.dating-guide-layout-faith-distance-dual-key-gate {
  --guide-accent: #173F73;
  --guide-wash: #FBF7EA;
  counter-reset: dual-key gate-record;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-hero {
  border-top: 8px double #173F73;
  border-bottom: 8px double #B37A0A;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-hero-copy {
  padding: 1.5rem;
  border-right: 7px solid #1C684F;
  border-left: 7px solid #173F73;
  background: #FFFCF4;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-hero-art {
  border: 3px double #173F73;
  border-radius: 1.8rem 1.8rem .25rem .25rem;
  box-shadow: 8px 8px 0 #ECE2C7;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 3px double #173F73;
  background: #FBF7EA;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 6px solid #B37A0A;
  background: #FFFFFF;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-lens-card {
  counter-increment: dual-key;
  position: relative;
  min-height: 11rem;
  padding: 4rem 1.2rem 1.2rem;
  border: 2px solid #173F73;
  border-radius: 2rem .35rem 2rem .35rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-lens-card::before {
  content: "KEY 0" counter(dual-key);
  position: absolute;
  top: 1rem;
  left: 1.2rem;
  padding: .32rem .78rem;
  border-radius: 999px;
  background: #173F73;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-lens-card:nth-child(even) {
  border-color: #1C684F;
  border-radius: .35rem 2rem .35rem 2rem;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-lens-card:nth-child(even)::before {
  background: #1C684F;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-feature {
  counter-increment: gate-record;
  position: relative;
  padding: 4.7rem 1.6rem 2rem;
  border-top: 4px double #173F73;
  border-bottom: 4px double #B37A0A;
  background: #FFFFFF;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-feature::before {
  content: "GATE RECORD 0" counter(gate-record);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #173F73;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-type-compare,
.dating-guide-layout-faith-distance-dual-key-gate .dating-guide-final-cta {
  border: 3px double #173F73;
  border-right: 9px solid #1C684F;
  background: #FBF7EA;
}

/* Professional weekend: five offset envelopes replace career-performance UI. */
.dating-guide-layout-professional-weekend-energy-budget {
  --guide-accent: #105D67;
  --guide-wash: #F5F7F7;
  counter-reset: energy-envelope capacity-note;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-hero {
  border-top: 9px solid #105D67;
  border-bottom: 5px solid #E05B42;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-hero-copy {
  padding: 1.5rem;
  border: 1px solid #AFC5C8;
  border-bottom: 8px solid #B395CC;
  background: linear-gradient(120deg, #FFFFFF 0 76%, #EEF3F3 76% 100%);
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-hero-art {
  border: 2px solid #105D67;
  border-radius: .35rem 1.8rem .35rem 1.8rem;
  box-shadow: 9px 9px 0 #D9E5E6;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-editorial-lens {
  grid-template-columns: minmax(15rem, .65fr) minmax(0, 1.35fr);
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #AFC5C8;
  background: #F5F7F7;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-copy {
  padding: 1.5rem;
  border-top: 7px solid #105D67;
  border-bottom: 7px solid #E05B42;
  background: #FFFFFF;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-card {
  counter-increment: energy-envelope;
  position: relative;
  min-height: 11.5rem;
  padding: 4rem 1.15rem 1.15rem;
  border: 1px solid #AFC5C8;
  border-top: 6px solid #105D67;
  border-radius: .25rem .25rem 1.3rem 1.3rem;
  background: #FFFFFF;
  box-shadow: 6px 6px 0 #E4E8E8;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-card::before {
  content: "ENVELOPE 0" counter(energy-envelope);
  position: absolute;
  top: 1rem;
  left: 1.15rem;
  color: #105D67;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-card:nth-child(even) {
  transform: translateY(.6rem);
  border-top-color: #E05B42;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-card:nth-child(even)::before {
  color: #C23D27;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-card:last-child {
  grid-column: 1 / -1;
  min-height: auto;
  transform: none;
  border-top-color: #B395CC;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-feature {
  counter-increment: capacity-note;
  position: relative;
  padding: 4.7rem 1.6rem 2rem;
  border: 1px solid #AFC5C8;
  border-top: 7px solid #105D67;
  background: #FFFFFF;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-feature::before {
  content: "CAPACITY NOTE 0" counter(capacity-note);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #105D67;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-feature:nth-of-type(even) {
  border-top-color: #E05B42;
}

.dating-guide-layout-professional-weekend-energy-budget .dating-guide-type-compare,
.dating-guide-layout-professional-weekend-energy-budget .dating-guide-final-cta {
  border: 1px solid #AFC5C8;
  border-top: 8px solid #105D67;
  border-bottom: 8px solid #B395CC;
  background: #F5F7F7;
}

@media (max-width: 900px) {
  .dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-editorial-lens,
  .dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-editorial-lens,
  .dating-guide-layout-professional-weekend-energy-budget .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-grid,
  .dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-lens-grid,
  .dating-guide-layout-faith-distance-dual-key-gate .dating-guide-lens-grid,
  .dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-hero-copy,
  .dating-guide-layout-adult-student-weekend-runway .dating-guide-hero-copy,
  .dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-hero-copy,
  .dating-guide-layout-faith-distance-dual-key-gate .dating-guide-hero-copy,
  .dating-guide-layout-professional-weekend-energy-budget .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-lens-card,
  .dating-guide-layout-adult-student-weekend-runway .dating-guide-lens-card,
  .dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-lens-card,
  .dating-guide-layout-faith-distance-dual-key-gate .dating-guide-lens-card,
  .dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-card,
  .dating-guide-layout-professional-weekend-energy-budget .dating-guide-lens-card:last-child {
    grid-column: auto;
    min-height: auto;
    transform: none;
  }

  .dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-feature,
  .dating-guide-layout-adult-student-weekend-runway .dating-guide-feature,
  .dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-feature,
  .dating-guide-layout-faith-distance-dual-key-gate .dating-guide-feature,
  .dating-guide-layout-professional-weekend-energy-budget .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-later-life-casual-autonomy-courtyard .dating-guide-feature::before,
  .dating-guide-layout-adult-student-weekend-runway .dating-guide-feature::before,
  .dating-guide-layout-diaspora-nairobi-visit-return-loop .dating-guide-feature::before,
  .dating-guide-layout-faith-distance-dual-key-gate .dating-guide-feature::before,
  .dating-guide-layout-professional-weekend-energy-budget .dating-guide-feature::before {
    left: 0;
  }
}

/* Cohort 09: switchboard, airlock, relay, ledger, and re-entry studio each
   express a separate editorial decision model. */
.dating-guide-layout-professional-five-lane-access-switchboard,
.dating-guide-layout-parent-two-clock-family-airlock,
.dating-guide-layout-faith-four-station-discernment-relay,
.dating-guide-layout-adult-student-four-column-semester-ledger,
.dating-guide-layout-new-career-three-room-reentry-studio {
  --c9-ink: #173149;
  --c9-paper: #FFFFFF;
  background: #FFFFFF;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-inline-art,
.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-inline-art,
.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-inline-art,
.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-inline-art,
.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-inline-art {
  overflow: hidden;
  background: #FFFFFF;
}

/* Professionals: a compact routing switchboard with a visibly isolated access bus. */
.dating-guide-layout-professional-five-lane-access-switchboard {
  --guide-accent: #145C63;
  --guide-wash: #F2F8F7;
  counter-reset: switch-lane permission-ticket;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-hero {
  border-top: 10px solid #145C63;
  border-bottom: 3px solid #CB594D;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-hero-copy {
  padding: 1.5rem;
  border-left: 8px solid #173149;
  background: repeating-linear-gradient(90deg, #FFFFFF 0 18%, #F2F8F7 18% 19%);
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-hero-art {
  border: 3px solid #145C63;
  border-radius: .35rem;
  box-shadow: 10px 10px 0 #DCEAE8;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-editorial-lens {
  grid-template-columns: minmax(15rem, .62fr) minmax(0, 1.38fr);
  gap: 0;
  padding: 0;
  border: 2px solid #173149;
  background: #F2F8F7;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-lens-copy {
  padding: 1.5rem;
  border-right: 8px solid #145C63;
  background: #FFFFFF;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-lens-card {
  counter-increment: switch-lane;
  position: relative;
  min-height: 13rem;
  padding: 4.1rem 1rem 1.1rem;
  border: 0;
  border-right: 1px solid #9CB7B8;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: inset 0 8px 0 #145C63;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-lens-card::before {
  content: "LINE 0" counter(switch-lane);
  position: absolute;
  top: 1.25rem;
  left: 1rem;
  color: #145C63;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-right: 0;
  box-shadow: inset 0 8px 0 #CB594D;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-lens-card:last-child::before {
  color: #A83D33;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-feature {
  counter-increment: permission-ticket;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 1px solid #AFC3C5;
  border-left: 9px solid #145C63;
  background: #FFFFFF;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-feature::before {
  content: "PERMISSION 0" counter(permission-ticket);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  padding: .3rem .72rem;
  background: #173149;
  color: #FFFFFF;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-feature:nth-of-type(even) {
  border-left-color: #CB594D;
}

.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-type-compare,
.dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-final-cta {
  border: 2px solid #173149;
  border-right: 10px solid #CB594D;
  background: #F2F8F7;
}

/* Parents: two independent clock faces joined only by a narrow adult airlock. */
.dating-guide-layout-parent-two-clock-family-airlock {
  --guide-accent: #2057A0;
  --guide-wash: #F4F7FC;
  counter-reset: clock-dial airlock-log;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-hero {
  border: 3px solid #2057A0;
  border-radius: 2rem;
  background: linear-gradient(90deg, #F4F7FC 0 47%, #FFFFFF 47% 53%, #FBF5EE 53% 100%);
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-hero-copy {
  padding: 1.5rem;
  border: 0;
  border-radius: 1.7rem 0 0 1.7rem;
  background: #FFFFFF;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-hero-art {
  border: 3px double #2057A0;
  border-radius: 999px;
  box-shadow: 0 0 0 9px #E2EAF6;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 3px solid #2057A0;
  border-radius: 2rem;
  background: #F4F7FC;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 8px double #D18A28;
  background: #FFFFFF;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-lens-card {
  counter-increment: clock-dial;
  position: relative;
  min-height: 12rem;
  padding: 4rem 1.2rem 1.2rem;
  border: 3px solid #2057A0;
  border-radius: 3rem;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 7px #E9EFF8;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-lens-card::before {
  content: "CLOCK 0" counter(clock-dial);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .32rem .8rem;
  border-radius: 999px;
  background: #2057A0;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-lens-card:nth-child(n+3) {
  border-color: #B44A43;
  box-shadow: inset 0 0 0 7px #FAEDEC;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-lens-card:nth-child(n+3)::before {
  background: #B44A43;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-feature {
  counter-increment: airlock-log;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 4px solid #2057A0;
  border-bottom: 4px solid #D18A28;
  background: #FFFFFF;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-feature::before {
  content: "AIRLOCK LOG 0" counter(airlock-log);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #2057A0;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-feature:nth-of-type(even) {
  border-top-color: #B44A43;
}

.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-type-compare,
.dating-guide-layout-parent-two-clock-family-airlock .dating-guide-final-cta {
  border: 3px double #2057A0;
  border-bottom: 9px solid #B44A43;
  border-radius: 2rem;
  background: #F4F7FC;
}

/* Faith-led serious distance: a level four-station relay, never an altar. */
.dating-guide-layout-faith-four-station-discernment-relay {
  --guide-accent: #183E68;
  --guide-wash: #FBF7EA;
  counter-reset: relay-station discernment-card;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-hero {
  border-top: 10px solid #183E68;
  border-bottom: 10px solid #C48A1C;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-hero-copy {
  padding: 1.5rem;
  border-left: 4px solid #4C775F;
  border-right: 4px solid #4C775F;
  background: linear-gradient(135deg, #FFFFFF 0 80%, #FBF2D9 80% 100%);
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-hero-art {
  border: 4px double #183E68;
  border-radius: 1.4rem;
  box-shadow: 9px 9px 0 #EEE3C6;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px double #183E68;
  background: #FBF7EA;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 7px solid #C48A1C;
  background: #FFFFFF;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 1rem;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-lens-card {
  counter-increment: relay-station;
  position: relative;
  min-height: 12.5rem;
  padding: 4.1rem 1rem 1.15rem;
  border: 0;
  border-top: 5px solid #183E68;
  border-bottom: 5px solid #C48A1C;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-lens-card::before {
  content: "STATION 0" counter(relay-station);
  position: absolute;
  top: 1.2rem;
  left: 1rem;
  color: #183E68;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-lens-card:nth-child(even) {
  border-top-color: #4C775F;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-right: 6px solid #B44A43;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-feature {
  counter-increment: discernment-card;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 2px solid #DED1AD;
  background: #FFFFFF;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-feature::before {
  content: "RELAY CARD 0" counter(discernment-card);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  padding-bottom: .25rem;
  border-bottom: 3px solid #C48A1C;
  color: #183E68;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-feature:nth-of-type(even) {
  border-left: 8px solid #4C775F;
}

.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-type-compare,
.dating-guide-layout-faith-four-station-discernment-relay .dating-guide-final-cta {
  border: 4px double #183E68;
  border-right: 9px solid #4C775F;
  background: #FBF7EA;
}

/* Adult students: a bound ledger with four parallel, non-graded columns. */
.dating-guide-layout-adult-student-four-column-semester-ledger {
  --guide-accent: #34438B;
  --guide-wash: #F5F5FB;
  counter-reset: ledger-column ledger-entry;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-hero {
  border: 2px solid #34438B;
  border-left: 14px double #34438B;
  border-radius: .3rem 1.4rem 1.4rem .3rem;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-hero-copy {
  padding: 1.5rem;
  background: repeating-linear-gradient(0deg, #FFFFFF 0 2.1rem, #E4E5F3 2.1rem calc(2.1rem + 1px));
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-hero-art {
  border: 2px solid #34438B;
  border-radius: .25rem 1.1rem 1.1rem .25rem;
  box-shadow: -8px 8px 0 #E3E3F1;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 2px solid #34438B;
  border-left: 11px double #34438B;
  background: #F5F5FB;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 4px solid #D29A25;
  background: #FFFFFF;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: #AEB2D0;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-lens-card {
  counter-increment: ledger-column;
  position: relative;
  min-height: 13rem;
  padding: 4.2rem 1rem 1.2rem;
  border: 0;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-lens-card::before {
  content: "COLUMN 0" counter(ledger-column);
  position: absolute;
  top: 1.25rem;
  left: 1rem;
  padding: .3rem .7rem;
  border: 1px solid #34438B;
  color: #34438B;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-lens-card:nth-child(even)::before {
  border-color: #167B78;
  color: #167B78;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-lens-card:last-child {
  grid-column: auto;
  box-shadow: inset 0 -7px 0 #B54C46;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-feature {
  counter-increment: ledger-entry;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 1px solid #C6C8DE;
  border-left: 11px double #34438B;
  background: repeating-linear-gradient(0deg, #FFFFFF 0 2.2rem, #ECECF5 2.2rem calc(2.2rem + 1px));
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-feature::before {
  content: "ENTRY 0" counter(ledger-entry);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #34438B;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-feature:nth-of-type(even) {
  border-left-color: #167B78;
}

.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-type-compare,
.dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-final-cta {
  border: 2px solid #34438B;
  border-left: 12px double #34438B;
  border-bottom: 8px solid #D29A25;
  background: #F5F5FB;
}

/* New-career first date: three calm rooms beside one closed career cabinet. */
.dating-guide-layout-new-career-three-room-reentry-studio {
  --guide-accent: #296249;
  --guide-wash: #F6F7F2;
  counter-reset: studio-room studio-note;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-hero {
  border: 3px solid #296249;
  border-radius: 1.6rem .3rem 1.6rem .3rem;
  background: #F6F7F2;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-hero-copy {
  padding: 1.5rem;
  border-right: 9px solid #D58A62;
  background: #FFFFFF;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-hero-art {
  border: 3px solid #296249;
  border-radius: .3rem 1.5rem .3rem 1.5rem;
  box-shadow: 9px 9px 0 #E4E8DD;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-editorial-lens {
  grid-template-columns: minmax(14rem, .58fr) minmax(0, 1.42fr);
  gap: 1rem;
  padding: 1rem;
  border: 3px solid #296249;
  border-radius: 1.7rem .3rem 1.7rem .3rem;
  background: #F6F7F2;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-lens-copy {
  padding: 1.5rem;
  border-bottom: 8px solid #D58A62;
  background: #FFFFFF;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-lens-card {
  counter-increment: studio-room;
  position: relative;
  min-height: 12rem;
  padding: 4rem 1.1rem 1.15rem;
  border: 2px solid #296249;
  border-radius: .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 6px #EDF2EA;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-lens-card::before {
  content: "ROOM 0" counter(studio-room);
  position: absolute;
  top: 1rem;
  left: 1.1rem;
  padding: .3rem .72rem;
  background: #296249;
  color: #FFFFFF;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-lens-card:last-child {
  grid-column: 1 / -1;
  min-height: auto;
  border-color: #B54C46;
  box-shadow: inset 0 0 0 6px #F8EDEB;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-lens-card:last-child::before {
  content: "CABINET";
  background: #B54C46;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-feature {
  counter-increment: studio-note;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 2px solid #CAD5C7;
  border-radius: .25rem 1.4rem .25rem 1.4rem;
  background: #FFFFFF;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-feature::before {
  content: "STUDIO NOTE 0" counter(studio-note);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  padding-bottom: .25rem;
  border-bottom: 3px solid #D58A62;
  color: #296249;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-feature:nth-of-type(even) {
  border-radius: 1.4rem .25rem 1.4rem .25rem;
}

.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-type-compare,
.dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-final-cta {
  border: 3px solid #296249;
  border-right: 10px solid #B54C46;
  border-radius: 1.5rem .3rem 1.5rem .3rem;
  background: #F6F7F2;
}

@media (max-width: 900px) {
  .dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-editorial-lens,
  .dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-lens-grid,
  .dating-guide-layout-faith-four-station-discernment-relay .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-lens-grid,
  .dating-guide-layout-parent-two-clock-family-airlock .dating-guide-lens-grid,
  .dating-guide-layout-faith-four-station-discernment-relay .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-lens-grid,
  .dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-hero-copy,
  .dating-guide-layout-parent-two-clock-family-airlock .dating-guide-hero-copy,
  .dating-guide-layout-faith-four-station-discernment-relay .dating-guide-hero-copy,
  .dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-hero-copy,
  .dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-lens-card,
  .dating-guide-layout-parent-two-clock-family-airlock .dating-guide-lens-card,
  .dating-guide-layout-faith-four-station-discernment-relay .dating-guide-lens-card,
  .dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-lens-card,
  .dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-lens-card,
  .dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-lens-card:last-child {
    grid-column: auto;
    min-height: auto;
    transform: none;
  }

  .dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-feature,
  .dating-guide-layout-parent-two-clock-family-airlock .dating-guide-feature,
  .dating-guide-layout-faith-four-station-discernment-relay .dating-guide-feature,
  .dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-feature,
  .dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-professional-five-lane-access-switchboard .dating-guide-feature::before,
  .dating-guide-layout-parent-two-clock-family-airlock .dating-guide-feature::before,
  .dating-guide-layout-faith-four-station-discernment-relay .dating-guide-feature::before,
  .dating-guide-layout-adult-student-four-column-semester-ledger .dating-guide-feature::before,
  .dating-guide-layout-new-career-three-room-reentry-studio .dating-guide-feature::before {
    left: 0;
  }
}
.card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1rem;
  transition: box-shadow var(--t-mid), border-color var(--t-mid);
}
.card:hover { box-shadow: var(--shadow-md); border-color: var(--trust-blue); }

/* ── 49. IMAGE SEO — STRUCTURED DATA HELPERS ─────────────── */
/* These classes are referenced by Google Image indexing */
.city-illustration {
  /* Used as background-image on hero banner */
  /* Google crawls background SVGs via CSS */
  image-rendering: crisp-edges;
}
/* Rich snippet image hint */
[data-city-image] {
  /* Attribute used by JSON-LD image object reference */
}

/* ── 50. PRINT STYLES UPDATE ─────────────────────────────── */
@media print {
  .city-hero-banner { min-height: 120px !important; }
  .sticky-cta, .mobile-tab-bar,
  .site-nav, .geo-banner { display: none !important; }
  .container { padding: 0 !important; }
  .verdict-box { background: #f5f5f5 !important; color: #000 !important; }
}

/* ── 51. ACCESSIBILITY ───────────────────────────────────── */
:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--trust-blue) 42%, transparent);
  outline-offset: 2px;
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
  .score-bar-fill { transition: none !important; }
}

/* ── 52. COUNTRY/REGION PAGE RESPONSIVE ──────────────────── */
.country-hero {
  padding: 3rem 0 2rem;
  border-bottom: 1px solid var(--border-col);
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
  .country-hero { padding: 2rem 0 1.5rem; }
}
@media (max-width: 480px) {
  .country-hero { padding: 1.5rem 0 1.25rem; }
}

/* ── 53. TEXT UTILITIES ──────────────────────────────────── */
.text-sm   { font-size: 0.85rem; }
.text-xs   { font-size: 0.75rem; }
.text-muted { color: var(--text-soft); }
.text-gold  { color: var(--gold); }
.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* ── TRUST BAR LIGHT MODE FIX ────────────────────────────── */
.trust-bar {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.5rem;
  margin: 2rem 0;
}
.trust-bar-title {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text-soft);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}

/* ── SCORE CHART LIGHT MODE FIX ──────────────────────────── */
/* Override dark hardcoded colors with CSS vars */
.score-chart-bar-gold {
  background: linear-gradient(90deg, var(--gold-dark), var(--gold)) !important;
}
.score-chart-bar-silver {
  background: linear-gradient(90deg, #8a9ab0, #aebccc) !important;
}
.score-chart-bar-bronze {
  background: linear-gradient(90deg, #7a8a9a, #9aaaba) !important;
}

/* ── RANKING CARD LIGHT MODE ─────────────────────────────── */
.ranking-card-top {
  border: 1px solid rgba(201,168,76,0.35) !important;
  background: rgba(201,168,76,0.04) !important;
}

/* ── FEATURE MATRIX LIGHT MODE ───────────────────────────── */
.feature-matrix-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 1.5rem;
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
}
.feature-matrix-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.83rem;
  min-width: 480px;
}
.feature-matrix-wrap th {
  background: var(--bg-card);
  padding: 0.6rem 0.75rem;
  font-weight: 600;
  font-size: 0.78rem;
  color: var(--text-soft);
  border-bottom: 1px solid var(--border-col);
  text-align: left;
  white-space: nowrap;
}
.feature-matrix-wrap td {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--border-col);
  vertical-align: middle;
}
.feature-matrix-wrap tr:last-child td { border-bottom: none; }
.feature-matrix-wrap tr:hover td { background: var(--cream-dark); }
[data-theme="dark"] .feature-matrix-wrap tr:hover td { background: rgba(255,255,255,0.03); }

/* ── SCORE COMPARISON SECTION LIGHT MODE ────────────────── */
.score-section-bg {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.5rem;
  margin: 1.5rem 0;
}

/* ── HERO BANNER TEXT CONTRAST ───────────────────────────── */
/* Ensure text is always readable on SVG backgrounds */
.city-hero-banner h1,
.city-hero-banner .reading-meta,
.city-hero-banner div {
  position: relative;
}

/* ── FINAL LIGHT MODE OVERRIDES ──────────────────────────── */
/* Score bar tracks */
.score-bar-track,
[role="progressbar"] {
  background: var(--cream-dark) !important;
  border: 1px solid var(--border-col) !important;
}
[data-theme="dark"] .score-bar-track,
[data-theme="dark"] [role="progressbar"] {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

/* Platform icon boxes */
.platform-icon-box {
  background: var(--cream-dark);
  border: 1px solid var(--border-col);
  border-radius: 12px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  flex-shrink: 0;
}

/* Ranking cards */
.ranking-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: 14px;
  padding: 1.25rem 1.5rem;
  position: relative;
  transition: box-shadow var(--t-mid);
}
.ranking-card:hover { box-shadow: var(--shadow-md); }
.ranking-card.top-pick {
  border-color: rgba(201,168,76,0.4);
  background: rgba(201,168,76,0.03);
}

/* Score comparison bars */
.score-comparison-bar {
  height: 32px;
  background: var(--cream-dark);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--border-col);
}

/* Feature comparison table */
.feature-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.83rem;
}
.feature-table th {
  text-align: left;
  padding: 0.6rem 0.75rem;
  color: var(--text-soft);
  font-weight: 600;
  font-size: 0.78rem;
  border-bottom: 2px solid var(--border-col);
  background: var(--bg-card);
  white-space: nowrap;
}
.feature-table td {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--border-col);
  color: var(--text);
  vertical-align: middle;
}
.feature-table tr:hover td { background: var(--cream-dark); }
[data-theme="dark"] .feature-table tr:hover td {
  background: rgba(255,255,255,0.02);
}

/* Verdict box always dark */
.verdict-box {
  background: var(--ink) !important;
  color: #fff !important;
}
.verdict-box h3 { color: #fff !important; }
.verdict-box p { color: rgba(255,255,255,0.82) !important; }

/* Collapsible + FAQ always use card background */
.collapsible-trigger,
.faq-question {
  background: var(--bg-card) !important;
  color: var(--text) !important;
}


/* ============================================================
   AFROLU — UI/UX ENHANCEMENT PACK (April 2026)
   New: hero redesign, home page components, error pages
   ============================================================ */

/* ── HERO REDESIGN ───────────────────────────────────────── */
.hero {
  background: var(--surface);
  color: var(--ink);
  padding: 5rem 0 4rem;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--border-col);
}
.hero-bg-pattern {
  display: none;
}
.hero-content {
  position: relative;
  z-index: 1;
  max-width: 680px;
}
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  background: var(--trust-blue-soft);
  border: 1px solid color-mix(in srgb, var(--trust-blue) 24%, var(--border-col));
  color: var(--trust-blue-dark);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 6px;
  margin-bottom: 1.25rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.hero h1 {
  color: var(--ink);
  font-size: clamp(2rem, 5vw, 3.2rem);
  line-height: 1.15;
  margin-bottom: 1.25rem;
  font-weight: 700;
}
.hero-headline-accent {
  color: var(--trust-blue-dark);
  position: relative;
}
.hero-sub {
  color: var(--muted);
  font-size: 1.1rem;
  line-height: 1.7;
  margin-bottom: 2rem;
  max-width: 560px;
}
.hero-cta-row {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.hero-trust-row {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  background: var(--white);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1rem 1.5rem;
  width: fit-content;
}
.hero-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.5rem;
}
.hero-trust-num {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--trust-blue);
  line-height: 1;
}
.hero-trust-label {
  font-size: 0.72rem;
  color: var(--muted);
  margin-top: 0.25rem;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.hero-trust-divider {
  width: 1px;
  height: 36px;
  background: var(--border);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .hero { padding: 3.5rem 0 3rem; }
  .hero h1 { font-size: clamp(1.75rem, 6vw, 2.4rem); }
  .hero-trust-row { width: 100%; justify-content: space-around; padding: 0.75rem 1rem; }
  .hero-trust-item { padding: 0 0.75rem; }
  .hero-trust-num { font-size: 1.3rem; }
}
@media (max-width: 480px) {
  .hero { padding: 2.5rem 0 2.5rem; }
  .hero-sub { font-size: 1rem; }
  .hero-cta-row {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-cta-row .btn {
    width: 100%;
  }
  .hero-trust-row { gap: 0; }
  .hero-trust-item { padding: 0 0.5rem; }
  .hero-trust-num { font-size: 1.15rem; }
}

@media (max-width: 480px) {
  .affiliate-guide-figure,
  .premium-answer-grid,
  .growth-layout,
  .growth-tool-grid,
  .premium-image-band {
    gap: var(--space-md);
  }

  .premium-review-card,
  .premium-editor-box,
  .intent-platform-card,
  .growth-panel,
  .related-guide-card,
  .related-link-card {
    padding: 1rem;
  }

  .premium-review-card h3,
  .intent-platform-card h3,
  .growth-panel h2 {
    font-size: 1rem;
  }

  .premium-score,
  .ipc-score-num,
  .growth-stat strong {
    font-size: 1.2rem;
  }

  .ipc-header {
    flex-wrap: wrap;
  }

  .ipc-score {
    min-width: 74px;
  }

  .feature-table {
    font-size: 0.77rem;
  }

  .feature-table th,
  .feature-table td {
    padding: 0.5rem 0.55rem;
  }

  .feature-table th {
    white-space: normal;
  }

  .related-link-card {
    width: 100%;
    justify-content: flex-start;
    white-space: normal;
  }
}

/* Cohort 05: five route-specific reading systems. */
.dating-guide-layout-family-calendar-four-lanes,
.dating-guide-layout-established-life-bridge-log,
.dating-guide-layout-present-agreement-future-compass,
.dating-guide-layout-two-career-closing-distance-board,
.dating-guide-layout-adult-campus-to-cafe-safety-route {
  --route-red: #B4232F;
  --route-blue: #173F73;
  --route-green: #176A50;
  --route-gold: #A67608;
  --route-line: #C9D3DF;
  background: #FFFFFF;
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-inline-art,
.dating-guide-layout-established-life-bridge-log .dating-guide-inline-art,
.dating-guide-layout-present-agreement-future-compass .dating-guide-inline-art,
.dating-guide-layout-two-career-closing-distance-board .dating-guide-inline-art,
.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-inline-art {
  border-radius: 4px;
  background: #FFFFFF;
}

/* Family calendar: four protected lanes keep relationship, privacy, work, and time apart. */
.dating-guide-layout-family-calendar-four-lanes {
  --guide-accent: var(--route-green);
  --guide-wash: #F5F8F6;
  counter-reset: family-lane family-week;
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-hero {
  border-top: 6px solid var(--route-green);
  border-bottom: 3px solid var(--route-gold);
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-hero-copy {
  padding: 1.25rem;
  border: 1px solid var(--route-line);
  box-shadow:
    inset 6px 0 0 var(--route-green),
    inset -6px 0 0 var(--route-gold);
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-hero-art {
  border: 1px solid var(--route-green);
  border-radius: 4px;
  box-shadow: 7px 7px 0 #E7EFEA;
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding-right: 0;
  padding-left: 0;
  border: 0;
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-copy {
  max-width: 62rem;
  padding-left: 1.25rem;
  border-left: 5px solid var(--route-red);
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 4px solid var(--route-green);
  border-bottom: 4px solid var(--route-gold);
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-card {
  counter-increment: family-lane;
  position: relative;
  min-height: 12rem;
  padding-top: 3rem;
  border: 0;
  border-right: 1px solid var(--route-line);
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-card::before {
  content: "LANE 0" counter(family-lane);
  position: absolute;
  top: .8rem;
  left: 1rem;
  color: var(--route-green);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-card:nth-child(2)::before,
.dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-card:nth-child(4)::before {
  color: var(--route-gold);
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-right: 0;
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-feature {
  counter-increment: family-week;
  position: relative;
  padding: 4.5rem 1.5rem 2rem;
  border-top: 1px solid var(--route-line);
  border-left: 5px solid var(--route-green);
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-feature::before {
  content: "FAMILY PLAN / WEEK 0" counter(family-week);
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  padding: .3rem .68rem;
  border: 1px solid var(--route-green);
  background: #FFFFFF;
  color: var(--route-blue);
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-feature:nth-of-type(even) {
  border-left-color: var(--route-gold);
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-top: 5px solid var(--route-red);
  border-bottom: 5px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-family-calendar-four-lanes .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-right: 6px solid var(--route-gold);
  border-left: 6px solid var(--route-green);
  background: #FFFFFF;
}

/* Established-life bridge log: ruled spans make slow progress visible without a score. */
.dating-guide-layout-established-life-bridge-log {
  --guide-accent: var(--route-gold);
  --guide-wash: #FAF8F2;
  counter-reset: bridge-span bridge-entry;
}

.dating-guide-layout-established-life-bridge-log .dating-guide-hero {
  border-top: 5px solid var(--route-gold);
  border-bottom: 5px solid var(--route-green);
}

.dating-guide-layout-established-life-bridge-log .dating-guide-hero-copy {
  padding: 1.25rem 0 1.25rem 1.4rem;
  border-left: 5px solid var(--route-gold);
  border-bottom: 1px solid var(--route-line);
}

.dating-guide-layout-established-life-bridge-log .dating-guide-hero-art {
  border: 1px solid var(--route-gold);
  border-radius: 4px;
  box-shadow: 7px 7px 0 #F0EBDD;
}

.dating-guide-layout-established-life-bridge-log .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
  padding: 0;
  border: 0;
  border-top: 1px solid var(--route-line);
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
}

.dating-guide-layout-established-life-bridge-log .dating-guide-lens-copy {
  padding: 1.4rem;
  border-left: 4px solid var(--route-green);
}

.dating-guide-layout-established-life-bridge-log .dating-guide-lens-grid {
  grid-template-columns: 1fr;
  gap: 0;
  border-left: 2px solid var(--route-gold);
}

.dating-guide-layout-established-life-bridge-log .dating-guide-lens-card {
  counter-increment: bridge-span;
  position: relative;
  padding: 1rem 1rem 1rem 5rem;
  border: 0;
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-established-life-bridge-log .dating-guide-lens-card::before {
  content: "SPAN 0" counter(bridge-span);
  position: absolute;
  top: 1.1rem;
  left: .85rem;
  color: var(--route-gold);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-established-life-bridge-log .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-bottom: 0;
}

.dating-guide-layout-established-life-bridge-log .dating-guide-feature {
  counter-increment: bridge-entry;
  position: relative;
  padding: 4.5rem 0 2rem 5.5rem;
  border-top: 0;
  border-bottom: 1px solid var(--route-line);
  border-left: 3px solid var(--route-green);
}

.dating-guide-layout-established-life-bridge-log .dating-guide-feature::before {
  content: "BRIDGE LOG 0" counter(bridge-entry);
  position: absolute;
  top: 1.3rem;
  left: .85rem;
  color: var(--route-blue);
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-established-life-bridge-log .dating-guide-scenario-grid {
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--route-gold);
}

.dating-guide-layout-established-life-bridge-log .dating-guide-scenario-card {
  border: 0;
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
  box-shadow: none;
}

.dating-guide-layout-established-life-bridge-log .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-left: 6px solid var(--route-gold);
  border-right: 6px solid var(--route-red);
  background: #FFFFFF;
}

.dating-guide-layout-established-life-bridge-log .dating-guide-final-cta {
  border: 1px solid var(--route-green);
  border-top: 5px solid var(--route-gold);
  background: #FFFFFF;
}

/* Future compass: gold direction and green present facts remain visibly separate. */
.dating-guide-layout-present-agreement-future-compass {
  --guide-accent: var(--route-blue);
  --guide-wash: #F8F7F3;
  counter-reset: compass-bearing compass-check;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-hero {
  border-top: 6px solid var(--route-gold);
  border-bottom: 6px solid var(--route-green);
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-hero-copy {
  padding: 1.25rem;
  border: 1px solid var(--route-blue);
  background: linear-gradient(90deg, #FFF9EA 0 49.5%, #EEF7F1 50.5% 100%);
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-hero-art {
  border: 2px solid var(--route-blue);
  border-radius: 50% 50% 4px 4px / 10% 10% 4px 4px;
  box-shadow: 7px 7px 0 #E8ECF2;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding-right: 0;
  padding-left: 0;
  border: 0;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-lens-copy {
  max-width: 62rem;
  margin: 0 auto;
  padding: 1.25rem;
  border-top: 4px solid var(--route-gold);
  border-bottom: 4px solid var(--route-green);
  text-align: center;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--route-blue);
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-lens-card {
  counter-increment: compass-bearing;
  position: relative;
  min-height: 11rem;
  padding: 3rem 1.25rem 1.25rem;
  border: 0;
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
  box-shadow: none;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-lens-card:nth-child(odd) {
  border-right: 1px solid var(--route-line);
  background: #FFF9EA;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-lens-card:nth-child(even) {
  background: #EEF7F1;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-lens-card::before {
  content: "BEARING 0" counter(compass-bearing);
  position: absolute;
  top: .85rem;
  left: 1.25rem;
  color: var(--route-gold);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-lens-card:nth-child(even)::before {
  color: var(--route-green);
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-lens-card:last-child {
  grid-column: 1 / -1;
  min-height: auto;
  border-bottom: 0;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-feature {
  counter-increment: compass-check;
  position: relative;
  padding: 4.5rem 1.5rem 2rem;
  border-top: 1px solid var(--route-line);
  border-right: 5px solid var(--route-green);
  border-left: 5px solid var(--route-gold);
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-feature::before {
  content: "COMPASS CHECK 0" counter(compass-check);
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .3rem .68rem;
  border: 1px solid var(--route-blue);
  background: #FFFFFF;
  color: var(--route-blue);
  font-size: .7rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-type-compare {
  border: 1px solid var(--route-blue);
  border-top: 6px solid var(--route-gold);
  border-bottom: 6px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-present-agreement-future-compass .dating-guide-final-cta {
  border: 1px solid var(--route-blue);
  background: linear-gradient(90deg, #FFF9EA 0 49.5%, #EEF7F1 50.5% 100%);
}

/* Closing-distance board: two equal career rails meet only at shared logistics. */
.dating-guide-layout-two-career-closing-distance-board {
  --guide-accent: var(--route-blue);
  --guide-wash: #F4F7FA;
  counter-reset: career-quarter career-decision;
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-hero {
  border-top: 6px solid var(--route-blue);
  border-bottom: 6px solid var(--route-green);
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-hero-copy {
  padding: 1.25rem;
  border-left: 6px solid var(--route-blue);
  border-right: 6px solid var(--route-green);
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-hero-art {
  border: 1px solid var(--route-blue);
  border-right: 5px solid var(--route-green);
  border-radius: 4px;
  box-shadow: 7px 7px 0 #E4EDF1;
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding-right: 0;
  padding-left: 0;
  border: 0;
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-copy {
  max-width: 62rem;
  padding-left: 1.25rem;
  border-left: 4px solid var(--route-red);
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 5px solid var(--route-blue);
  border-bottom: 5px solid var(--route-green);
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-card {
  counter-increment: career-quarter;
  position: relative;
  min-height: 12rem;
  padding-top: 3rem;
  border: 0;
  border-right: 1px solid var(--route-line);
  border-radius: 0;
  box-shadow: none;
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-card::before {
  content: "QUARTER 0" counter(career-quarter);
  position: absolute;
  top: .85rem;
  left: 1rem;
  color: var(--route-gold);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-right: 0;
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-feature {
  counter-increment: career-decision;
  position: relative;
  padding: 4.5rem 1.5rem 2rem;
  border-top: 1px solid var(--route-line);
  border-left: 5px solid var(--route-blue);
  border-right: 5px solid var(--route-green);
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-feature::before {
  content: "SHARED DECISION 0" counter(career-decision);
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .3rem .68rem;
  border: 1px solid var(--route-gold);
  background: #FFFFFF;
  color: var(--route-blue);
  font-size: .7rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-feature:nth-of-type(even) {
  border-left-color: var(--route-green);
  border-right-color: var(--route-blue);
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-top: 5px solid var(--route-blue);
  border-bottom: 5px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-two-career-closing-distance-board .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-right: 6px solid var(--route-green);
  border-left: 6px solid var(--route-blue);
  background: #FFFFFF;
}

/* Adult campus-to-cafe route: five stops lead from verification to a free exit. */
.dating-guide-layout-adult-campus-to-cafe-safety-route {
  --guide-accent: var(--route-green);
  --guide-wash: #F7F8F4;
  counter-reset: cafe-stop cafe-note;
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-hero {
  border-top: 6px solid var(--route-green);
  border-bottom: 6px solid var(--route-red);
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-hero-copy {
  padding: 1.25rem;
  border-top: 1px solid var(--route-green);
  border-bottom: 1px solid var(--route-red);
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-hero-art {
  border: 1px solid var(--route-green);
  border-radius: 4px;
  box-shadow: 7px 7px 0 #E7EFEA;
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding-right: 0;
  padding-left: 0;
  border: 0;
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-copy {
  max-width: 62rem;
  padding-left: 1.25rem;
  border-left: 5px solid var(--route-gold);
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  border-top: 4px solid var(--route-green);
  border-bottom: 4px solid var(--route-red);
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-card {
  counter-increment: cafe-stop;
  position: relative;
  min-height: 11.5rem;
  padding: 3rem 1rem 1rem;
  border: 0;
  border-right: 1px solid var(--route-line);
  border-radius: 0;
  box-shadow: none;
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-card::before {
  content: "STOP 0" counter(cafe-stop);
  position: absolute;
  top: .85rem;
  left: 1rem;
  color: var(--route-green);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-card:nth-child(3)::before {
  color: var(--route-gold);
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-right: 0;
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-feature {
  counter-increment: cafe-note;
  position: relative;
  padding: 4.5rem 1.5rem 2rem;
  border-top: 1px solid var(--route-line);
  border-left: 5px solid var(--route-green);
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-feature::before {
  content: "ROUTE NOTE 0" counter(cafe-note);
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  padding: .3rem .68rem;
  border: 1px solid var(--route-green);
  background: #FFFFFF;
  color: var(--route-blue);
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-feature:nth-of-type(3n+2) {
  border-left-color: var(--route-gold);
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-feature:nth-of-type(3n) {
  border-left-color: var(--route-red);
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-top: 6px solid var(--route-green);
  border-bottom: 6px solid var(--route-red);
  background: #FFFFFF;
}

.dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-left: 6px solid var(--route-green);
  border-right: 6px solid var(--route-red);
  background: #FFFFFF;
}

@media (max-width: 900px) {
  .dating-guide-layout-established-life-bridge-log .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-grid,
  .dating-guide-layout-present-agreement-future-compass .dating-guide-lens-grid,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-grid,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-card,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-card,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-card {
    border-bottom: 1px solid var(--route-line);
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-card:last-child,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-card:last-child,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-card:last-child {
    grid-column: 1 / -1;
    min-height: auto;
    border-bottom: 0;
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-feature,
  .dating-guide-layout-present-agreement-future-compass .dating-guide-feature,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-feature,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-feature {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-grid,
  .dating-guide-layout-established-life-bridge-log .dating-guide-lens-grid,
  .dating-guide-layout-present-agreement-future-compass .dating-guide-lens-grid,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-grid,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-hero-copy,
  .dating-guide-layout-established-life-bridge-log .dating-guide-hero-copy,
  .dating-guide-layout-present-agreement-future-compass .dating-guide-hero-copy,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-hero-copy,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    box-shadow: none;
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-hero-copy,
  .dating-guide-layout-established-life-bridge-log .dating-guide-hero-copy {
    border-top: 4px solid var(--route-gold);
  }

  .dating-guide-layout-present-agreement-future-compass .dating-guide-hero-copy,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-hero-copy {
    border-top: 4px solid var(--route-blue);
  }

  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-hero-copy {
    border-top: 4px solid var(--route-green);
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-hero-art,
  .dating-guide-layout-family-calendar-four-lanes .dating-guide-inline-art,
  .dating-guide-layout-established-life-bridge-log .dating-guide-hero-art,
  .dating-guide-layout-established-life-bridge-log .dating-guide-inline-art,
  .dating-guide-layout-present-agreement-future-compass .dating-guide-hero-art,
  .dating-guide-layout-present-agreement-future-compass .dating-guide-inline-art,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-hero-art,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-inline-art,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-hero-art,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-inline-art {
    border-radius: 4px;
    box-shadow: 4px 4px 0 #E7EDF5;
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-lens-card,
  .dating-guide-layout-present-agreement-future-compass .dating-guide-lens-card,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-lens-card,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-lens-card {
    grid-column: auto;
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--route-line);
  }

  .dating-guide-layout-established-life-bridge-log .dating-guide-feature {
    padding: 4.5rem 0 2rem;
    border-top: 1px solid var(--route-gold);
    border-left: 0;
  }

  .dating-guide-layout-established-life-bridge-log .dating-guide-feature::before {
    left: 0;
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-feature,
  .dating-guide-layout-present-agreement-future-compass .dating-guide-feature,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-feature,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-feature:nth-of-type(even),
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-feature {
    padding: 4.5rem 0 2rem;
    border-right: 0;
    border-left: 0;
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-feature {
    border-top: 4px solid var(--route-green);
  }

  .dating-guide-layout-present-agreement-future-compass .dating-guide-feature {
    border-top: 4px solid var(--route-gold);
  }

  .dating-guide-layout-two-career-closing-distance-board .dating-guide-feature {
    border-top: 4px solid var(--route-blue);
    border-bottom: 4px solid var(--route-green);
  }

  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-feature {
    border-top: 4px solid var(--route-green);
  }

  .dating-guide-layout-present-agreement-future-compass .dating-guide-feature::before,
  .dating-guide-layout-two-career-closing-distance-board .dating-guide-feature::before {
    left: 0;
    transform: none;
  }

  .dating-guide-layout-family-calendar-four-lanes .dating-guide-feature::before,
  .dating-guide-layout-adult-campus-to-cafe-safety-route .dating-guide-feature::before {
    left: 0;
  }
}

/* Cohort 06: five route-specific decision systems. */
.dating-guide-layout-professional-distance-agreement-stack,
.dating-guide-layout-nairobi-parent-three-ring-map,
.dating-guide-layout-weekend-trust-staircase,
.dating-guide-layout-first-weekend-distance-runway,
.dating-guide-layout-casual-first-date-choice-dial {
  --route-red: #B4232F;
  --route-blue: #173F73;
  --route-green: #176A50;
  --route-gold: #A67608;
  --route-line: #C9D3DF;
  background: #FFFFFF;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-inline-art,
.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-inline-art,
.dating-guide-layout-weekend-trust-staircase .dating-guide-inline-art,
.dating-guide-layout-first-weekend-distance-runway .dating-guide-inline-art,
.dating-guide-layout-casual-first-date-choice-dial .dating-guide-inline-art {
  border-radius: 4px;
  background: #FFFFFF;
}

/* Professional distance agreement: five independent layers share one operating rail. */
.dating-guide-layout-professional-distance-agreement-stack {
  --guide-accent: var(--route-blue);
  --guide-wash: #F4F7FA;
  counter-reset: agreement-layer operating-note;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-hero {
  border-top: 6px solid var(--route-blue);
  border-bottom: 6px solid var(--route-green);
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-hero-copy {
  padding: 1.35rem;
  border: 1px solid var(--route-line);
  border-left: 7px solid var(--route-blue);
  box-shadow: inset -7px 0 0 var(--route-green);
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-hero-art {
  border: 1px solid var(--route-blue);
  border-radius: 4px;
  box-shadow: 8px 8px 0 #E4EBF2;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-editorial-lens {
  grid-template-columns: minmax(15rem, .7fr) minmax(0, 1.3fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--route-line);
  border-radius: 4px;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-lens-copy {
  padding: 1.5rem;
  border-right: 5px solid var(--route-blue);
  background: #F4F7FA;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-lens-grid {
  grid-template-columns: 1fr;
  gap: 0;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-lens-card {
  counter-increment: agreement-layer;
  position: relative;
  min-height: 0;
  padding: 1rem 1rem 1rem 6.25rem;
  border: 0;
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-lens-card::before {
  content: "LAYER 0" counter(agreement-layer);
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 4.25rem;
  padding: .3rem .4rem;
  border: 1px solid var(--route-blue);
  color: var(--route-blue);
  font-size: .66rem;
  font-weight: 900;
  text-align: center;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-lens-card:nth-child(even)::before {
  border-color: var(--route-green);
  color: var(--route-green);
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-bottom: 0;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-feature {
  counter-increment: operating-note;
  position: relative;
  padding: 4.5rem 1.5rem 2rem;
  border-top: 1px solid var(--route-line);
  border-right: 5px solid var(--route-green);
  border-left: 5px solid var(--route-blue);
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-feature::before {
  content: "OPERATING NOTE 0" counter(operating-note);
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  padding: .3rem .68rem;
  border: 1px solid var(--route-gold);
  background: #FFFFFF;
  color: var(--route-blue);
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-feature:nth-of-type(even) {
  border-right-color: var(--route-blue);
  border-left-color: var(--route-green);
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-top: 6px solid var(--route-blue);
  border-bottom: 6px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-professional-distance-agreement-stack .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  background: linear-gradient(90deg, #F4F7FA 0 49.5%, #F1F8F4 50.5% 100%);
}

/* Nairobi parent rings: adult time, household privacy, and city logistics stay concentric. */
.dating-guide-layout-nairobi-parent-three-ring-map {
  --guide-accent: var(--route-green);
  --guide-wash: #F6F8F2;
  counter-reset: ring-point map-note;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-hero {
  border-top: 6px solid var(--route-green);
  border-bottom: 6px solid var(--route-gold);
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-hero-copy {
  padding: 1.35rem;
  border: 1px solid var(--route-green);
  border-radius: 2rem 4px 2rem 4px;
  box-shadow: inset 0 -5px 0 #EEF3E8;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-hero-art {
  border: 2px solid var(--route-green);
  border-radius: 50% 50% 4px 4px / 12% 12% 4px 4px;
  box-shadow: 8px 8px 0 #E8ECDD;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding: 0;
  border: 0;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-copy {
  max-width: 62rem;
  margin: 0 auto;
  padding: 1.35rem 2rem;
  border: 1px solid var(--route-green);
  border-radius: 999px;
  text-align: center;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--route-line);
  border-radius: 4px;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-card {
  counter-increment: ring-point;
  position: relative;
  min-height: 12rem;
  padding: 3.5rem 1.25rem 1.25rem;
  border: 2px solid var(--route-green);
  border-radius: 50% 50% 12px 12px / 20% 20% 12px 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 7px #F1F6EE;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-card::before {
  content: "RING POINT 0" counter(ring-point);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  color: var(--route-green);
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-card:nth-child(3n+2) {
  border-color: var(--route-gold);
  box-shadow: inset 0 0 0 7px #FAF6EA;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-card:nth-child(3n+2)::before {
  color: var(--route-gold);
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-feature {
  counter-increment: map-note;
  position: relative;
  padding: 4.6rem 1.5rem 2rem;
  border-top: 1px solid var(--route-line);
  border-left: 6px solid var(--route-green);
  border-radius: 0 2rem 0 0;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-feature::before {
  content: "MAP NOTE 0" counter(map-note);
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  padding: .3rem .68rem;
  border-radius: 999px;
  background: var(--route-green);
  color: #FFFFFF;
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-feature:nth-of-type(even) {
  border-left-color: var(--route-gold);
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-feature:nth-of-type(even)::before {
  background: var(--route-gold);
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-type-compare {
  border: 1px solid var(--route-green);
  border-right: 7px solid var(--route-gold);
  border-left: 7px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-radius: 2rem 4px 2rem 4px;
  background: #F6F8F2;
}

/* Weekend trust staircase: direction rises through completed adult evidence. */
.dating-guide-layout-weekend-trust-staircase {
  --guide-accent: var(--route-blue);
  --guide-wash: #F5F7F6;
  counter-reset: trust-stair evidence-step;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-hero {
  border-top: 6px solid var(--route-blue);
  border-bottom: 6px solid var(--route-green);
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-hero-copy {
  padding: 1.35rem 1.35rem 1.1rem;
  border: 1px solid var(--route-line);
  border-bottom: 7px solid var(--route-green);
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-hero-art {
  border: 1px solid var(--route-blue);
  border-radius: 4px;
  box-shadow: 9px 9px 0 #E3EBE7;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding: 0;
  border: 0;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-lens-copy {
  max-width: 62rem;
  padding-left: 1.35rem;
  border-left: 6px solid var(--route-blue);
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-lens-grid {
  align-items: end;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  padding-top: 2rem;
  border-bottom: 6px solid var(--route-green);
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-lens-card {
  counter-increment: trust-stair;
  position: relative;
  min-height: 11rem;
  padding: 3.4rem 1.15rem 1.2rem;
  border: 1px solid var(--route-line);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-lens-card:nth-child(3n+2) {
  min-height: 13rem;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-lens-card:nth-child(3n) {
  min-height: 15rem;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-lens-card::before {
  content: "STAIR 0" counter(trust-stair);
  position: absolute;
  top: 1rem;
  left: 1.15rem;
  padding: .28rem .6rem;
  border: 1px solid var(--route-green);
  color: var(--route-green);
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-feature {
  counter-increment: evidence-step;
  position: relative;
  margin-bottom: .65rem;
  padding: 4.5rem 1.5rem 2rem 2rem;
  border: 1px solid var(--route-line);
  border-left: 8px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-feature::before {
  content: "EVIDENCE STEP 0" counter(evidence-step);
  position: absolute;
  top: 1.15rem;
  left: 1.4rem;
  color: var(--route-blue);
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-feature:nth-of-type(even) {
  margin-left: 2rem;
  border-left-color: var(--route-gold);
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-feature:nth-of-type(3n) {
  margin-left: 4rem;
  border-left-color: var(--route-blue);
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-top: 6px solid var(--route-blue);
  border-bottom: 6px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-weekend-trust-staircase .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-left: 8px solid var(--route-green);
  background: #F5F7F6;
}

/* First-distance-weekend runway: bounded checkpoints lead to a debrief, not a promise. */
.dating-guide-layout-first-weekend-distance-runway {
  --guide-accent: var(--route-blue);
  --guide-wash: #F5F7FA;
  counter-reset: runway-light runway-log;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-hero {
  border-top: 6px solid var(--route-blue);
  border-bottom: 4px dashed var(--route-gold);
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-hero-copy {
  padding: 1.35rem;
  border: 1px solid var(--route-line);
  border-left: 6px solid var(--route-blue);
  background: linear-gradient(90deg, #FFFFFF, #F5F7FA);
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-hero-art {
  border: 1px solid var(--route-blue);
  border-radius: 4px;
  box-shadow: 8px 8px 0 #E7EBF1;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding: 0;
  border: 0;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-copy {
  max-width: 62rem;
  padding: 1.25rem 1.5rem;
  border-top: 1px solid var(--route-blue);
  border-bottom: 1px dashed var(--route-gold);
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-grid {
  position: relative;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 1.5rem 0;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-grid::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 2px dashed var(--route-gold);
  pointer-events: none;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-card {
  counter-increment: runway-light;
  position: relative;
  z-index: 1;
  min-height: 11rem;
  padding: 3.5rem 1.15rem 1.15rem;
  border: 1px solid var(--route-line);
  border-top: 5px solid var(--route-blue);
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-card::before {
  content: "LIGHT 0" counter(runway-light);
  position: absolute;
  top: 1rem;
  left: 1.15rem;
  color: var(--route-green);
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-card:nth-child(even) {
  border-top-color: var(--route-gold);
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-feature {
  counter-increment: runway-log;
  position: relative;
  padding: 4.6rem 1.5rem 2rem;
  border-top: 1px dashed var(--route-gold);
  border-right: 5px solid var(--route-green);
  border-left: 5px solid var(--route-blue);
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-feature::before {
  content: "RUNWAY LOG 0" counter(runway-log);
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .3rem .68rem;
  background: var(--route-blue);
  color: #FFFFFF;
  font-size: .7rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-top: 6px solid var(--route-blue);
  border-bottom: 4px dashed var(--route-gold);
  background: #FFFFFF;
}

.dating-guide-layout-first-weekend-distance-runway .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-right: 6px solid var(--route-green);
  border-left: 6px solid var(--route-blue);
  background: #F5F7FA;
}

/* Casual first-date choice dial: six independent controls keep consent adjustable. */
.dating-guide-layout-casual-first-date-choice-dial {
  --guide-accent: var(--route-green);
  --guide-wash: #F7F8F5;
  counter-reset: choice-dial choice-readout;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-hero {
  border-top: 6px solid var(--route-green);
  border-bottom: 6px solid var(--route-red);
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-hero-copy {
  padding: 1.35rem;
  border: 1px solid var(--route-line);
  border-radius: 4px 4px 2rem 2rem;
  box-shadow: inset 0 -6px 0 #EEF4F0;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-hero-art {
  border: 2px solid var(--route-green);
  border-radius: 1.5rem 1.5rem 4px 4px;
  box-shadow: 8px 8px 0 #E6ECE8;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  padding: 0;
  border: 0;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-copy {
  max-width: 62rem;
  padding-left: 1.35rem;
  border-left: 6px solid var(--route-green);
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--route-line);
  border-radius: 1.5rem;
  background: #F7F8F5;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card {
  counter-increment: choice-dial;
  position: relative;
  min-height: 12rem;
  padding: 4rem 1.25rem 1.25rem;
  border: 2px solid var(--route-green);
  border-radius: 50% 50% 10px 10px / 24% 24% 10px 10px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 6px #F1F6F3;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card::before {
  content: "DIAL 0" counter(choice-dial);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.75rem;
  height: 2.75rem;
  border: 2px solid var(--route-green);
  border-radius: 50%;
  color: var(--route-green);
  font-size: .62rem;
  font-weight: 900;
  line-height: 2.55rem;
  text-align: center;
  white-space: nowrap;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card:nth-child(3n+2),
.dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card:nth-child(3n+2)::before {
  border-color: var(--route-gold);
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card:nth-child(3n+2)::before {
  color: var(--route-gold);
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-feature {
  counter-increment: choice-readout;
  position: relative;
  padding: 4.6rem 1.5rem 2rem;
  border: 1px solid var(--route-line);
  border-top: 5px solid var(--route-green);
  border-radius: 4px 4px 1.5rem 1.5rem;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-feature::before {
  content: "CHOICE READOUT 0" counter(choice-readout);
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  padding: .3rem .68rem;
  border-radius: 999px;
  background: var(--route-green);
  color: #FFFFFF;
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-feature:nth-of-type(3n+2) {
  border-top-color: var(--route-gold);
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-feature:nth-of-type(3n) {
  border-top-color: var(--route-red);
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-top: 6px solid var(--route-green);
  border-bottom: 6px solid var(--route-red);
  background: #FFFFFF;
}

.dating-guide-layout-casual-first-date-choice-dial .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-radius: 1.5rem 4px 1.5rem 4px;
  background: #F7F8F5;
}

@media (max-width: 900px) {
  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-lens-copy {
    border-right: 0;
    border-bottom: 5px solid var(--route-blue);
  }

  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-grid,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-lens-grid,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-grid,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-weekend-trust-staircase .dating-guide-lens-card:nth-child(n),
  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-card,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-card,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card {
    min-height: 11rem;
  }

  .dating-guide-layout-weekend-trust-staircase .dating-guide-lens-card:last-child,
  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-card:last-child,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-card:last-child,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card:last-child {
    grid-column: 1 / -1;
    min-height: auto;
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-grid,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-lens-grid,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-grid,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-hero-copy,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-hero-copy,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-hero-copy,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-hero-copy,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-hero-copy,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-hero-copy {
    border-top: 4px solid var(--route-blue);
  }

  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-hero-copy,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-hero-copy {
    border-top: 4px solid var(--route-green);
  }

  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-hero-art,
  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-inline-art,
  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-hero-art,
  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-inline-art,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-hero-art,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-inline-art,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-hero-art,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-inline-art,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-hero-art,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-inline-art {
    border-radius: 4px;
    box-shadow: 4px 4px 0 #E7EDF5;
  }

  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-lens-card {
    padding-left: 5.5rem;
  }

  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-copy {
    border-radius: 4px;
    text-align: left;
  }

  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-card,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-lens-card,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-card,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card,
  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-lens-card:last-child,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-lens-card:last-child,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-card:last-child,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-lens-card:last-child {
    grid-column: auto;
    min-height: auto;
    border-radius: 4px;
  }

  .dating-guide-layout-first-weekend-distance-runway .dating-guide-lens-grid::before {
    display: none;
  }

  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-feature,
  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-feature:nth-of-type(even),
  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-feature,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-feature,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-feature:nth-of-type(even),
  .dating-guide-layout-weekend-trust-staircase .dating-guide-feature:nth-of-type(3n),
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-feature,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-feature {
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-professional-distance-agreement-stack .dating-guide-feature,
  .dating-guide-layout-weekend-trust-staircase .dating-guide-feature,
  .dating-guide-layout-first-weekend-distance-runway .dating-guide-feature {
    border-top: 4px solid var(--route-blue);
  }

  .dating-guide-layout-nairobi-parent-three-ring-map .dating-guide-feature,
  .dating-guide-layout-casual-first-date-choice-dial .dating-guide-feature {
    border-top: 4px solid var(--route-green);
  }

  .dating-guide-layout-first-weekend-distance-runway .dating-guide-feature::before {
    left: 0;
    transform: none;
  }
}

@media (max-width: 360px) {
  .hero h1 {
    font-size: clamp(1.55rem, 7vw, 2rem);
  }

  .hero-sub {
    font-size: 0.95rem;
  }

  .btn {
    padding: 0.6rem 1rem;
    font-size: 0.92rem;
  }

  .premium-review-card,
  .premium-editor-box,
  .intent-platform-card,
  .growth-panel {
    padding: 0.9rem;
  }
}

/* ── WELCOME BACK BAR ────────────────────────────────────── */
.welcome-back-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(201,168,76,0.07);
  border: 1px solid rgba(201,168,76,0.2);
  border-radius: var(--r-lg);
  padding: 0.875rem 1.25rem;
  font-size: 0.9rem;
}
.welcome-back-icon { font-size: 1.3rem; flex-shrink: 0; }
.welcome-back-link { color: var(--gold-dark); font-weight: 600; margin-left: 0.35rem; }
.welcome-back-link:hover { color: var(--gold); }

/* ── SECTION EYEBROW / INTRO ─────────────────────────────── */
.section-eyebrow {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--trust-blue);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.35rem;
}
.section-intro {
  color: var(--text-soft);
  font-size: 0.97rem;
  margin-bottom: 1.5rem;
  margin-top: -0.5rem;
  max-width: 640px;
}

/* ── COUNTRY FEATURE CARDS ───────────────────────────────── */
.country-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media (max-width: 640px) {
  .country-cards-grid { grid-template-columns: 1fr; }
}
.country-feature-card {
  display: flex;
  gap: 1.25rem;
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.5rem;
  text-decoration: none;
  color: var(--text);
  transition: all var(--t-mid);
  position: relative;
  overflow: hidden;
}
.country-feature-card::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--gold-dark), var(--gold));
  transform: scaleX(0);
  transition: transform var(--t-mid);
  transform-origin: left;
}
.country-feature-card:hover {
  border-color: var(--gold);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
  color: var(--text);
}
.country-feature-card:hover::after { transform: scaleX(1); }
.country-feature-flag {
  font-size: 3rem;
  flex-shrink: 0;
  line-height: 1;
}
.country-feature-body { flex: 1; min-width: 0; }
.country-feature-name {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.country-feature-desc {
  font-size: 0.875rem;
  color: var(--text-soft);
  line-height: 1.6;
  margin-bottom: 0.75rem;
}
.country-feature-footer { margin-top: auto; }
.country-feature-cta {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--gold-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 480px) {
  .country-feature-card { padding: 1.25rem; gap: 1rem; }
  .country-feature-flag { font-size: 2.25rem; }
}

/* ── TRUST CARDS GRID ────────────────────────────────────── */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}
@media (max-width: 900px) {
  .trust-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .trust-grid { grid-template-columns: 1fr; gap: 0.75rem; }
}
.trust-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.5rem;
  transition: all var(--t-mid);
}
.trust-card:hover {
  border-color: color-mix(in srgb, var(--trust-blue) 42%, var(--border-col));
  box-shadow: var(--shadow-sm);
}
.trust-icon { font-size: 2rem; margin-bottom: 0.75rem; }
.trust-card h3 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.trust-card p {
  font-size: 0.875rem;
  color: var(--text-soft);
  line-height: 1.6;
  margin: 0;
}

/* ── COMING SOON GRID (HOME) ─────────────────────────────── */
.coming-soon-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}
.coming-soon-card {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 500;
  transition: all var(--t-fast);
  opacity: 0.85;
}
.coming-soon-card:hover { border-color: var(--gold); opacity: 1; color: var(--text); }
.coming-soon-flag { font-size: 1.25rem; }
.coming-soon-badge {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--gold-dark);
  background: rgba(201,168,76,0.1);
  border: 1px solid rgba(201,168,76,0.2);
  border-radius: 10px;
  padding: 1px 7px;
  margin-left: 0.25rem;
}

/* ── ERROR PAGES ─────────────────────────────────────────── */
.error-page {
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 4rem 0;
}
.error-page-inner {
  max-width: 540px;
  margin: 0 auto;
  text-align: center;
}
.error-code {
  font-family: var(--font-display);
  font-size: 7rem;
  font-weight: 700;
  color: var(--border-col);
  line-height: 1;
  margin-bottom: 0.5rem;
}
.error-emoji {
  font-size: 3.5rem;
  margin-bottom: 1.25rem;
}
.error-page h1 {
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  margin-bottom: 0.75rem;
}
.error-message {
  font-size: 1.05rem;
  color: var(--text-soft);
  margin-bottom: 2rem;
}
.error-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.error-suggestions {
  border-top: 1px solid var(--border-col);
  padding-top: 1.5rem;
}
.error-suggestion-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 0.75rem;
}
.error-suggestion-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  padding: 0.35rem 0.75rem;
  font-size: 0.82rem;
  color: var(--text);
  text-decoration: none;
  transition: all var(--t-fast);
}
.error-suggestion-tag:hover { border-color: var(--gold); color: var(--gold-dark); }
@media (max-width: 480px) {
  .error-code { font-size: 5rem; }
  .error-actions .btn { flex: 1 1 calc(50% - 0.375rem); justify-content: center; }
}

/* ── SECTION HEADER IMPROVEMENT ─────────────────────────── */
.section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.section-header h2 { margin: 0; }
.section-link {
  font-size: 0.85rem;
  color: var(--gold-dark);
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.section-link:hover { color: var(--gold); }

/* ── IMPROVED CITY CARD ──────────────────────────────────── */
.city-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.25rem;
  text-decoration: none;
  color: var(--text);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  transition: all var(--t-mid);
}
.city-card:hover {
  border-color: var(--gold);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  color: var(--text);
}
.city-card-emoji { font-size: 2rem; margin-bottom: 0.25rem; }
.city-card-name { font-weight: 700; font-size: 1rem; }
.city-card-meta { font-size: 0.78rem; color: var(--text-soft); }

/* ============================================================
   PLATFORM REVIEW PAGE
   ============================================================ */

/* Review header */
.review-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
.review-header-left {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 1;
}
.review-site-logo-wrap {
  width: 72px;
  height: 72px;
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.review-site-logo { max-width: 56px; max-height: 56px; object-fit: contain; }
.review-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.6rem; }
.review-badge-pill {
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
}
.badge-green  { background: #E8F5EE; color: #2D7A4F; border: 1px solid #A8D5B8; }
.badge-gold   { background: #FEF9EC; color: #9E7A2A; border: 1px solid #E2C97E; }
.badge-blue   { background: #EFF3FF; color: #2C4E9A; border: 1px solid #B5C7F5; }

/* Overall score bubble */
.review-overall-score {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: var(--ink);
  border-radius: var(--r-xl);
  padding: 1.25rem 2rem;
  text-align: center;
  flex-shrink: 0;
}
.review-score-num { font-family: var(--font-display); font-size: 3rem; font-weight: 700; line-height: 1; }
.review-score-label { font-size: 0.8rem; font-weight: 600; margin-top: 0.25rem; opacity: 0.8; }
.review-score-stars { font-size: 1.1rem; margin-top: 0.4rem; letter-spacing: 2px; }

/* Review CTA bar */
.review-cta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Intro text */
.review-intro-text {
  font-size: 1.05rem;
  line-height: 1.8;
  color: var(--text);
  max-width: 820px;
}
.review-full-text {
  font-size: 1rem;
  line-height: 1.9;
  color: var(--text);
  max-width: 820px;
}

/* Score breakdown */
.score-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
.score-breakdown-item {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sbi-label { font-size: 0.85rem; font-weight: 600; min-width: 90px; }
.sbi-bar-wrap {
  flex: 1;
  height: 8px;
  background: var(--border-col);
  border-radius: 4px;
  overflow: hidden;
}
.sbi-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--gold-dark));
  border-radius: 4px;
  transition: width 0.6s ease;
}
.sbi-value { font-size: 0.85rem; font-weight: 700; min-width: 36px; text-align: right; color: var(--gold-dark); }

/* App store ratings */
.app-ratings-row { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.app-rating-pill {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  padding: 0.4rem 0.9rem;
  font-size: 0.85rem;
}
.app-rating-icon { font-size: 0.9rem; }
.app-rating-label { color: var(--text-soft); }
.app-rating-val { font-weight: 700; color: var(--gold-dark); }

/* Pros/Cons */
.pros-cons-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 600px) { .pros-cons-grid { grid-template-columns: 1fr; } }
.pros-cons-head {
  font-family: var(--font-display);
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--border-col);
}
.pros-head { color: var(--success); border-color: var(--success); }
.cons-head { color: var(--danger); border-color: var(--danger); }
.pros-cons-list { list-style: none; }
.pros-cons-list li {
  padding: 0.4rem 0;
  padding-left: 1.5rem;
  position: relative;
  font-size: 0.9rem;
  color: var(--text);
  border-bottom: 1px solid var(--border-col);
}
.pros-cons-list li:last-child { border-bottom: none; }
.pros-list li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: 700; }
.cons-list li::before { content: '✗'; position: absolute; left: 0; color: var(--danger); font-weight: 700; }

/* Verdict box */
.verdict-box {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: linear-gradient(135deg, #FEF9EC, #FDF5E0);
  border: 1px solid var(--gold);
  border-radius: var(--r-lg);
  padding: 1.25rem 1.5rem;
}
.verdict-icon { font-size: 1.5rem; flex-shrink: 0; margin-top: 0.1rem; }
.verdict-title { display: block; font-weight: 700; margin-bottom: 0.4rem; color: var(--gold-dark); }
.verdict-body { font-size: 0.95rem; line-height: 1.7; }
[data-theme=dark] .verdict-box { background: rgba(201,168,76,0.1); }

/* Review bottom CTA */
.review-bottom-cta {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-xl);
  padding: 2.5rem;
  text-align: center;
}
.review-bottom-cta h2 { margin-bottom: 0.5rem; }
.review-bottom-cta p { color: var(--text-soft); }

/* Table responsive wrapper */
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ============================================================
   COMPARE PAGE
   ============================================================ */

.compare-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin: 2rem 0 1rem;
  flex-wrap: wrap;
}
.compare-hero-site {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
  flex: 1;
  min-width: 160px;
}
.compare-logo { max-width: 80px; max-height: 60px; object-fit: contain; }
.compare-site-name { font-size: 1.3rem; font-family: var(--font-display); }
.compare-overall {
  font-family: var(--font-display);
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--gold-dark);
  line-height: 1;
}
.compare-overall span { font-size: 1rem; color: var(--text-soft); }
.compare-vs {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-soft);
  background: var(--bg-card);
  border: 2px solid var(--border-col);
  border-radius: 50%;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.compare-main-title { text-align: center; margin-bottom: 0.5rem; }

/* Compare table */
.compare-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.compare-table th {
  background: var(--bg-card);
  border-bottom: 2px solid var(--border-col);
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.compare-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-col);
  vertical-align: middle;
}
.compare-table tr:hover td { background: var(--cream-dark); }
[data-theme=dark] .compare-table tr:hover td { background: rgba(255,255,255,0.04); }
.compare-winner-cell {
  background: #E8F5EE !important;
  color: var(--success);
  font-weight: 700;
}
[data-theme=dark] .compare-winner-cell { background: rgba(45,122,79,0.15) !important; }
.compare-total-row td {
  border-top: 2px solid var(--border-col);
  font-weight: 700;
  background: var(--bg-card);
}

/* Compare bottom CTAs */
.compare-bottom-ctas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
@media (max-width: 600px) { .compare-bottom-ctas { grid-template-columns: 1fr; } }
.compare-bottom-cta-item {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-xl);
  padding: 1.75rem;
  text-align: center;
}
.compare-bottom-cta-item h3 { font-family: var(--font-display); margin-bottom: 0.5rem; }

/* ============================================================
   INTENT PAGES
   ============================================================ */

.hero-compact { padding: 3rem 0 2rem; }
.hero-compact .hero-content { max-width: 640px; }

.intent-intro { max-width: 820px; }

/* Featured site card */
.featured-site-card {
  background: var(--bg-card);
  border: 2px solid var(--gold);
  border-radius: var(--r-xl);
  padding: 2rem;
  margin-top: 1.5rem;
}
.featured-site-header { display: flex; align-items: flex-start; gap: 1.25rem; }
.featured-site-logo { max-width: 64px; max-height: 56px; object-fit: contain; flex-shrink: 0; }

/* Intent platform list */
.intent-platform-list { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 1.5rem; }
.intent-platform-card {
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1.5rem;
  transition: border-color var(--t-mid), box-shadow var(--t-mid);
}
.intent-platform-card:hover {
  border-color: var(--gold);
  box-shadow: var(--shadow-sm);
}
.ipc-header { display: flex; align-items: flex-start; gap: 1rem; }
.ipc-logo { max-width: 52px; max-height: 44px; object-fit: contain; flex-shrink: 0; margin-top: 0.2rem; }
.ipc-meta { flex: 1; }
.ipc-name { font-family: var(--font-display); font-size: 1.15rem; margin: 0; }
.ipc-type { margin: 0.15rem 0 0; }
.ipc-score {
  text-align: center;
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  color: var(--ink);
  border-radius: var(--r-md);
  padding: 0.4rem 0.75rem;
  flex-shrink: 0;
}
.ipc-score-num { font-family: var(--font-display); font-size: 1.4rem; font-weight: 700; line-height: 1; }
.ipc-score-label { font-size: 0.62rem; font-weight: 600; opacity: 0.8; line-height: 1.2; }
.ipc-intro { font-size: 0.9rem; color: var(--text-soft); line-height: 1.6; }
.ipc-pros { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.ipc-pro-tag {
  font-size: 0.75rem;
  background: #E8F5EE;
  color: #2D7A4F;
  border: 1px solid #A8D5B8;
  border-radius: var(--r-sm);
  padding: 0.15rem 0.5rem;
}
.ipc-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.ml-md { margin-left: var(--space-md); }
.mt-xs { margin-top: var(--space-xs); }

/* Related links row */
.related-links-row { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; }
.related-link-card {
  display: inline-flex;
  align-items: center;
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  padding: 0.65rem 1.25rem;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all var(--t-fast);
  text-decoration: none;
  color: var(--text);
}
.related-link-card:hover { border-color: var(--gold); color: var(--gold-dark); }

/* ============================================================
   PLATFORM COUNTRY PAGE — Enhanced
   ============================================================ */
.platform-country-header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

/* ── DIASPORA JOURNAL LAYER ─────────────────────────────── */
.diaspora-journal {
  margin: clamp(2rem, 5vw, 4rem) 0;
}

.diaspora-journal-inner {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 var(--space-lg);
}

.diaspora-journal-lead {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
  margin-bottom: var(--space-xl);
}

.diaspora-journal-figure {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--gold-dark) 24%, var(--border-col));
  border-radius: var(--r-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.diaspora-journal-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1200 / 630;
  object-fit: cover;
}

.diaspora-journal-figure figcaption {
  padding: .7rem .9rem;
  border-top: 1px solid var(--border-col);
  color: var(--text-soft);
  font-size: .82rem;
  line-height: 1.4;
}

.diaspora-journal-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--gold-dark) 26%, var(--border-col));
  border-radius: var(--r-md);
  background:
    linear-gradient(135deg, rgba(47, 125, 115, .08), transparent 45%),
    linear-gradient(180deg, rgba(201, 168, 76, .10), var(--bg-card) 52%);
  box-shadow: var(--shadow-sm);
}

.diaspora-journal-copy h2 {
  max-width: 17ch;
  margin: .2rem 0 .75rem;
  color: var(--ink);
  letter-spacing: 0;
}

.diaspora-journal-copy p {
  color: #3f4359;
  font-size: 1.02rem;
  line-height: 1.72;
}

.diaspora-journal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1.15rem;
}

.diaspora-journal-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .35rem .7rem;
  border: 1px solid color-mix(in srgb, var(--teal) 22%, var(--border-col));
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: var(--ink);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.2;
}

.diaspora-route-grid,
.diaspora-proof-grid,
.diaspora-app-grid {
  display: grid;
  gap: var(--space-md);
}

.diaspora-route-grid,
.diaspora-proof-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.diaspora-route-grid {
  margin-bottom: var(--space-md);
}

.diaspora-proof-grid {
  margin-bottom: var(--space-xl);
}

.diaspora-route-card,
.diaspora-proof-card,
.diaspora-app-card,
.diaspora-safety-panel,
.diaspora-link-panel {
  border: 1px solid var(--border-col);
  border-radius: var(--r-md);
  background: var(--bg-card);
  color: var(--text);
  box-shadow: var(--shadow-sm);
}

.diaspora-route-card,
.diaspora-proof-card,
.diaspora-app-card {
  padding: var(--space-lg);
}

.diaspora-route-card {
  border-top: 4px solid color-mix(in srgb, var(--teal) 72%, var(--gold-dark));
}

.diaspora-proof-card {
  border-top: 4px solid color-mix(in srgb, var(--gold-dark) 70%, var(--teal));
}

.diaspora-route-card span,
.diaspora-proof-card span {
  display: block;
  margin-bottom: .35rem;
  color: var(--gold-dark);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.diaspora-route-card h3,
.diaspora-proof-card h3,
.diaspora-app-card h3 {
  font-family: var(--font-body);
  color: var(--ink);
  font-size: 1.02rem;
  letter-spacing: 0;
}

.diaspora-route-card p,
.diaspora-proof-card p,
.diaspora-app-card p {
  color: var(--text-soft);
  font-size: .92rem;
  line-height: 1.62;
}

.diaspora-app-panel {
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--gold-dark) 22%, var(--border-col));
  border-radius: var(--r-md);
  background: color-mix(in srgb, var(--cream) 72%, var(--bg-card));
  margin-bottom: var(--space-xl);
}

.diaspora-app-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.diaspora-app-card {
  display: flex;
  flex-direction: column;
  gap: .85rem;
}

.diaspora-app-top {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: flex-start;
}

.diaspora-app-top p {
  margin: .25rem 0 0;
  color: #6f5419;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.35;
}

.diaspora-app-top strong {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--ink);
  color: #fff;
  font-size: .95rem;
  line-height: 1;
}

.diaspora-app-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: auto;
}

.diaspora-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: var(--space-lg);
}

.diaspora-safety-panel,
.diaspora-link-panel {
  padding: clamp(1.25rem, 3vw, 2rem);
}

.diaspora-safety-panel {
  border-left: 4px solid var(--danger);
}

.diaspora-safety-panel h2,
.diaspora-link-panel h2 {
  margin: .2rem 0 1rem;
  color: var(--ink);
}

.diaspora-safety-panel ul {
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.diaspora-safety-panel li {
  position: relative;
  padding-left: 1.25rem;
  color: #45495e;
  line-height: 1.6;
}

.diaspora-safety-panel li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .62rem;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--danger);
}

.diaspora-link-list {
  display: grid;
  gap: .65rem;
}

.diaspora-link-list a {
  display: grid;
  gap: .2rem;
  padding: .8rem .9rem;
  border: 1px solid color-mix(in srgb, var(--gold-dark) 18%, var(--border-col));
  border-radius: var(--r-sm);
  background: #fff;
  color: var(--ink);
}

.diaspora-link-list a:hover,
.diaspora-link-list a:focus-visible {
  border-color: var(--gold-dark);
  background: color-mix(in srgb, var(--gold-light) 14%, #fff);
  color: var(--ink);
}

.diaspora-link-list strong {
  color: #6f5419;
  font-size: .92rem;
}

.diaspora-link-list span {
  color: var(--text-soft);
  font-size: .82rem;
  line-height: 1.35;
}

@media (max-width: 980px) {
  .diaspora-journal-lead,
  .diaspora-bottom-grid {
    grid-template-columns: 1fr;
  }

  .diaspora-app-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .diaspora-route-grid,
  .diaspora-proof-grid {
    grid-template-columns: 1fr;
  }

  .diaspora-journal-copy h2 {
    max-width: 100%;
  }
}

@media (max-width: 520px) {
  .diaspora-journal-inner {
    padding: 0 var(--space-md);
  }

  .diaspora-app-grid {
    grid-template-columns: 1fr;
  }

  .diaspora-app-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* ── KENYA GUIDE PAGE ────────────────────────────────────── */
.kenya-guide-intro p,
.kenya-guide-body p,
.kenya-mpesa-block p {
  font-size: 1rem;
  line-height: 1.9;
  color: var(--text);
  max-width: 820px;
}
.kenya-guide-intro p + p,
.kenya-guide-body p + p { margin-top: 1rem; }

.kenya-proof-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: clamp(1.25rem, 4vw, 2rem);
  align-items: center;
}

.kenya-proof-figure {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--gold-dark) 22%, var(--border-col));
  border-radius: var(--r-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.kenya-proof-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1200 / 630;
  object-fit: cover;
}

.kenya-proof-figure figcaption {
  padding: .7rem .85rem;
  border-top: 1px solid var(--border-col);
  color: var(--text-soft);
  font-size: .82rem;
  line-height: 1.45;
}

.kenya-proof-copy h2 {
  margin-bottom: .75rem;
}

.kenya-proof-copy p {
  color: var(--text-soft);
  font-size: 1.02rem;
  line-height: 1.75;
}

.kenya-proof-copy p + p {
  margin-top: .9rem;
}

.kenya-proof-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1.25rem;
}

.kenya-receipt-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-md);
}

.kenya-receipt {
  min-width: 0;
  padding: 1rem 0 0;
  border-top: 4px solid color-mix(in srgb, var(--teal) 72%, var(--gold-dark));
}

.kenya-receipt span {
  display: block;
  margin-bottom: .4rem;
  color: var(--teal);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.kenya-receipt strong {
  display: block;
  margin-bottom: .45rem;
  color: var(--text);
  font-size: 1.05rem;
  line-height: 1.3;
}

.kenya-receipt p {
  margin: 0;
  color: var(--text-soft);
  font-size: .92rem;
  line-height: 1.62;
}

.kenya-protocol-list {
  display: grid;
  gap: .75rem;
  max-width: 900px;
}

.kenya-protocol-item {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-col);
}

.kenya-protocol-item:last-child {
  border-bottom: 0;
}

.kenya-protocol-step {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid color-mix(in srgb, var(--gold-dark) 34%, var(--border-col));
  border-radius: 50%;
  background: var(--bg-card);
  color: var(--gold-dark);
  font-weight: 900;
}

.kenya-protocol-item h3 {
  margin-bottom: .3rem;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 900;
}

.kenya-protocol-item p {
  margin: 0;
  color: var(--text-soft);
  font-size: .95rem;
  line-height: 1.65;
}

.kenya-route-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: var(--space-md);
}

.kenya-route-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 1.1rem;
  border: 1px solid color-mix(in srgb, var(--gold-dark) 22%, var(--border-col));
  border-radius: var(--r-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.kenya-route-card > span {
  color: var(--gold-dark);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.kenya-route-card h3 {
  margin: .35rem 0 .45rem;
  font-size: 1.12rem;
}

.kenya-route-card p,
.kenya-route-card dd {
  color: var(--text-soft);
  font-size: .92rem;
  line-height: 1.6;
}

.kenya-route-card dl {
  margin: .85rem 0 1rem;
}

.kenya-route-card dt {
  margin-bottom: .25rem;
  color: var(--text);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.kenya-route-card dd {
  margin: 0;
}

.kenya-route-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: auto;
}

.kenya-fit-table td:last-child {
  min-width: 150px;
}

.kenya-fit-table td:last-child .btn {
  margin: .15rem .2rem .15rem 0;
}

.kenya-city-lens-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-md);
}

.kenya-city-lens {
  padding-left: 1rem;
  border-left: 4px solid color-mix(in srgb, var(--blue) 58%, var(--gold-dark));
}

.kenya-city-lens span {
  display: block;
  margin-bottom: .35rem;
  color: var(--blue);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.kenya-city-lens h3 {
  margin-bottom: .45rem;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 900;
}

.kenya-city-lens p {
  margin-bottom: .65rem;
  color: var(--text-soft);
  font-size: .92rem;
  line-height: 1.6;
}

.kenya-city-lens a {
  color: var(--gold-dark);
  font-size: .86rem;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: .18em;
}

@media (max-width: 900px) {
  .kenya-proof-layout,
  .kenya-receipt-grid,
  .kenya-city-lens-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .kenya-proof-layout,
  .kenya-receipt-grid,
  .kenya-city-lens-grid {
    grid-template-columns: 1fr;
  }

  .kenya-proof-actions .btn,
  .kenya-route-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 420px) {
  .kenya-protocol-item {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   LOGO — SHARED EDITORIAL WORDMARK
   ============================================================ */
.nav-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
}
.site-logo-img {
  display: block;
  width: 160px;
  height: 48px;
}
.footer-logo-img {
  display: block;
  max-width: 180px;
  height: auto;
}

/* ── Footer trust badges ──────────────────────────────────── */
.footer-trust-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.footer-trust-badge {
  font-size: 0.72rem;
  font-weight: 600;
  color: #C7DAFF;
  background: rgba(21,95,203,.14);
  border: 1px solid rgba(140,184,255,.28);
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
}

/* ── Elite affiliate recommendation cards ─────────────────── */
.elite-affiliate-section {
  scroll-margin-top: 96px;
}

.elite-affiliate-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.elite-affiliate-card {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  min-width: 0;
  min-height: 100%;
  padding: 1.15rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(250, 247, 242, 0.86)),
    var(--bg-card);
  border: 1px solid rgba(201, 168, 76, 0.24);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(26, 26, 46, 0.06);
}

.elite-affiliate-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.elite-affiliate-top h3 {
  margin: 0.2rem 0 0.1rem;
  font-size: 1.05rem;
  line-height: 1.25;
  letter-spacing: 0;
}

.elite-affiliate-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0.18rem 0.55rem;
  border: 1px solid rgba(201, 168, 76, 0.34);
  border-radius: 999px;
  color: var(--gold-dark);
  background: rgba(201, 168, 76, 0.12);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.2;
}

.elite-affiliate-score {
  width: 54px;
  min-width: 54px;
  padding: 0.45rem 0.35rem;
  text-align: center;
  border: 1px solid rgba(47, 125, 115, 0.22);
  border-radius: 10px;
  background: rgba(47, 125, 115, 0.08);
}

.elite-affiliate-score strong {
  display: block;
  color: var(--success);
  font-size: 1.05rem;
  line-height: 1.05;
}

.elite-affiliate-score span {
  display: block;
  margin-top: 0.1rem;
  color: var(--text-soft);
  font-size: 0.66rem;
  font-weight: 700;
  text-transform: uppercase;
}

.elite-affiliate-card p {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.9rem;
  line-height: 1.65;
}

.elite-affiliate-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: auto;
}

.elite-affiliate-tags span {
  padding: 0.22rem 0.5rem;
  border: 1px solid rgba(26, 26, 46, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  color: var(--text);
  font-size: 0.72rem;
  font-weight: 700;
}

.elite-affiliate-actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  align-items: center;
}

.elite-affiliate-actions .btn {
  min-height: 40px;
  justify-content: center;
  white-space: normal;
  text-align: center;
}

@media (max-width: 1060px) {
  .elite-affiliate-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .elite-affiliate-grid {
    grid-template-columns: 1fr;
  }

  .elite-affiliate-card {
    padding: 1rem;
  }

  .elite-affiliate-actions {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   ABOUT PAGE — TRUST SIGNALS
   ============================================================ */

/* Trust strip */
.about-trust-strip {
  display: flex;
  align-items: center;
  gap: 0;
  background: var(--bg-card);
  border: 1px solid var(--border-col);
  border-radius: var(--r-lg);
  padding: 1rem 1.5rem;
  flex-wrap: wrap;
}
.about-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  text-align: center;
  padding: 0 1.25rem;
  flex: 1;
  min-width: 90px;
}
.about-trust-icon { font-size: 1.5rem; }
.about-trust-label { font-size: 0.72rem; font-weight: 600; color: var(--text-soft); line-height: 1.3; }
.about-trust-sep {
  width: 1px;
  height: 40px;
  background: var(--border-col);
  flex-shrink: 0;
}
@media (max-width: 580px) {
  .about-trust-strip { gap: 0.75rem; }
  .about-trust-sep { display: none; }
  .about-trust-item { min-width: 70px; padding: 0.25rem 0.5rem; }
}

/* Independence card */
.about-independence-card { border-left: 3px solid var(--gold); }
.about-independence-header { display: flex; align-items: center; gap: 0.75rem; }
.about-independence-icon { font-size: 1.75rem; flex-shrink: 0; }

/* Pledge list */
.about-pledge-list { list-style: none; }
.about-pledge-list li {
  padding: 0.5rem 0 0.5rem 1.5rem;
  position: relative;
  border-bottom: 1px solid var(--border-col);
  font-size: 0.9rem;
  line-height: 1.6;
}
.about-pledge-list li:last-child { border-bottom: none; }
.about-pledge-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--success);
  font-weight: 700;
}

/* Criteria grid */
.about-criteria-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 560px) { .about-criteria-grid { grid-template-columns: 1fr; } }
.about-criterion {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.85rem;
  background: var(--bg);
  border-radius: var(--r-md);
  border: 1px solid var(--border-col);
}
.about-criterion-icon { font-size: 1.25rem; flex-shrink: 0; margin-top: 0.1rem; }
.about-criterion strong { display: block; font-size: 0.9rem; margin-bottom: 0.2rem; }
.about-criterion p { font-size: 0.8rem; color: var(--text-soft); margin: 0; line-height: 1.5; }

/* ── Related Guides section (city pages) ── */
.related-guide-card {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.1rem 1.25rem;
  border-radius: 8px;
  transition: border-color 0.18s, transform 0.18s;
}
.related-guide-card:hover {
  border-color: var(--trust-blue);
  transform: translateY(-2px);
}
.related-guide-icon {
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 0.15rem;
}
.related-guide-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--text);
}

.resource-image-card {
  gap: 0;
  overflow: hidden;
  padding: 0;
}

.resource-image-card picture {
  display: block;
  aspect-ratio: 1200 / 630;
  border-bottom: 1px solid var(--border-col);
  background: var(--surface);
}

.resource-image-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.resource-image-card .related-guide-title {
  margin: .9rem 1rem .25rem;
}

.resource-image-card .text-sm {
  margin: 0 1rem 1rem;
}

/* ── Home hero contrast pass ─────────────────────────────── */
.home-hero {
  isolation: isolate;
  background: #FFFFFF;
  border-bottom: 1px solid var(--border-col);
  min-height: 560px;
  display: flex;
  align-items: center;
}

.home-hero-media {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 0;
  display: block;
  width: 72%;
  overflow: hidden;
}

.home-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-hero > .container {
  position: relative;
  z-index: 1;
  width: 100%;
}

.home-hero .hero-content {
  max-width: 590px;
}

.home-hero .hero-badge {
  background: #fff;
  border-color: color-mix(in srgb, var(--trust-blue) 30%, var(--border-col));
  color: var(--trust-blue-dark);
  box-shadow: var(--shadow-sm);
}

.home-hero h1 {
  color: var(--ink);
  letter-spacing: 0;
  max-width: 590px;
}

.home-hero .hero-headline-accent {
  color: var(--trust-blue-dark);
}

.home-hero .hero-sub {
  color: var(--muted);
  font-weight: 500;
  max-width: 500px;
}

.home-hero .btn-primary {
  background: var(--brand-red);
  border-color: var(--brand-red);
  color: #fff;
  box-shadow: 0 8px 18px rgba(198,40,61,.18);
}

.home-hero .btn-primary:hover {
  background: var(--brand-red-dark);
  border-color: var(--brand-red-dark);
  color: #fff;
}

.home-hero .btn-ghost {
  background: #fff;
  color: var(--trust-blue);
  border-color: var(--trust-blue);
  box-shadow: var(--shadow-sm);
}

.home-hero .btn-ghost:hover {
  background: var(--trust-blue-soft);
  border-color: var(--trust-blue);
  color: var(--trust-blue-dark);
}

.home-hero .hero-trust-row {
  background: #FFFFFF;
  border: 1px solid var(--border-col);
  box-shadow: var(--shadow-sm);
}

.home-hero .hero-trust-num {
  color: var(--trust-blue);
}

.home-hero .hero-trust-label {
  color: var(--muted);
  font-weight: 700;
}

.home-hero .hero-trust-divider {
  background: var(--border-col);
}

/* ── Legacy contrast guards ────────────────────────────────
   Older templates hard-coded white links for a former dark hero.
   Current hero surfaces are light, so keep affiliate links readable. */
.hero .hero-sub a[style*="color:#fff"],
.hero .hero-sub a[style*="color: #fff"],
.hero .hero-sub a[style*="color:white"],
.hero .hero-sub a[style*="color: white"],
.hero .hero-subtitle a[style*="color:#fff"],
.hero .hero-subtitle a[style*="color: #fff"],
.hero .hero-subtitle a[style*="color:white"],
.hero .hero-subtitle a[style*="color: white"] {
  color: var(--trust-blue-dark) !important;
  text-decoration-color: color-mix(in srgb, var(--trust-blue) 68%, transparent) !important;
  text-decoration-thickness: 1.5px;
  text-underline-offset: .15em;
}

[style*="background:var(--gold)"][style*="color:#fff"],
[style*="background:var(--gold)"][style*="color: #fff"],
[style*="background: var(--gold)"][style*="color:#fff"],
[style*="background: var(--gold)"][style*="color: #fff"] {
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .home-hero {
    min-height: auto;
    align-items: flex-start;
    padding: 2.75rem 0 17rem;
  }

  .home-hero-media {
    top: auto;
    left: 0;
    width: 100%;
    height: 245px;
    background: var(--surface);
  }

  .home-hero-media img {
    object-position: 72% center;
  }

  .home-hero .hero-cta-row .btn {
    width: 100%;
  }
}

/* Dating Guides editorial section */
.dating-guide-page {
  --guide-accent: var(--trust-blue);
  --guide-wash: var(--trust-blue-soft);
  background: #FFFFFF;
  color: var(--ink);
}

.dating-guide-page section[id] {
  scroll-margin-top: 80px;
}

.dating-guide-page p {
  color: var(--muted);
  font-size: 1.075rem;
  line-height: 1.86;
}

.dating-guide-page h2 {
  color: var(--ink);
  letter-spacing: 0;
}

.dating-guide-hero,
.dating-guides-hub-hero {
  --guide-accent: var(--trust-blue);
  --guide-wash: var(--trust-blue-soft);
  border-bottom: 1px solid var(--border-col);
  background: var(--surface);
  padding: clamp(2rem, 6vw, 4.75rem) 0 clamp(1.75rem, 5vw, 4rem);
}

.dating-guides-hub-hero {
  --guide-accent: var(--trust-blue);
  --guide-wash: var(--trust-blue-soft);
}

.dating-guide-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(280px, 1.08fr);
  grid-template-areas:
    "copy art"
    "provenance art"
    "decision art";
  gap: clamp(1.25rem, 4vw, 3rem);
  align-items: start;
  min-width: 0;
  width: 100%;
}

.dating-guide-hero-copy,
.dating-guides-hub-hero .container {
  min-width: 0;
}

.dating-guide-hero-copy {
  grid-area: copy;
}

.dating-guide-hero-art {
  grid-area: art;
  align-self: start;
}

.dating-guide-hero-provenance {
  grid-area: provenance;
  min-width: 0;
}

.dating-guide-hero-decision {
  grid-area: decision;
  min-width: 0;
}

.dating-guide-hero-decision .dating-guide-answer {
  margin-top: 0;
}

.dating-guide-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  align-items: center;
  margin-bottom: 1rem;
  color: var(--muted);
  font-size: .84rem;
  font-weight: 800;
}

.dating-guide-breadcrumb a {
  color: var(--trust-blue);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--guide-accent) 42%, transparent);
  text-underline-offset: .18em;
}

.dating-guide-breadcrumb-item {
  display: inline-flex;
  flex: 0 0 auto;
  gap: .4rem;
  align-items: center;
  white-space: nowrap;
}

.dating-guide-breadcrumb-current {
  min-width: 0;
}

.dating-guide-badge {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  margin-bottom: 1rem;
  padding: .34rem .7rem;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 36%, var(--border-col));
  border-radius: 999px;
  background: #fff;
  color: var(--guide-accent);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.dating-guide-hero h1,
.dating-guides-hub-hero h1 {
  max-width: 820px;
  color: var(--ink);
  font-size: 3.5rem;
  letter-spacing: 0;
}

.dating-guides-hub-hero h1 {
  max-width: 760px;
  font-size: 3.25rem;
}

.dating-guide-sub,
.dating-guides-hub-hero p {
  max-width: 720px;
  margin-top: 1rem;
  color: var(--muted);
  font-size: 1.125rem;
  line-height: 1.72;
}

.dating-guide-answer {
  margin-top: 1.25rem;
  border-left: 4px solid var(--guide-accent);
  padding: 1rem 1.1rem;
  background: #FFFFFF;
  box-shadow: var(--shadow-sm);
}

.dating-guide-answer span,
.dating-guide-kicker,
.dating-guide-share-card span,
.dating-guide-takeaway-card span,
.dating-guide-note-card span,
.dating-guide-hub-card-meta > span {
  display: block;
  color: var(--guide-accent);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dating-guide-answer p {
  margin: .4rem 0 0;
  color: var(--ink);
  font-weight: 700;
  line-height: 1.58;
}

.dating-guide-hero-editor {
  margin: .65rem 0 0;
  color: var(--ink-soft);
  font-size: .92rem;
  font-weight: 800;
}

.dating-guide-article-meta {
  margin: .3rem 0 0;
  color: var(--muted);
  font-size: .84rem;
  font-weight: 700;
  line-height: 1.55;
}

.dating-guide-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.25rem;
}

.dating-guide-hero-art,
.dating-guide-inline-art,
.dating-guide-hub-card picture {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 34%, var(--border-col));
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-md);
}

.dating-guide-hero-art img,
.dating-guide-inline-art img,
.dating-guide-hub-card img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.dating-guide-hero-art figcaption,
.dating-guide-inline-art figcaption {
  padding: .65rem .8rem;
  background: #fff;
  color: #626779;
  font-size: .82rem;
  line-height: 1.45;
}

.dating-guide-image-open {
  display: inline-block;
  margin-left: .35rem;
  color: var(--guide-accent);
  font-weight: 800;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.dating-guide-image-open:hover,
.dating-guide-image-open:focus-visible {
  color: #171827;
}

.dating-guide-image-credit {
  display: block;
  margin-top: .35rem;
  color: var(--text-soft);
  font-size: .76rem;
  line-height: 1.45;
}

.dating-guide-image-credit a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.dating-guide-image-read {
  margin: 0;
  padding: .7rem .85rem;
  border-left: 4px solid var(--guide-accent);
  background: #fff;
  color: #2f3448;
  font-size: .95rem;
  line-height: 1.56;
  overflow-wrap: anywhere;
}

.dating-guide-visual-system {
  border: 1px solid color-mix(in srgb, var(--guide-accent) 22%, var(--border-col));
  border-radius: 8px;
  background: var(--surface);
  padding: clamp(1rem, 3vw, 1.5rem);
}

.dating-guide-visual-system .section-intro {
  max-width: 72ch;
  margin-top: .35rem;
  color: #4e5367;
}

.dating-guide-visual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.2rem;
}

.dating-guide-visual-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 24%, var(--border-col));
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(25, 26, 42, .08);
}

.dating-guide-visual-card picture {
  display: block;
  aspect-ratio: 1200 / 630;
  background: #fff;
}

.dating-guide-visual-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dating-guide-visual-card figcaption {
  display: grid;
  gap: .35rem;
  padding: .85rem .9rem .95rem;
}

.dating-guide-visual-card figcaption strong {
  color: #202337;
  font-size: .98rem;
  line-height: 1.35;
}

.dating-guide-visual-card figcaption span {
  color: #5e6376;
  font-size: .86rem;
  line-height: 1.55;
}

.dating-guide-editorial-lens {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(1rem, 3vw, 1.5rem);
  align-items: start;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 20%, var(--border-col));
  border-radius: 8px;
  background: #fff;
  padding: clamp(1rem, 3vw, 1.5rem);
}

.dating-guide-lens-copy h2 {
  margin-top: .35rem;
  font-size: 2rem;
}

.dating-guide-lens-copy p {
  margin-top: .85rem;
  color: #3b4054;
}

.dating-guide-lens-grid,
.dating-guide-scenario-grid,
.dating-guide-quote-grid,
.dating-guide-deep-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.dating-guide-lens-card,
.dating-guide-scenario-card,
.dating-guide-quote-card,
.dating-guide-deep-card {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 18%, var(--border-col));
  border-radius: 8px;
  background: var(--surface);
  padding: 1rem;
}

.dating-guide-lens-card span,
.dating-guide-scenario-card span,
.dating-guide-quote-card span,
.dating-guide-deep-card span,
.dating-guide-quality-tags span {
  display: inline-flex;
  color: var(--guide-accent);
  font-size: .73rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dating-guide-lens-card h3,
.dating-guide-scenario-card h3,
.dating-guide-deep-card h3 {
  margin-top: .45rem;
  color: #202337;
  font-family: var(--font-body);
  font-size: 1rem;
  letter-spacing: 0;
}

.dating-guide-lens-card p,
.dating-guide-scenario-card p,
.dating-guide-quote-card p,
.dating-guide-deep-card p {
  margin-top: .55rem;
  color: #555a70;
  font-size: .95rem;
  line-height: 1.58;
}

.dating-guide-lens-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.dating-guide-scenario-card strong {
  display: block;
  margin-top: .8rem;
  color: #25283a;
  font-size: .95rem;
  line-height: 1.5;
}

.dating-guide-quote-card blockquote {
  margin: .55rem 0 0;
  color: #202337;
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.32;
}

.dating-guide-quality-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1rem;
}

.dating-guide-quality-tags span {
  min-height: 2rem;
  align-items: center;
  padding: .35rem .65rem;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 22%, var(--border-col));
  border-radius: 999px;
  background: #fff;
  color: #3b4054;
  letter-spacing: 0;
  text-transform: none;
}

.dating-guide-toc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  margin: 1rem 0 0;
  padding: .65rem;
  border: 1px solid var(--border-col);
  border-radius: 8px;
  background: #FFFFFF;
}

.dating-guide-toc-label {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .35rem .75rem .35rem .35rem;
  border-right: 1px solid var(--border-col);
  color: #64697b;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dating-guide-toc a {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .35rem .65rem;
  border-radius: 6px;
  color: #2d3144;
  font-size: .84rem;
  font-weight: 900;
  line-height: 1.2;
}

.dating-guide-toc a:hover,
.dating-guide-toc a:focus-visible {
  background: var(--guide-wash);
  color: var(--guide-accent);
}

.dating-guide-intro,
.dating-guides-hub-intro,
.dating-guide-links,
.dating-guide-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(280px, .96fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
}

.dating-guide-intro-text,
.dating-guide-feature-copy,
.dating-guides-hub-intro > div,
.dating-guide-link-column {
  min-width: 0;
}

.dating-guide-intro h2,
.dating-guide-feature h2,
.dating-guide-link-column h2,
.dating-guides-hub-intro h2 {
  margin-top: .3rem;
  font-size: 2.05rem;
  letter-spacing: 0;
}

.dating-guide-intro p,
.dating-guide-feature p,
.dating-guide-commercial-note,
.dating-guides-hub-intro p {
  margin-top: .85rem;
  color: #4e5264;
  font-size: 1.075rem;
  line-height: 1.86;
  max-width: 70ch;
}

.dating-guide-share-card,
.dating-guide-takeaway-card,
.dating-guides-hub-intro aside {
  border: 1px solid color-mix(in srgb, var(--guide-accent) 30%, var(--border-col));
  border-top: 4px solid var(--guide-accent);
  border-radius: 8px;
  background: var(--guide-wash);
  padding: clamp(1rem, 2.5vw, 1.4rem);
  box-shadow: var(--shadow-sm);
}

.dating-guide-share-card strong,
.dating-guide-takeaway-card strong {
  display: block;
  margin-top: .5rem;
  color: #191b2d;
  font-family: var(--font-display);
  font-size: 1.65rem;
  line-height: 1.25;
}

.dating-guides-hub-intro aside strong {
  display: block;
  color: var(--guide-accent);
  font-family: var(--font-display);
  font-size: 3rem;
  line-height: 1;
}

.dating-guides-hub-intro aside span {
  display: block;
  margin-top: .5rem;
  color: #4e5264;
  font-weight: 800;
}

.dating-guides-hub-intro aside small {
  display: block;
  margin-top: .75rem;
  color: #6b7082;
  font-size: .82rem;
  line-height: 1.45;
}

.dating-guide-signal-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}

.dating-guide-signal-grid .section-header {
  grid-column: 1 / -1;
}

.dating-guide-signal-card,
.dating-guide-note-card {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 24%, var(--border-col));
  border-radius: 8px;
  background: #fff;
  padding: 1rem;
  box-shadow: 0 10px 24px rgba(25, 26, 42, .06);
}

.dating-guide-signal-card span {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: .7rem;
  border-radius: 999px;
  background: var(--guide-wash);
  color: var(--guide-accent);
  font-weight: 900;
}

.dating-guide-signal-card p {
  margin: 0;
  color: #3d4153;
  font-weight: 700;
  line-height: 1.55;
}

.dating-guide-note-card h3 {
  margin: .35rem 0 .45rem;
  color: #25283a;
  font-size: 1.08rem;
  letter-spacing: 0;
}

.dating-guide-note-card p {
  margin: 0;
  color: #4b5063;
  font-weight: 500;
  line-height: 1.65;
}

.dating-guide-card-label {
  display: inline-flex;
  margin: .25rem 0 .75rem;
  color: var(--guide-accent);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dating-guide-table th {
  background: color-mix(in srgb, var(--guide-wash) 82%, #fff);
}

.dating-guide-feature {
  padding-top: clamp(1rem, 3vw, 2rem);
  border-top: 1px solid var(--border-col);
  scroll-margin-top: 5.5rem;
}

.dating-guide-type-compare {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(280px, 1.08fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 24%, var(--border-col));
  border-radius: 8px;
  background: var(--guide-wash);
  padding: clamp(1rem, 3vw, 1.6rem);
  scroll-margin-top: 9rem;
}

/* Keep table-of-contents destinations clear of the sticky site navigation. */
.dating-guide-page section[id] {
  scroll-margin-top: 5.5rem;
}

.dating-guide-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin-top: 1rem;
}

.dating-guide-compare-grid article {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 26%, var(--border-col));
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
  padding: .95rem;
}

.dating-guide-compare-grid span {
  display: block;
  color: var(--guide-accent);
  font-weight: 900;
  line-height: 1.3;
}

.dating-guide-compare-grid p {
  margin-top: .45rem;
  color: #4e5264;
  font-size: .94rem;
  line-height: 1.6;
}

.dating-guide-feature:nth-of-type(even) .dating-guide-feature-copy {
  order: 2;
}

.dating-guide-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.dating-guide-prompt-library {
  border-top: 1px solid color-mix(in srgb, var(--guide-accent) 22%, var(--border-col));
}

.dating-guide-prompt-intro {
  max-width: 48rem;
  margin: -.35rem 0 1.15rem;
  color: #4b5063;
  line-height: 1.65;
}

.dating-guide-prompt-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.dating-guide-prompt-card {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 22%, var(--border-col));
  border-radius: 8px;
  background: #fff;
  padding: clamp(1rem, 2.4vw, 1.35rem);
  box-shadow: 0 10px 24px rgba(25, 26, 42, .05);
}

.dating-guide-prompt-card > span {
  display: inline-flex;
  color: var(--guide-accent);
  font-size: .73rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dating-guide-prompt-card h3 {
  margin: .4rem 0 .45rem;
  color: #202337;
  font-family: var(--font-body);
  font-size: 1.12rem;
  letter-spacing: 0;
}

.dating-guide-prompt-card > p {
  margin: 0;
  color: #555a70;
  font-size: .93rem;
  line-height: 1.58;
}

.dating-guide-prompt-card ol {
  display: grid;
  gap: .55rem;
  margin: 1rem 0 0;
  padding-left: 1.45rem;
}

.dating-guide-prompt-card li {
  padding-left: .2rem;
  color: #303447;
  line-height: 1.5;
}

.dating-guide-prompt-card li::marker {
  color: var(--guide-accent);
  font-weight: 900;
}

.dating-guide-deep-card .dating-guide-evidence-limit {
  margin-top: .8rem;
  border-top: 1px solid color-mix(in srgb, var(--guide-accent) 18%, var(--border-col));
  padding-top: .8rem;
  color: #484d61;
}

.dating-guide-evidence-limit strong {
  color: #25283a;
}

.dating-guide-conversation-grid .dating-guide-note-card p {
  color: #25283a;
  font-size: 1.04rem;
  font-weight: 700;
}

.dating-guide-action-plan {
  border-top: 1px solid color-mix(in srgb, var(--guide-accent) 22%, var(--border-col));
}

.dating-guide-expandable {
  margin-top: 1.1rem;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 24%, var(--border-col));
  border-radius: 8px;
  background: #fff;
}

.dating-guide-expandable summary {
  display: grid;
  gap: .2rem;
  padding: .95rem 1rem;
  cursor: pointer;
  list-style: none;
  background: var(--guide-wash);
}

.dating-guide-expandable summary::-webkit-details-marker {
  display: none;
}

.dating-guide-expandable summary span {
  color: var(--guide-accent);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dating-guide-expandable summary strong {
  color: #25283a;
  font-size: 1rem;
  line-height: 1.45;
}

.dating-guide-expandable[open] summary {
  border-bottom: 1px solid var(--border-col);
}

.dating-guide-expandable > .dating-guide-card-grid {
  padding: 1rem;
}

.dating-guide-review-card,
.dating-guide-app-card {
  border-top: 4px solid var(--guide-accent);
}

.dating-guide-app-card .premium-review-rank {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  min-height: 2rem;
  padding: .35rem .65rem;
  border-radius: 999px;
  font-size: .76rem;
  line-height: 1;
  white-space: nowrap;
}

.dating-guide-affiliate {
  border: 1px solid color-mix(in srgb, var(--guide-accent) 24%, var(--border-col));
  border-radius: 8px;
  background: var(--guide-wash);
  padding: clamp(1.25rem, 3vw, 2rem);
}

.dating-guide-revenue-bridge,
.dating-guide-final-cta {
  border: 1px solid color-mix(in srgb, var(--guide-accent) 18%, var(--border-col));
  border-radius: 8px;
  background: #fff;
  padding: clamp(1.1rem, 2.8vw, 1.7rem);
  box-shadow: 0 14px 30px rgba(25, 26, 42, .06);
}

.dating-guide-final-cta {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
  background: var(--guide-wash);
}

.dating-guide-final-cta .dating-guide-takeaway-card {
  height: fit-content;
}

.dating-guide-next-card {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 24%, var(--border-col));
  border-radius: 8px;
  background: rgba(255, 255, 255, .88);
  padding: 1rem;
}

.dating-guide-next-card span {
  display: block;
  color: var(--guide-accent);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .04em;
  line-height: 1.35;
  text-transform: uppercase;
}

.dating-guide-next-card h3 {
  margin: .25rem 0 .45rem;
  font-size: 1.25rem;
  line-height: 1.25;
}

.dating-guide-next-card p {
  color: #4f5365;
  font-size: .98rem;
  line-height: 1.72;
}

.dating-guide-next-card .btn {
  margin-top: .8rem;
}

.dating-guide-links {
  align-items: stretch;
}

.dating-guide-link-column {
  border: 1px solid var(--border-col);
  border-radius: 8px;
  background: #fff;
  padding: clamp(1rem, 2.6vw, 1.35rem);
  box-shadow: 0 12px 26px rgba(25, 26, 42, .06);
}

.dating-guide-link-list {
  display: grid;
  gap: .65rem;
  margin-top: 1rem;
}

.dating-guide-link-list a {
  display: block;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 18%, var(--border-col));
  border-radius: 8px;
  padding: .8rem .85rem;
  background: #fff;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

.dating-guide-link-list a:hover,
.dating-guide-link-list a:focus-visible {
  border-color: color-mix(in srgb, var(--guide-accent) 48%, var(--border-col));
  background: var(--guide-wash);
  transform: translateY(-1px);
}

.dating-guide-link-list span {
  display: block;
  color: #222538;
  font-weight: 900;
  line-height: 1.35;
}

.dating-guide-link-list small {
  display: block;
  margin-top: .25rem;
  color: #626779;
  font-size: .84rem;
  line-height: 1.45;
}

.dating-guide-more-links {
  margin-top: .75rem;
}

.dating-guide-more-links summary {
  display: inline-flex;
  align-items: center;
  min-height: 2.4rem;
  padding: .45rem .75rem;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 24%, var(--border-col));
  border-radius: 6px;
  color: var(--guide-accent);
  cursor: pointer;
  font-size: .86rem;
  font-weight: 900;
  list-style: none;
}

.dating-guide-more-links summary::-webkit-details-marker {
  display: none;
}

.dating-guide-more-links[open] summary {
  background: var(--guide-wash);
}

.dating-guide-sources {
  border-top: 1px solid color-mix(in srgb, var(--guide-accent) 22%, var(--border-col));
}

.dating-guide-sources-intro {
  max-width: 76ch;
  margin: .65rem 0 0;
  color: #4e5264;
  font-size: 1rem;
  line-height: 1.75;
}

.dating-guide-source-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  margin-top: 1.1rem;
}

.dating-guide-source-list--4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dating-guide-source-list a {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 24%, var(--border-col));
  border-radius: 8px;
  background: #fff;
  padding: 1rem;
  color: #222538;
  box-shadow: 0 10px 24px rgba(25, 26, 42, .06);
}

.dating-guide-source-list a:hover,
.dating-guide-source-list a:focus-visible {
  border-color: var(--guide-accent);
  background: var(--guide-wash);
}

.dating-guide-source-list span,
.dating-guide-source-list strong,
.dating-guide-source-list small {
  display: block;
}

.dating-guide-source-list span {
  color: var(--guide-accent);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.dating-guide-source-list strong {
  margin-top: .35rem;
  color: #202337;
  font-size: 1.02rem;
  line-height: 1.4;
}

.dating-guide-source-list small {
  margin-top: .45rem;
  color: #5d6274;
  font-size: .86rem;
  line-height: 1.55;
}

.dating-guides-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.dating-guide-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.dating-guide-path-card {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--guide-accent, var(--trust-blue)) 22%, var(--border-col));
  border-top: 4px solid var(--guide-accent, var(--trust-blue));
  border-radius: 8px;
  background: #FFFFFF;
  padding: 1.1rem;
  box-shadow: 0 12px 28px rgba(25, 26, 42, .06);
}

.dating-guide-path-card > span {
  color: var(--guide-accent, var(--trust-blue));
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dating-guide-path-card h3 {
  margin-top: .35rem;
  font-size: 1.3rem;
  letter-spacing: 0;
}

.dating-guide-path-card p {
  margin-top: .55rem;
  color: #555a6e;
  font-size: .94rem;
  line-height: 1.62;
}

.dating-guide-path-links {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .9rem;
}

.dating-guide-path-links a {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .35rem .58rem;
  border: 1px solid color-mix(in srgb, var(--guide-accent, var(--trust-blue)) 22%, var(--border-col));
  border-radius: 999px;
  background: #fff;
  color: #303448;
  font-size: .8rem;
  font-weight: 800;
  line-height: 1.25;
}

.dating-guide-path-links a:hover,
.dating-guide-path-links a:focus-visible {
  border-color: var(--guide-accent, var(--trust-blue));
  color: var(--guide-accent, var(--trust-blue));
}

.dating-guide-hub-card {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 22%, var(--border-col));
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(25, 26, 42, .07);
  transition: transform .18s ease, box-shadow .18s ease;
}

.dating-guide-hub-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(25, 26, 42, .10);
}

.dating-guide-hub-card picture {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.dating-guide-hub-card-body {
  padding: 1rem;
}

.dating-guide-hub-card-meta {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: start;
}

.dating-guide-hub-card-meta > span {
  min-width: 0;
}

.dating-guide-hub-card-meta small {
  flex: 0 0 auto;
  color: var(--text-soft);
  font-size: .75rem;
  font-weight: 800;
  line-height: 1.35;
  white-space: nowrap;
}

.dating-guide-hub-card h3 {
  margin-top: .35rem;
  font-size: 1.25rem;
  letter-spacing: 0;
}

.dating-guide-hub-card p {
  margin-top: .55rem;
  color: #555a6e;
  font-size: .94rem;
  line-height: 1.58;
}

.dating-guide-hub-card-body > strong {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-top: .8rem;
  color: var(--guide-accent);
  font-size: .9rem;
  font-weight: 900;
}

/* Route-level editorial layout: academic timeline with two-futures rhythm. */
.dating-guide-layout-timeline-notebook {
  --guide-accent: #B4232F;
  --guide-wash: #F5F8FC;
  counter-reset: guide-chapter;
}

.dating-guide-layout-timeline-notebook .dating-guide-hero {
  border-bottom: 4px solid #173F73;
  background: #FFFFFF;
}

.dating-guide-layout-timeline-notebook .dating-guide-hero-copy {
  border-left: 4px solid #B4232F;
  padding-left: clamp(1rem, 2.4vw, 1.6rem);
}

.dating-guide-layout-timeline-notebook .dating-guide-hero-art {
  border: 2px solid #173F73;
  box-shadow: 10px 10px 0 #E9EEF5;
}

.dating-guide-layout-timeline-notebook .dating-guide-editorial-lens {
  border-width: 0 0 1px 4px;
  border-left-color: #173F73;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-timeline-notebook .dating-guide-feature {
  counter-increment: guide-chapter;
  position: relative;
  padding-left: clamp(3.75rem, 7vw, 5.5rem);
}

.dating-guide-layout-timeline-notebook .dating-guide-feature::before {
  content: counter(guide-chapter, decimal-leading-zero);
  position: absolute;
  top: clamp(1rem, 3vw, 2rem);
  left: 0;
  display: grid;
  place-items: center;
  width: 3rem;
  aspect-ratio: 1;
  border: 2px solid #B4232F;
  border-radius: 4px;
  background: #FFFFFF;
  color: #B4232F;
  font-size: .86rem;
  font-weight: 900;
}

.dating-guide-layout-timeline-notebook .dating-guide-feature:nth-of-type(even)::before {
  border-color: #173F73;
  color: #173F73;
}

.dating-guide-layout-timeline-notebook .dating-guide-feature::after {
  content: "";
  position: absolute;
  top: calc(clamp(1rem, 3vw, 2rem) + 3rem);
  bottom: -1px;
  left: 1.45rem;
  width: 2px;
  background: #D9E0EA;
}

.dating-guide-layout-timeline-notebook .dating-guide-feature:last-of-type::after {
  display: none;
}

.dating-guide-layout-timeline-notebook .dating-guide-feature h2 {
  max-width: 22ch;
}

.dating-guide-layout-timeline-notebook .dating-guide-inline-art {
  border-color: #173F73;
  box-shadow: 8px 8px 0 #EFF2F6;
}

.dating-guide-layout-timeline-notebook .dating-guide-type-compare,
.dating-guide-layout-timeline-notebook .dating-guide-final-cta {
  border-left: 4px solid #B4232F;
  background: #F8FAFD;
}

/* Route-specific field-map rhythm for the diaspora career dating-type guide. */
.dating-guide-layout-diaspora-field-map {
  --guide-accent: #A71930;
  --guide-wash: #F5F8FC;
  background: #fff;
}

.dating-guide-layout-diaspora-field-map .dating-guide-hero {
  border-bottom: 4px solid #16233A;
  background: #fff;
}

.dating-guide-layout-diaspora-field-map .dating-guide-hero-copy {
  border-top: 5px solid #A71930;
  border-right: 1px solid #DCE3ED;
  padding-top: 1.15rem;
  padding-right: clamp(1rem, 3vw, 2.5rem);
}

.dating-guide-layout-diaspora-field-map .dating-guide-hero-art,
.dating-guide-layout-diaspora-field-map .dating-guide-inline-art {
  border-color: #16233A;
  box-shadow: 7px 7px 0 #E8EDF4;
}

.dating-guide-layout-diaspora-field-map .dating-guide-intro {
  border-bottom: 1px solid #DCE3ED;
}

.dating-guide-layout-diaspora-field-map .dating-guide-editorial-lens {
  border: 0;
  border-top: 1px solid #DCE3ED;
  border-bottom: 1px solid #DCE3ED;
  border-radius: 0;
  background: #fff;
  padding-right: 0;
  padding-left: 0;
}

.dating-guide-layout-diaspora-field-map .dating-guide-lens-grid {
  gap: 0;
  border: 1px solid #16233A;
  background: #16233A;
}

.dating-guide-layout-diaspora-field-map .dating-guide-lens-card {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.dating-guide-layout-diaspora-field-map .dating-guide-lens-card:nth-child(1) {
  border-right: 1px solid #16233A;
  border-bottom: 1px solid #16233A;
}

.dating-guide-layout-diaspora-field-map .dating-guide-lens-card:nth-child(2) {
  border-bottom: 1px solid #16233A;
}

.dating-guide-layout-diaspora-field-map .dating-guide-lens-card:nth-child(3) {
  border-right: 1px solid #16233A;
}

.dating-guide-layout-diaspora-field-map .dating-guide-feature {
  position: relative;
  border-top: 3px solid #16233A;
  padding-top: 2rem;
}

.dating-guide-layout-diaspora-field-map .dating-guide-feature::before {
  content: "FIELD NOTE";
  position: absolute;
  top: -.8rem;
  left: 0;
  padding: .22rem .58rem;
  border: 1px solid #16233A;
  background: #fff;
  color: #A71930;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-diaspora-field-map .dating-guide-feature:nth-of-type(even)::before {
  color: #176A50;
}

.dating-guide-layout-diaspora-field-map .dating-guide-type-compare {
  position: relative;
  border: 2px solid #16233A;
  background: #F8FAFD;
}

.dating-guide-layout-diaspora-field-map .dating-guide-type-compare::after {
  content: "INTENTION IS SEPARATE FROM PRESSURE";
  position: absolute;
  right: 1rem;
  bottom: -1rem;
  padding: .35rem .65rem;
  border: 1px solid #B88A16;
  background: #FFF9E8;
  color: #654B08;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-diaspora-field-map .dating-guide-final-cta {
  border-top: 5px solid #A71930;
  background: #F5F8FC;
}

/* Route-specific workbook rhythm for the adult-student slow-dating guide. */
.dating-guide-layout-pace-workbook {
  --guide-accent: #1559A3;
  --guide-wash: #F3F8FD;
  counter-reset: pace-chapter;
  background: #fff;
}

.dating-guide-layout-pace-workbook .dating-guide-hero {
  border-top: 5px solid #176A50;
  border-bottom: 1px solid #B9C8DB;
  background: #fff;
}

.dating-guide-layout-pace-workbook .dating-guide-hero-copy {
  border-bottom: 3px solid #1559A3;
  padding-bottom: 1.2rem;
}

.dating-guide-layout-pace-workbook .dating-guide-hero-art,
.dating-guide-layout-pace-workbook .dating-guide-inline-art {
  border: 1px solid #1559A3;
  box-shadow: 6px 6px 0 #E8EFF7;
}

.dating-guide-layout-pace-workbook .dating-guide-editorial-lens {
  border: 1px solid #B9C8DB;
  background: #F8FBFE;
}

.dating-guide-layout-pace-workbook .dating-guide-lens-card {
  border-top: 4px solid #1559A3;
  background: #fff;
  box-shadow: none;
}

.dating-guide-layout-pace-workbook .dating-guide-lens-card:nth-child(2) {
  border-top-color: #176A50;
}

.dating-guide-layout-pace-workbook .dating-guide-lens-card:nth-child(3) {
  border-top-color: #B4232F;
}

.dating-guide-layout-pace-workbook .dating-guide-lens-card:nth-child(4) {
  border-top-color: #A67608;
}

.dating-guide-layout-pace-workbook .dating-guide-feature {
  counter-increment: pace-chapter;
  position: relative;
  border: 1px solid #C8D4E2;
  border-radius: 0;
  background: #fff;
  padding: clamp(1.25rem, 3vw, 2rem);
}

.dating-guide-layout-pace-workbook .dating-guide-feature::before {
  content: "PACE " counter(pace-chapter);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  padding: .32rem .7rem;
  border: 1px solid #C8D4E2;
  border-bottom: 0;
  background: #fff;
  color: #1559A3;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-pace-workbook .dating-guide-feature:nth-of-type(even)::before {
  color: #176A50;
}

.dating-guide-layout-pace-workbook .dating-guide-type-compare {
  border: 2px solid #1559A3;
  background: #F8FBFE;
}

.dating-guide-layout-pace-workbook .dating-guide-action-plan {
  border-top: 4px solid #176A50;
  border-bottom: 1px solid #C8D4E2;
}

.dating-guide-layout-pace-workbook .dating-guide-final-cta {
  border: 1px solid #1559A3;
  border-top: 5px solid #1559A3;
  background: #F8FBFE;
}

/* Route-specific coordinate dashboard for diaspora long-distance clarity. */
.dating-guide-layout-distance-dashboard {
  --guide-accent: #173F73;
  --guide-wash: #F5F8FC;
  counter-reset: distance-coordinate;
  background: #FFFFFF;
}

.dating-guide-layout-distance-dashboard .dating-guide-hero {
  border-top: 6px solid #B4232F;
  border-bottom: 2px solid #173F73;
  background: #FFFFFF;
}

.dating-guide-layout-distance-dashboard .dating-guide-hero-copy {
  border-left: 1px solid #B9C8DB;
  padding-left: clamp(1rem, 3vw, 2.25rem);
}

.dating-guide-layout-distance-dashboard .dating-guide-hero-art,
.dating-guide-layout-distance-dashboard .dating-guide-inline-art {
  border: 1px solid #173F73;
  box-shadow: 8px 8px 0 #E8EEF5;
}

.dating-guide-layout-distance-dashboard .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 2rem;
  border: 0;
  border-top: 1px solid #B9C8DB;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-distance-dashboard .dating-guide-lens-copy {
  border-left: 4px solid #B4232F;
  padding-left: 1.25rem;
}

.dating-guide-layout-distance-dashboard .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #173F73;
  background: #173F73;
}

.dating-guide-layout-distance-dashboard .dating-guide-lens-card {
  min-height: 12rem;
  border: 0;
  border-top: 5px solid #B4232F;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-distance-dashboard .dating-guide-lens-card:nth-child(2) {
  border-top-color: #1559A3;
}

.dating-guide-layout-distance-dashboard .dating-guide-lens-card:nth-child(3) {
  border-top-color: #176A50;
}

.dating-guide-layout-distance-dashboard .dating-guide-lens-card:nth-child(4) {
  border-top-color: #A67608;
}

.dating-guide-layout-distance-dashboard .dating-guide-lens-card:nth-child(5) {
  grid-column: auto;
  border-top-color: #6650A4;
}

.dating-guide-layout-distance-dashboard .dating-guide-feature {
  counter-increment: distance-coordinate;
  position: relative;
  border-top: 4px solid #173F73;
  padding-top: 4rem;
}

.dating-guide-layout-distance-dashboard .dating-guide-feature::before {
  content: "COORDINATE 0" counter(distance-coordinate);
  position: absolute;
  top: 1.2rem;
  left: 0;
  padding: .32rem .7rem;
  border-left: 4px solid #B4232F;
  background: #F5F8FC;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-distance-dashboard .dating-guide-feature:nth-of-type(2)::before {
  border-left-color: #1559A3;
}

.dating-guide-layout-distance-dashboard .dating-guide-feature:nth-of-type(3)::before {
  border-left-color: #176A50;
}

.dating-guide-layout-distance-dashboard .dating-guide-feature:nth-of-type(4)::before {
  border-left-color: #A67608;
}

.dating-guide-layout-distance-dashboard .dating-guide-feature:nth-of-type(5)::before {
  border-left-color: #6650A4;
}

.dating-guide-layout-distance-dashboard .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #1559A3;
  background: #F8FAFD;
}

.dating-guide-layout-distance-dashboard .dating-guide-action-plan {
  border-top: 5px solid #176A50;
  border-bottom: 1px solid #B9C8DB;
}

.dating-guide-layout-distance-dashboard .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-top: 5px solid #B4232F;
  background: #F5F8FC;
}

/* Route-specific arrival brief for a diaspora weekend first meeting. */
.dating-guide-layout-weekend-safety-brief {
  --guide-accent: #B4232F;
  --guide-wash: #F6F8FB;
  counter-reset: weekend-brief;
  background: #FFFFFF;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-hero {
  border-top: 7px solid #173F73;
  border-bottom: 4px solid #B4232F;
  background: #FFFFFF;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-hero-copy {
  border-top: 1px solid #B9C8DB;
  border-bottom: 1px solid #B9C8DB;
  padding: 1.25rem 0;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-hero-art,
.dating-guide-layout-weekend-safety-brief .dating-guide-inline-art {
  border: 1px solid #173F73;
  box-shadow: 6px 6px 0 #E9EEF5;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-hero-decision {
  border-left: 4px solid #176A50;
  padding-left: 1.25rem;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-editorial-lens {
  border: 0;
  border-top: 4px solid #173F73;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-lens-copy {
  align-self: start;
  border-left: 4px solid #B4232F;
  padding-left: 1.25rem;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #173F73;
  background: #173F73;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-lens-card {
  border: 0;
  border-top: 5px solid #B4232F;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-lens-card:nth-child(2) {
  border-top-color: #1559A3;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-lens-card:nth-child(3) {
  border-top-color: #176A50;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-lens-card:nth-child(4) {
  border-top-color: #A67608;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-feature {
  counter-increment: weekend-brief;
  position: relative;
  border-top: 1px solid #B9C8DB;
  border-bottom: 1px solid #B9C8DB;
  padding-top: 4.5rem;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-feature::before {
  content: "FIELD NOTE 0" counter(weekend-brief);
  position: absolute;
  top: 1.25rem;
  left: 0;
  padding: .34rem .72rem;
  border: 1px solid #173F73;
  border-left: 5px solid #B4232F;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-feature:nth-of-type(2)::before {
  border-left-color: #1559A3;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-feature:nth-of-type(3)::before {
  border-left-color: #176A50;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-feature:nth-of-type(4)::before {
  border-left-color: #A67608;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-feature:nth-of-type(5)::before {
  border-left-color: #6650A4;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #1559A3;
  border-bottom: 5px solid #B4232F;
  background: #F8FAFD;
}

.dating-guide-layout-weekend-safety-brief .dating-guide-action-plan {
  border-left: 5px solid #176A50;
  background: #F8FBFA;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-weekend-safety-brief .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #B4232F;
  background: #FFFFFF;
}

/* Route-specific agreement board for adult students choosing casual dating. */
.dating-guide-layout-campus-agreement-board {
  --guide-accent: #173F73;
  --guide-wash: #F6F8FB;
  counter-reset: campus-agreement;
  background: #FFFFFF;
}

.dating-guide-layout-campus-agreement-board .dating-guide-hero {
  border-top: 6px solid #173F73;
  border-bottom: 4px solid #B4232F;
  background: #FFFFFF;
}

.dating-guide-layout-campus-agreement-board .dating-guide-hero-copy {
  border-left: 4px solid #B4232F;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-campus-agreement-board .dating-guide-hero-art,
.dating-guide-layout-campus-agreement-board .dating-guide-inline-art {
  border: 1px solid #173F73;
  box-shadow: 7px 7px 0 #E8EEF5;
}

.dating-guide-layout-campus-agreement-board .dating-guide-editorial-lens {
  border: 0;
  border-top: 4px solid #173F73;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-campus-agreement-board .dating-guide-lens-copy {
  border-left: 4px solid #B4232F;
  padding-left: 1.25rem;
}

.dating-guide-layout-campus-agreement-board .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #173F73;
  background: #173F73;
}

.dating-guide-layout-campus-agreement-board .dating-guide-lens-card {
  min-height: 13rem;
  border: 0;
  border-top: 5px solid #173F73;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-campus-agreement-board .dating-guide-lens-card:nth-child(2) {
  border-top-color: #B4232F;
}

.dating-guide-layout-campus-agreement-board .dating-guide-lens-card:nth-child(3) {
  border-top-color: #1559A3;
}

.dating-guide-layout-campus-agreement-board .dating-guide-lens-card:nth-child(4) {
  border-top-color: #176A50;
}

.dating-guide-layout-campus-agreement-board .dating-guide-feature {
  counter-increment: campus-agreement;
  position: relative;
  border-top: 1px solid #B9C8DB;
  padding-top: 4.5rem;
}

.dating-guide-layout-campus-agreement-board .dating-guide-feature::before {
  content: "AGREEMENT 0" counter(campus-agreement);
  position: absolute;
  top: 1.25rem;
  left: 0;
  padding: .34rem .72rem;
  border: 1px solid #173F73;
  border-left: 5px solid #B4232F;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-campus-agreement-board .dating-guide-feature:nth-of-type(2)::before {
  border-left-color: #1559A3;
}

.dating-guide-layout-campus-agreement-board .dating-guide-feature:nth-of-type(3)::before {
  border-left-color: #176A50;
}

.dating-guide-layout-campus-agreement-board .dating-guide-feature:nth-of-type(4)::before {
  border-left-color: #A67608;
}

.dating-guide-layout-campus-agreement-board .dating-guide-feature:nth-of-type(5)::before {
  border-left-color: #6650A4;
}

.dating-guide-layout-campus-agreement-board .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #B4232F;
  background: #F8FAFD;
}

.dating-guide-layout-campus-agreement-board .dating-guide-action-plan {
  border-top: 5px solid #176A50;
  border-bottom: 1px solid #B9C8DB;
  background: #FFFFFF;
}

.dating-guide-layout-campus-agreement-board .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #B4232F;
  background: #FFFFFF;
}

/* Route-specific discernment ledger for slow, faith-led casual dating. */
.dating-guide-layout-faith-discernment-ledger {
  --guide-accent: #176A50;
  --guide-wash: #F7FAF8;
  counter-reset: discernment-entry;
  background: #FFFFFF;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-hero {
  border-top: 6px solid #176A50;
  border-bottom: 4px solid #A67608;
  background: #FFFFFF;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-hero-copy {
  border-left: 4px solid #A33A2B;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-hero-art,
.dating-guide-layout-faith-discernment-ledger .dating-guide-inline-art {
  border: 1px solid #176A50;
  box-shadow: 7px 7px 0 #E7EFEA;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-editorial-lens {
  border: 0;
  border-top: 4px solid #176A50;
  border-bottom: 1px solid #C8D8CF;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-lens-copy {
  border-left: 4px solid #A67608;
  padding-left: 1.25rem;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #173F73;
  background: #173F73;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-lens-card {
  min-height: 11.5rem;
  border: 0;
  border-top: 5px solid #176A50;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-lens-card:nth-child(2) {
  border-top-color: #1559A3;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-lens-card:nth-child(3) {
  border-top-color: #A33A2B;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-lens-card:nth-child(4) {
  border-top-color: #A67608;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-feature {
  counter-increment: discernment-entry;
  position: relative;
  border-top: 1px solid #C8D8CF;
  padding-top: 4.5rem;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-feature::before {
  content: "LEDGER 0" counter(discernment-entry);
  position: absolute;
  top: 1.25rem;
  left: 0;
  padding: .34rem .72rem;
  border: 1px solid #173F73;
  border-left: 5px solid #176A50;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-feature:nth-of-type(2)::before {
  border-left-color: #1559A3;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-feature:nth-of-type(3)::before {
  border-left-color: #A33A2B;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-feature:nth-of-type(4)::before {
  border-left-color: #A67608;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-feature:nth-of-type(5)::before {
  border-left-color: #6650A4;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #176A50;
  border-bottom: 5px solid #A67608;
  background: #F8FAFD;
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-action-plan {
  border-left: 5px solid #A33A2B;
  background: #FFFFFF;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-faith-discernment-ledger .dating-guide-final-cta {
  border: 1px solid #176A50;
  border-top: 5px solid #A67608;
  background: #FFFFFF;
}

/* Route-specific travel journal for a serious weekend-to-weekday bridge. */
.dating-guide-layout-weekend-bridge-journal {
  --guide-accent: #173F73;
  --guide-wash: #F7F9FC;
  counter-reset: weekend-bridge-entry;
  background: #FFFFFF;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-hero {
  border-top: 6px solid #173F73;
  border-bottom: 4px solid #176A50;
  background: #FFFFFF;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-hero-copy {
  border-left: 4px solid #B4232F;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-hero-art,
.dating-guide-layout-weekend-bridge-journal .dating-guide-inline-art {
  border: 1px solid #173F73;
  box-shadow: 7px 7px 0 #E7EFEA;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-editorial-lens {
  border: 0;
  border-top: 4px solid #173F73;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-lens-copy {
  border-left: 4px solid #A67608;
  padding-left: 1.25rem;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid #173F73;
  border-bottom: 1px solid #173F73;
  background: #FFFFFF;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-lens-card {
  position: relative;
  min-height: 13rem;
  border: 0;
  border-right: 1px solid #B9C8DB;
  border-radius: 0;
  padding-top: 3.8rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-lens-card:last-child {
  border-right: 0;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-lens-card::before {
  position: absolute;
  top: 1rem;
  left: 1.25rem;
  width: 2rem;
  height: 2rem;
  border: 2px solid #173F73;
  border-radius: 50%;
  color: #B4232F;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1.75rem;
  text-align: center;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-lens-card:nth-child(1)::before {
  content: "01";
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-lens-card:nth-child(2)::before {
  content: "02";
  border-color: #1559A3;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-lens-card:nth-child(3)::before {
  content: "03";
  border-color: #176A50;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-lens-card:nth-child(4)::before {
  content: "04";
  border-color: #A67608;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-feature {
  counter-increment: weekend-bridge-entry;
  position: relative;
  border-top: 1px solid #B9C8DB;
  padding-top: 4.75rem;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-feature::before {
  content: "BRIDGE NOTE 0" counter(weekend-bridge-entry);
  position: absolute;
  top: 1.25rem;
  left: 0;
  padding: .34rem .72rem;
  border: 1px solid #173F73;
  border-left: 5px solid #B4232F;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-feature:nth-of-type(2)::before {
  border-left-color: #1559A3;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-feature:nth-of-type(3)::before {
  border-left-color: #176A50;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-feature:nth-of-type(4)::before {
  border-left-color: #A67608;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-feature:nth-of-type(5)::before {
  border-left-color: #6650A4;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #176A50;
  border-bottom: 5px solid #B4232F;
  background: #FFFFFF;
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-action-plan {
  border-left: 5px solid #A67608;
  background: #F8FAFD;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-weekend-bridge-journal .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #176A50;
  background: #FFFFFF;
}

/* Route-specific four-zone transit map for Nairobi student safety. */
.dating-guide-layout-nairobi-distance-safety-map {
  --guide-accent: #1559A3;
  --guide-wash: #F7FAFD;
  counter-reset: safety-zone;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-hero {
  border-top: 6px solid #1559A3;
  border-bottom: 4px solid #B4232F;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-hero-copy {
  border-left: 4px solid #176A50;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-hero-art,
.dating-guide-layout-nairobi-distance-safety-map .dating-guide-inline-art {
  border: 1px solid #1559A3;
  box-shadow: 7px 7px 0 #E9EEF5;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-editorial-lens {
  border: 0;
  border-top: 4px solid #1559A3;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-copy {
  border-left: 4px solid #176A50;
  padding-left: 1.25rem;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-grid {
  position: relative;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 2px solid #173F73;
  border-bottom: 2px solid #173F73;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-card {
  position: relative;
  min-height: 13rem;
  border: 0;
  border-right: 1px solid #B9C8DB;
  border-radius: 0;
  padding-top: 3.75rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-card:last-child {
  border-right: 0;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-card::before {
  position: absolute;
  top: .95rem;
  left: 1.25rem;
  min-width: 2.2rem;
  height: 2.2rem;
  padding: 0 .3rem;
  border: 2px solid #1559A3;
  border-radius: 50%;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1.9rem;
  text-align: center;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-card:nth-child(1)::before {
  content: "S1";
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-card:nth-child(2)::before {
  content: "S2";
  border-color: #176A50;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-card:nth-child(3)::before {
  content: "S3";
  border-color: #A67608;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-card:nth-child(4)::before {
  content: "S4";
  border-color: #B4232F;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature {
  counter-increment: safety-zone;
  position: relative;
  border-top: 1px solid #B9C8DB;
  border-left: 2px solid #1559A3;
  padding-top: 4.75rem;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature::before {
  content: "ZONE 0" counter(safety-zone);
  position: absolute;
  top: 1.2rem;
  left: -1px;
  padding: .34rem .72rem;
  border: 1px solid #173F73;
  border-left: 5px solid #1559A3;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature:nth-of-type(2) {
  border-left-color: #176A50;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature:nth-of-type(2)::before {
  border-left-color: #176A50;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature:nth-of-type(3) {
  border-left-color: #A67608;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature:nth-of-type(3)::before {
  border-left-color: #A67608;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature:nth-of-type(4),
.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature:nth-of-type(5) {
  border-left-color: #B4232F;
}

/* Route-specific arrival runway for a long-distance student first meeting. */
.dating-guide-layout-first-meeting-arrival-runway {
  --guide-accent: #185EA8;
  --guide-wash: #F8FAFD;
  counter-reset: arrival-checkpoint;
  background: #FFFFFF;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-hero {
  border-top: 6px solid #185EA8;
  border-bottom: 4px solid #C0353E;
  background: #FFFFFF;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-hero-copy {
  border-left: 4px solid #C0353E;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-hero-art,
.dating-guide-layout-first-meeting-arrival-runway .dating-guide-inline-art {
  border: 1px solid #185EA8;
  box-shadow: 7px 7px 0 #E7EDF5;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-editorial-lens {
  border: 0;
  border-top: 4px solid #185EA8;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-copy {
  border-left: 4px solid #C49318;
  padding-left: 1.25rem;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 2px solid #173F73;
  border-bottom: 2px solid #173F73;
  background: #FFFFFF;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-card {
  position: relative;
  min-height: 13rem;
  border: 0;
  border-right: 1px solid #B9C8DB;
  border-radius: 0;
  padding-top: 3.75rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-card:last-child {
  border-right: 0;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-card::before {
  position: absolute;
  top: .95rem;
  left: 1.25rem;
  width: 2.2rem;
  height: 2.2rem;
  border: 2px solid #185EA8;
  border-radius: 50%;
  background: #FFFFFF;
  color: #173F73;
  font-size: .74rem;
  font-weight: 900;
  line-height: 1.9rem;
  text-align: center;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-card:nth-child(1)::before {
  content: "P";
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-card:nth-child(2)::before {
  content: "B";
  border-color: #17725B;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-card:nth-child(3)::before {
  content: "R";
  border-color: #C49318;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-card:nth-child(4)::before {
  content: "E";
  border-color: #C0353E;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-feature {
  counter-increment: arrival-checkpoint;
  position: relative;
  border-top: 1px solid #B9C8DB;
  padding-top: 4.75rem;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-feature::before {
  content: "CHECKPOINT 0" counter(arrival-checkpoint);
  position: absolute;
  top: 1.2rem;
  left: 0;
  padding: .34rem .72rem;
  border: 1px solid #173F73;
  border-left: 5px solid #185EA8;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-feature:nth-of-type(2)::before {
  border-left-color: #17725B;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-feature:nth-of-type(3)::before {
  border-left-color: #C49318;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-feature:nth-of-type(4)::before {
  border-left-color: #C0353E;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-feature:nth-of-type(5)::before {
  border-left-color: #6650A4;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #C0353E;
  border-bottom: 5px solid #17725B;
  background: #FFFFFF;
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-action-plan {
  border-left: 5px solid #C49318;
  background: #F8FAFD;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-first-meeting-arrival-runway .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #17725B;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature:nth-of-type(4)::before,
.dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature:nth-of-type(5)::before {
  border-left-color: #B4232F;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #1559A3;
  border-bottom: 5px solid #176A50;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-action-plan {
  border-top: 5px solid #A67608;
  border-bottom: 1px solid #B9C8DB;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-distance-safety-map .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #B4232F;
  background: #FFFFFF;
}

/* Route-specific seven-choice map for a faith-led weekend. */
.dating-guide-layout-seven-choice-weekend-map {
  --guide-accent: #173F73;
  --guide-wash: #F7F9FC;
  counter-reset: weekend-choice-section;
  background: #FFFFFF;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-hero {
  border-top: 7px solid #173F73;
  border-bottom: 4px solid #B4232F;
  background: #FFFFFF;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-hero-grid {
  grid-template-areas:
    "copy art"
    "provenance art"
    "decision decision";
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-hero-copy {
  border-left: 5px solid #B4232F;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-hero-art,
.dating-guide-layout-seven-choice-weekend-map .dating-guide-inline-art {
  border: 1px solid #173F73;
  box-shadow: 8px 8px 0 #E7EDF5;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-hero-decision {
  border-top: 1px solid #B9C8DB;
  border-bottom: 1px solid #B9C8DB;
  padding: 1.25rem 0;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-hero-decision .dating-guide-answer p {
  max-width: 84ch;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 2rem;
  border: 0;
  border-top: 5px solid #173F73;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-copy {
  max-width: 60rem;
  border-left: 5px solid #B4232F;
  padding-left: 1.25rem;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #173F73;
  background: #173F73;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card {
  grid-column: span 3;
  min-height: 12.5rem;
  border: 0;
  border-top: 6px solid #B4232F;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:nth-child(2),
.dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:nth-child(6) {
  border-top-color: #1559A3;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:nth-child(3),
.dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:nth-child(7) {
  border-top-color: #176A50;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:nth-child(4) {
  border-top-color: #A67608;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:nth-child(n+5) {
  grid-column: span 4;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-feature {
  counter-increment: weekend-choice-section;
  position: relative;
  border-top: 1px solid #B9C8DB;
  padding-top: 4.75rem;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-feature::before {
  position: absolute;
  top: 1.25rem;
  left: 0;
  padding: .38rem .78rem;
  border: 1px solid #173F73;
  border-left: 6px solid #B4232F;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-feature:nth-of-type(1)::before {
  content: "FRIDAY / INTRODUCTION";
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-feature:nth-of-type(2)::before {
  content: "SATURDAY / AGREEMENT";
  border-left-color: #1559A3;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-feature:nth-of-type(3)::before {
  content: "SATURDAY / DATE";
  border-left-color: #176A50;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-feature:nth-of-type(4)::before {
  content: "SUNDAY / COMMUNITY";
  border-left-color: #A67608;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-feature:nth-of-type(5)::before {
  content: "ANY TIME / MONEY";
  border-left-color: #B4232F;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-feature:nth-of-type(6)::before {
  content: "SUNDAY NIGHT / REVIEW";
  border-left-color: #176A50;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #1559A3;
  border-bottom: 5px solid #A67608;
  background: #FFFFFF;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-action-plan {
  border-top: 5px solid #176A50;
  border-bottom: 1px solid #B9C8DB;
  background: #FFFFFF;
}

.dating-guide-layout-seven-choice-weekend-map .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #B4232F;
  background: #FFFFFF;
}

/* A professional weekend control board: time moves through explicit gates. */
.dating-guide-layout-weekend-change-control-board {
  --guide-accent: #173F73;
  --guide-wash: #F7F9FC;
  counter-reset: weekend-control;
  background: #FFFFFF;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-hero {
  border-top: 7px solid #173F73;
  border-bottom: 4px solid #B4232F;
  background: #FFFFFF;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-hero-copy {
  border-left: 5px solid #B4232F;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-weekend-change-control-board .dating-guide-hero-art,
.dating-guide-layout-weekend-change-control-board .dating-guide-inline-art {
  border: 1px solid #173F73;
  box-shadow: 8px 8px 0 #E7EDF5;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-editorial-lens {
  grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr);
  border: 0;
  border-top: 5px solid #173F73;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-lens-copy {
  border-left: 5px solid #B4232F;
  padding-left: 1.25rem;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #173F73;
  background: #173F73;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-lens-card {
  min-height: 10.5rem;
  border: 0;
  border-top: 5px solid #1559A3;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-lens-card:nth-child(2),
.dating-guide-layout-weekend-change-control-board .dating-guide-lens-card:nth-child(5) {
  border-top-color: #176A50;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-lens-card:nth-child(3) {
  border-top-color: #A67608;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-lens-card:nth-child(4) {
  border-top-color: #B4232F;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-lens-card:last-child {
  grid-column: 1 / -1;
  min-height: auto;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-feature {
  counter-increment: weekend-control;
  position: relative;
  border-top: 1px solid #B9C8DB;
  padding-top: 4.65rem;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-feature::before {
  content: "WEEKEND GATE 0" counter(weekend-control);
  position: absolute;
  top: 1.15rem;
  left: 0;
  padding: .38rem .78rem;
  border: 1px solid #173F73;
  border-left: 6px solid #1559A3;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-feature:nth-of-type(2)::before,
.dating-guide-layout-weekend-change-control-board .dating-guide-feature:nth-of-type(7)::before {
  border-left-color: #176A50;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-feature:nth-of-type(4)::before,
.dating-guide-layout-weekend-change-control-board .dating-guide-feature:nth-of-type(6)::before {
  border-left-color: #B4232F;
}

.dating-guide-layout-weekend-change-control-board .dating-guide-type-compare,
.dating-guide-layout-weekend-change-control-board .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #176A50;
  background: #FFFFFF;
}

/* A commitment courtyard: six equal decisions surround a shared centre. */
.dating-guide-layout-six-door-commitment-courtyard {
  --guide-accent: #173F73;
  --guide-wash: #F8FAFC;
  counter-reset: commitment-door;
  background: #FFFFFF;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-hero {
  border-top: 7px solid #A67608;
  border-bottom: 4px solid #173F73;
  background: #FFFFFF;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-hero-copy {
  border-left: 5px solid #176A50;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-hero-art,
.dating-guide-layout-six-door-commitment-courtyard .dating-guide-inline-art {
  border: 1px solid #173F73;
  box-shadow: 8px 8px 0 #E8EFEA;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  border: 0;
  border-top: 5px solid #A67608;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-copy {
  max-width: 62rem;
  border-left: 5px solid #176A50;
  padding-left: 1.25rem;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #173F73;
  background: #173F73;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-card {
  min-height: 11.5rem;
  border: 0;
  border-top: 5px solid #176A50;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-card:nth-child(2),
.dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-card:nth-child(5) {
  border-top-color: #1559A3;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-card:nth-child(3) {
  border-top-color: #A67608;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-card:nth-child(6) {
  border-top-color: #B4232F;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-feature {
  counter-increment: commitment-door;
  position: relative;
  border-top: 1px solid #B9C8DB;
  padding-top: 4.6rem;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-feature::before {
  content: "COURTYARD NOTE 0" counter(commitment-door);
  position: absolute;
  top: 1.15rem;
  left: 0;
  padding: .38rem .78rem;
  border: 1px solid #173F73;
  border-left: 6px solid #A67608;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-feature:nth-of-type(4)::before,
.dating-guide-layout-six-door-commitment-courtyard .dating-guide-feature:nth-of-type(6)::before,
.dating-guide-layout-six-door-commitment-courtyard .dating-guide-feature:nth-of-type(8)::before {
  border-left-color: #B4232F;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #A67608;
  border-bottom: 5px solid #176A50;
  background: #FFFFFF;
}

.dating-guide-layout-six-door-commitment-courtyard .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #B4232F;
  background: #FFFFFF;
}

/* A distance board: the article advances through four planning horizons. */
.dating-guide-layout-four-horizon-career-distance-board {
  --guide-accent: #173F73;
  --guide-wash: #F7F9FC;
  counter-reset: distance-horizon;
  background: #FFFFFF;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-hero {
  border-top: 7px solid #1559A3;
  border-bottom: 4px solid #176A50;
  background: #FFFFFF;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-hero-copy {
  border-left: 5px solid #1559A3;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-hero-art,
.dating-guide-layout-four-horizon-career-distance-board .dating-guide-inline-art {
  border: 1px solid #173F73;
  box-shadow: 8px 8px 0 #E7EDF5;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-editorial-lens {
  grid-template-columns: minmax(16rem, .8fr) minmax(0, 1.2fr);
  border: 0;
  border-top: 5px solid #1559A3;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-lens-copy {
  border-left: 5px solid #176A50;
  padding-left: 1.25rem;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #173F73;
  background: #173F73;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-lens-card {
  min-height: 11rem;
  border: 0;
  border-top: 5px solid #1559A3;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-lens-card:nth-child(2) {
  border-top-color: #176A50;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-lens-card:nth-child(3) {
  border-top-color: #A67608;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-lens-card:nth-child(4) {
  border-top-color: #B4232F;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-feature {
  counter-increment: distance-horizon;
  position: relative;
  border-top: 1px solid #B9C8DB;
  padding-top: 4.65rem;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-feature::before {
  content: "HORIZON 0" counter(distance-horizon);
  position: absolute;
  top: 1.15rem;
  left: 0;
  padding: .38rem .78rem;
  border: 1px solid #173F73;
  border-left: 6px solid #1559A3;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-feature:nth-of-type(3)::before,
.dating-guide-layout-four-horizon-career-distance-board .dating-guide-feature:nth-of-type(4)::before {
  border-left-color: #176A50;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-feature:nth-of-type(7)::before,
.dating-guide-layout-four-horizon-career-distance-board .dating-guide-feature:nth-of-type(8)::before {
  border-left-color: #B4232F;
}

.dating-guide-layout-four-horizon-career-distance-board .dating-guide-type-compare,
.dating-guide-layout-four-horizon-career-distance-board .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #1559A3;
  background: #FFFFFF;
}

/* A three-door first date: arrival, middle, and exit stay separate. */
.dating-guide-layout-nairobi-three-door-date {
  --guide-accent: #173F73;
  --guide-wash: #F8FAFC;
  counter-reset: date-door;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-hero {
  border-top: 7px solid #B4232F;
  border-bottom: 4px solid #1559A3;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-hero-copy {
  border-left: 5px solid #B4232F;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-hero-art,
.dating-guide-layout-nairobi-three-door-date .dating-guide-inline-art {
  border: 1px solid #173F73;
  box-shadow: 8px 8px 0 #E7EDF5;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  border: 0;
  border-top: 5px solid #B4232F;
  border-bottom: 1px solid #B9C8DB;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-lens-copy {
  max-width: 60rem;
  border-left: 5px solid #1559A3;
  padding-left: 1.25rem;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #173F73;
  background: #173F73;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-lens-card {
  min-height: 11rem;
  border: 0;
  border-top: 5px solid #176A50;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-lens-card:nth-child(2) {
  border-top-color: #A67608;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-lens-card:nth-child(3) {
  border-top-color: #B4232F;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-feature {
  counter-increment: date-door;
  position: relative;
  border-top: 1px solid #B9C8DB;
  padding-top: 4.65rem;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-feature::before {
  content: "DATE DOOR 0" counter(date-door);
  position: absolute;
  top: 1.15rem;
  left: 0;
  padding: .38rem .78rem;
  border: 1px solid #173F73;
  border-left: 6px solid #176A50;
  background: #FFFFFF;
  color: #173F73;
  font-size: .72rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-feature:nth-of-type(3)::before,
.dating-guide-layout-nairobi-three-door-date .dating-guide-feature:nth-of-type(4)::before {
  border-left-color: #A67608;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-feature:nth-of-type(5)::before,
.dating-guide-layout-nairobi-three-door-date .dating-guide-feature:nth-of-type(6)::before {
  border-left-color: #B4232F;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-type-compare {
  border: 1px solid #173F73;
  border-top: 5px solid #B4232F;
  border-bottom: 5px solid #176A50;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-three-door-date .dating-guide-final-cta {
  border: 1px solid #173F73;
  border-left: 5px solid #176A50;
  background: #FFFFFF;
}

/* Cohort 04 route layouts share the guide system but keep distinct reading rhythms. */
.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-inline-art,
.dating-guide-layout-new-start-distance-record .dating-guide-inline-art,
.dating-guide-layout-two-career-workweek-weave .dating-guide-inline-art,
.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-inline-art,
.dating-guide-layout-workday-to-date-handoff .dating-guide-inline-art {
  border-radius: 4px;
  background: #FFFFFF;
}

/* Six-stamp passport: compact stamps lead into numbered weekend entries. */
.dating-guide-layout-six-stamp-weekend-type-passport {
  --route-red: #B4232F;
  --route-blue: #1559A3;
  --route-green: #176A50;
  --route-gold: #A67608;
  --route-line: #C9D3DF;
  --guide-accent: var(--route-blue);
  --guide-wash: #F6F8FB;
  counter-reset: passport-stamp passport-entry;
  background: #FFFFFF;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-hero {
  border-top: 6px solid var(--route-red);
  border-bottom: 3px solid var(--route-blue);
  background: #FFFFFF;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-hero-copy {
  border: 1px solid var(--route-blue);
  border-left: 6px solid var(--route-gold);
  border-radius: 4px;
  padding: 1.25rem;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-hero-art {
  border: 2px solid var(--route-blue);
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: 7px 7px 0 #E7EDF5;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  border: 0;
  border-top: 2px solid var(--route-blue);
  border-bottom: 2px solid var(--route-green);
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-copy {
  max-width: 62rem;
  border-left: 5px solid var(--route-red);
  padding-left: 1.25rem;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-card {
  counter-increment: passport-stamp;
  position: relative;
  min-height: 12rem;
  border: 2px dashed var(--route-blue);
  border-radius: 4px;
  background: #FFFFFF;
  padding-top: 2.8rem;
  box-shadow: none;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-card::before {
  content: "STAMP 0" counter(passport-stamp);
  position: absolute;
  top: .75rem;
  left: .75rem;
  padding: .22rem .5rem;
  border: 1px solid currentColor;
  border-radius: 2px;
  color: var(--route-red);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: 0;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-card:nth-child(2),
.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-card:nth-child(6) {
  border-color: var(--route-green);
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-card:nth-child(3),
.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-card:nth-child(5) {
  border-color: var(--route-gold);
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-feature {
  counter-increment: passport-entry;
  position: relative;
  border-top: 1px solid var(--route-line);
  border-bottom: 1px solid var(--route-line);
  padding-top: 4.5rem;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-feature::before {
  content: "ENTRY 0" counter(passport-entry);
  position: absolute;
  top: 1.1rem;
  left: 0;
  padding: .32rem .68rem;
  border: 1px solid var(--route-blue);
  border-left: 5px solid var(--route-red);
  border-radius: 3px;
  background: #FFFFFF;
  color: var(--route-blue);
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-signal-card span {
  border-radius: 3px;
  background: #EEF4FA;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-type-compare {
  border: 2px solid var(--route-blue);
  border-top: 6px solid var(--route-red);
  background: #FFFFFF;
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-action-plan {
  border-top: 5px solid var(--route-green);
}

.dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-final-cta {
  border: 1px solid var(--route-blue);
  border-left: 6px solid var(--route-gold);
  background: #FFFFFF;
}

/* New-start record: one ruled observation follows another without a scorecard. */
.dating-guide-layout-new-start-distance-record {
  --route-red: #B4232F;
  --route-blue: #1559A3;
  --route-green: #176A50;
  --route-gold: #A67608;
  --route-line: #C9D3DF;
  --guide-accent: var(--route-green);
  --guide-wash: #F6F8FB;
  counter-reset: distance-line distance-record;
  background: #FFFFFF;
}

.dating-guide-layout-new-start-distance-record .dating-guide-hero {
  border-top: 5px solid var(--route-green);
  border-bottom: 1px solid var(--route-line);
  background: #FFFFFF;
}

.dating-guide-layout-new-start-distance-record .dating-guide-hero-copy {
  border-top: 1px solid var(--route-blue);
  border-bottom: 1px solid var(--route-blue);
  padding: 1.25rem 0;
}

.dating-guide-layout-new-start-distance-record .dating-guide-hero-art {
  border: 1px solid var(--route-green);
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: 6px 6px 0 #EAF1EC;
}

.dating-guide-layout-new-start-distance-record .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  border: 0;
  border-top: 1px solid var(--route-line);
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
}

.dating-guide-layout-new-start-distance-record .dating-guide-lens-copy {
  border-left: 4px solid var(--route-gold);
  padding-left: 1.25rem;
}

.dating-guide-layout-new-start-distance-record .dating-guide-lens-grid {
  grid-template-columns: 1fr;
  gap: 0;
  border-left: 2px solid var(--route-red);
}

.dating-guide-layout-new-start-distance-record .dating-guide-lens-card {
  counter-increment: distance-line;
  position: relative;
  border: 0;
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
  background: #FFFFFF;
  padding: 1rem 1rem 1rem 4.5rem;
  box-shadow: none;
}

.dating-guide-layout-new-start-distance-record .dating-guide-lens-card::before {
  content: "LINE 0" counter(distance-line);
  position: absolute;
  top: 1.1rem;
  left: .85rem;
  color: var(--route-blue);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-new-start-distance-record .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-bottom: 0;
}

.dating-guide-layout-new-start-distance-record .dating-guide-feature {
  counter-increment: distance-record;
  position: relative;
  border-top: 0;
  border-bottom: 1px solid var(--route-line);
  border-left: 2px solid var(--route-blue);
  padding: 2rem 0 2rem 5.25rem;
}

.dating-guide-layout-new-start-distance-record .dating-guide-feature::before {
  content: "RECORD 0" counter(distance-record);
  position: absolute;
  top: 2.2rem;
  left: .8rem;
  color: var(--route-red);
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-new-start-distance-record .dating-guide-scenario-grid {
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--route-blue);
}

.dating-guide-layout-new-start-distance-record .dating-guide-scenario-card {
  border: 0;
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-new-start-distance-record .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-left: 6px solid var(--route-gold);
  background: #FFFFFF;
}

.dating-guide-layout-new-start-distance-record .dating-guide-action-plan {
  border-top: 4px solid var(--route-green);
  border-bottom: 1px solid var(--route-line);
}

.dating-guide-layout-new-start-distance-record .dating-guide-final-cta {
  border: 1px solid var(--route-blue);
  border-top: 5px solid var(--route-red);
  background: #FFFFFF;
}

/* Two-career weave: blue and green work rails meet at selected crossings. */
.dating-guide-layout-two-career-workweek-weave {
  --route-red: #B4232F;
  --route-blue: #1559A3;
  --route-green: #176A50;
  --route-gold: #A67608;
  --route-line: #C9D3DF;
  --guide-accent: var(--route-blue);
  --guide-wash: #F6F8FB;
  counter-reset: work-crossing lens-crossing;
  background: #FFFFFF;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-hero {
  border-top: 5px solid var(--route-blue);
  border-bottom: 5px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-hero-copy {
  border-left: 5px solid var(--route-blue);
  border-right: 5px solid var(--route-green);
  padding: 0 1.25rem;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-hero-art {
  border: 1px solid var(--route-blue);
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: 7px 7px 0 #E6EFEA;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  border: 0;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-lens-copy {
  max-width: 62rem;
  border-left: 4px solid var(--route-red);
  padding-left: 1.25rem;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  border-top: 4px solid var(--route-blue);
  border-bottom: 4px solid var(--route-green);
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-lens-card {
  counter-increment: lens-crossing;
  position: relative;
  min-height: 11.5rem;
  border: 0;
  border-right: 1px solid var(--route-line);
  border-radius: 0;
  background: #FFFFFF;
  padding-top: 2.7rem;
  box-shadow: none;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-lens-card::before {
  content: "CROSS 0" counter(lens-crossing);
  position: absolute;
  top: .85rem;
  left: 1rem;
  color: var(--route-gold);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-right: 0;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-feature {
  counter-increment: work-crossing;
  position: relative;
  border-top: 1px solid var(--route-line);
  border-left: 5px solid var(--route-blue);
  border-right: 5px solid var(--route-green);
  padding: 4.5rem 1.5rem 2rem;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-feature::before {
  content: "CROSSING 0" counter(work-crossing);
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .3rem .68rem;
  border: 1px solid var(--route-gold);
  border-radius: 3px;
  background: #FFFFFF;
  color: var(--route-red);
  font-size: .7rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-feature:nth-of-type(even) {
  border-left-color: var(--route-green);
  border-right-color: var(--route-blue);
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-signal-card:nth-child(4n+2) {
  border-top: 4px solid var(--route-blue);
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-signal-card:nth-child(4n+3) {
  border-top: 4px solid var(--route-green);
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-signal-card:nth-child(4n) {
  border-top: 4px solid var(--route-gold);
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-signal-card:nth-child(4n+1) {
  border-top: 4px solid var(--route-red);
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-top: 5px solid var(--route-red);
  border-right: 5px solid var(--route-green);
  border-bottom: 5px solid var(--route-gold);
  border-left: 5px solid var(--route-blue);
  background: #FFFFFF;
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-action-plan {
  border-top: 5px solid var(--route-green);
  border-bottom: 1px solid var(--route-blue);
}

.dating-guide-layout-two-career-workweek-weave .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-right: 6px solid var(--route-green);
  border-left: 6px solid var(--route-blue);
  background: #FFFFFF;
}

/* Two-city notebook: alternating red and blue margins keep both cities visible. */
.dating-guide-layout-open-agreement-two-city-notebook {
  --route-red: #B4232F;
  --route-blue: #1559A3;
  --route-green: #176A50;
  --route-gold: #A67608;
  --route-line: #C9D3DF;
  --guide-accent: var(--route-red);
  --guide-wash: #F6F8FB;
  counter-reset: city-note;
  background: #FFFFFF;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-hero {
  border-top: 5px solid var(--route-red);
  border-bottom: 5px solid var(--route-blue);
  background: #FFFFFF;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-hero-copy {
  border-left: 5px solid var(--route-red);
  padding-left: 1.25rem;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-hero-art {
  border: 1px solid var(--route-blue);
  border-right: 5px solid var(--route-blue);
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: 6px 6px 0 #E9EEF5;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  border: 0;
  border-top: 1px solid var(--route-line);
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-copy {
  max-width: 62rem;
  border-left: 4px solid var(--route-gold);
  padding-left: 1.25rem;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--route-line);
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-card {
  position: relative;
  border: 0;
  border-bottom: 1px solid var(--route-line);
  border-radius: 0;
  background: #FFFFFF;
  padding: 2.8rem 1.25rem 1.25rem;
  box-shadow: none;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-card::before {
  position: absolute;
  top: .8rem;
  left: 1.25rem;
  color: var(--route-red);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-card:nth-child(odd) {
  border-left: 4px solid var(--route-red);
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-card:nth-child(odd)::before {
  content: "CITY A";
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-card:nth-child(even) {
  border-right: 4px solid var(--route-blue);
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-card:nth-child(even)::before {
  content: "CITY B";
  color: var(--route-blue);
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-feature {
  counter-increment: city-note;
  position: relative;
  border-top: 0;
  border-bottom: 1px solid var(--route-line);
  border-left: 4px solid var(--route-red);
  padding: 4.5rem 1.5rem 2rem;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-feature::before {
  content: "CITY A / NOTE 0" counter(city-note);
  position: absolute;
  top: 1.25rem;
  left: 1.5rem;
  color: var(--route-red);
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-feature:nth-of-type(even) {
  border-right: 4px solid var(--route-blue);
  border-left: 0;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-feature:nth-of-type(even)::before {
  content: "CITY B / NOTE 0" counter(city-note);
  right: 1.5rem;
  left: auto;
  color: var(--route-blue);
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-scenario-card:nth-child(odd) {
  border-top: 4px solid var(--route-red);
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-scenario-card:nth-child(even) {
  border-top: 4px solid var(--route-blue);
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-type-compare {
  border: 1px solid var(--route-line);
  border-top: 5px solid var(--route-gold);
  border-bottom: 5px solid var(--route-green);
  background: #FFFFFF;
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-action-plan {
  border-top: 4px solid var(--route-green);
}

.dating-guide-layout-open-agreement-two-city-notebook .dating-guide-final-cta {
  border: 1px solid var(--route-line);
  border-right: 5px solid var(--route-blue);
  border-left: 5px solid var(--route-red);
  background: #FFFFFF;
}

/* Workday handoff: six ordered stations move from protected work to a free exit. */
.dating-guide-layout-workday-to-date-handoff {
  --route-red: #B4232F;
  --route-blue: #1559A3;
  --route-green: #176A50;
  --route-gold: #A67608;
  --route-line: #C9D3DF;
  --guide-accent: var(--route-blue);
  --guide-wash: #F6F8FB;
  counter-reset: handoff-step handoff-section;
  background: #FFFFFF;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-hero {
  border-top: 6px solid var(--route-blue);
  border-bottom: 6px solid var(--route-red);
  background: #FFFFFF;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-hero-copy {
  padding: 1.15rem 1.5rem;
  box-shadow: inset 6px 0 0 var(--route-blue), inset -6px 0 0 var(--route-red);
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-hero-art {
  border: 1px solid var(--route-red);
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: 7px 7px 0 #E7EDF5;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  border: 0;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-lens-copy {
  max-width: 62rem;
  border-left: 5px solid var(--route-gold);
  padding-left: 1.25rem;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-lens-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--route-blue);
  background: var(--route-blue);
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-lens-card {
  counter-increment: handoff-step;
  position: relative;
  min-height: 12rem;
  border: 0;
  border-top: 5px solid var(--route-blue);
  border-radius: 0;
  background: #FFFFFF;
  padding-top: 2.9rem;
  box-shadow: none;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-lens-card::before {
  content: "STEP 0" counter(handoff-step);
  position: absolute;
  top: .9rem;
  left: 1rem;
  color: var(--route-blue);
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-lens-card:nth-child(2),
.dating-guide-layout-workday-to-date-handoff .dating-guide-lens-card:nth-child(5) {
  border-top-color: var(--route-gold);
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-lens-card:nth-child(3),
.dating-guide-layout-workday-to-date-handoff .dating-guide-lens-card:nth-child(6) {
  border-top-color: var(--route-green);
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-lens-card:nth-child(4) {
  border-top-color: var(--route-red);
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-feature {
  counter-increment: handoff-section;
  position: relative;
  border-top: 4px solid var(--route-blue);
  padding-top: 4.6rem;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-feature::before {
  content: "HANDOFF 0" counter(handoff-section);
  position: absolute;
  top: 1.2rem;
  left: 0;
  padding: .3rem .68rem;
  border-left: 5px solid var(--route-red);
  background: #F6F8FB;
  color: var(--route-blue);
  font-size: .7rem;
  font-weight: 900;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-feature:nth-of-type(3n+2) {
  border-top-color: var(--route-gold);
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-feature:nth-of-type(3n) {
  border-top-color: var(--route-green);
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-type-compare {
  border: 1px solid var(--route-blue);
  border-top: 6px solid var(--route-red);
  background: #FFFFFF;
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-action-plan {
  border-top: 5px solid var(--route-green);
  border-bottom: 1px solid var(--route-line);
}

.dating-guide-layout-workday-to-date-handoff .dating-guide-final-cta {
  border: 1px solid var(--route-blue);
  border-right: 6px solid var(--route-red);
  border-left: 6px solid var(--route-green);
  background: #FFFFFF;
}

@keyframes datingGuideRise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.dating-guide-hero-copy,
.dating-guide-hero-art,
.dating-guide-signal-card,
.dating-guide-feature,
.dating-guide-hub-card {
  animation: datingGuideRise .5s ease both;
}

.dating-guide-signal-card:nth-child(3),
.dating-guide-feature:nth-of-type(odd),
.dating-guide-hub-card:nth-child(3n+2) {
  animation-delay: .06s;
}

.dating-guide-signal-card:nth-child(4),
.dating-guide-feature:nth-of-type(even),
.dating-guide-hub-card:nth-child(3n) {
  animation-delay: .12s;
}

@media (prefers-reduced-motion: reduce) {
  .dating-guide-hero-copy,
  .dating-guide-hero-art,
  .dating-guide-signal-card,
  .dating-guide-feature,
  .dating-guide-hub-card {
    animation: none;
  }

  .dating-guide-link-list a,
  .dating-guide-hub-card {
    transition: none;
  }
}

@media (max-width: 980px) {
  .dating-guide-hero h1,
  .dating-guides-hub-hero h1 {
    font-size: 2.75rem;
  }

  .dating-guide-hero-grid,
  .dating-guide-intro,
  .dating-guide-editorial-lens,
  .dating-guides-hub-intro,
  .dating-guide-links,
  .dating-guide-type-compare,
  .dating-guide-final-cta,
  .dating-guide-feature {
    grid-template-columns: 1fr;
  }

  .dating-guide-hero-grid {
    grid-template-areas:
      "copy"
      "art"
      "provenance"
      "decision";
  }

  .dating-guide-feature:nth-of-type(even) .dating-guide-feature-copy {
    order: 0;
  }

  .dating-guide-layout-distance-dashboard .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-campus-agreement-board .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-weekend-bridge-journal .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-weekend-change-control-board .dating-guide-editorial-lens,
  .dating-guide-layout-four-horizon-career-distance-board .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-three-door-date .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-nairobi-three-door-date .dating-guide-lens-card:last-child {
    grid-column: 1 / -1;
    min-height: auto;
  }

  .dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card,
  .dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:nth-child(n+5) {
    grid-column: auto;
  }

  .dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:last-child {
    grid-column: 1 / -1;
    min-height: auto;
  }

  .dating-guide-layout-distance-dashboard .dating-guide-lens-card:nth-child(5) {
    grid-column: 1 / -1;
    min-height: auto;
  }

  .dating-guide-signal-grid,
  .dating-guides-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .dating-guide-layout-new-start-distance-record .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-grid,
  .dating-guide-layout-two-career-workweek-weave .dating-guide-lens-grid,
  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dating-guide-layout-workday-to-date-handoff .dating-guide-lens-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dating-guide-layout-two-career-workweek-weave .dating-guide-lens-card:last-child {
    grid-column: 1 / -1;
    min-height: auto;
    border-right: 0;
  }

  .dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-feature,
  .dating-guide-layout-two-career-workweek-weave .dating-guide-feature,
  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-feature {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .dating-guide-page p,
  .dating-guide-intro p,
  .dating-guide-feature p,
  .dating-guide-commercial-note,
  .dating-guides-hub-intro p {
    font-size: 1rem;
  }

  .dating-guide-hero h1,
  .dating-guides-hub-hero h1 {
    font-size: 2.1rem;
  }

  .dating-guide-sub,
  .dating-guides-hub-hero p {
    font-size: 1rem;
  }

  .dating-guide-lens-copy h2,
  .dating-guide-intro h2,
  .dating-guide-feature h2,
  .dating-guide-link-column h2,
  .dating-guides-hub-intro h2 {
    font-size: 1.65rem;
  }

  .dating-guide-share-card strong,
  .dating-guide-takeaway-card strong {
    font-size: 1.4rem;
  }

  .dating-guide-hero,
  .dating-guides-hub-hero {
    padding-top: 2rem;
  }

  .dating-guide-toc {
    position: static;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: .75rem;
    scrollbar-width: thin;
  }

  .dating-guide-toc-label,
  .dating-guide-toc a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .dating-guide-page section[id] {
    scroll-margin-top: 5.5rem;
  }

  .dating-guide-page .table-responsive {
    overflow: visible;
  }

  .dating-guide-page .dating-guide-table {
    display: block;
    width: 100%;
    min-width: 0;
    border-collapse: separate;
    font-size: .9rem;
  }

  .dating-guide-page .dating-guide-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }

  .dating-guide-page .dating-guide-table tbody {
    display: grid;
    gap: .8rem;
  }

  .dating-guide-page .dating-guide-table tr {
    display: grid;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--guide-accent) 22%, var(--border-col));
    border-radius: 8px;
    background: #fff;
  }

  .dating-guide-page .dating-guide-table tr:hover {
    transform: none;
  }

  .dating-guide-page .dating-guide-table td {
    display: grid;
    grid-template-columns: minmax(5.75rem, .38fr) minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
    padding: .75rem;
    border-bottom: 1px solid var(--border-col);
    line-height: 1.5;
    overflow-wrap: anywhere;
  }

  .dating-guide-page .dating-guide-table td:last-child {
    border-bottom: 0;
  }

  .dating-guide-page .dating-guide-table td::before {
    content: attr(data-label);
    color: var(--guide-accent);
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.4;
    text-transform: uppercase;
  }

  .dating-guide-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .dating-guide-breadcrumb,
  .dating-guide-badge,
  .dating-guide-hero-editor,
  .dating-guide-article-meta,
  .dating-guide-sub,
  .dating-guide-answer {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .dating-guide-hero-grid > *,
  .dating-guide-hero-art picture,
  .dating-guide-inline-art picture {
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }

  .dating-guide-breadcrumb,
  .dating-guide-hero-editor,
  .dating-guide-article-meta,
  .dating-guide-hero-art figcaption,
  .dating-guide-inline-art figcaption {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .dating-guide-breadcrumb-item {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .dating-guide-breadcrumb-item a {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .dating-guide-badge {
    width: 100%;
    border-radius: 8px;
    justify-content: center;
    text-align: center;
  }

  .dating-guide-signal-grid,
  .dating-guide-compare-grid,
  .dating-guide-card-grid,
  .dating-guide-visual-grid,
  .dating-guide-lens-grid,
  .dating-guide-scenario-grid,
  .dating-guide-quote-grid,
  .dating-guide-deep-grid,
  .dating-guide-prompt-grid,
  .dating-guide-source-list,
  .dating-guide-revenue-bridge .grid-2,
  .dating-guide-final-cta .grid-2,
  .dating-guide-path-grid,
  .dating-guides-hub-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-affiliate,
  .dating-guide-revenue-bridge,
  .dating-guide-final-cta {
    padding: 1rem;
  }

  .dating-guide-layout-timeline-notebook .dating-guide-hero-copy {
    border-left: 0;
    border-top: 4px solid #B4232F;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-timeline-notebook .dating-guide-hero-art,
  .dating-guide-layout-timeline-notebook .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E9EEF5;
  }

  .dating-guide-layout-timeline-notebook .dating-guide-feature {
    padding-left: 0;
    padding-top: 4.75rem;
  }

  .dating-guide-layout-timeline-notebook .dating-guide-feature::before {
    top: .85rem;
  }

  .dating-guide-layout-timeline-notebook .dating-guide-feature::after {
    top: 2.35rem;
    right: 0;
    bottom: auto;
    left: 3.25rem;
    width: auto;
    height: 2px;
  }

  .dating-guide-layout-diaspora-field-map .dating-guide-hero-copy {
    border-right: 0;
    padding-right: 0;
  }

  .dating-guide-layout-diaspora-field-map .dating-guide-lens-grid {
    gap: 1px;
  }

  .dating-guide-layout-diaspora-field-map .dating-guide-lens-card:nth-child(n) {
    border: 0;
  }

  .dating-guide-layout-diaspora-field-map .dating-guide-type-compare::after {
    position: static;
    display: inline-block;
    margin-top: 1rem;
  }

  .dating-guide-layout-pace-workbook .dating-guide-feature {
    padding: 1.25rem 1rem;
  }

  .dating-guide-layout-distance-dashboard .dating-guide-hero-copy {
    border-top: 4px solid #B4232F;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-distance-dashboard .dating-guide-hero-art,
  .dating-guide-layout-distance-dashboard .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E8EEF5;
  }

  .dating-guide-layout-distance-dashboard .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-distance-dashboard .dating-guide-lens-card,
  .dating-guide-layout-distance-dashboard .dating-guide-lens-card:nth-child(5) {
    grid-column: auto;
    min-height: auto;
  }

  .dating-guide-layout-distance-dashboard .dating-guide-feature {
    padding-top: 4.25rem;
  }

  .dating-guide-layout-weekend-safety-brief .dating-guide-hero-copy {
    padding: 1rem 0;
  }

  .dating-guide-layout-weekend-safety-brief .dating-guide-hero-art,
  .dating-guide-layout-weekend-safety-brief .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E9EEF5;
  }

  .dating-guide-layout-weekend-safety-brief .dating-guide-hero-decision {
    border-top: 4px solid #176A50;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-weekend-safety-brief .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-weekend-safety-brief .dating-guide-feature {
    padding-top: 4.25rem;
  }

  .dating-guide-layout-weekend-safety-brief .dating-guide-action-plan {
    padding-left: 1rem;
  }

  .dating-guide-layout-campus-agreement-board .dating-guide-hero-copy {
    border-top: 4px solid #B4232F;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-campus-agreement-board .dating-guide-hero-art,
  .dating-guide-layout-campus-agreement-board .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E8EEF5;
  }

  .dating-guide-layout-campus-agreement-board .dating-guide-lens-copy {
    border-top: 4px solid #B4232F;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-campus-agreement-board .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-campus-agreement-board .dating-guide-lens-card {
    min-height: auto;
  }

  .dating-guide-layout-campus-agreement-board .dating-guide-feature {
    padding-top: 4.25rem;
  }

  .dating-guide-layout-faith-discernment-ledger .dating-guide-hero-copy {
    border-top: 4px solid #A33A2B;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-faith-discernment-ledger .dating-guide-hero-art,
  .dating-guide-layout-faith-discernment-ledger .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E7EFEA;
  }

  .dating-guide-layout-faith-discernment-ledger .dating-guide-lens-copy {
    border-top: 4px solid #A67608;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-faith-discernment-ledger .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-faith-discernment-ledger .dating-guide-lens-card {
    min-height: auto;
  }

  .dating-guide-layout-faith-discernment-ledger .dating-guide-feature {
    padding-top: 4.25rem;
  }

  .dating-guide-layout-faith-discernment-ledger .dating-guide-action-plan {
    padding-left: 1rem;
  }

  .dating-guide-layout-weekend-bridge-journal .dating-guide-hero-copy {
    border-top: 4px solid #B4232F;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-weekend-bridge-journal .dating-guide-hero-art,
  .dating-guide-layout-weekend-bridge-journal .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E7EFEA;
  }

  .dating-guide-layout-weekend-bridge-journal .dating-guide-lens-copy {
    border-top: 4px solid #A67608;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-weekend-bridge-journal .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-weekend-bridge-journal .dating-guide-lens-card {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid #B9C8DB;
  }

  .dating-guide-layout-weekend-bridge-journal .dating-guide-lens-card:last-child {
    border-bottom: 0;
  }

  .dating-guide-layout-weekend-bridge-journal .dating-guide-feature {
    padding-top: 4.25rem;
  }

  .dating-guide-layout-weekend-bridge-journal .dating-guide-action-plan {
    padding-left: 1rem;
  }

  .dating-guide-layout-nairobi-distance-safety-map .dating-guide-hero-copy {
    border-top: 4px solid #176A50;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-nairobi-distance-safety-map .dating-guide-hero-art,
  .dating-guide-layout-nairobi-distance-safety-map .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E9EEF5;
  }

  .dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-copy {
    border-top: 4px solid #176A50;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-card {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid #B9C8DB;
  }

  .dating-guide-layout-nairobi-distance-safety-map .dating-guide-lens-card:last-child {
    border-bottom: 0;
  }

  .dating-guide-layout-nairobi-distance-safety-map .dating-guide-feature {
    padding-top: 4.25rem;
    padding-left: 1rem;
  }

  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-hero-copy {
    border-top: 4px solid #C0353E;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-hero-art,
  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E7EDF5;
  }

  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-copy {
    border-top: 4px solid #C49318;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-card {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid #B9C8DB;
  }

  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-lens-card:last-child {
    border-bottom: 0;
  }

  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-feature {
    padding-top: 4.25rem;
  }

  .dating-guide-layout-first-meeting-arrival-runway .dating-guide-action-plan {
    padding-left: 1rem;
  }

  .dating-guide-layout-seven-choice-weekend-map .dating-guide-hero-copy {
    border-top: 4px solid #B4232F;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-seven-choice-weekend-map .dating-guide-hero-art,
  .dating-guide-layout-seven-choice-weekend-map .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E7EDF5;
  }

  .dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-copy {
    border-top: 4px solid #B4232F;
    border-left: 0;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card,
  .dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:nth-child(n+5),
  .dating-guide-layout-seven-choice-weekend-map .dating-guide-lens-card:last-child {
    grid-column: auto;
    min-height: auto;
  }

  .dating-guide-layout-seven-choice-weekend-map .dating-guide-feature {
    padding-top: 4.5rem;
  }

  .dating-guide-layout-weekend-change-control-board .dating-guide-hero-copy,
  .dating-guide-layout-six-door-commitment-courtyard .dating-guide-hero-copy,
  .dating-guide-layout-four-horizon-career-distance-board .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-three-door-date .dating-guide-hero-copy,
  .dating-guide-layout-weekend-change-control-board .dating-guide-lens-copy,
  .dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-copy,
  .dating-guide-layout-four-horizon-career-distance-board .dating-guide-lens-copy,
  .dating-guide-layout-nairobi-three-door-date .dating-guide-lens-copy {
    border-left: 0;
    border-top: 4px solid #173F73;
    padding: 1rem 0 0;
  }

  .dating-guide-layout-weekend-change-control-board .dating-guide-hero-art,
  .dating-guide-layout-weekend-change-control-board .dating-guide-inline-art,
  .dating-guide-layout-six-door-commitment-courtyard .dating-guide-hero-art,
  .dating-guide-layout-six-door-commitment-courtyard .dating-guide-inline-art,
  .dating-guide-layout-four-horizon-career-distance-board .dating-guide-hero-art,
  .dating-guide-layout-four-horizon-career-distance-board .dating-guide-inline-art,
  .dating-guide-layout-nairobi-three-door-date .dating-guide-hero-art,
  .dating-guide-layout-nairobi-three-door-date .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E7EDF5;
  }

  .dating-guide-layout-weekend-change-control-board .dating-guide-lens-grid,
  .dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-grid,
  .dating-guide-layout-four-horizon-career-distance-board .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-three-door-date .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-weekend-change-control-board .dating-guide-lens-card,
  .dating-guide-layout-weekend-change-control-board .dating-guide-lens-card:last-child,
  .dating-guide-layout-six-door-commitment-courtyard .dating-guide-lens-card,
  .dating-guide-layout-four-horizon-career-distance-board .dating-guide-lens-card,
  .dating-guide-layout-nairobi-three-door-date .dating-guide-lens-card,
  .dating-guide-layout-nairobi-three-door-date .dating-guide-lens-card:last-child {
    grid-column: auto;
    min-height: auto;
  }

  .dating-guide-layout-weekend-change-control-board .dating-guide-feature,
  .dating-guide-layout-six-door-commitment-courtyard .dating-guide-feature,
  .dating-guide-layout-four-horizon-career-distance-board .dating-guide-feature,
  .dating-guide-layout-nairobi-three-door-date .dating-guide-feature {
    padding-top: 4.5rem;
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-grid,
  .dating-guide-layout-new-start-distance-record .dating-guide-lens-grid,
  .dating-guide-layout-two-career-workweek-weave .dating-guide-lens-grid,
  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-grid,
  .dating-guide-layout-workday-to-date-handoff .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-hero-art,
  .dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-inline-art,
  .dating-guide-layout-new-start-distance-record .dating-guide-hero-art,
  .dating-guide-layout-new-start-distance-record .dating-guide-inline-art,
  .dating-guide-layout-two-career-workweek-weave .dating-guide-hero-art,
  .dating-guide-layout-two-career-workweek-weave .dating-guide-inline-art,
  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-hero-art,
  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-inline-art,
  .dating-guide-layout-workday-to-date-handoff .dating-guide-hero-art,
  .dating-guide-layout-workday-to-date-handoff .dating-guide-inline-art {
    box-shadow: 4px 4px 0 #E7EDF5;
  }

  .dating-guide-layout-new-start-distance-record .dating-guide-hero-copy {
    border-right: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    padding: 1rem 0;
    box-shadow: none;
  }

  .dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-hero-copy {
    border-top: 4px solid var(--route-gold);
    border-right: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    padding: 1rem 0;
    box-shadow: none;
  }

  .dating-guide-layout-two-career-workweek-weave .dating-guide-hero-copy {
    border-top: 4px solid var(--route-blue);
    border-right: 0;
    border-bottom: 4px solid var(--route-green);
    border-left-width: 0;
    padding: 1rem 0;
    box-shadow: none;
  }

  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-hero-copy {
    border-top: 4px solid var(--route-red);
    border-right: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    padding: 1rem 0;
    box-shadow: none;
  }

  .dating-guide-layout-workday-to-date-handoff .dating-guide-hero-copy {
    border-top: 4px solid var(--route-blue);
    border-right: 0;
    border-bottom: 4px solid var(--route-red);
    border-left-width: 0;
    padding: 1rem 0;
    box-shadow: none;
  }

  .dating-guide-layout-six-stamp-weekend-type-passport .dating-guide-lens-card,
  .dating-guide-layout-workday-to-date-handoff .dating-guide-lens-card {
    grid-column: auto;
    min-height: auto;
  }

  .dating-guide-layout-two-career-workweek-weave .dating-guide-lens-card {
    grid-column: auto;
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--route-line);
  }

  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-lens-card:nth-child(even) {
    border-right: 0;
    border-left: 4px solid var(--route-blue);
  }

  .dating-guide-layout-new-start-distance-record .dating-guide-lens-card {
    padding-left: 4rem;
  }

  .dating-guide-layout-new-start-distance-record .dating-guide-feature {
    border-top: 1px solid var(--route-blue);
    border-left: 0;
    padding: 4.5rem 0 2rem;
  }

  .dating-guide-layout-new-start-distance-record .dating-guide-feature::before {
    top: 1.2rem;
    left: 0;
  }

  .dating-guide-layout-two-career-workweek-weave .dating-guide-feature,
  .dating-guide-layout-two-career-workweek-weave .dating-guide-feature:nth-of-type(even) {
    border-right: 0;
    border-bottom: 4px solid var(--route-green);
    border-left: 0;
    padding-right: 0;
    padding-left: 0;
  }

  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-feature {
    border-top: 4px solid var(--route-red);
    border-right: 0;
    border-left: 0;
    padding-right: 0;
    padding-left: 0;
  }

  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-feature:nth-of-type(even) {
    border-top: 4px solid var(--route-blue);
    border-right: 0;
    border-left: 0;
    padding-right: 0;
    padding-left: 0;
  }

  .dating-guide-layout-open-agreement-two-city-notebook .dating-guide-feature:nth-of-type(even)::before {
    right: auto;
    left: 0;
  }

  .dating-guide-layout-workday-to-date-handoff .dating-guide-feature {
    padding-top: 4.35rem;
  }
}

/* Cohort 10: diaspora weekend as a six-stamp customs hall. */
.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall {
  --guide-accent: #4C245E;
  --guide-wash: #FBF6ED;
  counter-reset: customs-desk customs-record;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-hero {
  border: 3px solid #4C245E;
  border-radius: .5rem;
  background: repeating-linear-gradient(135deg, #FBF6ED 0 14px, #F1E8D8 14px 16px);
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-hero-copy {
  padding: 1.5rem;
  border: 2px dashed #C18420;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-hero-art,
.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-inline-art {
  border: 3px solid #1F5B82;
  border-radius: .35rem;
  box-shadow: 9px 9px 0 #E8D9BB;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 3px solid #4C245E;
  background: #FBF6ED;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 5px dashed #C18420;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  padding: 1rem;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-lens-card {
  counter-increment: customs-desk;
  position: relative;
  min-height: 11.5rem;
  padding: 4rem 1rem 1.1rem;
  border: 2px dashed #4C245E;
  border-radius: .55rem;
  background: #FFFFFF;
  box-shadow: inset 0 -6px 0 #DCEAF1;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-lens-card::before {
  content: "DESK 0" counter(customs-desk);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .32rem .72rem;
  border: 2px solid #4C245E;
  border-radius: 999px;
  color: #4C245E;
  font-size: .66rem;
  font-weight: 900;
  transform: rotate(-2deg);
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-lens-card:nth-child(even)::before {
  border-color: #1F5B82;
  color: #1F5B82;
  transform: rotate(2deg);
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-feature {
  counter-increment: customs-record;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 3px solid #4C245E;
  border-bottom: 2px dashed #C18420;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-feature::before {
  content: "CUSTOMS RECORD 0" counter(customs-record);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #4C245E;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-feature:nth-of-type(even) {
  border-top-color: #1F5B82;
}

.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-type-compare,
.dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-final-cta {
  border: 3px solid #4C245E;
  border-bottom: 9px solid #C18420;
  background: #FBF6ED;
}

/* Cohort 10: Nairobi professionals as four capacity windows and a receipt. */
.dating-guide-layout-nairobi-professional-four-window-capacity-receipt {
  --guide-accent: #173F73;
  --guide-wash: #F2F7F7;
  counter-reset: capacity-window receipt-line;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-hero {
  border: 2px solid #173F73;
  border-left: 13px solid #173F73;
  background: linear-gradient(90deg, #FFFFFF 0 72%, #E9F3F1 72% 100%);
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-hero-copy {
  padding: 1.5rem;
  border-right: 2px dotted #25766E;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-hero-art,
.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-inline-art {
  border: 2px solid #173F73;
  border-radius: 0;
  box-shadow: 8px 8px 0 #CFE1DE;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 2px solid #173F73;
  background: #F2F7F7;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 8px double #25766E;
  background: #FFFFFF;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  background: #89AAA6;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-lens-card {
  counter-increment: capacity-window;
  position: relative;
  min-height: 12.5rem;
  padding: 4.15rem 1rem 1.1rem;
  border: 0;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: inset 0 -7px 0 #E1A04C;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-lens-card::before {
  content: "WINDOW 0" counter(capacity-window);
  position: absolute;
  top: 1.2rem;
  left: 1rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #25766E;
  color: #173F73;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-feature {
  counter-increment: receipt-line;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 1px solid #B9CECB;
  border-left: 8px solid #173F73;
  background: repeating-linear-gradient(0deg, #FFFFFF 0 2.25rem, #E9F1F0 2.25rem calc(2.25rem + 1px));
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-feature::before {
  content: "RECEIPT LINE 0" counter(receipt-line);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #173F73;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-feature:nth-of-type(even) {
  border-left-color: #25766E;
}

.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-type-compare,
.dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-final-cta {
  border: 2px solid #173F73;
  border-right: 10px solid #E1A04C;
  background: #F2F7F7;
}

/* Cohort 10: adult students as two independent rails and shared platforms. */
.dating-guide-layout-adult-student-two-track-capstone-rail {
  --guide-accent: #293C72;
  --guide-wash: #F7F4EA;
  counter-reset: rail-platform capstone-block;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-hero {
  border-top: 8px solid #293C72;
  border-bottom: 8px solid #2B7A69;
  background: #F7F4EA;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-hero-copy {
  padding: 1.5rem;
  border-left: 5px solid #293C72;
  border-right: 5px solid #2B7A69;
  background: #FFFFFF;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-hero-art,
.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-inline-art {
  border: 3px solid #293C72;
  border-bottom-color: #2B7A69;
  box-shadow: 9px 9px 0 #DDD6BE;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border-top: 9px double #293C72;
  border-bottom: 9px double #2B7A69;
  background: #F7F4EA;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 3px solid #C47942;
  background: #FFFFFF;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  padding: 1rem;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-lens-card {
  counter-increment: rail-platform;
  position: relative;
  min-height: 12rem;
  padding: 4.15rem 1rem 1.1rem;
  border: 2px solid #293C72;
  border-bottom: 7px solid #2B7A69;
  border-radius: .2rem;
  background: #FFFFFF;
  box-shadow: none;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-lens-card::before {
  content: "PLATFORM 0" counter(rail-platform);
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  color: #293C72;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-lens-card:nth-child(even) {
  border-color: #2B7A69;
  border-bottom-color: #293C72;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-lens-card:last-child {
  grid-column: auto;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-feature {
  counter-increment: capstone-block;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-left: 6px double #293C72;
  border-right: 6px double #2B7A69;
  background: #FFFFFF;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-feature::before {
  content: "CAPSTONE 0" counter(capstone-block);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #C47942;
  color: #293C72;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-feature:nth-of-type(even) {
  background: #F9FBF9;
}

.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-type-compare,
.dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-final-cta {
  border-top: 8px double #293C72;
  border-bottom: 8px double #2B7A69;
  background: #F7F4EA;
}

/* Cohort 10: later-life distance as a bridge joining three protected estates. */
.dating-guide-layout-later-life-three-estate-bridge-inspection {
  --guide-accent: #593153;
  --guide-wash: #F5F2E9;
  counter-reset: estate-gate bridge-span;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-hero {
  border: 3px solid #593153;
  border-radius: 2.6rem 2.6rem .35rem .35rem;
  background: linear-gradient(180deg, #FFFFFF 0 64%, #E8E4D7 64% 100%);
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-hero-copy {
  padding: 1.5rem;
  border-bottom: 8px solid #B98B3D;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-hero-art,
.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-inline-art {
  border: 4px double #593153;
  border-radius: 2.2rem 2.2rem .35rem .35rem;
  box-shadow: 0 9px 0 #D9D2BC;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px double #593153;
  border-radius: 2.4rem 2.4rem .4rem .4rem;
  background: #F5F2E9;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 7px solid #B98B3D;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-lens-card {
  counter-increment: estate-gate;
  position: relative;
  min-height: 12.25rem;
  padding: 4.1rem 1rem 1.1rem;
  border: 3px solid #593153;
  border-radius: 2rem 2rem .25rem .25rem;
  background: #FFFFFF;
  box-shadow: inset 0 -7px 0 #DDE7DC;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-lens-card::before {
  content: "GATE 0" counter(estate-gate);
  position: absolute;
  top: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
  color: #593153;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-color: #4D725B;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-feature {
  counter-increment: bridge-span;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 4px solid #593153;
  border-bottom: 8px double #B98B3D;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-feature::before {
  content: "BRIDGE SPAN 0" counter(bridge-span);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  color: #593153;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-feature:nth-of-type(even) {
  border-top-color: #4D725B;
}

.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-type-compare,
.dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-final-cta {
  border: 4px double #593153;
  border-radius: 2rem .4rem 2rem .4rem;
  background: #F5F2E9;
}

/* Cohort 10: faith-led distance as three neutral, independently chosen circles. */
.dating-guide-layout-faith-distance-three-circle-arrival-gate {
  --guide-accent: #273E6C;
  --guide-wash: #FBF6E9;
  counter-reset: arrival-circle return-window;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-hero {
  border-top: 9px solid #273E6C;
  border-bottom: 9px solid #2E746D;
  background: radial-gradient(circle at 78% 50%, #F5DEAC 0 18%, transparent 18.3%), #FBF6E9;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-hero-copy {
  padding: 1.5rem;
  border-left: 4px solid #2E746D;
  background: rgba(255, 255, 255, .96);
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-hero-art,
.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-inline-art {
  border: 4px solid #273E6C;
  border-radius: 3rem 3rem 1rem 1rem;
  box-shadow: 0 0 0 8px #E6D9B9;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 4px solid #273E6C;
  border-radius: 2rem;
  background: #FBF6E9;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-lens-copy {
  padding: 1.4rem 1.6rem;
  border-bottom: 6px solid #D39A35;
  background: #FFFFFF;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-lens-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-lens-card {
  counter-increment: arrival-circle;
  position: relative;
  min-height: 12.25rem;
  padding: 4.2rem 1rem 1.1rem;
  border: 3px solid #273E6C;
  border-radius: 50% 50% 1.2rem 1.2rem / 2.4rem 2.4rem 1.2rem 1.2rem;
  background: #FFFFFF;
  box-shadow: inset 0 -6px 0 #D8E8E4;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-lens-card::before {
  content: "CIRCLE 0" counter(arrival-circle);
  position: absolute;
  top: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
  color: #273E6C;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-lens-card:nth-child(even) {
  border-color: #2E746D;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-lens-card:last-child {
  grid-column: auto;
  border-bottom-color: #B5534A;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-feature {
  counter-increment: return-window;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 2px solid #D8C9A7;
  border-radius: 1.5rem 1.5rem .25rem .25rem;
  background: #FFFFFF;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-feature::before {
  content: "ARRIVAL WINDOW 0" counter(return-window);
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #D39A35;
  color: #273E6C;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-feature:nth-of-type(even) {
  border-left: 8px solid #2E746D;
}

.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-type-compare,
.dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-final-cta {
  border: 4px solid #273E6C;
  border-bottom: 9px solid #2E746D;
  border-radius: 2rem;
  background: #FBF6E9;
}

@media (max-width: 900px) {
  .dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-lens-grid,
  .dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-lens-grid,
  .dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-lens-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-lens-grid,
  .dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-lens-grid,
  .dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-lens-grid,
  .dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-lens-grid,
  .dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-hero-copy,
  .dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-hero-copy,
  .dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-hero-copy,
  .dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-hero-copy,
  .dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-lens-card,
  .dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-lens-card,
  .dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-lens-card,
  .dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-lens-card,
  .dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-lens-card {
    grid-column: auto;
    min-height: auto;
  }

  .dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-feature,
  .dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-feature,
  .dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-feature,
  .dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-feature,
  .dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-diaspora-six-stamp-weekend-customs-hall .dating-guide-feature::before,
  .dating-guide-layout-nairobi-professional-four-window-capacity-receipt .dating-guide-feature::before,
  .dating-guide-layout-adult-student-two-track-capstone-rail .dating-guide-feature::before,
  .dating-guide-layout-later-life-three-estate-bridge-inspection .dating-guide-feature::before,
  .dating-guide-layout-faith-distance-three-circle-arrival-gate .dating-guide-feature::before {
    left: 0;
  }
}

@media (max-width: 380px) {
  .dating-guide-hero h1,
  .dating-guides-hub-hero h1 {
    font-size: 1.95rem;
  }

  .dating-guide-toc a {
    width: auto;
    justify-content: center;
    text-align: center;
  }
}

/* Cohort 16: diaspora Nairobi safety arranged as a five-checkpoint terminal. */
.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal {
  --guide-accent: #124E78;
  --guide-wash: #F4F8F1;
  counter-reset: city-checkpoint terminal-log;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-hero {
  border-top: 10px solid #124E78;
  border-right: 5px solid #E06C4F;
  border-bottom: 10px solid #2E765F;
  border-left: 5px solid #E06C4F;
  border-radius: .35rem;
  background:
    linear-gradient(90deg, rgba(18, 78, 120, .08) 1px, transparent 1px),
    #F4F8F1;
  background-size: 3.2rem 100%;
  box-shadow: 9px 9px 0 #D8B760;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-hero-copy {
  padding: 1.6rem;
  border-left: 9px solid #124E78;
  border-bottom: 4px solid #E06C4F;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-hero-art,
.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-inline-art {
  border: 5px solid #124E78;
  border-radius: .3rem;
  box-shadow: 8px 8px 0 #2E765F;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 6px solid #124E78;
  border-bottom-color: #2E765F;
  background: #F4F8F1;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-lens-copy {
  padding: 1.6rem 1.8rem;
  border-bottom: 9px solid #E06C4F;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .7rem;
  padding: 1rem;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-lens-card {
  counter-increment: city-checkpoint;
  position: relative;
  min-height: 12.5rem;
  padding: 4.4rem .9rem 1rem;
  border: 3px solid #124E78;
  border-bottom: 8px solid #2E765F;
  border-radius: .2rem .2rem 1.2rem 1.2rem;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-lens-card::before {
  content: "CHECKPOINT 0" counter(city-checkpoint);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .35rem .62rem;
  color: #FFFFFF;
  background: #124E78;
  font-size: .63rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-lens-card:nth-child(even) {
  border-color: #E06C4F;
  border-bottom-color: #D8B760;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-feature {
  counter-increment: terminal-log;
  position: relative;
  padding: 4.8rem 1.6rem 2rem 2rem;
  border-left: 7px solid #124E78;
  border-bottom: 2px dashed #2E765F;
  background: #FFFFFF;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-feature::before {
  content: "TERMINAL LOG 0" counter(terminal-log);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #124E78;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .07em;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-feature:nth-of-type(even) {
  border-left-color: #E06C4F;
  background: #F4F8F1;
}

.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-type-compare,
.dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-final-cta {
  border: 6px solid #124E78;
  border-bottom: 10px solid #2E765F;
  border-radius: .35rem;
  background: #F4F8F1;
  box-shadow: 8px 8px 0 #D8B760;
}

/* Cohort 16: later-life slow weekends arranged as a four-room pace house. */
.dating-guide-layout-later-life-weekend-four-room-pace-house {
  --guide-accent: #52653B;
  --guide-wash: #FFF8ED;
  counter-reset: pace-room house-note;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-hero {
  border: 7px double #52653B;
  border-radius: 2.8rem 2.8rem .45rem .45rem;
  background: linear-gradient(135deg, #FFF8ED 0 70%, #E7C7B4 70% 100%);
  box-shadow: inset 0 -10px 0 #B95F45;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #52653B;
  border-radius: 2.4rem 2.4rem .3rem .3rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-hero-art,
.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-inline-art {
  border: 5px solid #52653B;
  border-radius: 50% 50% .4rem .4rem / 2.7rem 2.7rem .4rem .4rem;
  box-shadow: 0 9px 0 #B95F45;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-editorial-lens {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 1rem;
  padding: 1rem;
  border: 6px double #52653B;
  border-radius: 2.5rem .5rem 2.5rem .5rem;
  background: #FFF8ED;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-lens-copy {
  padding: 1.6rem;
  border-radius: 2rem .35rem 2rem .35rem;
  background: #FFFFFF;
  box-shadow: inset 0 -9px 0 #E7C7B4;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-lens-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-lens-card {
  counter-increment: pace-room;
  position: relative;
  min-height: 12rem;
  padding: 4.4rem 1rem 1rem;
  border: 4px solid #52653B;
  border-radius: 48% 48% .45rem .45rem / 2.6rem 2.6rem .45rem .45rem;
  background: #FFFFFF;
  box-shadow: inset 0 -9px 0 #F0D9B8;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-lens-card::before {
  content: "ROOM 0" counter(pace-room);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .32rem .72rem;
  border: 2px solid #B95F45;
  border-radius: 999px;
  color: #52653B;
  background: #FFF8ED;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-lens-card:nth-child(even) {
  border-color: #B95F45;
  box-shadow: inset 0 -9px 0 #D8E3CC;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-feature {
  counter-increment: house-note;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 6px solid #52653B;
  border-radius: 2rem .3rem 2rem .3rem;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-feature::before {
  content: "HOUSE NOTE 0" counter(house-note);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #52653B;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-feature:nth-of-type(even) {
  border-top-color: #B95F45;
  background: #FFF8ED;
}

.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-type-compare,
.dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-final-cta {
  border: 7px double #52653B;
  border-radius: 2.6rem .5rem 2.6rem .5rem;
  background: #FFF8ED;
  box-shadow: 8px 8px 0 #E7C7B4;
}

/* Cohort 16: faith-led serious intent crossed by five independent bridge lines. */
.dating-guide-layout-faith-serious-casual-five-line-intent-bridge {
  --guide-accent: #334C8C;
  --guide-wash: #FFF9EC;
  counter-reset: intent-line bridge-reading;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-hero {
  border-top: 10px solid #334C8C;
  border-bottom: 10px solid #8E3F55;
  border-radius: .5rem 3rem .5rem 3rem;
  background: radial-gradient(circle at 84% 20%, rgba(191, 151, 61, .24) 0 12%, transparent 12.4%), #FFF9EC;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-hero-copy {
  padding: 1.6rem;
  border-left: 8px solid #334C8C;
  border-right: 4px solid #8E3F55;
  border-radius: .35rem 2.4rem .35rem 2.4rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-hero-art,
.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-inline-art {
  border: 5px solid #334C8C;
  border-radius: .4rem 2.6rem .4rem 2.6rem;
  box-shadow: 8px 8px 0 #B6C89D;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border-top: 8px solid #334C8C;
  border-bottom: 8px solid #8E3F55;
  border-radius: .5rem 2.8rem .5rem 2.8rem;
  background: #FFF9EC;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-lens-copy {
  padding: 1.6rem 1.8rem;
  border-bottom: 6px solid #BF973D;
  background: #FFFFFF;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .72rem;
  padding: 1rem;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-lens-card {
  counter-increment: intent-line;
  position: relative;
  min-height: 12.5rem;
  padding: 4.4rem .9rem 1rem;
  border-top: 5px solid #334C8C;
  border-right: 2px solid #BF973D;
  border-bottom: 5px solid #8E3F55;
  border-left: 2px solid #BF973D;
  border-radius: .25rem 1.7rem .25rem 1.7rem;
  background: #FFFFFF;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-lens-card::before {
  content: "LINE 0" counter(intent-line);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .33rem .66rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #334C8C;
  font-size: .66rem;
  font-weight: 900;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-lens-card:nth-child(even) {
  border-top-color: #8E3F55;
  border-bottom-color: #334C8C;
  background: #FCF4E2;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-feature {
  counter-increment: bridge-reading;
  position: relative;
  padding: 4.8rem 1.6rem 2rem 2rem;
  border-left: 7px solid #334C8C;
  border-bottom: 3px solid #BF973D;
  background: #FFFFFF;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-feature::before {
  content: "BRIDGE READING 0" counter(bridge-reading);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #334C8C;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .06em;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-feature:nth-of-type(even) {
  border-left-color: #8E3F55;
  background: #FFF9EC;
}

.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-type-compare,
.dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-final-cta {
  border-top: 9px solid #334C8C;
  border-right: 5px solid #BF973D;
  border-bottom: 9px solid #8E3F55;
  border-left: 5px solid #BF973D;
  border-radius: .45rem 2.5rem .45rem 2.5rem;
  background: #FFF9EC;
}

/* Cohort 16: later-life casual distance safety as a six-dock harbour. */
.dating-guide-layout-later-life-distance-six-boundary-port {
  --guide-accent: #155D64;
  --guide-wash: #F7F4EA;
  counter-reset: boundary-dock port-log;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-hero {
  border: 8px solid #155D64;
  border-bottom-color: #B86143;
  border-radius: 3rem 3rem .35rem .35rem;
  background:
    repeating-linear-gradient(90deg, transparent 0 4rem, rgba(21, 93, 100, .09) 4rem calc(4rem + 2px)),
    #F7F4EA;
  box-shadow: inset 0 -10px 0 #C69A43;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #155D64;
  border-radius: 2.5rem 2.5rem .3rem .3rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-hero-art,
.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-inline-art {
  border: 5px solid #155D64;
  border-radius: 2.8rem 2.8rem .35rem .35rem;
  box-shadow: 0 10px 0 #B86143;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 6px double #155D64;
  border-radius: 2.8rem 2.8rem .4rem .4rem;
  background: #F7F4EA;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-lens-copy {
  padding: 1.6rem 1.8rem;
  border-bottom: 8px solid #B86143;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-lens-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .62rem;
  padding: 1rem;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-lens-card {
  counter-increment: boundary-dock;
  position: relative;
  min-height: 12.6rem;
  padding: 4.4rem .82rem 1rem;
  border: 3px solid #155D64;
  border-bottom: 9px solid #155D64;
  border-radius: 1.8rem 1.8rem .2rem .2rem;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-lens-card::before {
  content: "DOCK 0" counter(boundary-dock);
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: .32rem .62rem;
  border: 2px solid #C69A43;
  border-radius: 999px;
  color: #155D64;
  background: #F7F4EA;
  font-size: .64rem;
  font-weight: 900;
  white-space: nowrap;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-lens-card:nth-child(even) {
  border-color: #B86143;
  box-shadow: inset 0 -8px 0 #D3E1D7;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-feature {
  counter-increment: port-log;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border-top: 6px solid #155D64;
  border-bottom: 2px dashed #C69A43;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-feature::before {
  content: "PORT LOG 0" counter(port-log);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #155D64;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-feature:nth-of-type(even) {
  border-top-color: #B86143;
  background: #F7F4EA;
}

.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-type-compare,
.dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-final-cta {
  border: 7px double #155D64;
  border-bottom: 10px solid #B86143;
  border-radius: 2.8rem 2.8rem .4rem .4rem;
  background: #F7F4EA;
  box-shadow: 8px 8px 0 #C69A43;
}

/* Cohort 16: later-life first-meeting calm as a five-anchor arrival garden. */
.dating-guide-layout-later-life-distance-five-anchor-arrival-garden {
  --guide-accent: #315E57;
  --guide-wash: #FFF8F2;
  counter-reset: garden-anchor garden-bed;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-hero {
  border: 7px solid #315E57;
  border-bottom-color: #C75E53;
  border-radius: 3rem .45rem 3rem .45rem;
  background:
    radial-gradient(circle at 84% 20%, rgba(205, 167, 67, .24) 0 12%, transparent 12.4%),
    #FFF8F2;
  box-shadow: 9px 9px 0 #B8D1B8;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-hero-copy {
  padding: 1.6rem;
  border: 4px solid #315E57;
  border-radius: 2.5rem .35rem 2.5rem .35rem;
  background: rgba(255, 255, 255, .97);
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-hero-art,
.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-inline-art {
  border: 5px solid #315E57;
  border-radius: 50% .45rem 50% .45rem / 2.5rem .45rem 2.5rem .45rem;
  box-shadow: 0 0 0 8px #E7C3B9;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-editorial-lens {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  border: 6px solid #315E57;
  border-radius: 3rem .5rem 3rem .5rem;
  background: #FFF8F2;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-lens-copy {
  padding: 1.6rem 1.8rem;
  border-bottom: 8px solid #C75E53;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-lens-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .72rem;
  padding: 1rem;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-lens-card {
  counter-increment: garden-anchor;
  position: relative;
  min-height: 12.3rem;
  padding: 4.4rem .9rem 1rem;
  border: 3px solid #315E57;
  border-radius: 2.4rem .35rem 2.4rem .35rem;
  background: #FFFFFF;
  box-shadow: inset 0 -9px 0 #B8D1B8;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-lens-card::before {
  content: "ANCHOR 0" counter(garden-anchor);
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .33rem .68rem;
  border-radius: 999px;
  color: #FFFFFF;
  background: #315E57;
  font-size: .65rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-lens-card:nth-child(even) {
  border-color: #C75E53;
  box-shadow: inset 0 -9px 0 #E7C3B9;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-feature {
  counter-increment: garden-bed;
  position: relative;
  padding: 4.8rem 1.6rem 2rem;
  border: 3px solid #315E57;
  border-radius: 2.4rem .3rem 2.4rem .3rem;
  background: #FFFFFF;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-feature::before {
  content: "GARDEN BED 0" counter(garden-bed);
  position: absolute;
  top: 1.25rem;
  left: 1.6rem;
  color: #315E57;
  font-size: .68rem;
  font-weight: 900;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-feature:nth-of-type(even) {
  border-color: #C75E53;
  background: #FFF8F2;
}

.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-type-compare,
.dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-final-cta {
  border: 6px solid #315E57;
  border-bottom-color: #C75E53;
  border-radius: 3rem .45rem 3rem .45rem;
  background: #FFF8F2;
  box-shadow: 8px 8px 0 #B8D1B8;
}

@media (max-width: 980px) {
  .dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-lens-grid,
  .dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-lens-grid,
  .dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-lens-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-lens-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-editorial-lens {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-lens-grid,
  .dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-lens-grid,
  .dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-lens-grid,
  .dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-lens-grid,
  .dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-lens-grid {
    grid-template-columns: 1fr;
  }

  .dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-hero,
  .dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-hero {
    box-shadow: none;
  }

  .dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-hero-copy,
  .dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-hero-copy,
  .dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-hero-copy,
  .dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-hero-copy,
  .dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-hero-copy {
    padding: 1rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-lens-card,
  .dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-lens-card,
  .dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-lens-card,
  .dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-lens-card,
  .dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-lens-card {
    min-height: auto;
  }

  .dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-feature,
  .dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-feature,
  .dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-feature,
  .dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-feature,
  .dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-feature {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .dating-guide-layout-diaspora-nairobi-five-checkpoint-safety-terminal .dating-guide-feature::before,
  .dating-guide-layout-later-life-weekend-four-room-pace-house .dating-guide-feature::before,
  .dating-guide-layout-faith-serious-casual-five-line-intent-bridge .dating-guide-feature::before,
  .dating-guide-layout-later-life-distance-six-boundary-port .dating-guide-feature::before,
  .dating-guide-layout-later-life-distance-five-anchor-arrival-garden .dating-guide-feature::before {
    left: 0;
  }
}