/* PHOENiX CSS expertise-comparison - refactored */
:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .comparison-page .cp-intro{max-width:var(--phx-size-960);margin:0 auto var(--space-8);text-align:start}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-intro h2{font-size:clamp(var(--phx-font-subheading),4vw,var(--phx-font-page));line-height:var(--phx-leading-heading);margin:var(--space-3) 0 var(--space-5);color:var(--phx-heading-color)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-intro p{font-size:var(--phx-font-body);line-height:var(--phx-leading-reading)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin:0 0 var(--space-8)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card{border:1px solid var(--phx-border);border-radius:var(--phx-radius-16);overflow:hidden;background:var(--phx-surface);box-shadow:0 10px 28px var(--phx-alpha-ink-8)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card figure{height:var(--phx-size-256);margin:0;position:relative;background:var(--phx-surface-muted);overflow:hidden}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card img{width:100%;height:100%;object-fit:cover;display:block}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .comparison-page figure figcaption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);background:linear-gradient(0deg,var(--phx-alpha-ink-80),transparent);color:var(--phx-surface);font-size:var(--phx-font-xs)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card>div{padding:var(--space-5) var(--space-6) var(--space-6)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .comparison-page p{line-height:var(--phx-leading-reading)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-section{margin:0 0 var(--space-8)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-section-heading{max-width:var(--phx-size-800);margin:0 auto var(--space-6);text-align:start}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-compare{width:100%;border-collapse:collapse;font-size:var(--phx-font-sm);min-width:var(--phx-size-640)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-compare th,:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-compare td{padding:var(--space-4) var(--space-4);text-align:start;vertical-align:top;border-bottom:1px solid var(--phx-border);line-height:var(--phx-leading-body)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-compare thead th{background:var(--phx-brand);color:var(--phx-surface)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-compare tbody th{width:22%;background:var(--phx-surface-muted);color:var(--phx-text-muted)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-compare tr:last-child th,:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-compare tr:last-child td{border-bottom:none}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-footnote{font-size:var(--phx-font-xs);color:var(--phx-text-muted);margin:var(--space-3) 0 0}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-6),4vw,var(--space-8));align-items:center;margin:0 0 var(--space-8)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split.cp-reverse{grid-template-columns:1fr 1fr}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split figure{margin:0;height:var(--phx-size-384);position:relative;overflow:hidden;border-radius:var(--phx-radius-16);background:var(--phx-surface-muted)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split figure img{width:100%;height:100%;object-fit:cover}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split ul{padding-left:var(--space-5);line-height:var(--phx-leading-reading);color:var(--phx-text-muted)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-steps article{background:var(--phx-surface-muted);border:1px solid var(--phx-border);border-radius:var(--phx-radius-12);padding:var(--space-5)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-steps b{font-size:var(--phx-font-xs);color:var(--phx-text-muted)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-steps h3{font-size:var(--phx-font-card);line-height:var(--phx-leading-subheading);color:var(--phx-heading-color);margin:var(--space-3) 0}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-steps p{font-size:var(--phx-font-xs);margin:0}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-faq{max-width:var(--phx-size-960);margin-left:auto;margin-right:auto}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-faq details{border-bottom:1px solid var(--phx-border);padding:var(--space-4) 0}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-faq summary{font-weight:700;cursor:pointer;color:var(--phx-text-strong);font-size:var(--phx-font-body)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-faq details p{margin:var(--space-3) 0 0;font-size:var(--phx-font-sm)}@media (max-width:850px){:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-duo,:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split,:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split.cp-reverse{grid-template-columns:1fr}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split figure{height:var(--phx-size-320)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-duo{gap:var(--space-5)}}@media (max-width:560px){:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card figure{height:var(--phx-size-224)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card>div{padding:var(--space-5)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .comparison-page .cp-intro{text-align:start}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split figure{height:var(--phx-size-256)}}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-table-wrap{border:1px solid var(--phx-border);border-radius:var(--phx-radius-12);max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]) footer h3>a{color:inherit!important;text-decoration:none;font:inherit!important;letter-spacing:inherit}:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]) footer h3>a:hover,:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]) footer h3>a:focus-visible{text-decoration:underline!important;text-underline-offset:4px}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .phx-content-attribution.phx-technical-reference-links{margin-bottom:var(--space-5)}:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-related + .phx-expertise-crosslinks{margin-top:0;margin-bottom:var(--space-8)}@media (max-width:560px){:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-related + .phx-expertise-crosslinks{margin-bottom:var(--space-7)}}