.pd-discovery {
  --pd-heading: var(--forest);
  --pd-text: var(--ink);
  --pd-support: var(--muted);
  --pd-rule: var(--line);
  --pd-feature: var(--g-amber-tint);
  --pd-surface: var(--paper);
  --pd-gap: var(--space-6);
  --pd-pad: var(--space-5);
  --pd-photo-height: clamp(10rem, 14vw, 12rem);
  color: var(--pd-text);
  font-family: var(--font-body);
  padding-block: var(--space-7);
}
.pd-discovery .pd-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--pd-gap); margin-bottom: var(--space-6); }
.pd-discovery .pd-heading h2 { font-family: var(--font-display); font-size: clamp(2rem, 3.6vw, 2.8rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.12; color: var(--pd-heading); margin: 0 0 var(--space-3); max-width: 25ch; }
.pd-discovery .pd-heading p { color: var(--pd-support); font-size: var(--type-body); line-height: 1.6; margin: 0; max-width: 64ch; }
.pd-discovery .pd-all { display:inline-flex;align-items:center;min-height:44px;flex-shrink: 0; font-size: var(--type-small); font-weight: 600; line-height: 1.6; }
.pd-discovery a { color: var(--pd-heading); text-underline-offset: .2em; text-decoration-thickness: 1px; }
.pd-discovery a:hover { text-decoration-thickness: 2px; }
.pd-discovery a:focus-visible, .pd-discovery summary:focus-visible { outline: 3px solid var(--focus); outline-offset: var(--space-1); border-radius: var(--radius-control); }
.pd-discovery .pd-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-bottom: var(--space-5); }
.pd-discovery .pd-card { min-width: 0; padding-block: var(--space-5); }
.pd-discovery .pd-card h3 { font-family: var(--font-body); font-size: 1.2rem; font-weight: 600; line-height: 1.25; letter-spacing: -.025em; margin: 0 0 var(--space-3); overflow-wrap: anywhere; }
.pd-discovery .pd-card h3 a { text-decoration: none; }
.pd-discovery .pd-card h3 a:hover { text-decoration: underline; }
.pd-discovery .pd-card .pd-copy > p { font-size: 1.0625rem; color: var(--pd-support); line-height: 1.6; margin: 0 0 var(--space-4); max-width: 62ch; overflow-wrap: anywhere; }
.pd-discovery .pd-compare { display: inline-block; font-weight: 600; font-size: var(--type-small); line-height: 1.5; padding-block: var(--space-1); }
.pd-discovery .pd-card-featured { display: grid; grid-template-columns: minmax(0, 1fr) minmax(90px, 30%); align-items: start; gap: var(--space-4); background: var(--pd-feature); border-radius: var(--radius-panel); padding: var(--pd-pad); }
.pd-discovery .pd-card-featured h3 { font-size: 1.55rem; }
.pd-discovery .pd-photo { min-width: 0; margin: 0; }
.pd-discovery .pd-photo img { display: block; width: 100%; height: var(--pd-photo-height); object-fit: contain; border-radius: var(--radius-control); background: var(--pd-surface); }
.pd-discovery .pd-photo figcaption { font-size: .6875rem; line-height: 1.5; color: var(--pd-support); margin-top: var(--space-2); overflow-wrap: anywhere; }
.pd-discovery .pd-photo details { margin-top: var(--space-2); }
.pd-discovery .pd-photo summary { cursor: pointer; color: var(--pd-heading); text-decoration: underline; text-underline-offset: .2em; }
.pd-discovery .pd-photo details p { font-size: inherit; line-height: inherit; margin: var(--space-2) 0 0; }
.pd-discovery .pd-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-7); }
.pd-discovery .pd-list .pd-card { border-top: 1px solid var(--pd-rule); }
.pd-discovery .pd-note { color: var(--pd-support); font-size: var(--type-small); line-height: 1.6; margin: var(--space-5) 0 0; max-width: 90ch; }
.pd-discovery.pd-secondary { border-top: 1px solid var(--pd-rule); padding-top: var(--space-6); }
.pd-discovery.pd-secondary .pd-heading h2 { font-size: 1.8rem; }
.pd-discovery .pd-card-secondary h3 { font-size: 1.1rem; }
@media (max-width: 900px) {
  .pd-discovery .pd-heading { align-items: start; flex-direction: column; gap: var(--space-4); }
  .pd-discovery .pd-features { grid-template-columns: 1fr; }
  .pd-discovery .pd-card-featured { grid-template-columns: minmax(0, 1fr) minmax(90px, 22%); }
}
@media (max-width: 600px) {
  .pd-discovery { padding-block: var(--space-6); }
  .pd-discovery .pd-heading { margin-bottom: var(--space-5); }
  .pd-discovery .pd-list { grid-template-columns: 1fr; }
  .pd-discovery .pd-card-featured { grid-template-columns: minmax(0, 1fr) 90px; padding: var(--space-4); gap: var(--space-3); }
  .pd-discovery .pd-card-featured h3 { font-size: 1.3rem; }
  .pd-discovery .pd-card .pd-copy > p { font-size: 1.0625rem; }
}
@media (prefers-reduced-motion: reduce) {
  .pd-discovery *, .pd-discovery *::before, .pd-discovery *::after { animation: none; transition: none; scroll-behavior: auto; }
}

.pd-grouped-hub{--pd-control:44px;--pd-group-title:clamp(1.6rem,2.5vw,2rem);padding-top:0}
.pd-grouped-hub .pd-category-jumps{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding-block:var(--space-4);border-block:1px solid var(--pd-rule)}
.pd-grouped-hub .pd-category-jumps a,.pd-grouped-hub .pd-compare{display:inline-flex;align-items:center;min-height:var(--pd-control);font-size:var(--type-small)}
.pd-grouped-hub .pd-guide-group{padding-top:var(--space-5);margin-top:var(--space-7);border-top:1px solid var(--pd-rule);scroll-margin-top:var(--space-5)}
.pd-grouped-hub #beauty-hair{border-color:var(--g-accent-rose)}
.pd-grouped-hub #sleep{border-color:var(--g-accent-lilac)}
.pd-grouped-hub #movement{border-color:var(--g-accent-blue)}
.pd-grouped-hub #nutrition{border-color:var(--g-accent-sand)}
.pd-grouped-hub .pd-heading{margin-bottom:var(--space-4)}
.pd-grouped-hub .pd-heading h2{font-size:var(--pd-group-title);margin:0}
.pd-grouped-hub .pd-list{gap:var(--space-5) var(--space-6)}
.pd-grouped-hub .pd-card-featured{background:var(--pd-surface);padding-inline:0}
.pd-grouped-hub .pd-card a{overflow-wrap:anywhere}
@media(max-width:600px){.pd-grouped-hub .pd-guide-group{margin-top:var(--space-6)}}