/* =====================================================================
   Petal & Pine · page pieces (Stem industry template)
   Load after stem.css. Prefix pp-.
   ===================================================================== */
.pp-need { background: var(--marigold-soft); }
.pp-sum { position: sticky; top: 104px; }
.pp-sum h3 { font-size: 28px; }
.pp-lines { display: grid; gap: 6px; margin-top: 6px; }
.pp-lines > div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 6px; border-bottom: 1px dashed var(--line); font-size: 15.5px; }
.pp-lines dt { color: var(--muted); }
.pp-lines dd { margin: 0; font-weight: 800; text-align: right; }
.pp-lines .tot { border-bottom: 0; font-size: 18px; }
.pp-lines .tot dt { color: var(--ink); font-weight: 800; }
.pp-wdate { max-width: 320px; }
.field small.ok { color: var(--leaf); font-weight: 700; }
.field small.no { color: var(--marigold); font-weight: 700; }
@media (max-width: 900px) { .pp-sum { position: static; } }