/* Daily Life Doc, round 11, rebuilt in round 12 (zone DA; docs/build/r12/PLAN.md 2.10): the new Document card (the
   working step, the document as the patient will see it folded with Show all, "Blocks used: …", the check line) and
   the card "Change · Pelvic tilts · v3 → v4" (the lines New / Changed / Same, Open). One type scale (base.css), tints
   and no borders; the working step is the shared quiet word, and a folded document opens with one height change. */

/* The new Document card (js/docs/doc-card-new.js). */
.dcn-brief { margin: 0; font-size: var(--t-sm); line-height: 1.45; color: var(--ink2); overflow-wrap: anywhere; }
.dcn-step { margin: 2px 0 0; font-size: var(--t-m); line-height: 1.45; color: var(--ink); }
.dcn-doc { position: relative; max-height: 280px; overflow: hidden; margin: 6px 0 0; padding: 14px 16px; border-radius: 14px; background: var(--surface); cursor: pointer; transition: max-height var(--m-step, 240ms) ease; }
.dcn-doc > * { pointer-events: none; }
.dcn-doc::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 64px; background: linear-gradient(to bottom, transparent, var(--surface)); pointer-events: none; }
.dcn-doc.is-open { max-height: none; }
.dcn-doc.is-open::after { display: none; }
.dcn-doc .dk-sec:first-child { margin-top: 0; }
.dcn-all { justify-self: start; min-height: 36px; font-size: var(--t-sm); font-weight: 600; color: var(--ink); }
.dcn-used { margin: 2px 0 0; font-size: var(--t-xs); line-height: 1.45; color: var(--ink2); }
.dcn-chk { margin: 0; font-size: var(--t-xs); line-height: 1.45; color: var(--ink2); }
.dcn-chk.is-open { color: var(--ink); }
.dcd .cn { margin-top: 4px; }

/* The document editor's Ask AI: another card the ask made, named with "in the chat ›" (js/docs/doc-ask-run.js). */
.da-card { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 0 12px; border-radius: 12px; background: var(--soft); font-size: var(--t-sm); font-weight: 600; color: var(--ink); text-align: left; }
.da-card span { min-width: 0; overflow-wrap: anywhere; }

/* The Change card: the care team's words, then what changes against the version the patient reads. */
.pdc { display: grid; gap: 6px; }
.pdc-w { margin: 0; font-size: var(--t-sm); line-height: 1.45; color: var(--ink2); overflow-wrap: anywhere; }
.pdc-l { margin: 0; font-size: var(--t-sm); color: var(--ink2); }
.pdc-ls { display: grid; gap: 2px; margin: 0; padding: 6px 12px; border-radius: 12px; background: var(--soft); list-style: none; }
.pdc-ls li { min-height: 26px; padding: 3px 0; font-size: var(--t-sm); line-height: 1.4; color: var(--ink); overflow-wrap: anywhere; }
.pdc-ls li b { font-weight: 600; margin-right: 4px; }
.pdc-ls .pdc-same, .pdc-ls .pdc-more { color: var(--ink2); }
.pdc-ls .pdc-same b { font-weight: 500; }
.pdc-open { display: inline-flex; align-items: center; justify-self: start; min-height: 36px; font-size: var(--t-sm); font-weight: 600; color: var(--ink); }
.pdc-open .chev { margin-left: 4px; }

@media (prefers-reduced-motion: reduce) {
  .dcn-doc { transition: none; }
}