/* Parenting the child in front of you: shared reflective-guide paper (reflective-guides.css) plus
   two pieces of its own:
   - "Things you have permission to reconsider" is a permission slip: a lined sheet with a
     perforated top edge and a soft sage tick beside each permission;
   - "When the usual strategy backfires" sets each piece of usual advice in handwriting, as the
     thing people say, above the gentler way to look at it. */

/* ---------- the permission slip ---------- */
.p-parent .guide-sections ul.pg-permission {
  position: relative; list-style: none; margin: 16px 0 22px; padding: 30px clamp(16px, 3vw, 28px) 14px;
  border: 1px solid #e6dcc4; border-radius: 4px; background: #fffef9;
  background-image:
    radial-gradient(circle at 50% 0, var(--paper) 0 5px, transparent 5.5px),
    linear-gradient(180deg, transparent 13px, #e6dcc4 13px 14px, transparent 14px);
  background-size: 18px 12px, 100% 100%; background-repeat: repeat-x, no-repeat; background-position: 0 -1px, 0 0;
  box-shadow: 0 18px 26px -20px rgba(60, 40, 10, .5);
}
.p-parent .guide-sections ul.pg-permission > li {
  position: relative; margin: 0; padding: 10px 0 10px 38px; border-bottom: 1px solid #e8eef6; font-size: 16.5px; line-height: 1.6;
}
.p-parent .guide-sections ul.pg-permission > li:last-child { border-bottom: 0; }
.p-parent .guide-sections ul.pg-permission > li::before {
  content: "\2713" / ""; position: absolute; left: 2px; top: 10px; width: 24px; height: 24px; border-radius: 50%;
  display: grid; place-items: center; background: var(--sage-soft); color: var(--sage-ink); font: 700 14px/1 var(--f-display);
}

/* ---------- the usual advice, in handwriting ---------- */
.p-parent .guide-sections .accordion-body .pg-myths > article h3 {
  font: 400 clamp(22px, 2.2vw, 24px)/1.2 var(--f-hand); color: var(--brick-ink); letter-spacing: 0;
  padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #e2cf9d;
}
.p-parent .guide-sections .accordion-body .pg-myths.pg-myths > article { --c: var(--brick-soft); }