/* A quiet, native disclosure in the Collection's Controls family. */
.pad-comparison { margin: 0 0 24px; border-block: 1px solid #e1e6e8; scroll-margin-top: 90px; }
.pad-comparison > summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding-block: 22px; min-height: 76px; list-style: none; cursor: pointer; }
.pad-comparison > summary::-webkit-details-marker { display: none; }
.pad-comparison-heading { display: grid; gap: 5px; }
.pad-comparison-heading > span:first-child { font-size: 18px; letter-spacing: -.02em; line-height: 1.35; }
.pad-comparison-hint { font-size: 13px; color: var(--muted, #59656c); line-height: 1.5; }
.pad-comparison-toggle { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; font-size: 24px; font-weight: 300; }
.pad-comparison-toggle::after { content: '+'; }
.pad-comparison[open] > summary .pad-comparison-toggle::after { content: '−'; }
.pad-comparison > summary:hover .pad-comparison-heading > span:first-child { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.pad-comparison > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.pad-comparison-body { padding: 6px 0 27px; }
.pad-comparison-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; }
.pad-comparison-item { min-width: 0; display: flex; flex-direction: column; align-items: start; }
.pad-comparison-item h3 { margin: 0 0 15px; font-size: 20px; line-height: 1.3; letter-spacing: -.025em; }
.pad-comparison-feature { margin: 0; font-size: 15px; line-height: 1.55; min-height: 47px; }
.pad-comparison-use { margin: 18px 0 10px; color: var(--muted, #59656c); font-size: 14px; line-height: 1.6; }
.pad-comparison-use > span { display: block; margin-bottom: 4px; font-size: 12px; color: var(--ink, #172127); }
.pad-comparison-item .text-link { margin-top: auto; min-height: 44px; font-size: 13px; gap: 9px; }
.pad-comparison-footer { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 12px 30px; margin-top: 25px; padding-top: 21px; border-top: 1px solid #e8ecee; }
.pad-comparison-footer p { margin: 0; max-width: 610px; font-size: 12px; line-height: 1.65; color: var(--muted, #59656c); }
.pad-comparison-footer .text-link { min-height: 44px; font-size: 13px; gap: 9px; }
.product-fit-note { font-size: 15px; line-height: 1.65; }
.product-fit-note strong { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 500; color: inherit; }

@media (max-width: 760px) {
  .pad-comparison { margin-bottom: 10px; }
  .pad-comparison > summary { min-height: 82px; padding-block: 18px; gap: 15px; }
  .pad-comparison-heading > span:first-child { font-size: 17px; }
  .pad-comparison-hint { font-size: 12px; max-width: 240px; }
  .pad-comparison-body { padding: 0 0 18px; }
  .pad-comparison-grid { grid-template-columns: 1fr; gap: 0; }
  .pad-comparison-item { padding-block: 21px; }
  .pad-comparison-item + .pad-comparison-item { border-top: 1px solid #e8ecee; }
  .pad-comparison-item h3 { font-size: 19px; margin-bottom: 10px; }
  .pad-comparison-feature { min-height: 0; font-size: 14px; }
  .pad-comparison-use { max-width: 360px; margin-block: 14px 5px; font-size: 13px; }
  .pad-comparison-item .text-link { font-size: 13px; }
  .pad-comparison-footer { margin-top: 0; padding-top: 19px; gap: 6px; }
  .pad-comparison-footer p { font-size: 12px; }
  .product-fit-note { font-size: 14px; }
}

/* Guide entry points keep comparisons in the product journey. */
.product-comparison-link { margin-top: 20px; }
.product-comparison-link .text-link { font-size: 14px; min-height: 44px; }
.lock-comparison-guide { display:flex; align-items:center; justify-content:space-between; gap:24px; border-block:1px solid #e1e6e8; padding:25px 0; margin-bottom:25px; }
.lock-comparison-guide h3 { font-size:19px; font-weight:500; letter-spacing:-.025em; margin:0 0 8px; }
.lock-comparison-guide p { max-width:480px; margin:0; font-size:14px; line-height:1.6; color:var(--muted,#59656c); }
.lock-comparison-guide .text-link { flex-shrink:0; min-height:44px; font-size:14px; }
@media (max-width:760px) { .lock-comparison-guide { align-items:start; flex-direction:column; gap:8px; } }

/* Supporting advice remains readable when opened from a mobile product page. */
@media(max-width:760px){
 .product-fit-note{font-size:18px;line-height:1.6}
 .product-fit-note strong{font-size:16px}
 .product-comparison-link .text-link{font-size:16px;min-height:48px}
}