/* Your Size in Pajamas (Sister Ignatia) · blocks that only this piece uses. Everything else comes
   from /shared/deep-dive.css, which every page loads first. */

/* Built for 5 · The man you married (feature, The day before he leaves): her own account of
   bringing a patient and his wife together, set out like a scene. Spoken lines (.cue) carry who
   says them (.sp); the stage directions (.dir) are paraphrase, in italics with a rule beside them.
   The class names keep clear of the shared .who, .say and .words, which are styled for the cards. */
.script{margin-top:24px;max-width:820px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 18px 22px}
.script p{margin:0}
.script .scene{padding-bottom:14px;margin-bottom:6px;border-bottom:1px dashed var(--line-2);font:700 calc(13px*var(--ts,1))/1.45 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.script .dir{margin:16px 0;padding-left:14px;border-left:2px solid var(--line-2);font-style:italic;font-size:calc(17px*var(--ts,1));line-height:1.55;color:var(--ink-2)}
.script .cue{margin:12px 0;display:grid;gap:3px}
.script .sp{font:700 calc(12px*var(--ts,1))/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.script .her .sp{color:var(--accent)}
.script .spoken{font-size:calc(20px*var(--ts,1));line-height:1.45}
.script .dir:last-child,.script .cue:last-child{margin-bottom:0}
@media (min-width:700px){
  .script{padding:26px 32px 28px}
  .script .cue{grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:baseline}
  .script .dir{margin-left:150px}
}
@media print{
  .script{max-width:none;background:none;border-color:#999}
  .script .scene,.script .her .sp{color:#000}
}

/* Built for 1 · Lessons at home (feature, What people called her): name cards in the shared
   .cards.three grid. A card's description (.about) is plain text; .say stays for quotations. */
.card .about{margin:0;flex-grow:1;font-size:calc(18px*var(--ts,1));line-height:1.55}
.card .say + .about{padding-top:12px;border-top:1px dashed var(--line-2);font-size:calc(16px*var(--ts,1));line-height:1.5}
.card:has(.say + .about) .say{flex-grow:0}