.roundup-page {
  --roundup-soft: #eee7da;
  --roundup-accent: #496350;
  padding-bottom: 64px;
}
.roundup-page h1 {max-width: 920px; font-size: clamp(42px, 5.4vw, 76px); line-height: 1.08;}
.roundup-page h2 {font-size: clamp(30px, 3.2vw, 44px); line-height: 1.16;}
.roundup-page p {overflow-wrap: anywhere;}
.roundup-hero {padding-top: 52px; padding-bottom: 42px;}
.roundup-hero .lede {max-width: 760px;}
.roundup-limited-sample {max-width: 920px; margin: 28px 0 24px; padding: 19px 24px; background: #fff4d6; border-left: 4px solid #926a30;}
.roundup-limited-sample strong {font-size: 14px;}
.roundup-limited-sample p {margin: 8px 0 0; font-size: 14px; line-height: 1.65;}
.roundup-jump {display: flex; position: static; flex-wrap: wrap; gap: 10px; padding: 0; background: transparent;}
.roundup-jump a {display: inline-flex; min-height: 44px; align-items: center; gap: 16px; padding: 8px 16px; border: 1px solid #b5bdae; font-size: 13px; text-decoration: none;}
.roundup-intro-summary {max-width: 760px; margin-top: 23px; font-size: 14px; color: var(--muted);}
.roundup-section-heading {max-width: 800px; margin-bottom: 30px;}
.roundup-section-heading p:last-child {font-size: 15px; color: var(--muted);}
.roundup-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start;}
.roundup-product {min-width: 0; border: 1px solid var(--line); background: #fffdf8; scroll-margin-top: 22px;}
.roundup-product-heading {padding: 22px 20px 0;}
.roundup-product-heading .eyebrow {margin: 0 0 10px;}
.roundup-product h3 {font-size: clamp(25px, 2.3vw, 33px); line-height: 1.15; margin: 8px 0 12px;}
.roundup-variant {font-size: 12px; color: var(--muted); margin-bottom: 16px;}
.roundup-sample {margin: 0 20px 16px; padding: 10px 12px; background: #edf1e7; font-size: 12px;}
.roundup-sample-limited {background: #fff0c9; border-left: 3px solid #926a30;}
.roundup-product-photo {margin: 0 20px 20px;}
.roundup-product-photo img {display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #fff; border: 1px solid #e1dfd8;}
.roundup-product-photo figcaption {font-size: 10px; overflow-wrap: anywhere;}
.roundup-product-copy {padding: 0 20px 22px;}
.roundup-product-copy h4 {font: 400 24px/1.2 Georgia, serif; margin: 22px 0 10px;}
.roundup-product-copy p {font-size: 13px; line-height: 1.7;}
.roundup-list-label {padding-top: 15px; color: var(--roundup-accent); font-size: 11px !important; font-weight: 700;}
.roundup-signals {list-style: none; padding: 0; margin: 0;}
.roundup-signals li {padding: 15px 0; border-top: 1px solid #e3ded3;}
.roundup-signal-title {display: flex; justify-content: space-between; align-items: start; gap: 10px; font-size: 12px; line-height: 1.45;}
.roundup-signal-title strong {font-weight: 600;}
.roundup-signal-title span {white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--roundup-accent);}
.roundup-meter {display: block; height: 6px; margin-top: 10px; background: #e9ecdf;}
.roundup-meter i {display: block; height: 100%; background: var(--roundup-accent);}
.roundup-signals li p {font-size: 12px; margin-bottom: 0; color: var(--muted);}
.roundup-check {margin: 20px -8px; padding: 1px 14px 10px; background: var(--roundup-soft);}
.roundup-check h4 {font-size: 22px;}
.roundup-page summary {display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 48px; padding: 12px 0; cursor: pointer; font-weight: 600; font-size: 13px; list-style: none;}
.roundup-page summary::-webkit-details-marker {display: none;}
.roundup-page summary span {font-size: 20px; font-weight: 400;}
.roundup-page details[open] > summary span {transform: rotate(45deg);}
.roundup-product-checks {border-top: 1px solid #b7ad9b; border-bottom: 1px solid #b7ad9b;}
.roundup-risks .roundup-meter {background: #f0e3da;}
.roundup-risks .roundup-meter i {background: #a46343;}
.roundup-risks .roundup-signal-title span {color: #935437;}
.roundup-source-note {font-size: 11px !important; color: var(--muted); padding-top: 12px;}
.roundup-product-actions {display: grid; gap: 10px; margin-top: 20px;}
.roundup-product-actions a {min-height: 48px; font-size: 12px; line-height: 1.5; white-space: normal;}
.roundup-product-actions .text-link {justify-content: space-between;}
.roundup-method {margin-top: 55px; padding-top: 34px; border-top: 1px solid var(--line);}
.roundup-method > p:not(.eyebrow), .roundup-method details {max-width: 850px;}
.roundup-method details {margin-top: 22px; padding: 8px 22px; background: #ebe9dd;}
.roundup-method details p {font-size: 14px;}
.roundup-next {margin-top: 50px; padding: 30px 34px; background: #e5eadf;}
.roundup-next h2, .roundup-next > p {max-width: 850px;}
.roundup-next .text-link {min-height: 44px;}
.roundup-link-note {font-size: 12px; color: var(--muted);}
.roundup-index-mark {font: 62px/1 Georgia, serif; padding: 30px; background: #e8ebdf; color: var(--ink);}
.roundup-index-mark em {color: var(--clay);}
@media (max-width: 1000px) {
  .roundup-grid {gap: 14px;}
  .roundup-product-heading, .roundup-product-copy {padding-left: 14px; padding-right: 14px;}
  .roundup-product-photo {margin-left: 14px; margin-right: 14px;}
  .roundup-sample {margin-left: 14px; margin-right: 14px;}
}
@media (max-width: 760px) {
  .roundup-page {padding-bottom: 36px;}
  .roundup-hero {padding-top: 30px; padding-bottom: 26px;}
  .roundup-page h1 {font-size: clamp(41px, 10.8vw, 60px);}
  .roundup-limited-sample {padding: 16px 18px;}
  .roundup-jump {display: flex; flex-direction: row; align-items: stretch; border: 0;}
  .roundup-jump a {flex: 1 1 135px; justify-content: space-between;}
  .roundup-grid {grid-template-columns: minmax(0, 1fr); gap: 30px;}
  .roundup-product-heading, .roundup-product-copy {padding-left: 20px; padding-right: 20px;}
  .roundup-product h3 {font-size: 33px;}
  .roundup-product-photo {margin-left: 20px; margin-right: 20px;}
  .roundup-sample {margin-left: 20px; margin-right: 20px;}
  .roundup-product-copy p {font-size: 14px;}
  .roundup-signals li p {font-size: 13px;}
  .roundup-method {margin-top: 38px; padding-top: 28px;}
  .roundup-next {margin-top: 32px; padding: 24px;}
  .roundup-next .actions {gap: 13px;}
  .roundup-index-mark {font-size: 50px;}
}

.roundup-page .crumb a{display:inline-flex;align-items:center;min-height:44px}