/* Product palettes and type follow their Apps; positioning lives in product-stories.json. */
.theme-videofix{--ink:#212933;--blue:#5e52de;--muted:#62676e;--soft:#efecf9;--paper:#f5f5f0;--line:#deded6}
body.theme-videofix{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.theme-audio{--ink:#14213b;--blue:#142b53;--muted:#5d6170;--soft:#fff0ad;--paper:#fffbef;--line:#e5dfca}
.theme-collage{--ink:#263d32;--blue:#be3d28;--muted:#676b62;--soft:#f8e9e1;--paper:#faf9f4;--line:#e3ddd3}
.theme-collage h1,.theme-collage h2,.theme-collage h3{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-1.4px}
.product-detail .ss-analytics-choice{left:auto;right:16px}.product-detail .site-header{background:var(--paper)}.product-detail .hero .lede{color:var(--muted)}.product-detail .highlight-label{background:var(--soft);color:var(--blue)}.product-detail .access-card .pill{color:var(--blue)}.product-detail .closing .story-button{color:var(--blue)!important}.product-detail .closing .story-button:hover{background:var(--soft)}.product-detail .story-button:hover{background:var(--ink)}.product-detail .learn-more:hover{background:var(--soft)}.product-detail .product-brand{min-width:0}.product-detail .product-brand img{flex-shrink:0}.product-detail .feature-media>a{display:block;max-width:100%}.product-detail .feature-story:first-child{margin-top:0}.product-detail .screen-note{margin-top:32px}.product-detail .product-language-links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;margin-top:28px}.product-detail .product-language-links span{width:100%;font-weight:700}.color-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.color-comparison figure{margin:0;background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:22px;min-width:0}.color-comparison figcaption{font-size:17px;font-weight:750;margin-bottom:18px;color:var(--ink)}.color-comparison a{display:block}.color-comparison img{width:100%;max-width:420px;height:auto;margin:auto;border-radius:10px}
@media(max-width:650px){.product-detail .product-brand{font-size:17px}.product-detail .nav-links .story-button{padding:9px 12px}.product-detail .hero-highlights{gap:10px}.product-detail .feature-media{padding:22px}.color-comparison{grid-template-columns:1fr;gap:20px}.color-comparison figure{padding:18px;border-radius:18px}.color-comparison figcaption{font-size:16px}.theme-collage h1{letter-spacing:-1.1px}}
@media(max-width:360px){.product-detail .product-brand{font-size:15px}.product-detail .hero h1{font-size:31px}}