/* Held C136 reading layouts. Each route keeps one useful graphic and one filled reply. */
.dating-guide-layout-c136-student-study-to-work-bridge{--c136-accent:#245d78;--c136-ink:#1e3448;--c136-soft:#edf5f7;--c136-line:#b9d0d9}
.dating-guide-layout-c136-faith-gentle-values-pace{--c136-accent:#75512f;--c136-ink:#3a302d;--c136-soft:#f7f0e5;--c136-line:#d4c6b2}
.dating-guide-layout-c136-professional-four-window-calendar{--c136-accent:#325d55;--c136-ink:#213e3b;--c136-soft:#ebf3ef;--c136-line:#bfd0c8}
.dating-guide-layout-c136-new-journey-remote-trust-pause{--c136-accent:#87523f;--c136-ink:#3c302e;--c136-soft:#f8efec;--c136-line:#dec9c0}
.dating-guide-layout-c136-parent-nairobi-family-boundary-grid{--c136-accent:#415a7b;--c136-ink:#27364a;--c136-soft:#eff2f8;--c136-line:#c6d0df}
.dating-guide-page:has(.c136-reader-body) .dating-guide-hero{background:var(--c136-soft,#f1f5f8)}
.dating-guide-page:has(.c136-reader-body) .dating-guide-hero h1{max-width:21ch;line-height:1.08;letter-spacing:-.025em}
.dating-guide-page:has(.c136-reader-body) .dating-guide-answer{border-left:4px solid var(--c136-accent,#375c78);box-shadow:none}
.dating-guide-page:has(.c136-reader-body) .dating-guide-image-read{display:none}
.dating-guide-page:has(.c136-reader-body) .c136-mobile-hero{display:none}
.c136-reader-body{color:var(--c136-ink,#273b50);--c136-space:clamp(2.4rem,5vw,4.5rem)}
.c136-reader-body :is(h2,h3){color:var(--c136-ink,#273b50);line-height:1.18}
.c136-reader-body :is(p,li){line-height:1.7}
.c136-reader-body a{text-underline-offset:.2em}
.c136-eyebrow{display:block;color:var(--c136-accent,#375c78);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.c136-chapter-nav{display:grid;grid-template-columns:minmax(9rem,.22fr) minmax(0,1fr);gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--c136-line,#c6d1d9)}
.c136-chapter-nav>strong{color:var(--c136-accent,#375c78)}
.c136-chapter-nav>div{display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.c136-chapter-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:.9rem;font-weight:700}
.c136-opening{margin:var(--c136-space) 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(14rem,.75fr);gap:1rem 3rem}
.c136-opening .c136-eyebrow{grid-column:1/-1}
.c136-opening h2{margin:0;max-width:25ch;font-size:clamp(1.8rem,3.4vw,3rem)}
.c136-opening p{margin:0;max-width:58ch;padding-left:1rem;border-left:3px solid var(--c136-accent,#375c78)}
.c136-chapter{display:grid;grid-template-columns:minmax(10rem,.3fr) minmax(0,.7fr);gap:1.2rem clamp(1.5rem,5vw,4rem);margin:var(--c136-space) 0;padding-top:1.35rem;border-top:1px solid var(--c136-line,#c6d1d9)}
.c136-chapter h2{margin:.4rem 0 0;max-width:26ch;font-size:clamp(1.5rem,2.6vw,2.35rem)}
.c136-chapter-text{max-width:70ch}.c136-chapter-text p{margin:0 0 1.1rem}
.c136-story,.c136-lens{max-width:76ch;margin:var(--c136-space) 0;padding:clamp(1.2rem,3vw,2rem)}
.c136-story{background:var(--c136-soft,#edf3f8);border-left:5px solid var(--c136-accent,#375c78)}
.c136-lens{margin-inline:auto;border-top:4px solid var(--c136-accent,#375c78);border-bottom:1px solid var(--c136-line,#c6d1d9)}
.c136-story h2,.c136-lens h2{margin:.4rem 0 .7rem;font-size:clamp(1.35rem,2.2vw,2rem)}
.c136-story p:last-child,.c136-lens p:last-child{margin-bottom:0}
.c136-tool{margin:var(--c136-space) 0;padding:clamp(1.1rem,3vw,2.2rem);background:var(--c136-soft,#edf3f8);border-top:5px solid var(--c136-accent,#375c78)}
.c136-tool h2{margin:.4rem 0 .55rem;font-size:clamp(1.55rem,2.7vw,2.35rem)}
.c136-tool>p{max-width:68ch}
.c136-filled-example{max-width:70ch;margin:1.4rem 0;padding:1.15rem 1.35rem;background:#fff;border:1px solid var(--c136-line,#c6d1d9)}
.c136-filled-example>strong{color:var(--c136-accent,#375c78);font-size:.84rem;text-transform:uppercase;letter-spacing:.04em}
.c136-filled-example .c136-example-situation{margin:.6rem 0}
.c136-filled-example blockquote{margin:.7rem 0;padding:.7rem 0 .7rem 1rem;border-left:4px solid var(--c136-accent,#375c78);font-size:clamp(1.05rem,1.7vw,1.25rem);font-weight:700;line-height:1.5}
.c136-filled-example p:last-child{margin-bottom:0}
.c136-tool-steps-label{margin:1.2rem 0 .3rem;font-weight:750}
.c136-tool-steps{max-width:68ch;margin:0;padding-left:1.3rem}
.c136-tool-steps li{margin:.3rem 0}
.c136-tool-steps li strong{color:var(--c136-accent,#375c78)}
.c136-decision{margin:var(--c136-space) 0;padding:clamp(1.1rem,3vw,2rem);border:1px solid var(--c136-line,#c6d1d9);border-radius:.3rem}
.c136-decision picture img{display:block;width:100%;height:auto;margin-bottom:1.2rem}
.c136-decision h2{margin:.4rem 0 .8rem;font-size:clamp(1.45rem,2.5vw,2.2rem)}
.c136-decision ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0;padding:0;list-style:none}
.c136-decision li{display:flex;flex-direction:column;gap:.4rem;padding:1rem;background:var(--c136-soft,#edf3f8);border-top:3px solid var(--c136-accent,#375c78)}
.c136-decision figcaption{margin-top:1rem;color:#566271;font-size:.8rem}
.c136-next,.c136-related,.c136-sources,.c136-faq{margin:var(--c136-space) 0;padding-top:1.3rem;border-top:1px solid var(--c136-line,#c6d1d9)}
.c136-next h2,.c136-related h2,.c136-sources h2,.c136-faq h2{font-size:clamp(1.45rem,2.5vw,2.2rem)}
.c136-next>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.1rem 0}
.c136-next>div a{display:flex;flex-direction:column;gap:.25rem;min-height:44px;padding:1rem;background:var(--c136-soft,#edf3f8);border:1px solid var(--c136-line,#c6d1d9)}
.c136-related ul,.c136-sources ul{max-width:72ch;padding-left:1.3rem}.c136-related li,.c136-sources li{margin-bottom:.75rem}
.c136-sources li p{margin:.3rem 0 0;color:#4f5e6e;font-size:.9rem}
/* Route variation changes how the story and answer sit in the desktop reading path. */
.dating-guide-layout-c136-student-study-to-work-bridge .c136-story{margin-left:auto}
.dating-guide-layout-c136-faith-gentle-values-pace .c136-opening{grid-template-columns:minmax(0,.75fr) minmax(0,1fr)}
.dating-guide-layout-c136-faith-gentle-values-pace .c136-lens{margin-left:0;border-top:0;border-left:5px solid var(--c136-accent)}
.dating-guide-layout-c136-professional-four-window-calendar .c136-decision{max-width:82ch;margin-inline:auto}
.dating-guide-layout-c136-new-journey-remote-trust-pause .c136-story{margin-left:auto;border-left:0;border-top:5px solid var(--c136-accent)}
.dating-guide-layout-c136-parent-nairobi-family-boundary-grid .c136-tool{max-width:86ch;margin-inline:auto}
@media(max-width:800px){
  .c136-opening,.dating-guide-layout-c136-faith-gentle-values-pace .c136-opening,.c136-chapter{grid-template-columns:minmax(0,1fr)}
  .c136-opening{gap:.8rem}.c136-chapter{gap:.65rem}
}
@media(max-width:600px){
  .c136-chapter-nav{display:block}.c136-chapter-nav>div{margin-top:.35rem}
  .c136-decision ul,.c136-next>div{grid-template-columns:minmax(0,1fr)}
  .c136-filled-example{padding:1rem}
}
@media(max-width:479px){
  .dating-guide-page:has(.c136-reader-body) .dating-guide-breadcrumb-current,
  .dating-guide-page:has(.c136-reader-body) .dating-guide-badge{display:none}
  .dating-guide-page:has(.c136-reader-body) .c136-mobile-hero{display:block;padding:0;background:transparent;border:0}
  .dating-guide-page:has(.c136-reader-body) .c136-mobile-hero .dating-guide-hero-decision{padding:0 1rem 1rem}
  .dating-guide-page:has(.c136-reader-body) .c136-mobile-hero-photo,
  .dating-guide-page:has(.c136-reader-body) .c136-mobile-hero-photo img{display:block;width:100%;height:auto}
  .dating-guide-page:has(.c136-reader-body) .dating-guide-hero-grid>.dating-guide-hero-decision{display:none}
}
@media(max-width:899px){
  .c136-decision picture{display:none}
}
@media(min-width:900px){
  .c136-decision-has-image .c136-decision-words{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}