:root {
    --arc-ink: var(--ar-ink, #101828);
    --arc-muted: var(--ar-muted, #526070);
    --arc-faint: var(--ar-faint, #738094);
    --arc-line: var(--ar-line, #dbe2ea);
    --arc-paper: var(--ar-paper, #ffffff);
    --arc-canvas: var(--ar-canvas, #f6f8fb);
    --arc-soft: var(--ar-soft, #edf3f8);
    --arc-blue: var(--ar-blue, #164b9c);
    --arc-blue-dark: var(--ar-blue-dark, #0d3475);
    --arc-blue-soft: var(--ar-blue-soft, #eaf1fb);
    --arc-signal: var(--ar-signal, #e0a31b);
    --arc-signal-soft: var(--ar-signal-soft, #fff4d6);
    --arc-positive: var(--ar-positive, #176b4c);
    --arc-negative: #a33a32;
    --arc-display: var(--ar-display, ui-serif, "Iowan Old Style", "Palatino Linotype", Georgia, serif);
    --arc-sans: var(--ar-sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    --arc-radius: 18px;
    --arc-shadow: 0 16px 44px rgba(24, 40, 66, 0.08);
}

.arc-block,
.arc-product-review,
.arc-product-card,
.arc-selection-note,
.arc-takeaway,
.arc-disclosure,
.arc-empty,
.arc-block *,
.arc-product-review *,
.arc-product-card *,
.arc-selection-note *,
.arc-takeaway *,
.arc-disclosure *,
.arc-empty * {
    box-sizing: border-box;
}

.arc-block,
.arc-product-review,
.arc-product-card,
.arc-selection-note,
.arc-takeaway,
.arc-disclosure,
.arc-empty {
    width: 100%;
    max-width: 100%;
    margin: 42px 0;
    color: var(--arc-ink);
    font-family: var(--arc-sans);
    font-size: 16px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.arc-block {
    container-name: arc;
    container-type: inline-size;
}

.arc-block figure,
.arc-product-review figure,
.arc-product-card figure {
    margin: 0;
}

.arc-block a,
.arc-product-review a,
.arc-product-card a,
.arc-sources a {
    text-decoration: none;
}

.arc-block a:focus-visible,
.arc-product-review a:focus-visible,
.arc-product-card a:focus-visible,
.arc-sources a:focus-visible {
    outline: 3px solid rgba(22, 75, 156, 0.35);
    outline-offset: 3px;
}

.arc-block-head {
    display: grid;
    gap: 14px;
    margin-bottom: 24px;
}

.arc-block-head > div {
    max-width: 760px;
}

.arc-kicker {
    margin: 0 0 10px !important;
    color: var(--arc-blue) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.15em !important;
    line-height: 1.35 !important;
    text-transform: uppercase;
}

.arc-block h2,
.arc-spotlight h1,
.arc-spotlight h2,
.arc-block-head h2 {
    margin: 0 !important;
    color: var(--arc-ink) !important;
    font-family: var(--arc-display) !important;
    font-size: clamp(32px, 6.5cqi, 52px) !important;
    font-weight: 650 !important;
    letter-spacing: -0.045em !important;
    line-height: 1.06 !important;
    text-wrap: balance;
}

.arc-block-head > div > p:last-child:not(.arc-kicker) {
    max-width: 680px;
    margin: 12px 0 0;
    color: var(--arc-muted);
    font-size: 16px;
    line-height: 1.6;
}

.arc-microcopy {
    max-width: 390px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--arc-line);
    border-radius: 10px;
    color: var(--arc-muted);
    background: var(--arc-paper);
    font-size: 12px;
    line-height: 1.4;
}

.arc-btn {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
    border: 1px solid var(--arc-blue);
    border-radius: 11px;
    color: #fff !important;
    background: var(--arc-blue);
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.arc-btn:hover {
    border-color: var(--arc-blue-dark);
    color: #fff !important;
    background: var(--arc-blue-dark);
    box-shadow: 0 8px 20px rgba(13, 52, 117, 0.16);
}

.arc-btn-small {
    min-height: 44px;
    padding: 10px 14px;
    font-size: 13px;
}

.arc-btn.is-disabled {
    border-color: #cfd6df;
    color: #677487 !important;
    background: #e9edf2;
    cursor: not-allowed;
    box-shadow: none;
}

.arc-badge,
.arc-selection-badge {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 7px;
    padding: 6px 9px;
    border: 1px solid #c9d6e7;
    border-radius: 999px;
    color: var(--arc-blue);
    background: var(--arc-blue-soft);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.arc-selection-badge i {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: currentColor;
}

.arc-card-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
}

.arc-score {
    display: inline-flex;
    align-items: baseline;
    color: var(--arc-positive);
    font-family: var(--arc-display);
    font-size: 26px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1;
}

.arc-score small {
    margin-left: 2px;
    color: var(--arc-faint);
    font-family: var(--arc-sans);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0;
}

.arc-score.is-large {
    font-size: clamp(58px, 14cqi, 96px);
}

.arc-spotlight-image,
.arc-pick-image,
.arc-product-card-image,
.arc-profile-image,
.arc-review-image,
.arc-vs-image,
.arc-verdict-image,
.arc-compare-thumb {
    display: grid;
    overflow: hidden;
    place-items: center;
    border: 1px solid var(--arc-line);
    background: var(--arc-soft);
}

.arc-spotlight-image img,
.arc-pick-image img,
.arc-product-card-image img,
.arc-profile-image img,
.arc-review-image img,
.arc-vs-image img,
.arc-verdict-image img,
.arc-compare-thumb img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.arc-image-placeholder {
    display: grid;
    min-height: 180px;
    align-content: center;
    justify-items: center;
    gap: 8px;
    color: var(--arc-faint);
}

.arc-image-placeholder > span {
    display: grid;
    width: 68px;
    height: 68px;
    place-items: center;
    border: 1px solid #aebdce;
    border-radius: 50%;
    color: var(--arc-blue);
    background: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.arc-image-placeholder small {
    font-size: 12px;
}

/* Product spotlight */
.arc-spotlight {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid #cfd9e5;
    border-radius: 22px;
    background: var(--arc-paper);
    box-shadow: var(--arc-shadow);
}

.arc-spotlight-media {
    position: relative;
    min-height: 300px;
    padding: 18px;
    background: var(--arc-soft);
}

.arc-spotlight-image {
    width: 100%;
    min-height: 270px;
    aspect-ratio: 4 / 3;
    padding: 22px;
    border-radius: 15px;
    background: var(--arc-paper);
}

.arc-spotlight-gallery {
    display: grid;
    width: 100%;
    min-width: 0;
    align-content: stretch;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 10px;
}

.arc-spotlight-gallery .arc-spotlight-image {
    min-height: 270px;
}

.arc-gallery-thumbs {
    display: flex;
    max-width: 100%;
    justify-content: center;
    gap: 8px;
    padding: 1px 1px 3px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.arc-gallery-thumb {
    display: grid;
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    padding: 5px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #c6d2df;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.arc-gallery-thumb img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.arc-gallery-thumb:hover {
    border-color: rgba(22, 75, 156, 0.6);
    transform: translateY(-2px);
}

.arc-gallery-thumb.is-active {
    border-color: var(--arc-blue);
    box-shadow: 0 0 0 2px rgba(22, 75, 156, 0.15);
}

.arc-spotlight-body {
    display: flex;
    flex-direction: column;
    padding: clamp(24px, 5cqi, 42px);
}

.arc-spotlight-body h1,
.arc-spotlight-body h2 {
    margin: 0 !important;
    color: var(--arc-ink) !important;
    font-family: var(--arc-display) !important;
    font-size: clamp(35px, 8cqi, 58px) !important;
    font-weight: 650 !important;
    letter-spacing: -0.045em !important;
    line-height: 1.06 !important;
    text-wrap: balance;
}

.arc-spotlight-subtitle {
    margin: 16px 0 0;
    color: var(--arc-muted);
    font-size: 18px;
}

.arc-key-numbers {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 24px;
    overflow: hidden;
    border: 1px solid var(--arc-line);
    border-radius: 12px;
    background: var(--arc-line);
}

.arc-key-numbers > div {
    min-width: 0;
    padding: 16px;
    background: #f9fbfd;
}

.arc-key-numbers small,
.arc-fit-grid small,
.arc-vs-decision small {
    display: block;
    margin-bottom: 5px;
    color: var(--arc-faint);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.09em;
    line-height: 1.3;
    text-transform: uppercase;
}

.arc-key-numbers strong:not(.arc-score),
.arc-fit-grid strong {
    display: block;
    font-size: 14px;
    line-height: 1.35;
}

.arc-editorial-verdict {
    margin: 20px 0 0;
    padding: 16px 18px;
    border-left: 4px solid var(--arc-blue);
    color: #2d3d52;
    background: var(--arc-blue-soft);
    font-size: 16px;
    font-weight: 650;
    line-height: 1.55;
}

.arc-spotlight-quicklists {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.arc-spotlight-quicklists > div {
    padding: 14px;
    border: 1px solid var(--arc-line);
    border-radius: 11px;
    background: #f9fbfd;
}

.arc-spotlight-quicklists small {
    display: block;
    margin-bottom: 9px;
    color: var(--arc-faint);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.arc-spotlight-quicklists ul {
    display: grid;
    gap: 7px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.arc-spotlight-quicklists li {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    margin: 0 !important;
    color: var(--arc-muted);
    font-size: 12px;
    line-height: 1.4;
}

.arc-spotlight-quicklists li i {
    width: 7px;
    height: 7px;
    margin-top: 5px;
    border-radius: 50%;
    background: var(--arc-positive);
}

.arc-spotlight-quicklists .is-negative li i {
    background: var(--arc-negative);
}

.arc-fit-grid {
    display: grid;
    gap: 10px;
    margin-top: 20px;
}

.arc-fit-grid > div {
    padding: 14px;
    border: 1px solid var(--arc-line);
    border-radius: 11px;
}

.arc-fit-grid > div:last-child {
    border-color: #e4d1a0;
    background: var(--arc-signal-soft);
}

.arc-spotlight-body > .arc-btn {
    align-self: flex-start;
    margin-top: 22px;
}

/* Scorecard */
.arc-scorecard {
    padding: clamp(22px, 4cqi, 38px);
    border: 1px solid var(--arc-line);
    border-radius: var(--arc-radius);
    background: var(--arc-paper);
}

.arc-score-layout {
    display: grid;
    gap: 24px;
}

.arc-overall-score {
    display: grid;
    align-content: center;
    justify-items: center;
    min-height: 220px;
    padding: 20px;
    border: 1px solid #c9d6e7;
    border-radius: 15px;
    background: var(--arc-blue-soft);
    text-align: center;
}

.arc-overall-score > small,
.arc-overall-score > span {
    color: var(--arc-muted);
    font-size: 11px;
    font-weight: 750;
}

.arc-score-list {
    display: grid;
    gap: 16px;
}

.arc-score-row > div {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 7px;
}

.arc-score-row strong,
.arc-score-row span {
    font-size: 13px;
}

.arc-score-row span {
    color: var(--arc-muted);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
}

.arc-score-row meter {
    display: block;
    width: 100%;
    height: 12px;
    border: 0;
    border-radius: 999px;
    background: #dfe7ef;
}

.arc-score-row meter::-webkit-meter-bar {
    border: 0;
    border-radius: 999px;
    background: #dfe7ef;
}

.arc-score-row meter::-webkit-meter-optimum-value {
    border-radius: 999px;
    background: var(--arc-blue);
}

.arc-score-row meter::-moz-meter-bar {
    border-radius: 999px;
    background: var(--arc-blue);
}

/* Specification table */
.arc-spec-table dl {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--arc-line);
    border-radius: 14px;
    background: var(--arc-paper);
}

.arc-spec-table dl > div {
    display: grid;
    grid-template-columns: minmax(125px, 0.7fr) minmax(0, 1.3fr);
    gap: 16px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--arc-line);
}

.arc-spec-table dl > div:last-child {
    border-bottom: 0;
}

.arc-spec-table dt {
    color: var(--arc-faint);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.arc-spec-table dd {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

/* Customer-review consensus */
.arc-user-consensus {
    padding: clamp(22px, 4cqi, 38px);
    border: 1px solid #cfd9e5;
    border-radius: var(--arc-radius);
    background: #f2f6fa;
}

.arc-consensus-head {
    display: grid;
    gap: 16px;
}

.arc-consensus-head .arc-block-head {
    margin-bottom: 0;
}

.arc-user-rating {
    display: grid;
    align-content: center;
    min-width: 170px;
    padding: 14px 16px;
    border: 1px solid var(--arc-line);
    border-radius: 12px;
    background: var(--arc-paper);
}

.arc-user-rating strong {
    color: var(--arc-blue);
    font-family: var(--arc-display);
    font-size: 28px;
    line-height: 1;
}

.arc-user-rating span {
    margin-top: 6px;
    color: var(--arc-muted);
    font-size: 10px;
    line-height: 1.35;
}

.arc-consensus-grid {
    display: grid;
    gap: 12px;
}

.arc-consensus-grid > div {
    padding: 18px;
    border: 1px solid var(--arc-line);
    border-radius: 13px;
    background: var(--arc-paper);
}

.arc-consensus-grid h3 {
    margin: 0 0 12px !important;
    color: var(--arc-ink) !important;
    font-family: var(--arc-display) !important;
    font-size: 22px !important;
    font-weight: 650 !important;
    letter-spacing: -0.025em !important;
    line-height: 1.15 !important;
}

.arc-consensus-grid ul,
.arc-list ul {
    display: grid;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.arc-consensus-grid li,
.arc-list li {
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    margin: 0 !important;
    color: var(--arc-muted);
    font-size: 13px;
    line-height: 1.45;
}

.arc-consensus-grid li i,
.arc-list li i {
    width: 7px;
    height: 7px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--arc-blue);
}

.arc-consensus-grid > div:nth-child(2) li i,
.arc-list-minus li i {
    background: var(--arc-negative);
}

.arc-consensus-grid > div:nth-child(3) li i {
    background: var(--arc-signal);
}

.arc-consensus-method {
    margin: 18px 0 0;
    padding-top: 15px;
    border-top: 1px solid #cfd9e5;
    color: var(--arc-muted);
    font-size: 11px;
    line-height: 1.5;
}

/* Selection method, sources and takeaways */
.arc-selection-note {
    display: grid;
    grid-template-columns: 1fr;
    gap: 13px;
    padding: 18px;
    border: 1px solid #c9d6e7;
    border-left: 5px solid var(--arc-blue);
    border-radius: 13px;
    background: var(--arc-blue-soft);
}

.arc-selection-note > div:last-child > strong {
    display: block;
    font-family: var(--arc-display);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.15;
}

.arc-selection-note p {
    margin: 7px 0 0;
    color: var(--arc-muted);
    font-size: 14px;
}

.arc-selection-note small {
    display: block;
    margin-top: 8px;
    color: var(--arc-faint);
    font-size: 10px;
}

.arc-sources ol {
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--arc-line);
    border-radius: 14px;
    background: var(--arc-paper);
    counter-reset: arc-source;
    list-style: none !important;
}

.arc-sources li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    min-height: 72px;
    padding: 13px 15px;
    border-bottom: 1px solid var(--arc-line);
    counter-increment: arc-source;
}

.arc-sources li:last-child {
    border-bottom: 0;
}

.arc-sources li::before {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid #c9d6e7;
    border-radius: 50%;
    color: var(--arc-blue);
    content: counter(arc-source);
    font-size: 11px;
    font-weight: 850;
}

.arc-sources li strong,
.arc-sources li span {
    display: block;
}

.arc-sources li strong {
    font-size: 13px;
}

.arc-sources li span {
    margin-top: 3px;
    color: var(--arc-faint);
    font-size: 10px;
}

.arc-sources li a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 9px 11px;
    border: 1px solid var(--arc-line);
    border-radius: 9px;
    color: var(--arc-blue) !important;
    background: #fff;
    font-size: 12px;
    font-weight: 800;
}

.arc-sources li a:hover {
    border-color: var(--arc-blue);
}

.arc-takeaway {
    padding: 18px 20px;
    border: 1px solid #c9d6e7;
    border-left: 5px solid var(--arc-blue);
    border-radius: 12px;
    background: var(--arc-blue-soft);
}

.arc-takeaway.arc-tone-warning {
    border-color: #e4d1a0;
    border-left-color: var(--arc-signal);
    background: var(--arc-signal-soft);
}

.arc-takeaway.arc-tone-verdict {
    border-color: #b9d6c9;
    border-left-color: var(--arc-positive);
    background: #e9f5ef;
}

.arc-takeaway > strong {
    font-family: var(--arc-display);
    font-size: 22px;
    font-weight: 650;
}

.arc-takeaway p {
    margin: 6px 0 0;
    color: var(--arc-muted);
}

/* Generic product card */
.arc-product-card {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--arc-line);
    border-radius: 15px;
    background: var(--arc-paper);
}

.arc-product-card-image {
    min-height: 210px;
    padding: 18px;
    border: 0;
    border-bottom: 1px solid var(--arc-line);
}

.arc-product-card-body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 21px;
}

.arc-product-card h3,
.arc-pick-card h3,
.arc-profile-card h3,
.arc-product-review h3,
.arc-vs-card h3 {
    margin: 13px 0 9px !important;
    color: var(--arc-ink) !important;
    font-family: var(--arc-display) !important;
    font-size: 27px !important;
    font-weight: 650 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.1 !important;
}

.arc-product-card-body > p,
.arc-pick-body > p,
.arc-profile-card p,
.arc-vs-card p {
    margin: 0;
    color: var(--arc-muted);
    font-size: 14px;
}

.arc-card-footer,
.arc-review-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 20px;
}

/* Top picks */
.arc-top3 {
    padding: clamp(16px, 3cqi, 28px);
    border: 1px solid #cfd9e5;
    border-radius: 22px;
    background: #f2f6fa;
}

.arc-top3-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 13px;
}

.arc-pick-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--arc-line);
    border-radius: 15px;
    background: var(--arc-paper);
}

.arc-pick-card.is-featured {
    border-color: #9eb5d1;
    box-shadow: 0 12px 30px rgba(24, 40, 66, 0.09);
}

.arc-pick-rank {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 5px;
    padding: 7px 9px;
    border: 1px solid #cfd9e5;
    border-radius: 9px;
    color: var(--arc-ink);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 7px 18px rgba(24, 40, 66, 0.1);
}

.arc-pick-rank span {
    color: var(--arc-faint);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.arc-pick-rank strong {
    color: var(--arc-blue);
    font-family: var(--arc-display);
    font-size: 18px;
    line-height: 1;
}

.arc-pick-image {
    min-height: 220px;
    aspect-ratio: 5 / 3.4;
    padding: 22px;
    border: 0;
    border-bottom: 1px solid var(--arc-line);
}

.arc-pick-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 19px;
}

.arc-spec-chips {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin: 17px 0 0;
}

.arc-spec-chips > div {
    min-width: 0;
    padding: 9px;
    border: 1px solid var(--arc-line);
    border-radius: 9px;
    background: #f9fbfd;
}

.arc-spec-chips dt {
    color: var(--arc-faint);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 0.06em;
    line-height: 1.15;
    text-transform: uppercase;
}

.arc-spec-chips dd {
    margin: 4px 0 0;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.25;
}

/* Comparison matrix */
.arc-compare-list {
    display: grid;
    gap: 12px;
}

.arc-compare-head {
    display: none;
}

.arc-compare-row {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--arc-line);
    border-radius: 14px;
    background: var(--arc-paper);
}

.arc-compare-product,
.arc-compare-cell,
.arc-compare-offer {
    min-width: 0;
    padding: 12px 14px;
    border-bottom: 1px solid var(--arc-line);
}

.arc-compare-product {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    padding: 14px;
}

.arc-compare-thumb {
    width: 78px;
    height: 78px;
    padding: 8px;
    border-radius: 11px;
}

.arc-compare-product strong,
.arc-compare-product span {
    display: block;
}

.arc-compare-product strong {
    font-size: 15px;
    line-height: 1.25;
}

.arc-compare-product span {
    margin-top: 5px;
    color: var(--arc-blue);
    font-size: 10px;
    font-weight: 800;
}

.arc-compare-cell,
.arc-compare-offer {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 12px;
    color: var(--arc-muted);
    font-size: 13px;
    line-height: 1.45;
}

.arc-compare-cell::before,
.arc-compare-offer::before {
    color: var(--arc-faint);
    content: attr(data-label);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.arc-compare-offer {
    align-items: center;
    border-bottom: 0;
}

.arc-compare-offer .arc-btn {
    justify-self: start;
}

.arc-numeric {
    font-variant-numeric: tabular-nums;
}

/* Profiles */
.arc-profile-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 13px;
}

.arc-profile-card {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--arc-line);
    border-radius: 14px;
    background: var(--arc-paper);
}

.arc-profile-image {
    min-height: 190px;
    padding: 18px;
    border: 0;
    border-bottom: 1px solid var(--arc-line);
}

.arc-profile-card > div {
    display: flex;
    flex-direction: column;
    padding: 18px;
}

.arc-profile-card .arc-btn {
    align-self: flex-start;
    margin-top: 18px;
}

/* Detailed review */
.arc-product-review {
    container-name: arc-review;
    container-type: inline-size;
    overflow: hidden;
    border: 1px solid #cfe0f4;
    border-radius: 26px;
    background: var(--arc-paper);
    box-shadow: 0 22px 58px rgba(16, 70, 138, 0.11);
}

.arc-review-lead {
    display: grid;
    min-width: 0;
    background: linear-gradient(135deg, #edf7ff 0%, #f7fbff 48%, #ffffff 100%);
}

.arc-review-media {
    position: relative;
    display: grid;
    min-width: 0;
    padding: clamp(18px, 4cqi, 30px);
    align-content: center;
    background:
        radial-gradient(circle at 24% 18%, rgba(54, 176, 255, 0.18), transparent 34%),
        linear-gradient(145deg, #e8f5ff, #f5faff);
}

.arc-review-media-label {
    position: absolute;
    z-index: 2;
    top: 18px;
    left: 18px;
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid rgba(156, 192, 232, 0.84);
    border-radius: 999px;
    color: #174c92;
    background: rgba(255, 255, 255, 0.9);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.arc-review-image {
    width: 100%;
    min-height: clamp(270px, 50cqi, 410px);
    aspect-ratio: 1 / 1;
    padding: clamp(24px, 7cqi, 54px);
    border-color: rgba(193, 216, 242, 0.92);
    border-radius: 20px;
    background: var(--arc-paper);
    box-shadow: 0 18px 38px rgba(25, 92, 160, 0.09);
}

.arc-review-intro {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: clamp(26px, 6cqi, 54px);
}

.arc-review-kicker {
    margin: 0 0 10px !important;
    color: #0b62d9 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.17em !important;
    line-height: 1.35 !important;
    text-transform: uppercase;
}

.arc-review-intro .arc-card-labels {
    margin-bottom: 8px;
}

.arc-review-intro .arc-badge {
    min-height: 28px;
    padding: 6px 10px;
    border-color: #bed5f1;
    color: #174f9b;
    background: #edf5ff;
    font-size: 9px;
}

.arc-product-review .arc-review-intro h3 {
    margin: 8px 0 14px !important;
    color: #07142f !important;
    font-family: var(--arc-sans) !important;
    font-size: clamp(32px, 7cqi, 54px) !important;
    font-weight: 920 !important;
    letter-spacing: -0.06em !important;
    line-height: 0.98 !important;
}

.arc-review-intro .arc-editorial-verdict {
    margin: 0;
    padding: 18px 20px;
    border-left: 4px solid #0b68ec;
    border-radius: 0 16px 16px 0;
    color: #263b59;
    background: #eaf2ff;
    font-size: clamp(15px, 2.7cqi, 19px);
    font-weight: 720;
    line-height: 1.5;
}

.arc-review-decision {
    display: grid;
    gap: 18px;
    padding: clamp(22px, 4.5cqi, 38px);
    border-top: 1px solid #dce8f6;
    background: #fff;
}

.arc-review-columns {
    display: grid;
    gap: 14px;
}

.arc-product-review .arc-list {
    position: relative;
    min-height: 100%;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d8e6f5;
    border-radius: 17px;
    background: #f8fbff;
}

.arc-product-review .arc-list::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: #1eaa70;
    content: "";
}

.arc-product-review .arc-list-minus {
    border-color: #efd9d5;
    background: #fff9f8;
}

.arc-product-review .arc-list-minus::before {
    background: #c34b40;
}

.arc-product-review .arc-list > strong {
    display: block;
    margin-bottom: 13px;
    color: #13233c;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.arc-product-review .arc-list li {
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 9px;
    color: #4b5f79;
    font-size: 13px;
}

.arc-product-review .arc-list li i {
    display: grid;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #1eaa70;
}

.arc-product-review .arc-list li i::before {
    content: "✓";
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.arc-product-review .arc-list-minus li i {
    background: #c34b40;
}

.arc-product-review .arc-list-minus li i::before {
    content: "!";
}

.arc-product-review .arc-spec-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.arc-product-review .arc-spec-chips > div {
    min-width: 0;
    padding: 14px 15px;
    border: 1px solid #d8e6f5;
    border-radius: 14px;
    background: linear-gradient(145deg, #fff, #f5f9fe);
}

.arc-product-review .arc-spec-chips dt {
    color: #687a93;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.11em;
}

.arc-product-review .arc-spec-chips dd {
    margin-top: 5px;
    color: #0d1b32;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.3;
}

.arc-review-offer {
    display: grid;
    gap: 18px;
    align-items: center;
    padding: clamp(22px, 4cqi, 34px);
    color: #fff;
    background:
        radial-gradient(circle at 70% -20%, rgba(46, 196, 255, 0.38), transparent 44%),
        linear-gradient(115deg, #071a3c 0%, #0a4198 56%, #0878dc 100%);
}

.arc-review-rating,
.arc-review-price,
.arc-review-offer-copy {
    display: grid;
    gap: 4px;
}

.arc-review-offer small,
.arc-review-offer-copy span {
    color: rgba(255, 255, 255, 0.7);
}

.arc-review-offer small {
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.arc-review-offer .arc-score,
.arc-review-offer .arc-score small,
.arc-review-price strong,
.arc-review-offer-copy strong {
    color: #fff;
}

.arc-review-offer .arc-score {
    font-family: var(--arc-sans);
    font-size: 30px;
    font-weight: 920;
}

.arc-review-price strong {
    font-size: 24px;
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.arc-review-offer-copy strong {
    font-size: 15px;
    font-weight: 850;
}

.arc-review-offer-copy span {
    max-width: 390px;
    font-size: 11px;
    line-height: 1.45;
}

.arc-review-offer .arc-review-cta {
    width: 100%;
    min-height: 52px;
    border-color: #fff;
    border-radius: 13px;
    color: #0847a5 !important;
    background: #fff;
    box-shadow: 0 12px 28px rgba(0, 16, 49, 0.2);
}

.arc-review-offer .arc-review-cta:hover {
    border-color: #dff3ff;
    color: #062f70 !important;
    background: #dff3ff;
}

.arc-review-offer .arc-review-cta::after {
    margin-left: 9px;
    content: "→";
    font-size: 17px;
}

/* VS */
.arc-vs {
    padding: clamp(20px, 3.5cqi, 38px);
    overflow: hidden;
    border: 1px solid #c6ddf8;
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% -10%, rgba(51, 184, 255, 0.18), transparent 34%),
        linear-gradient(145deg, #f5fbff 0%, #eaf5ff 56%, #f8fbff 100%);
    box-shadow: 0 24px 64px rgba(13, 75, 150, 0.11);
}

.arc-vs .arc-block-head h2,
.arc-product-review-pair .arc-block-head h2 {
    font-family: var(--arc-sans) !important;
    font-weight: 920 !important;
    letter-spacing: -0.06em !important;
}

.arc-vs .arc-block-head {
    max-width: 920px;
    margin-bottom: 30px;
}

.arc-vs-grid {
    position: relative;
    display: grid;
    gap: 52px;
}

.arc-vs-grid::after {
    position: absolute;
    z-index: 2;
    top: 310px;
    left: 50%;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 6px solid #edf7ff;
    border-radius: 50%;
    color: #fff;
    background: #07142f;
    content: "VS";
    font-size: 14px;
    font-weight: 900;
    transform: translate(-50%, -50%);
}

.arc-vs-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    border: 1px solid #cbdcf0;
    border-radius: 24px;
    background: var(--arc-paper);
    box-shadow: 0 16px 42px rgba(16, 67, 128, 0.08);
}

.arc-vs-card.is-winner {
    border-color: #70b99c;
    box-shadow: 0 20px 52px rgba(23, 107, 76, 0.14);
}

.arc-winner-label {
    position: absolute;
    z-index: 2;
    top: 16px;
    left: 16px;
    max-width: calc(100% - 32px);
    padding: 8px 11px;
    border: 1px solid #b9d6c9;
    border-radius: 10px;
    color: var(--arc-positive);
    background: rgba(233, 245, 239, 0.95);
    font-size: 10px;
    font-weight: 850;
    line-height: 1.25;
    text-transform: uppercase;
}

.arc-vs-image {
    min-height: 300px;
    padding: clamp(24px, 5cqi, 46px);
    border: 0;
    border-bottom: 1px solid var(--arc-line);
    background: #fff;
}

.arc-vs-card-visual {
    background: linear-gradient(145deg, #f2f9ff, #e8f5ff);
}

.arc-vs-card-intro {
    padding: 22px 24px 24px;
}

.arc-vs-card-intro .arc-badge {
    margin-bottom: 12px;
}

.arc-vs-card .arc-vs-card-intro h3 {
    margin: 0 !important;
    color: #07142f !important;
    font-family: var(--arc-sans) !important;
    font-size: clamp(28px, 4.5cqi, 42px) !important;
    font-weight: 920 !important;
    letter-spacing: -0.06em !important;
    line-height: 1 !important;
}

.arc-vs-card-intro p {
    margin: 13px 0 0;
    color: #52647c;
    font-size: 14px;
    line-height: 1.55;
}

.arc-vs-card-body {
    display: grid;
    flex: 1;
    gap: 18px;
    padding: 24px;
    border-top: 1px solid #dce8f5;
}

.arc-vs-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #d6e4f3;
    border-radius: 15px;
    background: #f7fbff;
}

.arc-vs-metrics > div {
    display: grid;
    min-width: 0;
    gap: 3px;
    align-content: start;
    padding: 13px;
    border-right: 1px solid #d6e4f3;
}

.arc-vs-metrics > div:last-child {
    border-right: 0;
}

.arc-vs-metrics small,
.arc-vs-fit small,
.arc-vs-offer small,
.arc-review-pair-fit small,
.arc-review-pair-offer small {
    color: #667991;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 1.35;
    text-transform: uppercase;
}

.arc-vs-metrics strong {
    color: #0b1b34;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
}

.arc-vs-metrics span {
    color: #7a899d;
    font-size: 9px;
    line-height: 1.3;
}

.arc-vs-fit,
.arc-review-pair-fit {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.arc-vs-fit > div,
.arc-review-pair-fit > div {
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px solid #cfe5da;
    border-radius: 14px;
    background: #f2fbf7;
}

.arc-vs-fit > .is-caution,
.arc-review-pair-fit > .is-caution {
    border-color: #eed9d5;
    background: #fff8f7;
}

.arc-vs-fit strong,
.arc-review-pair-fit strong {
    color: #173c30;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.4;
}

.arc-vs-fit .is-caution strong,
.arc-review-pair-fit .is-caution strong {
    color: #74342f;
}

.arc-vs-card .arc-spec-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.arc-vs-card .arc-spec-chips > div {
    padding: 12px 13px;
    border-radius: 12px;
}

.arc-vs-pros-cons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.arc-vs-pros-cons .arc-list {
    min-width: 0;
    padding: 15px;
    border: 1px solid #d8e8df;
    border-radius: 14px;
    background: #f5fbf8;
}

.arc-vs-pros-cons .arc-list-minus {
    border-color: #efdcd8;
    background: #fff9f8;
}

.arc-vs-pros-cons .arc-list > strong {
    display: block;
    margin-bottom: 10px;
    color: #152841;
    font-size: 12px;
    font-weight: 900;
}

.arc-vs-pros-cons .arc-list li {
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 7px;
    color: #53657c;
    font-size: 11px;
}

.arc-customer-voice {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid #d7e4f4;
    border-radius: 15px;
    background: linear-gradient(145deg, #f7fbff, #eef7ff);
}

.arc-customer-voice-head {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    align-items: baseline;
}

.arc-customer-voice-head small {
    width: 100%;
    color: #165cb7;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.arc-customer-voice-head strong {
    color: #0d203a;
    font-size: 14px;
    font-weight: 900;
}

.arc-customer-voice-head span {
    color: #73839a;
    font-size: 9px;
}

.arc-customer-voice ul {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.arc-customer-voice li {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 8px;
    color: #52647c;
    font-size: 11px;
    line-height: 1.4;
}

.arc-customer-voice li i {
    width: 8px;
    height: 8px;
    margin-top: 4px;
    border-radius: 50%;
    background: #1eaa70;
}

.arc-customer-voice li.is-caution i {
    background: #c45a4e;
}

.arc-vs-offer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 18px 24px 22px;
    border-top: 1px solid #dce8f5;
    background: #f7fbff;
}

.arc-vs-offer > div {
    display: grid;
    gap: 1px;
}

.arc-vs-offer strong {
    color: #07142f;
    font-size: 22px;
    font-weight: 920;
    letter-spacing: -0.04em;
}

.arc-vs-offer span {
    color: #74849a;
    font-size: 9px;
}

.arc-vs-cta {
    min-width: 148px;
}

.arc-vs-subhead {
    display: flex;
    gap: 10px 24px;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 14px;
}

.arc-vs-subhead span {
    color: #0e63d5;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.arc-vs-subhead strong {
    color: #0b1b34;
    font-size: 16px;
    font-weight: 900;
    text-align: right;
}

.arc-vs-spec-matrix,
.arc-vs-criteria-wrap {
    margin-top: 24px;
    padding: clamp(18px, 2.5cqi, 28px);
    border: 1px solid #cddff1;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
}

.arc-vs-spec-head,
.arc-vs-spec-matrix dl > div {
    display: grid;
    grid-template-columns: minmax(150px, 0.8fr) repeat(2, minmax(0, 1fr));
}

.arc-vs-spec-head {
    overflow: hidden;
    border: 1px solid #c9dced;
    border-radius: 12px 12px 0 0;
    background: #eaf3fb;
}

.arc-vs-spec-head > * {
    padding: 10px 12px;
    border-right: 1px solid #c9dced;
    color: #4e6076;
    font-size: 9px;
    font-weight: 900;
    line-height: 1.25;
    text-align: left;
    text-transform: uppercase;
}

.arc-vs-spec-head > *:last-child {
    border-right: 0;
}

.arc-vs-spec-matrix dl {
    margin: 0;
    border-inline: 1px solid #d7e4f0;
}

.arc-vs-spec-matrix dl > div {
    border-bottom: 1px solid #d7e4f0;
    background: #fff;
}

.arc-vs-spec-matrix dt,
.arc-vs-spec-matrix dd {
    min-width: 0;
    margin: 0;
    padding: 11px 12px;
    border-right: 1px solid #d7e4f0;
    color: #42536a;
    font-size: 11px;
    line-height: 1.4;
}

.arc-vs-spec-matrix dt {
    color: #13233c;
    background: #f7fafc;
    font-weight: 850;
}

.arc-vs-spec-matrix dd:last-child {
    border-right: 0;
}

.arc-vs-criteria {
    display: grid;
    margin: 0;
    overflow: hidden;
    border: 1px solid #cfddeb;
    border-radius: 12px;
    background: var(--arc-paper);
}

.arc-vs-criteria > div {
    display: grid;
    grid-template-columns: minmax(140px, 0.8fr) minmax(0, 1.2fr);
    gap: 15px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--arc-line);
}

.arc-vs-criteria > div:last-child {
    border-bottom: 0;
}

.arc-vs-criteria dt {
    color: var(--arc-faint);
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
}

.arc-vs-criteria dd {
    margin: 0;
    font-size: 13px;
    font-weight: 750;
}

.arc-vs-criteria dd::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    background: #176b4c;
    content: "";
}

.arc-vs-criteria dd.is-tie::before {
    background: #e0a31b;
}

.arc-vs-decision {
    display: grid;
    gap: 7px;
    margin-top: 24px;
    padding: clamp(20px, 3cqi, 30px);
    border: 1px solid #95c9b4;
    border-radius: 20px;
    background: linear-gradient(135deg, #e7f7f0, #f6fcf9);
}

.arc-vs-decision small {
    color: #176b4c;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.arc-vs-decision strong {
    display: block;
    color: #174f3b;
    font-family: var(--arc-sans);
    font-size: clamp(19px, 2.5cqi, 26px);
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1.25;
}

.arc-vs-decision span {
    color: #507263;
    font-size: 11px;
}

/* Paired product conclusion for VS pages */
.arc-product-review-pair {
    padding: clamp(20px, 3.5cqi, 36px);
    border-color: #c6ddf8;
    background:
        radial-gradient(circle at 50% 0%, rgba(41, 174, 255, 0.16), transparent 28%),
        linear-gradient(145deg, #eef8ff, #f8fbff);
}

.arc-product-review-pair .arc-block-head {
    margin-bottom: 26px;
}

.arc-review-pair-grid {
    display: grid;
    gap: 18px;
}

.arc-review-pair-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #ccddf0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(15, 72, 139, 0.08);
}

.arc-review-pair-visual {
    position: relative;
    padding: 18px;
    background: linear-gradient(145deg, #f0f9ff, #e4f3ff);
}

.arc-product-review-pair .arc-review-image {
    min-height: 260px;
    aspect-ratio: 4 / 3;
    padding: 28px;
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
}

.arc-review-pair-visual > .arc-badge {
    position: absolute;
    right: 30px;
    bottom: 30px;
    max-width: calc(100% - 60px);
}

.arc-review-pair-body {
    display: grid;
    flex: 1;
    gap: 16px;
    padding: 24px;
}

.arc-product-review-pair .arc-review-pair-body h3 {
    margin: 0 !important;
    color: #07142f !important;
    font-family: var(--arc-sans) !important;
    font-size: clamp(27px, 4cqi, 38px) !important;
    font-weight: 920 !important;
    letter-spacing: -0.06em !important;
    line-height: 1 !important;
}

.arc-review-pair-verdict {
    margin: 0;
    padding: 15px 17px;
    border-left: 4px solid #0b68ec;
    border-radius: 0 13px 13px 0;
    color: #344b68;
    background: #eaf3ff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.arc-product-review-pair .arc-review-columns {
    gap: 9px;
}

.arc-product-review-pair .arc-list {
    padding: 15px;
    border-radius: 14px;
}

.arc-product-review-pair .arc-list > strong {
    font-size: 12px;
}

.arc-product-review-pair .arc-list li {
    font-size: 11px;
}

.arc-product-review-pair .arc-spec-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.arc-product-review-pair .arc-spec-chips > div {
    padding: 12px;
}

.arc-review-pair-offer {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px 18px;
    align-items: center;
    padding: 20px 24px;
    color: #fff;
    background: linear-gradient(120deg, #071a3c, #0b5fc9);
}

.arc-review-pair-offer > div {
    display: grid;
    gap: 2px;
}

.arc-review-pair-offer small {
    color: rgba(255, 255, 255, 0.67);
}

.arc-review-pair-offer strong {
    color: #fff;
    font-size: 22px;
    font-weight: 920;
    letter-spacing: -0.04em;
}

.arc-review-pair-offer strong span {
    font-size: 10px;
    letter-spacing: 0;
}

.arc-review-pair-offer .arc-review-pair-cta {
    grid-column: 1 / -1;
    width: 100%;
    border-color: #fff;
    color: #0847a5 !important;
    background: #fff;
}

.arc-review-pair-note {
    margin: 18px 0 0;
    color: #60728a;
    font-size: 11px;
    text-align: center;
}

/* Verdict cards */
.arc-verdict-grid {
    display: grid;
    gap: 12px;
}

.arc-verdict-grid > article {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 13px;
    border: 1px solid var(--arc-line);
    border-radius: 14px;
    background: var(--arc-paper);
}

.arc-verdict-image {
    width: 96px;
    height: 96px;
    padding: 9px;
    border-radius: 11px;
}

.arc-verdict-grid > article > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.arc-verdict-grid strong {
    font-family: var(--arc-display);
    font-size: 18px;
    font-weight: 650;
    line-height: 1.15;
}

.arc-verdict-grid p {
    margin: 0;
    color: var(--arc-muted);
    font-size: 12px;
    line-height: 1.4;
}

/* Disclosure and editor state */
.arc-disclosure {
    display: grid;
    gap: 8px;
    padding: 17px 19px;
    border: 1px solid #e4d1a0;
    border-radius: 12px;
    color: #5c4a1e;
    background: var(--arc-signal-soft);
}

.arc-disclosure strong {
    font-family: var(--arc-display);
    font-size: 20px;
    font-weight: 650;
    line-height: 1.2;
}

.arc-disclosure p {
    margin: 0;
    font-size: 13px;
}

.arc-empty {
    padding: 18px;
    border: 1px dashed #aeb9c7;
    border-radius: 11px;
    color: var(--arc-muted);
    background: #f9fbfd;
}

.arc-empty strong {
    color: var(--arc-ink);
}

.arc-empty p {
    margin: 4px 0 0;
}

/* Let shortcode-heavy Core pages use the full article width. Fallback stays readable when :has is unavailable. */
.ar-core:not(.ar-vs-editorial) .ar-article-layout:has(.arc-top3, .arc-compare, .arc-vs, .arc-spotlight) {
    grid-template-columns: minmax(0, 1fr);
    max-width: 1120px;
    margin-inline: auto;
}

.ar-core:not(.ar-vs-editorial) .ar-article-layout:has(.arc-top3, .arc-compare, .arc-vs, .arc-spotlight) .ar-article-side {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@container arc (min-width: 560px) {
    .arc-block-head-row {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .arc-key-numbers {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .arc-fit-grid,
    .arc-spotlight-quicklists,
    .arc-score-layout,
    .arc-review-columns,
    .arc-consensus-head {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .arc-score-layout {
        grid-template-columns: minmax(185px, 0.7fr) minmax(0, 1.3fr);
        align-items: center;
    }

    .arc-consensus-head {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }

    .arc-consensus-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .arc-selection-note {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .arc-top3-grid,
    .arc-profile-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .arc-vs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .arc-vs-grid::after {
        top: 310px;
    }

    .arc-verdict-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .arc-verdict-grid > article {
        grid-template-columns: 76px minmax(0, 1fr);
    }

    .arc-verdict-image {
        width: 76px;
        height: 76px;
    }

    .arc-disclosure {
        grid-template-columns: 180px minmax(0, 1fr);
        align-items: start;
    }
}

@media (min-width: 720px) {
    .arc-spotlight {
        grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.2fr);
    }

    .arc-spotlight-media {
        display: flex;
        min-height: 100%;
    }

    .arc-spotlight-image {
        min-height: 100%;
        aspect-ratio: auto;
    }

    .arc-spotlight-gallery {
        min-height: 100%;
    }

    .arc-spotlight-gallery .arc-spotlight-image {
        min-height: 0;
    }

    .arc-product-card.arc-layout-horizontal {
        grid-template-columns: minmax(210px, 0.75fr) minmax(0, 1.25fr);
    }

    .arc-product-card.arc-layout-horizontal .arc-product-card-image {
        min-height: 100%;
        border-right: 1px solid var(--arc-line);
        border-bottom: 0;
    }
}

@container arc-review (min-width: 680px) {
    .arc-review-lead {
        grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
    }

    .arc-review-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .arc-product-review .arc-spec-chips {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .arc-review-offer {
        grid-template-columns: auto auto minmax(180px, 1fr) minmax(170px, auto);
    }

    .arc-review-rating,
    .arc-review-price {
        min-width: 110px;
        padding-right: 18px;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

    .arc-review-offer .arc-review-cta {
        width: auto;
        min-width: 170px;
    }

    .arc-review-pair-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container arc (min-width: 920px) {
    .arc-compare-list {
        gap: 8px;
        padding: 8px;
        border: 1px solid var(--arc-line);
        border-radius: 16px;
        background: #f2f6fa;
    }

    .arc-compare-head,
    .arc-compare-row {
        display: grid;
        grid-template-columns: minmax(185px, 1.35fr) 70px minmax(120px, 0.95fr) minmax(120px, 0.95fr) minmax(115px, 0.75fr) minmax(105px, 0.65fr);
    }

    .arc-compare-head {
        position: sticky;
        z-index: 4;
        top: 90px;
        overflow: hidden;
        border: 1px solid #cfd9e5;
        border-radius: 11px;
        background: #e6edf5;
    }

    .admin-bar .arc-compare-head {
        top: 122px;
    }

    .arc-compare-head span {
        display: flex;
        min-width: 0;
        align-items: center;
        padding: 10px;
        border-right: 1px solid #cfd9e5;
        color: #46556a;
        font-size: 8px;
        font-weight: 850;
        letter-spacing: 0.07em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .arc-compare-head span:last-child {
        border-right: 0;
    }

    .arc-compare-row {
        border-radius: 11px;
    }

    .arc-compare-product,
    .arc-compare-cell,
    .arc-compare-offer {
        display: flex;
        min-width: 0;
        align-items: center;
        padding: 10px;
        border-right: 1px solid var(--arc-line);
        border-bottom: 0;
        font-size: 11px;
    }

    .arc-compare-product {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 9px;
    }

    .arc-compare-thumb {
        width: 56px;
        height: 56px;
        padding: 6px;
    }

    .arc-compare-product strong {
        font-size: 12px;
    }

    .arc-compare-cell::before,
    .arc-compare-offer::before {
        content: none;
    }

    .arc-compare-offer {
        border-right: 0;
    }

    .arc-compare-offer .arc-btn {
        width: 100%;
        min-height: 40px;
        padding: 8px;
        font-size: 10px;
    }
}

@media (max-width: 680px) {
    .arc-block,
    .arc-product-review,
    .arc-product-card,
    .arc-selection-note,
    .arc-takeaway,
    .arc-disclosure,
    .arc-empty {
        margin-block: 30px;
    }

    .arc-btn {
        width: 100%;
    }

    .arc-spotlight-body > .arc-btn,
    .arc-profile-card .arc-btn,
    .arc-vs-card .arc-btn,
    .arc-compare-offer .arc-btn {
        width: 100%;
    }

    .arc-vs {
        padding: 18px;
        border-radius: 22px;
    }

    .arc-vs-grid {
        gap: 44px;
    }

    .arc-vs-grid::after {
        top: 50%;
        width: 50px;
        height: 50px;
    }

    .arc-vs-image {
        min-height: 240px;
    }

    .arc-vs-metrics {
        grid-template-columns: 1fr;
    }

    .arc-vs-metrics > div {
        border-right: 0;
        border-bottom: 1px solid #d6e4f3;
    }

    .arc-vs-metrics > div:last-child {
        border-bottom: 0;
    }

    .arc-vs-fit,
    .arc-vs-pros-cons,
    .arc-review-pair-fit {
        grid-template-columns: 1fr;
    }

    .arc-vs-offer {
        grid-template-columns: 1fr;
    }

    .arc-vs-subhead {
        align-items: flex-start;
        flex-direction: column;
    }

    .arc-vs-subhead strong {
        text-align: left;
    }

    .arc-vs-spec-head {
        display: none;
    }

    .arc-vs-spec-matrix dl {
        border: 0;
    }

    .arc-vs-spec-matrix dl > div {
        grid-template-columns: 1fr;
        gap: 0;
        margin-bottom: 10px;
        overflow: hidden;
        border: 1px solid #d7e4f0;
        border-radius: 12px;
    }

    .arc-vs-spec-matrix dt,
    .arc-vs-spec-matrix dd {
        border-right: 0;
        border-bottom: 1px solid #d7e4f0;
    }

    .arc-vs-spec-matrix dd:last-child {
        border-bottom: 0;
    }

    .arc-vs-spec-matrix dd::before {
        display: block;
        margin-bottom: 3px;
        color: #718096;
        content: attr(data-label);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .arc-vs-criteria > div {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .arc-product-review-pair {
        padding: 18px;
        border-radius: 22px;
    }

    .arc-product-review-pair .arc-review-image {
        min-height: 220px;
    }

    .arc-sources li {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .arc-sources li a {
        grid-column: 2;
        justify-self: start;
    }

    .arc-article-side,
    .ar-core:not(.ar-vs-editorial) .ar-article-layout:has(.arc-top3, .arc-compare, .arc-vs, .arc-spotlight) .ar-article-side {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .arc-btn,
    .arc-gallery-thumb {
        transition-duration: 0.01ms !important;
    }
}

/* VS 2.5 — duel court, noms immédiatement identifiables, détails dans l’article */
.ar-vs-editorial .arc-vs {
    padding: clamp(20px, 2.8cqi, 32px);
    border-radius: 24px;
    background:
        linear-gradient(90deg, rgba(236, 246, 255, 0.78) 0 49.9%, rgba(247, 250, 255, 0.9) 50.1% 100%),
        #f7fbff;
    box-shadow: 0 18px 50px rgba(13, 75, 150, 0.09);
}

.ar-vs-editorial .arc-vs .arc-block-head {
    max-width: 780px;
    margin-bottom: 22px;
}

.ar-vs-editorial .arc-vs .arc-block-head h2 {
    font-size: clamp(30px, 4.8cqi, 48px) !important;
}

.ar-vs-editorial .arc-vs-grid {
    gap: 16px;
}

.ar-vs-editorial .arc-vs-grid::after {
    top: 105px;
    width: 46px;
    height: 46px;
    border-width: 5px;
    font-size: 12px;
}

.ar-vs-editorial .arc-vs-card {
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(16, 67, 128, 0.07);
}

.ar-vs-editorial .arc-vs-card.is-winner {
    border-color: #58a887;
    box-shadow: 0 12px 34px rgba(23, 107, 76, 0.12);
}

.ar-vs-editorial .arc-winner-label {
    top: 12px;
    left: 12px;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 8px;
}

.ar-vs-editorial .arc-vs-card-visual {
    display: grid;
    grid-template-columns: minmax(135px, 0.72fr) minmax(0, 1.28fr);
    min-height: 210px;
    background: #fff;
}

.ar-vs-editorial .arc-vs-image {
    min-height: 210px;
    padding: clamp(18px, 3cqi, 30px);
    border-right: 1px solid #dce8f5;
    border-bottom: 0;
}

.ar-vs-editorial .arc-vs-card-intro {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 22px;
}

.ar-vs-editorial .arc-vs-card-intro .arc-badge {
    align-self: flex-start;
    margin-bottom: 10px;
}

.ar-vs-editorial .arc-vs-card .arc-vs-card-intro h3 {
    font-size: clamp(25px, 3.7cqi, 38px) !important;
    line-height: 1.04 !important;
}

.ar-vs-editorial .arc-vs-card-body {
    gap: 12px;
    padding: 16px 18px;
}

.ar-vs-editorial .arc-vs-metrics {
    border-radius: 12px;
}

.ar-vs-editorial .arc-vs-metrics > div {
    padding: 11px;
}

.ar-vs-editorial .arc-vs-metrics strong {
    font-size: 12px;
}

.ar-vs-editorial .arc-vs-fit {
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 1px solid #dce8f5;
}

.ar-vs-editorial .arc-vs-fit > div,
.ar-vs-editorial .arc-vs-fit > .is-caution {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 11px 2px;
    border: 0;
    border-bottom: 1px solid #e5edf6;
    border-radius: 0;
    background: transparent;
}

.ar-vs-editorial .arc-vs-fit > div:last-child {
    border-bottom: 0;
}

.ar-vs-editorial .arc-vs-fit small {
    padding-top: 2px;
}

.ar-vs-editorial .arc-vs-fit strong,
.ar-vs-editorial .arc-vs-fit .is-caution strong {
    color: #263b56;
    font-size: 11px;
}

.ar-vs-editorial .arc-vs-offer {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px 18px 16px;
}

.ar-vs-editorial .arc-vs-offer > span {
    color: #74849a;
    font-size: 10px;
    line-height: 1.35;
}

.ar-vs-editorial .arc-vs-spec-matrix {
    padding: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
}

.ar-vs-editorial .arc-vs-spec-matrix > .arc-vs-subhead {
    margin: 0;
    padding: 20px 22px;
    border-bottom: 1px solid #d7e4f0;
}

.ar-vs-editorial .arc-vs-spec-head,
.ar-vs-editorial .arc-vs-spec-matrix dl > div {
    grid-template-columns: minmax(145px, 0.72fr) repeat(2, minmax(0, 1fr));
}

.ar-vs-editorial .arc-vs-spec-head {
    border: 0;
    border-radius: 0;
    background: #f2f6fb;
}

.ar-vs-editorial .arc-vs-spec-head > span {
    display: flex;
    align-items: end;
    padding: 16px 18px;
}

.ar-vs-editorial .arc-vs-spec-head > strong {
    display: grid;
    gap: 3px;
    padding: 15px 18px 16px;
    color: #fff;
    text-transform: none;
}

.ar-vs-editorial .arc-vs-spec-head > strong.is-left {
    background: #123f78;
}

.ar-vs-editorial .arc-vs-spec-head > strong.is-right {
    background: #0b6ee5;
}

.ar-vs-editorial .arc-vs-spec-head strong small {
    color: rgba(255, 255, 255, 0.67);
    font-size: 8px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.ar-vs-editorial .arc-vs-spec-head strong b {
    font-size: clamp(13px, 1.7cqi, 18px);
    font-weight: 900;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.ar-vs-editorial .arc-vs-spec-matrix dl {
    border: 0;
}

.ar-vs-editorial .arc-vs-spec-matrix dl > div:nth-child(even) {
    background: #f8fbfe;
}

.ar-vs-editorial .arc-vs-spec-matrix dt,
.ar-vs-editorial .arc-vs-spec-matrix dd {
    padding: 13px 16px;
    font-size: 12px;
}

.ar-vs-editorial .arc-vs-spec-matrix dt {
    background: transparent;
}

.ar-vs-editorial .arc-vs-spec-matrix dd:nth-of-type(1) {
    background: rgba(18, 63, 120, 0.025);
}

.ar-vs-editorial .arc-vs-spec-matrix dd:nth-of-type(2) {
    background: rgba(11, 110, 229, 0.035);
}

.ar-vs-editorial .arc-vs-priorities {
    margin-top: 24px;
    padding: clamp(18px, 2.5cqi, 26px);
    border: 1px solid #cddff1;
    border-radius: 18px;
    background: #fff;
}

.ar-vs-editorial .arc-vs-priority-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ar-vs-editorial .arc-vs-priority {
    min-width: 0;
    padding: 18px;
    border-top: 5px solid #123f78;
    border-radius: 12px;
    background: #f5f9fd;
}

.ar-vs-editorial .arc-vs-priority.is-right {
    border-top-color: #0b6ee5;
    background: #f1f7ff;
}

.ar-vs-editorial .arc-vs-priority.is-tie {
    grid-column: 1 / -1;
    border-top-color: #d59b18;
    background: #fffbef;
}

.ar-vs-editorial .arc-vs-priority small {
    color: #687b94;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.ar-vs-editorial .arc-vs-priority h3 {
    margin: 5px 0 14px !important;
    color: #0c1d35 !important;
    font-family: var(--arc-sans) !important;
    font-size: clamp(19px, 2.6cqi, 26px) !important;
    font-weight: 920 !important;
    letter-spacing: -0.045em !important;
    line-height: 1.08 !important;
}

.ar-vs-editorial .arc-vs-priority ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ar-vs-editorial .arc-vs-priority li {
    padding: 6px 9px;
    border: 1px solid #d4e1ef;
    border-radius: 999px;
    color: #304761;
    background: #fff;
    font-size: 10px;
    font-weight: 780;
    line-height: 1.25;
}

.ar-vs-editorial .arc-vs-decision {
    border-left: 6px solid #17815d;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(23, 107, 76, 0.08);
}

/* Mini-bilans éditoriaux nettement visibles entre les paragraphes. */
.ar-vs-editorial .arc-takeaway.arc-tone-verdict {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 4px 20px;
    align-items: center;
    overflow: hidden;
    padding: 18px 20px;
    border: 1px solid #a9d3c1;
    border-left: 0;
    border-radius: 14px;
    background: #edf8f3;
    box-shadow: 0 10px 24px rgba(23, 107, 76, 0.08);
}

.ar-vs-editorial .arc-takeaway.arc-tone-verdict::before {
    display: grid;
    grid-row: 1 / span 2;
    align-self: stretch;
    margin: -18px 0 -18px -20px;
    padding: 18px;
    place-items: center;
    color: #fff;
    background: #176b4c;
    content: "Mini-bilan";
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-align: center;
    text-transform: uppercase;
}

.ar-vs-editorial .arc-takeaway.arc-tone-verdict > strong {
    color: #123d30;
    font-family: var(--arc-sans);
    font-size: clamp(18px, 2.2cqi, 23px);
    font-weight: 920;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.ar-vs-editorial .arc-takeaway.arc-tone-verdict p {
    margin: 2px 0 0;
    color: #47685c;
    font-size: 13px;
    line-height: 1.45;
}

/* Le rappel final reste volontairement plus court que l’analyse. */
.ar-vs-editorial .arc-product-review-pair {
    padding: clamp(20px, 2.8cqi, 30px);
    border-radius: 22px;
    background: #f5faff;
}

.ar-vs-editorial .arc-product-review-pair .arc-block-head {
    margin-bottom: 20px;
}

.ar-vs-editorial .arc-review-pair-card {
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 72, 139, 0.07);
}

.ar-vs-editorial .arc-review-pair-visual {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 16px;
    background: #fff;
}

.ar-vs-editorial .arc-product-review-pair .arc-review-image {
    min-height: 135px;
    aspect-ratio: 1 / 1;
    padding: 14px;
    border: 1px solid #dbe7f4;
    border-radius: 12px;
}

.ar-vs-editorial .arc-review-pair-visual > div {
    min-width: 0;
}

.ar-vs-editorial .arc-review-pair-visual .arc-badge {
    position: static;
    display: inline-flex;
    max-width: 100%;
    margin-bottom: 9px;
}

.ar-vs-editorial .arc-review-pair-visual h3 {
    margin: 0 !important;
    color: #07142f !important;
    font-family: var(--arc-sans) !important;
    font-size: clamp(22px, 3cqi, 31px) !important;
    font-weight: 920 !important;
    letter-spacing: -0.05em !important;
    line-height: 1.04 !important;
}

.ar-vs-editorial .arc-review-pair-body {
    gap: 12px;
    padding: 16px;
    border-top: 1px solid #dce8f5;
}

.ar-vs-editorial .arc-review-pair-verdict {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 12px;
}

.ar-vs-editorial .arc-product-review-pair .arc-review-pair-fit {
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 1px solid #dce8f5;
}

.ar-vs-editorial .arc-product-review-pair .arc-review-pair-fit > div,
.ar-vs-editorial .arc-product-review-pair .arc-review-pair-fit > .is-caution {
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 10px;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #e4edf6;
    border-radius: 0;
    background: transparent;
}

.ar-vs-editorial .arc-product-review-pair .arc-review-pair-fit > div:last-child {
    border-bottom: 0;
}

.ar-vs-editorial .arc-product-review-pair .arc-review-pair-fit strong,
.ar-vs-editorial .arc-product-review-pair .arc-review-pair-fit .is-caution strong {
    color: #31475f;
    font-size: 11px;
}

.ar-vs-editorial .arc-review-pair-offer {
    padding: 16px;
}

@media (max-width: 860px) {
    .ar-vs-editorial .arc-vs-card-visual,
    .ar-vs-editorial .arc-review-pair-visual {
        grid-template-columns: 1fr;
    }

    .ar-vs-editorial .arc-vs-image {
        min-height: 190px;
        border-right: 0;
        border-bottom: 1px solid #dce8f5;
    }

    .ar-vs-editorial .arc-review-pair-visual {
        gap: 12px;
    }

    .ar-vs-editorial .arc-product-review-pair .arc-review-image {
        min-height: 180px;
        aspect-ratio: 4 / 3;
    }
}

@media (max-width: 680px) {
    .ar-vs-editorial .arc-vs {
        background: #f3f9ff;
    }

    .ar-vs-editorial .arc-vs-grid {
        gap: 34px;
    }

    .ar-vs-editorial .arc-vs-grid::after {
        top: 50%;
    }

    .ar-vs-editorial .arc-vs-fit > div,
    .ar-vs-editorial .arc-vs-fit > .is-caution,
    .ar-vs-editorial .arc-product-review-pair .arc-review-pair-fit > div,
    .ar-vs-editorial .arc-product-review-pair .arc-review-pair-fit > .is-caution {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .ar-vs-editorial .arc-vs-priority-grid {
        grid-template-columns: 1fr;
    }

    .ar-vs-editorial .arc-vs-priority.is-tie {
        grid-column: auto;
    }

    .ar-vs-editorial .arc-takeaway.arc-tone-verdict {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 0 16px 16px;
        background: #edf8f3;
    }

    .ar-vs-editorial .arc-takeaway.arc-tone-verdict::before {
        grid-row: auto;
        margin: 0 -16px;
        padding: 9px 16px;
        background: #176b4c;
        text-align: left;
    }
}

/* VS 2.6 — fiches individuelles et rail de décision unifié */
.ar-vs-editorial .arc-vs-card.arc-vs-left {
    border-top: 5px solid #123f78;
}

.ar-vs-editorial .arc-vs-card.arc-vs-right {
    border-top: 5px solid #0b6ee5;
}

.ar-vs-editorial .arc-vs-fit > div,
.ar-vs-editorial .arc-vs-fit > .is-caution {
    grid-template-columns: 112px minmax(0, 1fr);
}

.ar-vs-editorial .arc-product-review:not(.arc-product-review-pair) {
    margin-block: clamp(34px, 5vw, 58px);
    scroll-margin-top: 110px;
}

.ar-vs-editorial .arc-product-review:not(.arc-product-review-pair) .arc-review-offer {
    background:
        radial-gradient(circle at 72% -30%, rgba(46, 196, 255, 0.42), transparent 46%),
        linear-gradient(115deg, #071a3c 0%, #0a4198 56%, #0878dc 100%);
}

.ar-vs-editorial .arc-vs-board {
    margin-top: 24px;
    overflow: hidden;
    border: 1px solid #cbdff3;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(13, 75, 150, 0.08);
}

.ar-vs-editorial .arc-vs-board > .arc-vs-subhead {
    margin: 0;
    padding: 22px 24px;
    border-bottom: 1px solid #d9e6f3;
    background: linear-gradient(135deg, #fff, #f5faff);
}

.ar-vs-editorial .arc-vs-board-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(145px, 0.58fr) minmax(0, 1fr);
    align-items: stretch;
}

.ar-vs-editorial .arc-vs-board-head > * {
    display: flex;
    min-width: 0;
    min-height: 74px;
    align-items: center;
    justify-content: center;
    padding: 14px 18px;
    text-align: center;
}

.ar-vs-editorial .arc-vs-board-head strong {
    color: #fff;
    font-family: var(--arc-sans);
    font-size: clamp(15px, 2cqi, 21px);
    font-weight: 920;
    letter-spacing: -0.035em;
    line-height: 1.15;
}

.ar-vs-editorial .arc-vs-board-head .is-left {
    background: #123f78;
}

.ar-vs-editorial .arc-vs-board-head .is-right {
    background: #0b6ee5;
}

.ar-vs-editorial .arc-vs-board-head > span {
    color: #5d7088;
    background: #edf4fb;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.ar-vs-editorial .arc-vs-lanes {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ar-vs-editorial .arc-vs-lane {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(145px, 0.58fr) minmax(0, 1fr);
    margin: 0;
    border-bottom: 1px solid #deE9f4;
}

.ar-vs-editorial .arc-vs-lane:last-child {
    border-bottom: 0;
}

.ar-vs-editorial .arc-vs-lane-value {
    display: flex;
    min-width: 0;
    min-height: 96px;
    align-items: center;
    justify-content: center;
    padding: 18px 20px;
    color: #3f536c;
    background: #fff;
    text-align: center;
}

.ar-vs-editorial .arc-vs-lane-value.is-left {
    border-right: 1px solid #e1eaf4;
}

.ar-vs-editorial .arc-vs-lane-value.is-right {
    border-left: 1px solid #e1eaf4;
}

.ar-vs-editorial .arc-vs-lane-value.is-left.is-winner {
    color: #0e3768;
    background: linear-gradient(90deg, #e8f2fc, #f6faff);
    box-shadow: inset 5px 0 0 #123f78;
}

.ar-vs-editorial .arc-vs-lane-value.is-right.is-winner {
    color: #0753ad;
    background: linear-gradient(270deg, #e7f2ff, #f6faff);
    box-shadow: inset -5px 0 0 #0b6ee5;
}

.ar-vs-editorial .arc-vs-lane-value small {
    display: none;
}

.ar-vs-editorial .arc-vs-lane-value strong {
    color: inherit;
    font-size: clamp(12px, 1.55cqi, 15px);
    font-weight: 820;
    line-height: 1.35;
}

.ar-vs-editorial .arc-vs-lane-axis {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    background: #f3f7fb;
    text-align: center;
}

.ar-vs-editorial .arc-vs-lane-axis > span {
    color: #0d1e36;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.25;
}

.ar-vs-editorial .arc-vs-lane-axis > strong {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border-radius: 999px;
    color: #52677e;
    background: #e4ebf2;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.035em;
    line-height: 1.2;
}

.ar-vs-editorial .arc-vs-lane.is-left .arc-vs-lane-axis > strong {
    color: #fff;
    background: #123f78;
}

.ar-vs-editorial .arc-vs-lane.is-left .arc-vs-lane-axis > strong::before {
    margin-right: 5px;
    content: "←";
}

.ar-vs-editorial .arc-vs-lane.is-right .arc-vs-lane-axis > strong {
    color: #fff;
    background: #0b6ee5;
}

.ar-vs-editorial .arc-vs-lane.is-right .arc-vs-lane-axis > strong::after {
    margin-left: 5px;
    content: "→";
}

.ar-vs-editorial .arc-vs-lane.is-tie .arc-vs-lane-axis > strong {
    color: #765309;
    background: #ffedb9;
}

.ar-vs-editorial .arc-vs-lane.is-tie .arc-vs-lane-axis > strong::before {
    margin-right: 5px;
    content: "↔";
}

.ar-vs-editorial .arc-vs-lane > p {
    grid-column: 1 / -1;
    margin: 0;
    padding: 10px 22px 11px;
    border-top: 1px dashed #dce6f0;
    color: #5c7087;
    background: #fbfdff;
    font-size: 11px;
    line-height: 1.45;
    text-align: center;
}

/* Le rappel final reprend le bandeau d'achat bleu des fiches individuelles. */
.ar-vs-editorial .arc-review-pair-offer {
    gap: 14px 18px;
    padding: 18px;
    background:
        radial-gradient(circle at 78% -30%, rgba(46, 196, 255, 0.42), transparent 48%),
        linear-gradient(115deg, #071a3c 0%, #0a4198 58%, #0878dc 100%);
}

.ar-vs-editorial .arc-review-pair-offer .arc-review-pair-cta {
    min-height: 50px;
    border-radius: 13px;
    box-shadow: 0 12px 28px rgba(0, 16, 49, 0.2);
}

.ar-vs-editorial .arc-review-pair-offer .arc-review-pair-cta::after {
    margin-left: 9px;
    content: "→";
    font-size: 17px;
}

@media (max-width: 760px) {
    .ar-vs-editorial .arc-vs-board-head {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ar-vs-editorial .arc-vs-board-head > span {
        display: none;
    }

    .ar-vs-editorial .arc-vs-board-head > * {
        min-height: 64px;
        padding: 12px;
    }

    .ar-vs-editorial .arc-vs-lane {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ar-vs-editorial .arc-vs-lane-axis {
        grid-column: 1 / -1;
        grid-row: 1;
        min-height: 72px;
        border-bottom: 1px solid #dfe9f3;
    }

    .ar-vs-editorial .arc-vs-lane-value {
        min-height: 88px;
        flex-direction: column;
        gap: 5px;
        padding: 14px 12px;
    }

    .ar-vs-editorial .arc-vs-lane-value small {
        display: block;
        color: #71839a;
        font-size: 8px;
        font-weight: 850;
        letter-spacing: 0.035em;
        line-height: 1.2;
    }

    .ar-vs-editorial .arc-vs-lane > p {
        padding-inline: 14px;
        text-align: left;
    }
}

@media (max-width: 520px) {
    .ar-vs-editorial .arc-vs-board > .arc-vs-subhead {
        padding: 18px;
    }

    .ar-vs-editorial .arc-vs-board-head strong {
        font-size: 13px;
    }

    .ar-vs-editorial .arc-product-review:not(.arc-product-review-pair) {
        border-radius: 20px;
    }
}

/* Guide d'achat : console de critères, matrice fonctionnelle et échelle de budget. */
.arc-buying-console {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.arc-buying-card {
    overflow: hidden;
    border: 1px solid #d6e1ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(18, 49, 82, 0.06);
}

.arc-buying-card header {
    display: flex;
    min-height: 70px;
    align-items: center;
    gap: 13px;
    padding: 16px 18px;
    color: #fff;
    background: linear-gradient(115deg, #0c2c58, #164b9c);
}

.arc-buying-card header > span {
    width: 9px;
    height: 36px;
    flex: 0 0 9px;
    border-radius: 999px;
    background: #64c7ff;
    box-shadow: 0 0 0 5px rgba(100, 199, 255, 0.13);
}

.arc-buying-card h3 {
    margin: 0 !important;
    color: #fff !important;
    font-family: var(--arc-sans) !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    letter-spacing: -0.025em;
    line-height: 1.25 !important;
}

.arc-buying-card dl {
    display: grid;
    margin: 0;
}

.arc-buying-card dl > div {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 14px;
    padding: 15px 18px;
}

.arc-buying-card dl > div + div {
    border-top: 1px solid #e4ebf2;
    background: #f8fbfe;
}

.arc-buying-card dt {
    color: #35618f;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
}

.arc-buying-card dd {
    margin: 0;
    color: #2f4155;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.48;
}

.arc-feature-strips {
    display: grid;
    gap: 12px;
}

.arc-feature-strip {
    display: grid;
    grid-template-columns: minmax(150px, 0.52fr) minmax(0, 1.8fr);
    overflow: hidden;
    border: 1px solid #d5e0eb;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(17, 48, 81, 0.05);
}

.arc-feature-strip > header {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(57, 166, 255, 0.35), transparent 52%),
        #0d315f;
}

.arc-feature-strip > header span {
    margin-bottom: 7px;
    color: #9bd8ff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.arc-feature-strip h3 {
    margin: 0 !important;
    color: #fff !important;
    font-family: var(--arc-sans) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    letter-spacing: -0.025em;
    line-height: 1.25 !important;
}

.arc-feature-values {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.arc-feature-values > div {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 96px;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    padding: 15px 17px;
    border-left: 1px solid #e0e8f0;
}

.arc-feature-values > div::before {
    position: absolute;
    top: 0;
    right: 16px;
    left: 16px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: #2f8de4;
    content: "";
}

.arc-feature-values > div:nth-child(2n)::before {
    background: #123f78;
}

.arc-feature-values > div:nth-child(3n)::before {
    background: #e0a31b;
}

.arc-feature-values small {
    color: #536b84;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.025em;
    line-height: 1.3;
    text-transform: uppercase;
}

.arc-feature-values strong {
    color: #14283f;
    font-size: 13px;
    font-weight: 780;
    line-height: 1.4;
}

.arc-feature-values .is-missing {
    background: repeating-linear-gradient(-45deg, #fbfcfd, #fbfcfd 8px, #f5f7f9 8px, #f5f7f9 16px);
}

.arc-feature-values .is-missing::before {
    background: #aab5c1;
}

.arc-feature-values .is-missing strong {
    color: #7b8795;
    font-weight: 650;
}

.arc-price-ladder {
    padding: clamp(22px, 4cqi, 36px);
    border: 1px solid #cfddea;
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(231, 243, 255, 0.82), rgba(255, 255, 255, 0.95) 42%),
        #fff;
    box-shadow: 0 18px 48px rgba(18, 49, 82, 0.08);
}

.arc-price-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.arc-price-list > li {
    display: grid;
    grid-template-columns: minmax(190px, 0.9fr) minmax(250px, 1.4fr) auto;
    gap: 18px;
    align-items: center;
    padding: 13px 14px;
    border: 1px solid #dbe5ef;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.94);
}

.arc-price-product {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.arc-price-thumb {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #e1e7ee;
    border-radius: 12px;
    background: #fff;
}

.arc-price-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.arc-price-product > div {
    display: grid;
    gap: 4px;
}

.arc-price-product strong {
    color: #10263f;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.25;
}

.arc-price-product span {
    color: #61758a;
    font-size: 10px;
    line-height: 1.35;
}

.arc-price-position {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(90px, auto);
    gap: 14px;
    align-items: center;
}

.arc-price-track {
    position: relative;
    height: 10px;
    overflow: visible;
    border-radius: 999px;
    background: linear-gradient(90deg, #dbeafa, #85c7f2 55%, #164b9c);
    box-shadow: inset 0 1px 3px rgba(8, 38, 75, 0.16);
}

.arc-price-track > span {
    position: absolute;
    top: 50%;
    left: var(--arc-price-position);
    width: 18px;
    height: 18px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #0d3475;
    box-shadow: 0 2px 9px rgba(13, 52, 117, 0.3);
    transform: translate(-50%, -50%);
}

.arc-price-position > div:last-child {
    display: grid;
    gap: 2px;
    text-align: right;
}

.arc-price-position strong {
    color: #0d3475;
    font-family: var(--arc-display);
    font-size: 21px;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.arc-price-position small {
    color: #708095;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.3;
}

.arc-price-cta {
    min-width: 124px;
}

.arc-price-scale {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    margin-top: 12px;
    color: #61758a;
    font-size: 10px;
    font-weight: 800;
}

.arc-price-scale span:nth-child(2) {
    color: #315d8c;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.arc-price-scale span:last-child {
    text-align: right;
}

@media (max-width: 800px) {
    .arc-buying-console {
        grid-template-columns: 1fr;
    }

    .arc-price-list > li {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .arc-price-position {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 640px) {
    .arc-buying-card dl > div {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .arc-feature-strip {
        grid-template-columns: 1fr;
    }

    .arc-feature-strip > header {
        min-height: 78px;
    }

    .arc-feature-values > div:first-child {
        border-left: 0;
    }

    .arc-price-ladder {
        padding: 18px 14px;
        border-radius: 18px;
    }

    .arc-price-list > li {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .arc-price-position {
        grid-column: auto;
        grid-row: auto;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .arc-price-cta {
        width: 100%;
    }

    .arc-price-scale {
        display: none;
    }
}