:where(.mp-compare-v4,.mp-product-pass){--mp-color-accent:#0d6b45;--mp-color-accent-dark:#075436;--mp-color-accent-soft:#e9f5ef;--mp-color-ink:#17231d;--mp-color-muted:#5d6d64;--mp-color-line:#d9e4de;--mp-color-panel:#f5f8f6;--mp-color-warning:#fff7df;--mp-shadow-card:0 12px 34px rgba(16,45,31,.08);--mp-radius-sm:.55rem;--mp-radius-md:.9rem;--mp-radius-lg:1.2rem;--mp-space-1:.35rem;--mp-space-2:.6rem;--mp-space-3:.9rem;--mp-space-4:1.25rem;--mp-space-5:1.75rem;--mp-space-6:2.5rem;color:var(--mp-color-ink);font:inherit;line-height:1.55}
:where(.mp-compare-v4,.mp-product-pass) *{box-sizing:border-box}
.mp-layout-wide{margin-left:50%!important;margin-right:0!important;max-width:76rem!important;transform:translateX(-50%);width:min(76rem,calc(100vw - clamp(1.25rem,5vw,4rem)))!important}
:where(.mp-compare-v4,.mp-product-pass) :where(h1,h2,h3,h4){color:var(--mp-color-ink);line-height:1.18;text-wrap:balance}
:where(.mp-compare-v4,.mp-product-pass) :where(p,li,td,dd){overflow-wrap:anywhere}
:where(.mp-compare-v4,.mp-product-pass) a{color:var(--mp-color-accent-dark);text-underline-offset:.16em}
.mp-button{align-items:center;border:1px solid transparent;border-radius:var(--mp-radius-sm,.55rem);display:inline-flex;font-weight:800;justify-content:center;min-height:2.75rem;padding:.65rem 1rem;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}
.mp-button-primary{background:var(--mp-color-accent,#0d6b45);color:#fff!important}.mp-button-primary:hover{background:var(--mp-color-accent-dark,#075436)}
.mp-button-secondary{background:#fff;border-color:var(--mp-color-line,#d9e4de);color:var(--mp-color-ink,#17231d)!important}
.mp-badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:800;line-height:1.2;padding:.42rem .65rem}
.mp-badge-trust{background:var(--mp-color-accent-soft);color:var(--mp-color-accent-dark)}.mp-badge-neutral{background:#fff;border-color:var(--mp-color-line);color:var(--mp-color-muted)}
:where(.mp-compare-v4,.mp-product-pass) :where(button,a,input,select,summary):focus-visible{outline:3px solid #e9a928;outline-offset:3px}
.mp-button:focus-visible{outline:3px solid #e9a928;outline-offset:3px}
:where(.mp-compare-v4,.mp-product-pass) details>summary{cursor:pointer;font-weight:800;min-height:2.75rem;padding:.7rem 0}
:where(.mp-compare-v4,.mp-product-pass) [hidden]{display:none!important}

/* Shared decision-page dark-panel contract.
 * Brand surfaces and semantic status colors intentionally remain separate:
 * these tokens only govern the reusable transition/method/outcome panels. */
:is(.mp-comparison-page,.mp-buy-dna-page){--mp-dark-panel-bg:#173d2e;--mp-dark-panel-text:#fff;--mp-dark-panel-heading:#fff;--mp-dark-panel-muted:#c8efdc;--mp-dark-panel-link:#fff;--mp-dark-panel-focus:#ffd36a}
:is(.mp-comparison-page,.mp-buy-dna-page) :is(.mp-decision-transition,.mp-decision-method,.mp-buy-outcome){background:var(--mp-dark-panel-bg);color:var(--mp-dark-panel-text)}
:is(.mp-comparison-page,.mp-buy-dna-page) :is(.mp-decision-transition,.mp-decision-method,.mp-buy-outcome) :is(h1,h2,h3,h4){color:var(--mp-dark-panel-heading)}
:is(.mp-comparison-page,.mp-buy-dna-page) :is(.mp-decision-transition,.mp-decision-method,.mp-buy-outcome) .mp-decision-kicker{color:var(--mp-dark-panel-muted)}
:is(.mp-comparison-page,.mp-buy-dna-page) :is(.mp-decision-transition,.mp-decision-method,.mp-buy-outcome)>a:not(.mp-button){color:var(--mp-dark-panel-link)}
:is(.mp-comparison-page,.mp-buy-dna-page) .mp-decision-method summary{align-items:center;display:flex;min-height:2.75rem;padding:.7rem 0}
:is(.mp-comparison-page,.mp-buy-dna-page) :is(.mp-decision-transition,.mp-decision-method,.mp-buy-outcome) :is(a,button,summary):focus-visible{outline-color:var(--mp-dark-panel-focus)}
@media(max-width:600px){.mp-layout-wide{width:calc(100vw - 1rem)!important}.mp-button{min-height:3rem;width:100%}}
@media(prefers-reduced-motion:reduce){.mp-button{transition:none}}