/* Isolated comparison. All proposed colors are scoped to the local study state. */
.palette-study { position:sticky; top:0; z-index:60; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px 24px; padding:12px 20px; background:#fff; color:#18212b; border-bottom:1px solid #d3dbe2; box-shadow:0 3px 12px #18212b0a; font-size:12px; }
.palette-study > div:first-child { display:flex; flex-direction:column; gap:3px; }
.palette-study span { color:#52616f; font-size:11px; }
.palette-study [role=group] { display:flex; gap:6px; }
.palette-study button { min-height:38px; font-size:12px; padding:8px 14px; background:#fff; border:1px solid #a6b0ba; color:#18212b; }
.palette-study button[aria-pressed=true] { background:#202932; border-color:#202932; color:white; }
.palette-study p { color:#52616f; font-size:12px; margin:0; }
.palette-study button:focus-visible { outline:3px solid #255bdd; outline-offset:3px; }
html[data-color-study] .product-showcase { scroll-margin-top:80px; }
html[data-color-study=refined] { --ink:#18212b; --muted:#52616f; --soft:#f4f6f8; --line:#dbe2e8; --red:#c82032; }
html[data-color-study=refined] body { background:#fff; color:#18212b; }
html[data-color-study=refined] .site-header { background:#fff; }
html[data-color-study=refined] .product-hero { background:#fff; }
html[data-color-study=refined] .product-hero h1,
html[data-color-study=refined] .product-hero-screen figcaption strong,
html[data-color-study=refined] .product-hero .hero-note strong { color:#18212b; }
html[data-color-study=refined] .product-hero .hero-copy,
html[data-color-study=refined] .product-hero .hero-note,
html[data-color-study=refined] .product-hero-screen figcaption { color:#52616f; }
html[data-color-study=refined] .product-hero .intro { color:#b21d2d; }
html[data-color-study=refined] .format-rail { background:#f4f6f8; border-color:#dbe2e8; }
html[data-color-study=refined] .product-showcase { color:#fff; background:#202932; border-color:#202932; scroll-margin-top:100px; }
html[data-color-study=refined] .product-heading h2,
html[data-color-study=refined] .product-panel-copy h3 { color:#fff; }
html[data-color-study=refined] .product-heading > p,
html[data-color-study=refined] .product-panel-copy p,
html[data-color-study=refined] .product-feature-screen figcaption { color:#bdc8d2; }
html[data-color-study=refined] .product-panel-copy ul { color:#e4eaf0; }
html[data-color-study=refined] .product-panel-copy li { border-color:#465360; }
html[data-color-study=refined] .product-panel-copy li::before { background:#ff8490; }
html[data-color-study=refined] .product-tabs { border-color:#62717e; }
html[data-color-study=refined] .product-tabs button { color:#bdc8d2; }
html[data-color-study=refined] .product-tabs button[aria-selected=true] { color:#fff; border-bottom-color:#ff8490; }
html[data-color-study=refined] .product-tabs button:hover { color:#fff; }
html[data-color-study=refined] .product-panel .text-link { color:#fff; text-decoration-color:#ff8490; text-decoration-thickness:2px; }
html[data-color-study=refined] .product-feature-screen > .product-image-frame { border-color:#62717e; }
html[data-color-study=refined] .product-panel a:focus-visible,
html[data-color-study=refined] .product-tabs button:focus-visible { outline-color:#9dc8ff; }
html[data-color-study=refined] .deliver,
html[data-color-study=refined] .physical-models { background:#f4f6f8; border-color:#dbe2e8; }
html[data-color-study=refined] .closing-band { background:#202932; }
html[data-color-study=refined] .button { background:#c82032; border-color:#c82032; color:#fff; }
html[data-color-study=refined] .button:hover { background:#ab1929; border-color:#ab1929; }
html[data-color-study=refined] .price-card { border-color:#dbe2e8; border-top-color:#c82032; }
html[data-color-study=refined] .offer-label,
html[data-color-study=refined] .physical-model-status { background:#fff0f2; color:#9c1929; border-color:#e6b8bf; }
@media(max-width:600px) { .palette-study { justify-content:space-between; gap:8px 12px; padding:10px 14px; } .palette-study p { width:100%; font-size:11px; } .palette-study button { padding-inline:10px; } }
@media print { .palette-study { display:none!important; } }