/* Co-Parenting page — reuses executor.css layout; teal accent from the book's cover. */
.theme-coparent {
  --navy: #1d4a45;
  --navy-deep: #111b1f;
  --navy-line: #27413f;
  --gold: #6fb5a1;
  --gold-ink: #2d7666;
}
.theme-coparent .btn-primary { box-shadow: 0 10px 24px -10px rgba(17,27,31,.65); }
.theme-coparent .proof-strip b { color: var(--navy); }
.theme-coparent .inside-list .tag { color: var(--navy); background: #dcece7; }
.theme-coparent .script-body blockquote mark.filled { background: #dcece7; color: var(--navy); }

/* Sunday at six */
.sunday-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(28px, 5vw, 72px); align-items: start; margin-bottom: clamp(40px, 6vw, 64px); }
.sunday-grid h2 { margin-top: 18px; }
.excerpt { margin: 0; padding: 4px 0 4px clamp(20px, 3vw, 36px); border-left: 2px solid var(--gold); font: 400 clamp(1.1rem, 1.6vw, 1.28rem)/1.65 var(--serif); color: var(--ink-2); }
.excerpt p { margin: 0 0 .9em; }
.excerpt .punch { font-style: italic; color: var(--ink); font-size: 1.15em; margin: 0; }

/* Reply picker */
.msg-list { display: grid; gap: 8px; margin-top: 26px; }
.msg-list button { text-align: left; font: 500 .98rem/1.35 var(--sans); color: #d9d4c8; background: #1c2125; border: 1px solid #30363c; border-radius: 10px; padding: 12px 14px; cursor: pointer; transition: border-color .15s, background .15s; }
.msg-list button:hover { border-color: #4a5158; }
.msg-list button[aria-selected=true] { background: #20302e; border-color: var(--gold); color: #fff; }
.msg-list button:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.biff { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); background: var(--paper-2); }
.biff div { padding: 14px 16px; border-left: 1px solid var(--line); display: grid; gap: 4px; }
.biff div:first-child { border-left: 0; }
.biff b { font: 600 .72rem/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-ink); }
.biff span { font-size: .84rem; color: var(--ink-2); line-height: 1.45; }
.tm-note { margin: 0; padding: 12px clamp(22px, 3vw, 36px); font-size: .76rem; color: var(--muted); background: var(--paper-2); border-top: 1px solid var(--line); }

/* Three piles reuse .five-list */
.piles li.rule { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 22px 22px 22px 72px; margin-top: 18px; }
.piles li.rule::before { content: "↻"; top: 18px; left: 20px; font-size: 2rem; }

/* Safety */
.safety { background: var(--navy-deep); color: #e3e7e6; }
.safety h2 { color: #fff; margin-top: 18px; }
.safety .kicker { color: var(--gold); }
.safety-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(28px, 5vw, 72px); align-items: start; }
.safety-card { border: 1px solid var(--navy-line); border-radius: 18px; padding: clamp(22px, 3vw, 34px); background: rgba(255,255,255,.03); }
.safety-card p { color: #c9d1cf; }
.safety-card .small { font-size: .88rem; color: #93a19e; margin: 0; }
.hotline { list-style: none; padding: 0; margin: 20px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hotline li { background: rgba(255,255,255,.05); border-radius: 10px; padding: 12px 14px; display: grid; gap: 2px; }
.hotline span { font-size: .78rem; color: #93a19e; letter-spacing: .02em; }
.hotline b { color: #fff; font: 500 1.15rem/1.2 var(--serif); }

/* Who: lawyer lines */
.lines { margin-top: 26px; }
.lines h3 { margin-bottom: 10px; }
.lines ol { margin: 0; padding-left: 22px; display: grid; gap: 6px; color: var(--ink-2); }
.lines li::marker { color: var(--gold-ink); font-weight: 600; }

@media (max-width: 980px) {
  .sunday-grid, .safety-grid { grid-template-columns: 1fr; }
  .biff { grid-template-columns: 1fr 1fr; }
  .biff div:nth-child(3) { border-left: 0; }
  .biff div:nth-child(n+3) { border-top: 1px solid var(--line); }
}
@media (max-width: 520px) {
  .hotline { grid-template-columns: 1fr; }
}
