/* C116: one readable article system, five subject-led compositions. */
.dating-guide-page.dating-guide-layout-c116-inbox-margin{--c116-ink:#203b35;--c116-accent:#35664f;--c116-line:#bdcdbf;--c116-soft:#f1f5ed;--guide-wash:#edf3e9;--guide-accent:#35664f}
.dating-guide-page.dating-guide-layout-c116-date-in-three-moments{--c116-ink:#3d3645;--c116-accent:#855970;--c116-line:#dac6d0;--c116-soft:#f9f2f5;--guide-wash:#f6edf1;--guide-accent:#855970}
.dating-guide-page.dating-guide-layout-parent-two-doors{--c116-ink:#3e332a;--c116-accent:#926030;--c116-line:#ddc9ad;--c116-soft:#fbf6eb;--guide-wash:#f8f1e5;--guide-accent:#926030}
.dating-guide-page.dating-guide-layout-weekend-reservation-note{--c116-ink:#26394c;--c116-accent:#346b86;--c116-line:#bdd0dc;--c116-soft:#eff6f9;--guide-wash:#eaf3f7;--guide-accent:#346b86}
.dating-guide-page.dating-guide-layout-distance-conduct-journal{--c116-ink:#283c43;--c116-accent:#35747b;--c116-line:#bed6d6;--c116-soft:#eef8f6;--guide-wash:#e9f5f3;--guide-accent:#35747b}

.dating-guide-page:has(.c116-reader-body) .dating-guide-hero{background:var(--guide-wash)}
.dating-guide-page:has(.c116-reader-body) .dating-guide-hero h1{max-width:20ch;line-height:1.1;letter-spacing:-.03em}
.dating-guide-page:has(.c116-reader-body) .dating-guide-answer{border-left:4px solid var(--c116-accent);box-shadow:none}
.dating-guide-page:has(.c116-reader-body) .dating-guide-answer p{font-weight:600;line-height:1.7}
.dating-guide-page.dating-guide-layout-c116-inbox-margin .dating-guide-hero-art{border-radius:40px 40px 3px 3px;overflow:hidden}
.dating-guide-page.dating-guide-layout-c116-date-in-three-moments .dating-guide-hero-art{border:6px solid #fff;box-shadow:0 10px 28px #49334520;transform:rotate(-.25deg)}
.dating-guide-page.dating-guide-layout-parent-two-doors .dating-guide-hero-art{border-radius:4px;border:7px solid #fffcf5;box-shadow:0 10px 26px #5b402021}
.dating-guide-page.dating-guide-layout-weekend-reservation-note .dating-guide-hero-art{border-radius:4px 34px 4px 4px;overflow:hidden}
.dating-guide-page.dating-guide-layout-distance-conduct-journal .dating-guide-hero-art{border-radius:34px 4px 34px 4px;overflow:hidden}

.c116-reader-body{--c116-space:clamp(2.5rem,5vw,5rem);color:var(--c116-ink)}
.c116-reader-body :is(h2,h3,h4){color:var(--c116-ink)}
.c116-reader-body :is(p,li,dd){line-height:1.72}
.c116-reader-body a{text-underline-offset:.2em}
.c116-eyebrow{display:block;color:var(--c116-accent);font-size:.76rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}
.c116-chapter-nav{display:grid;grid-template-columns:minmax(10rem,.22fr) 1fr;gap:1rem;align-items:start;padding:1.25rem 0;border-bottom:1px solid var(--c116-line)}
.c116-chapter-nav>strong{color:var(--c116-accent);font-size:.85rem}
.c116-chapter-nav>div{display:flex;flex-wrap:wrap;gap:.1rem 1rem}
.c116-chapter-nav a{display:inline-flex;align-items:center;min-height:40px;color:var(--c116-ink);font-size:.86rem;font-weight:750;text-decoration-color:var(--c116-line)}
.c116-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:.9rem clamp(1rem,5vw,4rem);align-items:start;margin:var(--c116-space) 0}
.c116-opening .c116-eyebrow{grid-column:1/-1}
.c116-opening h2{max-width:27ch;margin:0;font-size:clamp(1.75rem,3.4vw,3.05rem);line-height:1.12}
.c116-opening p{max-width:56ch;margin:.2rem 0 0;padding-left:1.3rem;border-left:2px solid var(--c116-accent)}
.c116-chapter{display:grid;grid-template-columns:minmax(12rem,.32fr) minmax(0,.68fr);gap:clamp(1rem,5vw,4.8rem);margin:var(--c116-space) 0;padding-top:1.25rem;border-top:1px solid var(--c116-line)}
.c116-chapter h2{max-width:25ch;margin:.45rem 0 0;font-size:clamp(1.55rem,2.75vw,2.5rem);line-height:1.17}
.c116-chapter-text{max-width:68ch}
.c116-chapter-text>p{margin:0 0 1rem}
.c116-chapter-margin{max-width:58ch;margin:1.6rem 0 0;padding:1rem 1.2rem;border-left:3px solid var(--c116-accent);background:var(--c116-soft)}
.c116-chapter-margin strong{display:block;color:var(--c116-accent);font-size:.77rem;letter-spacing:.055em;text-transform:uppercase}
.c116-chapter-margin p{margin:.25rem 0 .2rem;font-weight:740}
.c116-chapter-margin small{display:block;font-size:.85rem;line-height:1.55}
.c116-story{max-width:71ch;margin:1.5rem 0 var(--c116-space);padding:clamp(1.25rem,3.5vw,2.25rem);background:var(--c116-soft);border-top:4px solid var(--c116-accent)}
.c116-story h2{margin:.35rem 0 .65rem;font-size:clamp(1.3rem,2.25vw,1.9rem)}
.c116-story p{margin:0}
.c116-lens{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:clamp(1rem,4vw,3.2rem);padding:clamp(1.25rem,3.5vw,2.5rem);margin:1rem 0 var(--c116-space);border:1px solid var(--c116-line);background:var(--c116-soft)}
.c116-lens-lead h2{margin:.3rem 0 .7rem;font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.17}
.c116-lens-lead p{margin:.65rem 0}
.c116-lens-notes{display:grid;gap:.6rem;padding:0;margin:0;list-style:none}
.c116-lens-notes li{padding:.8rem 0;border-bottom:1px solid var(--c116-line)}
.c116-lens-notes li:first-child{padding-top:0}
.c116-lens-notes li:last-child{border-bottom:0}
.c116-lens-notes span{color:var(--c116-accent);font-size:.77rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.c116-lens-notes h3{margin:.2rem 0 .3rem;font-size:1.12rem}
.c116-lens-notes p{margin:0;font-size:.95rem}

.c116-figure{width:min(100%,67rem);margin:1rem auto var(--c116-space);border:1px solid var(--c116-line);background:#fff;overflow:hidden}
.c116-figure>picture,.c116-figure img{display:block;width:100%;height:auto}
.c116-figure figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem 1rem;padding:.7rem 1rem;font-size:.82rem}
.c116-figure figcaption small{white-space:nowrap}
.c116-visual-reading{padding:clamp(1rem,3vw,1.8rem);border-top:3px solid var(--c116-accent);background:var(--c116-soft)}
.c116-visual-reading>header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem}
.c116-visual-reading h3{max-width:40ch;margin:0;font-size:clamp(1.1rem,2vw,1.55rem)}
.c116-visual-reading>header a{display:inline-flex;align-items:center;min-height:44px;color:var(--c116-accent);font-size:.86rem;font-weight:800}
.c116-visual-question{margin:1rem 0 0;padding:1rem 1.1rem;border-left:3px solid var(--c116-accent);background:#fff}
.c116-visual-question p{margin:0 0 .25rem}
.c116-visual-branches,.c116-visual-details,.c116-visual-steps,.c116-visual-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0 0}
.c116-visual-branches,.c116-visual-steps{padding:0;list-style:none}
.c116-visual-branches li,.c116-visual-details>div,.c116-visual-steps li,.c116-visual-comparison section{min-width:0;padding:.9rem 1rem;border:1px solid var(--c116-line);background:#fff}
.c116-visual-branches li>*,.c116-visual-steps li>*{display:block}
.c116-visual-branches strong,.c116-visual-details dt,.c116-visual-steps strong{color:var(--c116-accent)}
.c116-visual-details dd{margin:.25rem 0 0}
.c116-visual-reading blockquote{margin:1rem 0;padding:1rem 1.2rem;border-left:3px solid var(--c116-accent);background:#fff}
.c116-visual-reading blockquote p{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:1.13rem}
.c116-visual-notes{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;padding-left:1.2rem;margin:.8rem 0}
.c116-visual-notes li{max-width:38ch}
.c116-visual-comparison h4{margin:0 0 .4rem;font-size:1rem}
.c116-visual-comparison p{margin:0}
.c116-visual-takeaway{margin:1rem 0 0;padding-top:.8rem;border-top:1px solid var(--c116-line);font-weight:750}

.c116-tool{margin:1.4rem 0 var(--c116-space);padding:clamp(1.2rem,3.5vw,2.4rem);border:1px solid var(--c116-line);background:var(--c116-soft)}
.c116-tool>header{max-width:65ch}
.c116-tool>header h2{margin:.35rem 0 .55rem;font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.17}
.c116-tool>header p{margin:0}
.c116-permission-list,.c116-clock-list,.c116-receipt,.c116-response-list,.c116-two-decisions{display:grid;gap:.8rem;margin:1.35rem 0 0}
.c116-permission-list,.c116-clock-list,.c116-receipt,.c116-response-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.c116-two-decisions{grid-template-columns:repeat(2,minmax(0,1fr))}
.c116-permission-list{padding:0;list-style:none}
.c116-permission-list li,.c116-clock-list article,.c116-receipt article,.c116-response-list article,.c116-two-decisions article{min-width:0;padding:1.15rem;border:1px solid var(--c116-line);background:#fff}
.c116-permission-list li>span,.c116-clock-list article>span,.c116-response-list article>span,.c116-two-decisions article>span{color:var(--c116-accent);font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.c116-tool :is(h3,p){overflow-wrap:anywhere}
.c116-tool h3{margin:.3rem 0 .5rem;font-size:1.18rem}
.c116-tool :is(.c116-permission-list,.c116-clock-list,.c116-receipt,.c116-response-list,.c116-two-decisions) p{margin:.4rem 0 .6rem}
.c116-tool :is(strong,dt){color:var(--c116-accent)}
.c116-tool small{display:block;font-size:.86rem;line-height:1.55}
.c116-branch-panel,.c116-later-choice,.c116-family-check,.c116-privacy-line{margin:1rem 0 0;padding:1rem 1.15rem;border-left:3px solid var(--c116-accent);background:#fff}
.c116-branch-panel ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:0;margin:.9rem 0 0;list-style:none}
.c116-branch-panel li{padding-top:.65rem;border-top:1px solid var(--c116-line)}
.c116-branch-panel li>*{display:block}
.c116-branch-panel li span{margin-top:.3rem}
.c116-tool-example,.c116-call-offer{max-width:60ch;margin:1.15rem 0 0;padding:1rem 1.25rem;border-left:4px solid var(--c116-accent);background:#fff;font-family:Georgia,'Times New Roman',serif;font-size:1.15rem}
.c116-tool-example p,.c116-call-offer p{margin:0}
.c116-receipt{position:relative;padding:1.4rem 1rem 1rem;background:#fff;border:1px solid var(--c116-line);box-shadow:0 8px 18px #4f3b2212}
.c116-receipt::before{content:'TONIGHT’S BILL';position:absolute;top:.35rem;left:1rem;color:var(--c116-accent);font-size:.72rem;font-weight:850;letter-spacing:.09em}
.c116-receipt article{border-top:2px solid var(--c116-accent)}
.c116-later-choice{max-width:57ch;margin-left:auto}
.c116-response-list article{border-top:3px solid var(--c116-accent)}
.c116-two-decisions article{border-top:4px solid var(--c116-accent)}
.c116-two-decisions dl{margin:.75rem 0 0}
.c116-two-decisions dt{font-size:.76rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.c116-two-decisions dd{margin:.15rem 0 .8rem}

.c116-next,.c116-related,.c116-sources,.c116-faq{margin-top:var(--c116-space);padding:clamp(1.2rem,3vw,2.2rem) 0;border-top:1px solid var(--c116-line)}
.c116-next{padding-inline:clamp(1rem,3vw,2rem);border:1px solid var(--c116-line);border-top:4px solid var(--c116-accent);background:var(--c116-soft)}
.c116-next h2,.c116-related h2,.c116-sources h2,.c116-faq h2{max-width:38ch;margin:.3rem 0 .8rem;font-size:clamp(1.5rem,2.5vw,2.2rem)}
.c116-next>p,.c116-sources>p{max-width:68ch}
.c116-next-links,.c116-related>div,.c116-sources>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.c116-next-links a,.c116-sources a{display:block;padding:1rem;border:1px solid var(--c116-line);background:#fff;text-decoration:none}
.c116-next-links a>*,.c116-sources a>*{display:block}
.c116-next-links strong,.c116-sources strong{color:var(--c116-accent)}
.c116-next-links small,.c116-sources small{color:#445258;font-size:.88rem}
.c116-disclosure{margin-bottom:0;font-size:.86rem}
.c116-related>div{gap:clamp(1rem,4vw,3rem)}
.c116-related h3{margin:.3rem 0 .7rem;font-size:1.08rem}
.c116-related ul{padding-left:1.2rem}
.c116-related li{margin:.65rem 0}
.c116-related li a span{display:block;font-size:.88rem}
.c116-sources a span{color:var(--c116-accent);font-size:.76rem;font-weight:850;text-transform:uppercase}
.c116-faq{margin-bottom:3rem}

/* The visual rhythm changes with each reader's decision. */
.dating-guide-page.dating-guide-layout-c116-inbox-margin .c116-story{margin-left:auto;border-top:0;border-left:4px solid var(--c116-accent)}
.dating-guide-page.dating-guide-layout-c116-inbox-margin .c116-chapter{grid-template-columns:minmax(0,.3fr) minmax(0,.7fr)}
.dating-guide-page.dating-guide-layout-c116-inbox-margin .c116-tool{border-radius:32px 32px 2px 2px}
.dating-guide-page.dating-guide-layout-c116-date-in-three-moments .c116-opening{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.dating-guide-page.dating-guide-layout-c116-date-in-three-moments .c116-story{margin-inline:auto;border-top:0;border-bottom:4px solid var(--c116-accent)}
.dating-guide-page.dating-guide-layout-c116-date-in-three-moments .c116-chapter:nth-of-type(even) .c116-chapter-margin{margin-left:auto}
.dating-guide-page.dating-guide-layout-parent-two-doors .c116-chapter{grid-template-columns:minmax(0,.39fr) minmax(0,.61fr)}
.dating-guide-page.dating-guide-layout-parent-two-doors .c116-story{border-top:3px double var(--c116-accent);border-bottom:3px double var(--c116-accent);background:#fff}
.dating-guide-page.dating-guide-layout-parent-two-doors .c116-tool{background:#fbf8f0}
.dating-guide-page.dating-guide-layout-weekend-reservation-note .c116-chapter{grid-template-columns:minmax(0,.27fr) minmax(0,.73fr)}
.dating-guide-page.dating-guide-layout-weekend-reservation-note .c116-story{border-top:0;border-left:4px solid var(--c116-accent);background:#fff;box-shadow:0 7px 21px #29465e13}
.dating-guide-page.dating-guide-layout-weekend-reservation-note .c116-tool{border-radius:4px 28px 4px 4px}
.dating-guide-page.dating-guide-layout-distance-conduct-journal .c116-chapter{grid-template-columns:minmax(0,.35fr) minmax(0,.65fr)}
.dating-guide-page.dating-guide-layout-distance-conduct-journal .c116-story{border-top:0;border-right:4px solid var(--c116-accent);margin-left:auto}
.dating-guide-page.dating-guide-layout-distance-conduct-journal .c116-two-decisions article:first-child{background:#fff}
.dating-guide-page.dating-guide-layout-distance-conduct-journal .c116-two-decisions article:last-child{background:#f7fbfa}

@media(max-width:900px){
  .c116-chapter,.dating-guide-page.dating-guide-layout-c116-inbox-margin .c116-chapter,.dating-guide-page.dating-guide-layout-parent-two-doors .c116-chapter,.dating-guide-page.dating-guide-layout-weekend-reservation-note .c116-chapter,.dating-guide-page.dating-guide-layout-distance-conduct-journal .c116-chapter{grid-template-columns:minmax(0,1fr);gap:.65rem}
  .c116-lens{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .c116-chapter-nav{display:block}
  .c116-chapter-nav>div{margin-top:.4rem}
  .c116-opening,.dating-guide-page.dating-guide-layout-c116-date-in-three-moments .c116-opening{display:block}
  .c116-opening h2{margin:.4rem 0 .8rem}
  .c116-opening p{padding-left:.9rem}
  .c116-figure>picture{display:none}
  .c116-figure figcaption{padding:.6rem .85rem}
  .c116-visual-branches,.c116-visual-details,.c116-visual-steps,.c116-visual-comparison,.c116-permission-list,.c116-clock-list,.c116-receipt,.c116-response-list,.c116-two-decisions,.c116-branch-panel ul,.c116-next-links,.c116-related>div,.c116-sources>div{grid-template-columns:minmax(0,1fr)}
  .c116-visual-notes{display:block}
  .c116-visual-notes li{margin:.5rem 0}
  .c116-next-links a,.c116-sources a{min-width:0}
  .c116-tool{padding:1rem}
}

/* C116 tools follow each article's actual question. */
.c116-agreement-scroll{overflow-x:auto;margin-top:1.5rem}
.c116-agreement-table{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed}
.c116-agreement-table th,.c116-agreement-table td{text-align:left;vertical-align:top;padding:1rem;border-bottom:1px solid var(--c116-line);overflow-wrap:anywhere;line-height:1.6}
.c116-agreement-table thead{background:var(--c116-accent);color:#fff}
.c116-agreement-table thead th{color:#fff}
.c116-agreement-table tbody th{color:var(--c116-accent)}
.c116-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;gap:1.2rem;margin:1.5rem 0}
.c116-moments li{padding:1rem 0;border-top:3px solid var(--c116-accent)}
.c116-moments span{font-weight:800;color:var(--c116-accent)}
.c116-reply-list{margin:1.4rem 0 0}
.c116-reply-list>div{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:1.2rem;padding:1.1rem 0;border-top:1px solid var(--c116-line)}
.c116-reply-list dt{font-weight:800}.c116-reply-list dd{margin:0}
.dating-guide-page.dating-guide-layout-c116-inbox-margin .c116-reply-list{border-left:4px solid var(--c116-accent);padding-left:1.2rem}
.dating-guide-page.dating-guide-layout-c116-date-in-three-moments .c116-tool{border-left:0;border-right:0;background:transparent}
.dating-guide-page.dating-guide-layout-parent-two-doors .c116-lens{grid-template-columns:1fr 1fr}
.dating-guide-page.dating-guide-layout-weekend-reservation-note .c116-tool{border-top:7px double var(--c116-accent);border-radius:0;background:#fffdf7}
.dating-guide-page.dating-guide-layout-distance-conduct-journal .c116-agreement-table{border-left:4px solid var(--c116-accent)}
@media(max-width:650px){.c116-moments,.c116-reply-list>div,.dating-guide-page.dating-guide-layout-parent-two-doors .c116-lens{grid-template-columns:minmax(0,1fr)}.c116-reply-list>div{gap:.35rem}.c116-agreement-table{table-layout:auto}.c116-agreement-table th,.c116-agreement-table td{padding:.65rem;font-size:.88rem}}

@media(max-width:650px){
.c116-agreement-table,.c116-agreement-table tbody,.c116-agreement-table tr,.c116-agreement-table th,.c116-agreement-table td{display:block;width:100%}
.c116-agreement-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.c116-agreement-table tr{border:1px solid var(--c116-line);margin-bottom:1rem}
.c116-agreement-table tbody th{background:var(--c116-soft);font-size:1.1rem}
.c116-agreement-table td{border:0;padding:.7rem 1rem;font-size:1rem;overflow-wrap:normal}
.c116-agreement-table td::before{content:attr(data-label);display:block;color:var(--c116-accent);font-weight:800;font-size:.78rem;margin-bottom:.2rem}
}
