.srr-comparison { --cmp-blue: #1556c0; --cmp-ink: #101828; --cmp-muted: #667085; --cmp-line: #d8e1ef; color: var(--cmp-ink); }
.srr-comparison *, .srr-comparison *::before, .srr-comparison *::after { box-sizing: border-box; }
.srr-comparison h2, .srr-comparison h3 { letter-spacing: 0; }
.srr-comparison-intro { max-width: 820px; margin: 0 0 1.5rem; color: #344054; font-size: 1.12rem; line-height: 1.62; }
.srr-comparison-hero { display: flex; align-items: stretch; gap: .75rem; margin: 0 0 1.5rem; padding: 1.25rem; border: 1px solid var(--cmp-line); border-radius: 8px; background: #fff; }
.srr-comparison-product { display: grid; flex: 1 1 0; grid-template-columns: minmax(130px, .8fr) minmax(0, 1fr); align-items: center; gap: 1.1rem; min-width: 0; }
.srr-comparison-product-image { display: grid; min-height: 210px; place-items: center; background: #f7f9fc; }
.srr-comparison-product img { width: 100%; height: 210px; object-fit: contain; mix-blend-mode: multiply; }
.srr-comparison-image-fallback { display: grid; width: 112px; height: 112px; place-items: center; border-radius: 50%; background: #e9edf4; color: #475467; font-size: 2rem; font-weight: 800; }
.srr-comparison-product-copy { min-width: 0; }
.srr-comparison-brand { color: var(--cmp-blue); font-size: .8rem; font-weight: 800; text-transform: uppercase; }
.srr-comparison-product h2 { margin: .3rem 0 .5rem; overflow-wrap: anywhere; font-size: 1.45rem; line-height: 1.16; }
.srr-comparison-price { margin: 0 0 .9rem; color: var(--cmp-muted); }
.srr-comparison-price small { font-size: .82em; }
.srr-comparison-amazon { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 44px; padding: .65rem .9rem; border-radius: 6px; background: var(--cmp-blue); color: #fff; font-weight: 750; text-decoration: none; }
.srr-comparison-amazon:hover { background: #0f459d; color: #fff; }
.srr-comparison-vs { display: grid; flex: 0 0 48px; width: 48px; height: 48px; align-self: center; place-items: center; border: 1px solid var(--cmp-line); border-radius: 50%; background: #fff; color: var(--cmp-ink); font-size: .9rem; font-weight: 850; }
.srr-comparison-verdict { padding: 1rem; border: 1px solid #dbe5f3; border-radius: 8px; background: #f7f9fc; }
.srr-comparison-verdict > h2 { margin: 0 0 .75rem; font-size: 1rem; text-transform: uppercase; }
.srr-comparison-verdict-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.srr-comparison-verdict-card { display: flex; gap: .7rem; min-width: 0; padding: 1rem; border-radius: 7px; background: #edf7f1; }
.srr-comparison-verdict-card:nth-child(even) { background: #eef5ff; }
.srr-comparison-verdict-summary { background: #fff5e8; }
.srr-comparison-verdict-icon { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #168553; color: #fff; font-weight: 800; }
.srr-comparison-verdict-card:nth-child(even) .srr-comparison-verdict-icon { background: var(--cmp-blue); }
.srr-comparison-verdict h3 { margin: 0 0 .3rem; font-size: 1rem; }
.srr-comparison-verdict p { margin: 0; color: #344054; line-height: 1.48; }
.srr-comparison-nav { position: sticky; top: 0; z-index: 3; display: flex; gap: 1.15rem; overflow-x: auto; margin: 1.25rem 0 0; padding: .75rem .15rem; border-bottom: 1px solid var(--cmp-line); background: rgba(255,255,255,.96); scrollbar-width: thin; }
.srr-comparison-nav a { flex: 0 0 auto; color: #344054; font-size: .9rem; font-weight: 700; text-decoration: none; }
.srr-comparison-nav a:first-child { color: var(--cmp-blue); }
.srr-comparison-section { padding: 2rem 0 0; scroll-margin-top: 4rem; }
.srr-comparison-section > h2 { margin: 0 0 .35rem; font-size: 1.55rem; }
.srr-comparison-section > p { margin: 0 0 1rem; color: var(--cmp-muted); }
.srr-comparison-table-wrap { overflow-x: auto; border: 1px solid var(--cmp-line); border-radius: 8px; }
.srr-comparison table { width: 100%; min-width: 620px; margin: 0; border-collapse: collapse; background: #fff; }
.srr-comparison th, .srr-comparison td { padding: .78rem; border: 0; border-bottom: 1px solid #e5eaf2; text-align: left; vertical-align: top; }
.srr-comparison thead th { background: #f7f9fc; color: #344054; }
.srr-comparison tbody th { width: 24%; color: #344054; }
.srr-comparison tbody tr:last-child th, .srr-comparison tbody tr:last-child td { border-bottom: 0; }
.srr-comparison-differences { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.srr-comparison-differences > article { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .65rem; min-width: 0; padding: 1rem; border: 1px solid var(--cmp-line); border-radius: 8px; background: #fff; }
.srr-comparison-difference-number { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 7px; background: var(--cmp-blue); color: #fff; font-weight: 800; }
.srr-comparison-difference-copy { min-width: 0; }
.srr-comparison-differences h3 { margin: .1rem 0 .4rem; font-size: 1.02rem; }
.srr-comparison-differences p { margin: 0; color: #475467; line-height: 1.5; }
.srr-comparison-differences strong { display: inline-block; margin-top: .7rem; color: var(--cmp-blue); font-size: .85rem; }
.srr-comparison-differences img { grid-column: 1 / -1; width: 100%; height: 150px; object-fit: contain; }
.srr-comparison-buyers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.srr-comparison-buyers article { display: flex; gap: .75rem; min-width: 0; padding: 1.15rem; border: 1px solid #bfe3cc; border-radius: 8px; background: #f0faf4; }
.srr-comparison-buyers article:nth-child(even) { border-color: #d7ccfb; background: #f7f3ff; }
.srr-comparison-choice-mark { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #168553; color: #fff; font-weight: 900; }
.srr-comparison-buyers article:nth-child(even) .srr-comparison-choice-mark { background: #7252d3; }
.srr-comparison-buyers h3 { margin: .1rem 0 .7rem; overflow-wrap: anywhere; font-size: 1.08rem; }
.srr-comparison-buyers ul { margin: 0; padding-left: 1.2rem; }
.srr-comparison-buyers li { margin-bottom: .35rem; }
.srr-comparison-final { display: flex; gap: .8rem; margin-top: 2rem; padding: 1rem 1.15rem; border: 1px solid #f2d69f; border-radius: 8px; background: #fff9ed; }
.srr-comparison-final > span { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #d88310; color: #fff; font-weight: 900; }
.srr-comparison-final h2 { margin: 0 0 .25rem; font-size: 1.15rem; }
.srr-comparison-final p { margin: 0; color: #475467; line-height: 1.5; }
.srr-comparison-faq details { padding: .9rem 0; border-bottom: 1px solid var(--cmp-line); }
.srr-comparison-faq summary { cursor: pointer; font-weight: 700; }
.srr-comparison-faq details p { margin: .7rem 0 0; color: #475467; }
.srr-comparison-related > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.srr-comparison-related a { display: flex; justify-content: space-between; gap: .75rem; padding: .75rem .85rem; border: 1px solid var(--cmp-line); border-radius: 6px; color: #344054; font-weight: 700; text-decoration: none; }
.srr-comparison-related a:hover { border-color: #9fc1f5; color: var(--cmp-blue); }
@media (max-width: 920px) {
    .srr-comparison-hero { align-items: center; }
    .srr-comparison-product { grid-template-columns: 1fr; }
    .srr-comparison-product-image { min-height: 170px; }
    .srr-comparison-product img { height: 170px; }
    .srr-comparison-verdict-grid, .srr-comparison-differences { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .srr-comparison-hero { flex-direction: column; padding: 1rem; }
    .srr-comparison-product { width: 100%; grid-template-columns: 120px minmax(0, 1fr); }
    .srr-comparison-product-image { min-height: 135px; }
    .srr-comparison-product img { height: 135px; }
    .srr-comparison-vs { flex-basis: 42px; width: 42px; height: 42px; }
    .srr-comparison-verdict-grid, .srr-comparison-differences, .srr-comparison-buyers, .srr-comparison-related > div { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
    .srr-comparison-product { grid-template-columns: 1fr; }
    .srr-comparison-product-image { min-height: 190px; }
    .srr-comparison-product img { height: 190px; }
    .srr-comparison-amazon { width: 100%; }
}
.srr-comparison-page-preview { max-width: 1180px; margin: 0 auto; padding: 1.25rem 1rem 3rem; background: #fff; color: #101828; }
.srr-preview-notice { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; padding: .8rem 1rem; border: 1px solid #f2d69f; border-radius: 7px; background: #fff9ed; color: #6f3b08; }
.srr-preview-notice div { display: flex; align-items: baseline; gap: .65rem; }
.srr-preview-notice a { flex: 0 0 auto; color: #1556c0; font-weight: 750; }
.srr-preview-breadcrumb { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1rem; color: #667085; font-size: .9rem; }
.srr-preview-breadcrumb a { color: #1556c0; }
.srr-preview-article-header { margin-bottom: 1.4rem; }
.srr-preview-article-header > span { color: #1556c0; font-size: .8rem; font-weight: 800; text-transform: uppercase; }
.srr-preview-article-header h1 { max-width: 900px; margin: .35rem 0 .6rem; overflow-wrap: anywhere; color: #101828; font-size: 2.6rem; line-height: 1.08; letter-spacing: 0; }
.srr-preview-article-header p { max-width: 780px; margin: 0; color: #667085; font-size: 1.05rem; }
.srr-preview-cover { display: block; width: 100%; max-height: 520px; margin-top: 1.5rem; object-fit: cover; }
.srr-preview-update-status { display: flex; flex-wrap: wrap; gap: .55rem 1rem; margin-bottom: 1.25rem; padding: .75rem 1rem; border-left: 3px solid #1556c0; background: #f4f8ff; color: #344054; }
@media (max-width: 640px) {
    .srr-preview-notice, .srr-preview-notice div { align-items: flex-start; flex-direction: column; }
    .srr-preview-article-header h1 { font-size: 2rem; }
}