.es-compare-page .review-panel .review-score { display: none; }
.es-compare-page .hero { padding: 36px 0; }
.es-compare-page .hero-copy { padding-bottom: 0; }
.es-compare-page .hero h1 { font-size: clamp(2rem, 3.7vw, 3.4rem); line-height: 1.15; }
.es-compare-page .hero-art { min-height: 0; }
.es-compare-page .review-panel { transform: none; padding: 22px; margin-bottom: 0; }
.es-compare-page .review-panel img { width: 180px; height: 85px; margin-bottom: 0; }
.es-compare-page .review-panel .btn { margin-top: 12px; }
.es-compare-page .review-overview { padding-top: 22px; padding-bottom: 12px; }
.es-compare-page .trust-grid { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.es-compare-page .trust-card { min-height: 0; padding: 6px 0; border: 0; background: none; box-shadow: none; font-size: .72rem; gap: 8px; align-items: center; }
.es-compare-page .trust-card::before { flex-basis: 20px; width: 20px; height: 20px; font-size: .72rem; }
.es-compare-page .review-content { width: min(1040px, calc(100% - 36px)); }
.es-compare-page .author-box { font-size: .88rem; line-height: 1.7; margin: 20px 0 16px; }
.es-guide { --es-border: #e8def1; --es-soft: #fbf7ff; --es-ink: #24123f; }
.es-guide > section { margin: 42px 0; }
.es-guide [id] { scroll-margin-top: 24px; }
.es-guide h2 { margin-top: 0; letter-spacing: -.035em; }
.es-guide h3 { font-size: 1.1rem; line-height: 1.45; }
.es-guide p { max-width: 85ch; }
.es-guide .es-eyebrow { color: #89338d; font-size: .73rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; margin: 0 0 12px; }
.es-guide .es-summary { background: linear-gradient(135deg, #fff1f8, #f2edff); border: 1px solid #ead9ef; border-radius: 18px; padding: 30px; margin-top: 24px; }
.es-summary h2 { font-size: clamp(1.45rem, 3vw, 1.95rem); }
.es-summary > p:not(.es-eyebrow):not(.es-source-note) { font-size: 1.1rem; color: var(--es-ink); }
.es-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0; }
.es-facts p { margin: 0; padding: 16px; background: rgba(255,255,255,.76); border-radius: 10px; font-size: .9rem; line-height: 1.65; }
.es-facts strong { display: block; margin-bottom: 6px; color: var(--es-ink); }
.es-guide .es-source-note { font-size: .82rem; line-height: 1.65; color: #655574; margin-bottom: 0; }
.es-toc { border: 1px solid var(--es-border); border-radius: 14px; padding: 24px; margin: 30px 0 44px; background: #fff; }
.es-guide .es-toc ul { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 24px; padding: 0; margin: 0; }
.es-toc a { display: block; padding: 7px 0; font-size: .9rem; line-height: 1.5; text-decoration: none; }
.es-toc a:hover, .es-toc a:focus-visible { text-decoration: underline; }
.es-guide .es-callout { border-left: 4px solid #af3aa2; border-radius: 0 12px 12px 0; padding: 21px 24px; background: var(--es-soft); margin: 24px 0; }
.es-callout h3 { margin: 0 0 10px; }
.es-callout p:last-child { margin-bottom: 0; }
.es-guide details { border: 1px solid var(--es-border); border-radius: 12px; margin: 12px 0; background: #fff; }
.es-guide summary { cursor: pointer; padding: 18px 22px; font-weight: 700; color: var(--es-ink); line-height: 1.5; }
.es-guide summary::marker { color: #ad258f; }
.es-extra > p, .es-faq details > p { margin: 0; padding: 0 22px 20px; font-size: .94rem; }
.es-faq details .es-source-note { padding-top: 0; padding-bottom: 18px; }
.es-guide .es-steps { padding-left: 26px; }
.es-steps > li { padding: 0 0 20px 8px; }
.es-steps > li::marker { color: #a42790; font-weight: 800; }
.es-steps p { margin: 6px 0 0; }
.es-guide table { font-size: .92rem; line-height: 1.65; }
.es-guide caption { text-align: left; font-size: .81rem; color: #655574; padding: 0 0 10px; }
.es-feature-table th:first-child { width: 24%; }
.es-feature-table th:nth-child(2) { width: 35%; }
.es-example { padding: 24px; background: #fff; border-radius: 12px; border: 1px solid var(--es-border); }
.es-example h3 { margin: 0 0 14px; }
.es-guide .es-example blockquote { margin: 0 0 16px; padding: 0 0 0 18px; border-left: 3px solid #cb7fbc; font-style: normal; font-size: .95rem; color: #41304c; }
.es-example > p { margin: 0; font-size: .94rem; }
.es-example > p + p { margin-top: 12px; }
.es-detail-body { padding: 0 22px 22px; font-size: .94rem; }
.es-detail-body p:first-child, .es-detail-body ol { margin-top: 0; }
.es-detail-body p:last-child { margin-bottom: 0; }
.es-two-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.es-choice { padding: 22px; border: 1px solid var(--es-border); border-radius: 12px; }
.es-choice h3 { margin: 0 0 12px; }
.es-choice p { margin: 0; font-size: .93rem; }
.es-guide .es-checklist { list-style: none; padding: 0; margin: 24px 0; }
.es-checklist li { padding: 14px 18px 14px 42px; border-bottom: 1px solid var(--es-border); position: relative; }
.es-checklist li::before { content: "✓"; position: absolute; left: 14px; top: 14px; color: #882492; font-weight: 800; }
.es-cta { display: flex; gap: 24px; align-items: center; justify-content: space-between; border-radius: 14px; background: #f5edfc; border: 1px solid #e5d6ef; padding: 24px; margin-top: 28px; }
.es-cta h3 { margin: 0 0 8px; }
.es-cta p { margin: 0; font-size: .92rem; }
.es-cta .btn { flex: 0 0 auto; max-width: 100%; text-align: center; }
.es-guide .es-last-check { font-size: .82rem; color: #766782; border-top: 1px solid var(--es-border); padding-top: 20px; }
.es-guide :focus-visible { outline: 3px solid #9822aa; outline-offset: 4px; }
.es-guide .es-calculator { background: #f8f2fd; padding: 30px; border: 1px solid #e4d3ef; border-radius: 18px; }
.es-calculator fieldset { padding: 0; margin: 24px 0 0; border: 0; min-width: 0; }
.es-calculator legend { font-size: 1rem; color: #24123f; font-weight: 700; padding: 0; margin-bottom: 16px; }
.es-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.es-fields > div { min-width: 0; }
.es-fields label { display: block; font-size: .84rem; font-weight: 700; margin-bottom: 8px; }
.es-fields input, .es-fields select { width: 100%; min-width: 0; font: inherit; font-size: .94rem; color: #24123f; background: #fff; padding: 13px; border: 1px solid #bba7d0; border-radius: 8px; }
.es-fields input[aria-invalid="true"] { border-color: #a50b3e; }
.es-calculator-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 24px; }
.es-example-button { color: #782483; background: #fff; border: 1px solid #c8a7d9; padding: 12px 16px; font: inherit; font-size: .81rem; font-weight: 600; border-radius: 8px; cursor: pointer; }
.es-calculator-actions .btn { cursor: pointer; font-family: inherit; border: 0; }
.es-guide .es-error { border: 1px solid #d48ba3; background: #fff6f8; color: #8b123b; padding: 14px 18px; border-radius: 8px; font-size: .9rem; }
.es-guide [hidden] { display: none !important; }
#es-quote-result { margin: 24px 0 20px; }
.es-result-label { font-size: .84rem; font-weight: 700; color: #702384; }
.es-result-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 14px 0; }
.es-result-cards > div { min-width: 0; padding: 20px; background: #fff; border: 1px solid #d9c4e4; border-radius: 10px; }
.es-result-cards dt { font-size: .79rem; color: #63506e; }
.es-result-cards dd { margin: 9px 0 0; color: #702384; font-size: clamp(1.3rem, 2.7vw, 1.85rem); letter-spacing: -.04em; font-weight: 700; overflow-wrap: anywhere; }
.es-result-equation, .es-empty { font-size: .92rem; }
.es-calculator #es-input-help { margin-top: 12px; }
.es-calculator > .es-source-note { margin-top: 16px; }
.es-route-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.es-route-links a { border: 1px solid #d6b5e1; border-radius: 8px; padding: 10px 16px; font-size: .87rem; background: #fcf7ff; }
.es-route { border-top: 1px solid #e4d6eb; padding-top: 22px; margin-top: 28px; }
.es-route h3 { margin-top: 0; }
@media (max-width: 850px) {
  .es-compare-page .hero-inner { gap: 20px; }
  .es-compare-page .review-panel { display: flex; align-items: center; gap: 16px; max-width: 580px; padding: 14px 18px; }
  .es-compare-page .review-panel > a:first-child { flex: 0 0 30%; }
  .es-compare-page .review-panel img { width: 100%; height: 70px; }
  .es-compare-page .review-panel .btn { width: auto; flex: 1 1 auto; margin: 0; padding: 13px 16px; font-size: .77rem; }
  .es-facts { grid-template-columns: 1fr; }
  .es-cta { flex-direction: column; align-items: stretch; }
}
@media (max-width: 780px) {
  .es-fields { grid-template-columns: 1fr; }
  .es-guide .es-feature-table td { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1fr); gap: 4px 16px; text-align: left; }
  .es-guide .es-feature-table td::before { min-width: 0; }
  .es-guide table caption { display: block; }
}
@media (max-width: 580px) {
  .es-guide .es-calculator { padding: 20px 16px; border-radius: 12px; }
  .es-calculator-actions { align-items: stretch; flex-direction: column; gap: 14px; }
  .es-result-cards { grid-template-columns: 1fr; }
  .es-compare-page .hero { padding: 24px 14px 44px; }
  .es-compare-page .hero h1 { font-size: 2rem; }
  .es-compare-page .edition-pill { font-size: .62rem; padding: 7px 10px; }
  .es-compare-page .hero-copy p { margin-top: 18px; font-size: .93rem; }
  .es-compare-page .review-panel { gap: 12px; padding: 10px 12px; }
  .es-compare-page .review-panel img { height: 56px; }
  .es-compare-page .trust-grid { gap: 2px 16px; }
  .es-compare-page .trust-card { font-size: .66rem; }
  .es-compare-page .review-overview { padding-top: 12px; }
  .es-compare-page .author-box { padding: 14px 16px; margin-top: 8px; font-size: .78rem; }
  .es-compare-page .review-content { width: calc(100% - 28px); }
  .es-guide .es-summary { padding: 20px 16px; border-radius: 12px; }
  .es-summary > p:not(.es-eyebrow):not(.es-source-note) { font-size: 1rem; }
  .es-guide .es-toc { padding: 20px; }
  .es-guide .es-toc ul, .es-two-cols { grid-template-columns: 1fr; }
  .es-guide .es-callout { padding: 18px; }
  .es-guide summary { padding: 16px; }
  .es-extra > p, .es-faq details > p, .es-detail-body { padding: 0 16px 18px; }
  .es-example, .es-choice, .es-cta { padding: 20px; }
}

.es-compare-page .review-panel { display: block; }
.es-hero-brands { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; }
.es-hero-brands a { display: block; text-align: center; color: #24123f; text-decoration: none; font-size: .82rem; font-weight: 700; }
.es-compare-page .review-panel .es-hero-brands img { display: block; width: 100%; height: 105px; object-fit: contain; margin: 0 auto 8px; }
.es-versus { border-radius: 50%; background: #f4e8ff; color: #782483; padding: 9px; font-weight: 700; font-size: .75rem; }
.es-compare-page .es-hero-note { text-align: center; font-size: .76rem; line-height: 1.6; margin: 20px 0 0; }
.es-offer-fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.es-offer { border: 1px solid #e4d3ef; border-radius: 12px; background: #fff; padding: 20px; }
.es-offer h3 { margin: 0 0 16px; }
.es-offer .es-fields { grid-template-columns: 1fr; }
.es-result-cards h3 { margin: 0 0 4px; }
.es-result-cards .es-result-term { font-size: .86rem; margin: 0 0 20px; }
.es-result-cards dl { margin: 0; }
.es-result-cards dd + dt { margin-top: 18px; }
.es-verdict .es-choice { display: flex; flex-direction: column; align-items: flex-start; }
.es-verdict .es-choice p { margin-bottom: 22px; }
.es-verdict .btn { margin-top: auto; font-size: .8rem; white-space: normal; text-align: center; max-width: 100%; }
@media (max-width: 850px) { .es-compare-page .review-panel { width: 100%; max-width: 500px; } }
@media (max-width: 580px) { .es-offer-fields { grid-template-columns: 1fr; } .es-offer { padding: 18px 14px; } .es-compare-page .review-panel .es-hero-brands img { height: 64px; } .es-compare-page .es-hero-note { margin-top: 12px; } .es-hero-brands { gap: 12px; } }