/* Grieving the life you imagined: shared reflective-guide paper (reflective-guides.css) plus a few
   quiet pieces of its own:
   - "What I am really grieving is…" is a small handwritten slip, taped, for the reader to finish;
   - grief and denial sit side by side: grief on a soft mist card, denial on a card with a dashed
     edge (the plan that never quite holds);
   - "acceptance is not / acceptance is" pairs a dash with a tick, never colour alone. */

.p-grief .guide-sections .accordion-body > p.pg-slip {
  position: relative; margin: 26px auto 8px; max-width: 34em; padding: 22px 26px 18px; border-radius: 3px;
  background: #fffdf6; rotate: -.6deg; text-align: center;
  box-shadow: 0 1px 1px rgba(60, 40, 10, .06), 0 20px 28px -20px rgba(60, 40, 10, .55);
  font: 400 clamp(22px, 2.2vw, 25px)/1.35 var(--f-hand); color: var(--navy);
}
.p-grief .guide-sections .accordion-body > p.pg-slip strong { font-weight: 400; }
.p-grief .guide-sections .accordion-body > p.pg-slip::before {
  content: ""; position: absolute; top: -10px; left: 50%; width: 96px; height: 22px; margin-left: -48px; rotate: 2deg;
  background: linear-gradient(180deg, rgba(240, 226, 184, .92), rgba(228, 210, 160, .88)); box-shadow: 0 1px 2px rgba(60, 40, 10, .12);
}

/* grief and denial */
.p-grief .guide-sections .accordion-body .pg-pair.pg-pair:not(.pg-pair--accept) > article:first-child { background: linear-gradient(180deg, #f5f7fb, #eef2f8); border-color: #dfe5ef; --c: var(--blue); }
.p-grief .guide-sections .accordion-body .pg-pair.pg-pair:not(.pg-pair--accept) > article:last-child { border: 2px dashed #d9c9a2; box-shadow: none; background: #fffdf8; --c: transparent; }
.p-grief .guide-sections .accordion-body .pg-pair h3 { font: 400 27px/1.1 var(--f-hand); letter-spacing: 0; color: var(--blue-ink); }
.p-grief .guide-sections .accordion-body .pg-pair.pg-pair:not(.pg-pair--accept) > article:last-child h3 { color: var(--muted); }

/* acceptance is not / is */
.p-grief .guide-sections .accordion-body .pg-pair--accept.pg-pair--accept > article:first-child { --c: var(--brick); }
.p-grief .guide-sections .accordion-body .pg-pair--accept.pg-pair--accept > article:last-child { --c: var(--sage); }
.p-grief .guide-sections .accordion-body .pg-pair--accept > article:first-child h3 { color: var(--brick-ink); }
.p-grief .guide-sections .accordion-body .pg-pair--accept > article:last-child h3 { color: var(--sage-ink); }
.p-grief .guide-sections .accordion-body .pg-pair--accept ul:not([class]) > li { padding-left: 28px; }
.p-grief .guide-sections .accordion-body .pg-pair--accept ul:not([class]) > li::before {
  background: none; box-shadow: none; width: auto; height: auto; left: 3px; top: 0; font: 700 17px/1.6 var(--f-display);
}
.p-grief .guide-sections .accordion-body .pg-pair--accept > article:first-child ul:not([class]) > li::before { content: "\2013" / ""; color: var(--brick-ink); }
.p-grief .guide-sections .accordion-body .pg-pair--accept > article:last-child ul:not([class]) > li::before { content: "\2713" / ""; color: var(--sage-ink); }