/* Shared product CTA treatment: white text exceeds 7:1 on all base colors. */
.core-page{--product-demo:#00634b;--product-demo-hover:#004e3b}
.enterprise-page{--product-demo:#00559f;--product-demo-hover:#003f78}
.multiclient-page{--product-demo:#6820a3;--product-demo-hover:#4e147e}
.package-detail-page .button.product-demo{background:var(--product-demo);border-color:var(--product-demo);color:#fff}
.package-detail-page .button.product-demo:hover{background:var(--product-demo-hover);border-color:var(--product-demo-hover);color:#fff}
.package-detail-page .button.product-demo:focus-visible{outline:3px solid #0b2033;outline-offset:4px;box-shadow:0 0 0 4px #fff}
.package-detail-page .product-intro .actions+.product-status{margin-top:.75rem;margin-bottom:0}
@media(forced-colors:active){.package-detail-page .button.product-demo{background:ButtonFace;color:ButtonText;border-color:ButtonText}.package-detail-page .button.product-demo:focus-visible{outline-color:Highlight}}
/* Compact action buttons on product pages (Eric, 2026-10-24: demo / explore buttons were too big). 44px tall keeps a comfortable touch target. */
.package-detail-page .product-intro .actions{gap:.6rem}
.package-detail-page .product-intro .actions .button{min-height:2.75rem;padding:.45rem 1rem;font-size:.9375rem}
/* Demo buttons always use the same dark navy background on every product page (Eric, 2026-10-24). White text on #0b2033 is about 16:1 (WCAG 2.2 AA/AAA). */
.package-detail-page.package-detail-page .button.product-demo{background:#0b2033;border-color:#0b2033;color:#fff}
.package-detail-page.package-detail-page .button.product-demo:hover{background:#123a55;border-color:#123a55;color:#fff}