/* Reading improvements shared by desktop and mobile. No new font requests. */
.dhq-reflection .policy-card {max-width: 76ch; overflow-wrap: anywhere;}
.dhq-reflection .policy-card > p,
.dhq-reflection .policy-card > ul,
.dhq-reflection .policy-card > ol {font-size: 1.0625rem; line-height: 1.8;}
.dhq-reflection .policy-card > h2 {margin-top: 2rem; line-height: 1.25;}
.dhq-reflection .policy-card > h1 {line-height: 1.15; text-wrap: balance;}
.dhq-reflection .policy-card img {max-width: 100%; height: auto;}
.dhq-reflection .policy-card a {text-underline-offset: .2em;}
.dhq-reflection a:focus-visible, .dhq-category-nav a:focus-visible {outline: 3px solid currentColor; outline-offset: 4px;}
.dhq-category-nav {display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:2rem auto;max-width:70rem;}
.dhq-category-nav a {display:inline-flex;align-items:center;min-height:44px;padding:.65rem 1rem;border:1px solid currentColor;border-radius:3px;}
.dhq-category-heading {scroll-margin-top:6rem;margin:3rem auto 1rem;max-width:1100px;text-align:left;}
.dhq-category-heading + .story-pillars {margin-top:1rem;}
.dhq-reflection .admin-section {margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line);}
.dhq-reflection .analytics-consent {max-height:50vh;max-height:50dvh;overflow:auto;}
.dhq-editorial-note {font-size:.9375rem;line-height:1.6;}
@media(max-width:600px) {
  .dhq-reflection .policy-card {padding:1.5rem 1.125rem;}
  .dhq-reflection .policy-card > h1 {font-size:clamp(2rem,8vw,2.75rem);}
  .dhq-reflection .breadcrumbs {overflow-wrap:anywhere;flex-wrap:wrap;}
  .dhq-reflection input, .dhq-reflection textarea {max-width:100%;font-size:1rem;}
  .dhq-category-nav {justify-content:flex-start;gap:.5rem;}
  .dhq-category-nav a {font-size:.9375rem;}
}

/* DHQ responsive article repair 20260913 */
body.dhq-reflection > main.product-page-main,
body.dhq-reflection > main.status {
  display: block; height: auto; min-height: 0;
  width: 100%; max-width: none; margin: 0; padding: 28px 24px 64px;
}
body.dhq-reflection > main > .breadcrumbs {
  max-width: 1100px; margin: 0 auto 24px; gap: 8px;
  overflow-wrap: anywhere;
}
body.dhq-reflection > main > article.policy-card {
  box-sizing: border-box; width: 100%; max-width: 1100px;
  min-width: 0; margin: 0 auto; padding: 40px;
  overflow-wrap: break-word;
}
body.dhq-reflection > main > article.policy-card > h1 {
  margin: 12px 0 24px; font-size: 40px; line-height: 1.18;
  letter-spacing: -.02em; text-wrap: balance;
}
body.dhq-reflection > main > article.policy-card > p,
body.dhq-reflection > main > article.policy-card > ul,
body.dhq-reflection > main > article.policy-card > ol {
  font-size: 18px; line-height: 1.8;
}
body.dhq-reflection > main > article.policy-card > .eyebrow {
  font-size: 12px; line-height: 1.5;
}
body.dhq-reflection .policy-card img { max-width: 100%; height: auto; }
body.dhq-reflection .policy-card a { overflow-wrap: anywhere; }
@media (min-width: 900px) {
  body.dhq-reflection > main.product-page-main,
  body.dhq-reflection > main.status { padding: 32px 5vw 80px; }
  body.dhq-reflection > main > article.policy-card { padding: 48px 56px; }
  body.dhq-reflection > main > article.policy-card > h1 {
    font-size: clamp(40px, 3.5vw, 52px);
  }
  body.dhq-reflection .newsletter-field-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
@media (min-width: 601px) and (max-width: 899px) {
  body.dhq-reflection > main > article.policy-card { padding: 32px; }
  body.dhq-reflection > main > article.policy-card > h1 { font-size: 38px; }
}
@media (max-width: 600px) {
  body.dhq-reflection > main.product-page-main,
  body.dhq-reflection > main.status { padding: 20px 16px 44px; }
  body.dhq-reflection > main > .breadcrumbs {
    margin-bottom: 20px; font-size: 10px; line-height: 1.6;
  }
  body.dhq-reflection > main > article.policy-card { padding: 24px 20px; }
  body.dhq-reflection > main > article.policy-card > h1 {
    font-size: clamp(28px, 7.5vw, 36px); margin-bottom: 20px;
  }
  body.dhq-reflection > main > article.policy-card > p,
  body.dhq-reflection > main > article.policy-card > ul,
  body.dhq-reflection > main > article.policy-card > ol {
    font-size: 16px; line-height: 1.75;
  }
  body.dhq-reflection > main > article.policy-card > .eyebrow { font-size: 11px; }
  body.dhq-reflection .policy-card h2 { font-size: 26px; line-height: 1.25; }
  body.dhq-reflection .policy-card h3 { font-size: 22px; line-height: 1.3; }
  body.dhq-reflection .policy-card blockquote { margin-inline: 0; padding: 16px; }
  body.dhq-reflection .newsletter-compact { margin-inline: 0; padding: 20px 14px; }
  body.dhq-reflection .newsletter-field-row,
  body.dhq-reflection .comment-fields { grid-template-columns: minmax(0, 1fr); }
  body.dhq-reflection .newsletter-field-row .checkout { min-width: 0; width: 100%; }
  body.dhq-reflection input:not([type=checkbox]):not([type=hidden]),
  body.dhq-reflection textarea { min-width: 0; max-width: 100%; font-size: 16px; }
}
