/* Five C137 reading layouts use route-owned palettes and reading composition. */
.dating-guide-layout-c137-diaspora-cross-border-divider{--c137-ink:#274d54;--c137-accent:#8b5638;--c137-line:#c1d0cc;--c137-soft:#f1f1e8;--guide-wash:#f8f8f1;--guide-accent:#8b5638}
.dating-guide-layout-c137-later-distance-pace{--c137-ink:#43546a;--c137-accent:#8d5c3e;--c137-line:#c7c9c2;--c137-soft:#f2f0e8;--guide-wash:#f9f7f0;--guide-accent:#8d5c3e}
.dating-guide-layout-c137-student-weekend-unbundle{--c137-ink:#31506b;--c137-accent:#945433;--c137-line:#c9c9c3;--c137-soft:#f3efe7;--guide-wash:#faf7ef;--guide-accent:#945433}
.dating-guide-layout-c137-faith-values-to-visit{--c137-ink:#35465d;--c137-accent:#885a3b;--c137-line:#c8cec5;--c137-soft:#f2f1e9;--guide-wash:#f9f8f2;--guide-accent:#885a3b}
.dating-guide-layout-c137-professional-nairobi-buffer{--c137-ink:#254b47;--c137-accent:#8b593d;--c137-line:#c5d0c7;--c137-soft:#eef2ef;--guide-wash:#f6faf7;--guide-accent:#8b593d}
.dating-guide-page:has(.c137-reader-body) .dating-guide-hero{background:var(--guide-wash)}
.dating-guide-page:has(.c137-reader-body) .dating-guide-hero h1{max-width:23ch;line-height:1.1}
@media(min-width:901px){.dating-guide-page:has(.c137-reader-body) .dating-guide-hero h1{font-size:3rem;line-height:1.08;letter-spacing:-.02em}}
.dating-guide-page:has(.c137-reader-body) .dating-guide-answer{border-left:4px solid var(--c137-accent)}
.c137-reader-body{color:var(--c137-ink);--c137-space:clamp(2.5rem,5vw,5rem)}
.c137-reader-body :is(h2,h3,h4){color:var(--c137-ink)}
.c137-reader-body :is(p,li,dd){line-height:1.7}
.c137-reader-body a{text-underline-offset:.2em}
.c137-eyebrow{display:block;color:var(--c137-accent);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.c137-chapter-nav{display:grid;grid-template-columns:minmax(12rem,.26fr) 1fr;gap:1.2rem;padding:1.35rem 0;border-bottom:1px solid var(--c137-line)}
.c137-chapter-nav>strong{color:var(--c137-accent);font-size:.87rem}
.c137-chapter-nav>div{display:flex;flex-wrap:wrap;gap:.1rem 1rem}
.c137-chapter-nav a{display:inline-flex;align-items:center;min-height:40px;color:var(--c137-ink);font-size:.87rem;font-weight:700}
.c137-opening{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(15rem,.72fr);gap:1rem clamp(1rem,5vw,4rem);margin:var(--c137-space) 0;align-items:start}
.c137-opening .c137-eyebrow{grid-column:1/-1}
.c137-opening h2{max-width:26ch;margin:0;font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.12}
.c137-opening p{max-width:60ch;margin:.2rem 0 0;padding-left:1.2rem;border-left:2px solid var(--c137-accent)}
.c137-chapter{display:grid;grid-template-columns:minmax(12rem,.31fr) minmax(0,.69fr);gap:clamp(1rem,5vw,4.5rem);margin:var(--c137-space) 0;padding-top:1.35rem;border-top:1px solid var(--c137-line)}
.c137-chapter h2{max-width:27ch;margin:.45rem 0 0;font-size:clamp(1.5rem,2.75vw,2.45rem);line-height:1.16}
.c137-chapter-text{max-width:70ch}.c137-chapter-text>p{margin:0 0 1rem}
.c137-chapter-margin{margin:1.4rem 0 0;padding:1rem 1.2rem;border-left:3px solid var(--c137-accent);background:var(--c137-soft)}
.c137-chapter-margin strong{display:block;color:var(--c137-accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}
.c137-chapter-margin p{margin:.25rem 0;font-weight:720}.c137-chapter-margin small{font-size:.88rem}
.c137-story{max-width:74ch;margin:1.4rem 0 var(--c137-space);padding:clamp(1.2rem,3vw,2rem);background:var(--c137-soft);border-top:4px solid var(--c137-accent)}
.c137-story h2{margin:.35rem 0 .7rem;font-size:clamp(1.35rem,2.25vw,2rem)}.c137-story p{margin:0}
.c137-lens{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(1rem,4vw,3rem);margin:var(--c137-space) 0;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--c137-line);background:var(--c137-soft)}
.c137-lens h2{margin:.35rem 0 .75rem;font-size:clamp(1.4rem,2.4vw,2.2rem)}
.c137-lens-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:0;padding:0;list-style:none}
.c137-lens-notes li{padding:1rem;background:#fff;border:1px solid var(--c137-line)}
.c137-lens-notes li>span{color:var(--c137-accent);font-size:.76rem;font-weight:800}.c137-lens-notes h3{margin:.35rem 0;font-size:1rem}
.c137-figure{margin:var(--c137-space) 0;background:var(--c137-soft);border:1px solid var(--c137-line)}
.c137-figure picture img{display:block;width:100%;height:auto}.c137-figure figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;font-size:.88rem}
.c137-figure figcaption small{flex:0 0 auto}.c137-visual-reading{padding:clamp(1rem,3vw,1.7rem);border-top:1px solid var(--c137-line);background:#fff}
.c137-visual-reading header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.c137-visual-reading h3{margin:0;font-size:clamp(1.15rem,2vw,1.7rem)}
.c137-visual-reading header a{font-size:.9rem;font-weight:750;white-space:nowrap}
.c137-visual-details,.c137-visual-comparison,.c137-visual-steps,.c137-visual-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;padding:0}
.c137-visual-details>div,.c137-visual-comparison>section,.c137-visual-steps>li,.c137-visual-branches>li{padding:1rem;border:1px solid var(--c137-line);background:var(--c137-soft);list-style:none}
.c137-visual-details dt,.c137-visual-comparison h4,.c137-visual-steps strong,.c137-visual-branches strong{display:block;color:var(--c137-accent);font-weight:800}.c137-visual-details dd{margin:.3rem 0 0}
.c137-visual-steps li span,.c137-visual-branches li span{display:block;margin-top:.35rem}.c137-visual-notes{padding-left:1.35rem}
.c137-visual-reading blockquote{margin:1rem 0;padding:.8rem 1rem;border-left:3px solid var(--c137-accent);background:var(--c137-soft)}
.c137-tool{margin:var(--c137-space) 0;padding:clamp(1.1rem,3vw,2rem);border-top:5px solid var(--c137-accent);background:var(--c137-soft)}
.c137-tool h2{margin:.3rem 0 .5rem;font-size:clamp(1.45rem,2.5vw,2.2rem)}.c137-tool header p{max-width:72ch;margin:0}
.c137-workbook-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:0;margin:1.2rem 0;list-style:none}
.c137-workbook-questions li{display:flex;gap:.85rem;min-width:0;padding:1rem;background:#fff;border:1px solid var(--c137-line)}
.c137-workbook-questions li>span{color:var(--c137-accent);font-size:1.1rem;font-weight:850}
.c137-workbook-questions strong{display:block;color:var(--c137-accent);font-size:.83rem;text-transform:uppercase;letter-spacing:.04em}
.c137-workbook-questions p{margin:.3rem 0;font-weight:700}
.c137-workbook-questions small{display:block;font-size:.87rem;line-height:1.5}
.c137-private-line{margin:0;padding:.8rem 1rem;border-left:3px solid var(--c137-accent);background:#fff;font-size:.9rem}
.c137-decision-note{margin:var(--c137-space) 0;padding:clamp(1.2rem,3vw,2rem);border-left:5px solid var(--c137-accent);background:var(--c137-soft)}
.c137-decision-note h2{max-width:27ch;margin:.35rem 0 .55rem;font-size:clamp(1.4rem,2.6vw,2.25rem);line-height:1.18}
.c137-decision-situation{max-width:65ch;margin:0 0 1.2rem}
.c137-decision-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.c137-decision-choices article{padding:1.1rem;background:#fff;border:1px solid var(--c137-line)}
.c137-decision-choices h3{margin:0 0 .5rem;font-size:1.08rem}.c137-decision-choices p{margin:.2rem 0 .45rem;font-weight:700}
.c137-decision-choices small{display:block;color:#48575b;font-size:.9rem;line-height:1.5}
.c137-decision-reply{margin:1rem 0 0;padding:.9rem 1.1rem;background:#fff;border-left:3px solid var(--c137-accent)}
.c137-decision-reply strong{display:block;margin-bottom:.35rem;color:var(--c137-accent)}
.c137-next{margin:var(--c137-space) 0;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--c137-line);background:var(--c137-soft)}
.c137-next h2,.c137-related h2,.c137-sources h2,.c137-faq h2{margin:.35rem 0 1rem;font-size:clamp(1.45rem,2.5vw,2.15rem)}
.c137-next-links,.c137-related>div,.c137-sources>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.c137-next-links a,.c137-sources a{display:block;padding:1rem;background:#fff;border:1px solid var(--c137-line)}.c137-next-links strong,.c137-sources strong{display:block}
.c137-next-links small,.c137-sources small{display:block;margin-top:.35rem;color:#48575b;font-size:.88rem}
.c137-disclosure{margin-bottom:0;font-size:.88rem}
.c137-related,.c137-sources,.c137-faq{margin:var(--c137-space) 0}.c137-related h3{font-size:1.05rem}
.c137-related ul{padding-left:1.25rem}.c137-related li{margin:.65rem 0}.c137-related li a span{display:block;font-size:.9rem}
.c137-sources a>span{display:block;margin-bottom:.3rem;color:var(--c137-accent);font-size:.76rem;font-weight:850;text-transform:uppercase}
/* Each route changes chapter or decision-tool composition alongside its color. */
.dating-guide-layout-c137-diaspora-cross-border-divider .c137-story{max-width:100%;border-top:0;border-left:5px solid var(--c137-accent)}
.dating-guide-layout-c137-diaspora-cross-border-divider .c137-workbook-questions{grid-template-columns:repeat(4,minmax(0,1fr))}
.dating-guide-layout-c137-diaspora-cross-border-divider .c137-workbook-questions li{display:block}
.dating-guide-layout-c137-later-distance-pace .c137-story{margin-left:auto;border-top:0;border-right:5px solid var(--c137-accent)}
.dating-guide-layout-c137-later-distance-pace .c137-chapter{grid-template-columns:minmax(0,.25fr) minmax(0,.75fr)}
.dating-guide-layout-c137-student-weekend-unbundle .c137-tool{border-top:0;border-left:5px solid var(--c137-accent)}
.dating-guide-layout-c137-student-weekend-unbundle .c137-lens{grid-template-columns:minmax(0,.55fr) minmax(0,.45fr)}
.dating-guide-layout-c137-faith-values-to-visit .c137-lens{border-top:5px solid var(--c137-accent)}
.dating-guide-layout-c137-faith-values-to-visit .c137-workbook-questions{grid-template-columns:repeat(4,minmax(0,1fr))}
.dating-guide-layout-c137-faith-values-to-visit .c137-workbook-questions li{display:block}
.dating-guide-layout-c137-professional-nairobi-buffer .c137-opening{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.dating-guide-layout-c137-professional-nairobi-buffer .c137-story{margin-inline:auto;border-top:0;border-bottom:5px solid var(--c137-accent)}
@media(max-width:900px){
  .c137-chapter,.dating-guide-layout-c137-later-distance-pace .c137-chapter{grid-template-columns:minmax(0,1fr);gap:.6rem}
  .c137-lens,.dating-guide-layout-c137-student-weekend-unbundle .c137-lens{grid-template-columns:minmax(0,1fr)}
  .c137-lens-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dating-guide-layout-c137-diaspora-cross-border-divider .c137-workbook-questions,.dating-guide-layout-c137-faith-values-to-visit .c137-workbook-questions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .dating-guide-page:has(.c137-reader-body) .dating-guide-breadcrumb-current{display:none}
  .dating-guide-page:has(.c137-reader-body) .dating-guide-breadcrumb-item:nth-of-type(n+3){display:none}
  .dating-guide-page:has(.c137-reader-body) .dating-guide-hero{padding-top:.9rem}
  .dating-guide-page:has(.c137-reader-body) .dating-guide-breadcrumb{margin-bottom:0}
  .dating-guide-page:has(.c137-reader-body) .dating-guide-badge{min-height:1.8rem;margin-bottom:.55rem;padding:.25rem .45rem;font-size:.75rem;letter-spacing:0}
  .dating-guide-page:has(.c137-reader-body) .dating-guide-sub{margin-top:.6rem;line-height:1.6}
  .dating-guide-page:has(.c137-reader-body) .dating-guide-hero-grid{gap:.75rem}
  .dating-guide-page.dating-guide-layout-c137-later-distance-pace .dating-guide-hero{padding-top:.9rem}
  .dating-guide-layout-c137-later-distance-pace .dating-guide-breadcrumb{margin-bottom:0}
  .dating-guide-layout-c137-later-distance-pace .dating-guide-badge{min-height:1.8rem;margin-bottom:.55rem;padding:.25rem .45rem;font-size:.75rem;letter-spacing:0}
  .dating-guide-layout-c137-later-distance-pace .dating-guide-sub{margin-top:.6rem;line-height:1.6}
  .dating-guide-layout-c137-later-distance-pace .dating-guide-hero-grid{gap:.75rem}
  .c137-chapter-nav{display:block}.c137-chapter-nav>div{margin-top:.4rem}
  .c137-opening,.dating-guide-layout-c137-professional-nairobi-buffer .c137-opening{display:block}
  .c137-opening h2{margin:.4rem 0 .8rem}.c137-opening p{padding-left:.9rem}
  .c137-figure figcaption{display:block}.c137-figure figcaption small{display:block;margin-top:.3rem}
  .c137-visual-reading header{display:block}.c137-visual-reading header a{display:inline-block;margin-top:.5rem;white-space:normal}
  .c137-figure-storytelling{display:flex;flex-direction:column}
  .c137-figure-storytelling>.c137-visual-reading{order:0;border-top:0}
  .c137-figure-storytelling>figcaption{order:1}
  .c137-lens-notes,.c137-visual-details,.c137-visual-comparison,.c137-visual-steps,.c137-visual-branches,
  .c137-workbook-questions,.dating-guide-layout-c137-diaspora-cross-border-divider .c137-workbook-questions,.dating-guide-layout-c137-faith-values-to-visit .c137-workbook-questions,
  .c137-next-links,.c137-related>div,.c137-sources>div{grid-template-columns:minmax(0,1fr)}
  .c137-decision-choices{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:899px){
  .c137-figure-storytelling>picture{display:none}
}
@media(min-width:900px){
  .c137-figure-storytelling>.c137-visual-reading{padding:.55rem 1rem}
  .c137-figure-storytelling .c137-visual-reading header{justify-content:flex-end}
  .c137-figure-storytelling .c137-visual-reading :is(h3,.c137-visual-question,.c137-visual-branches,.c137-filled-example){
    position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
    clip:rect(0,0,0,0);white-space:nowrap;border:0
  }
}
/* The phone answer sits in the art's semantic companion. The shared hero DOM
   and visual order remain copy, art, provenance, then the later decision CTA. */
.dating-guide-page:has(.c137-reader-body) .c137-phone-quick-answer{display:none}
.dating-guide-page:has(.c137-reader-body) .c137-phone-hero-photo{display:none}
.dating-guide-page:has(.c137-reader-body) .c137-hero-description{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0
}
@media(max-width:650px){
  .dating-guide-page:has(.c137-reader-body) .dating-guide-hero-art--semantic{display:flex;flex-direction:column}
  .dating-guide-page:has(.c137-reader-body) .dating-guide-hero-art--semantic>.c137-hero-companion{
    position:static;display:block;order:-1;width:auto;height:auto;margin:0;padding:1rem 1.1rem;
    overflow:visible;clip:auto;white-space:normal;border:0;border-top:4px solid var(--c137-accent);background:#fff
  }
  .dating-guide-page:has(.c137-reader-body) .dating-guide-hero-art--semantic>picture{display:block!important}
  .dating-guide-page:has(.c137-reader-body) .c137-phone-quick-answer{display:block}
  .dating-guide-page:has(.c137-reader-body) .c137-phone-quick-answer>strong{
    display:block;color:var(--c137-accent);font-size:.79rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase
  }
  .dating-guide-page:has(.c137-reader-body) .c137-phone-quick-answer p{margin:.5rem 0 .85rem;line-height:1.55;font-weight:650}
  .dating-guide-page:has(.c137-reader-body) .c137-phone-quick-links{display:flex;flex-wrap:wrap;gap:.5rem}
  .dating-guide-page:has(.c137-reader-body) .c137-phone-quick-links a{
    display:inline-flex;align-items:center;min-height:40px;padding:.45rem .75rem;border:1px solid var(--c137-line);
    color:var(--c137-ink);background:var(--c137-soft);font-size:.84rem;font-weight:800;text-decoration:none
  }
  .dating-guide-page:has(.c137-reader-body) .dating-guide-hero-decision .dating-guide-answer{display:none}
}
@media(max-width:479px){
  .dating-guide-page:has(.c137-reader-body) .dating-guide-hero-art--semantic>picture{display:none!important}
  .dating-guide-page:has(.c137-reader-body) .c137-phone-hero-photo{display:block;margin-top:1rem}
  .dating-guide-page:has(.c137-reader-body) .c137-phone-hero-photo img{display:block;width:100%;height:auto}
}
