.crumb { font-size: 13px; color: var(--hp-muted); padding: 20px 0 0; }
      .crumb a { color: var(--hp-muted); }
      .hero-art { border-radius: 28px; overflow: hidden; position: relative; }
      .hero-art .hero-photo { display: block; width: 100%; height: auto; }
      .reassure { font-size: 13px; color: var(--hp-muted); margin: 0; }
      .inside { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
      .icard { background: #fff; border-radius: 20px; box-shadow: var(--shadow-card); padding: 22px; display: flex; flex-direction: column; gap: 8px; }
      .icard .lab { align-self: flex-start; font-size: var(--fs-micro); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }
      .icard h3 { margin: 0; font-weight: 600; font-size: 16px; color: var(--hp-ink); }
      .icard p { margin: 0; font-size: 13px; line-height: 19px; color: var(--hp-body); }
      .icard .clin { font-size: 12px; font-style: italic; color: var(--hp-muted); line-height: 17px; padding-top: 8px; border-top: 1px solid var(--hp-hairline); margin-top: auto; }
      .age-tabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
      .age-tab { font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 999px; cursor: pointer;
        background: #fff; color: var(--hp-body); box-shadow: var(--ring-hairline); }
      .age-tab.active { background: var(--hp-blue); color: #fff; box-shadow: none; }
      .age-slide { position: absolute; opacity: 0; transition: opacity .3s ease; }
      .age-slide.active { opacity: 1; position: relative; }
      .moment { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
      .moment .m { background: #fff; border-radius: 18px; box-shadow: var(--shadow-card); padding: 20px; }
      .moment .lab { display: inline-block; font-size: var(--fs-micro); font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
        padding: 3px 10px; border-radius: 999px; background: var(--hp-lime); color: var(--hp-teal-ink); margin-bottom: 10px; }
      .moment h3 { margin: 0 0 4px; font-size: 15px; font-weight: 600; color: var(--hp-ink); }
      .moment p { margin: 0; font-size: 13px; line-height: 19px; color: var(--hp-body); }
      @media (max-width:900px){
        .inside { grid-template-columns: 1fr 1fr; }
        .moment { grid-template-columns: 1fr 1fr; }
      }
      @media (max-width:600px){ .inside, .moment { grid-template-columns: 1fr; } }