.accent-comparison-page>.page-intro>.red{color:var(--muted)}
body:has(.accent-comparison-page) .theme-toggle{display:none}
.accent-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.accent-overview a{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid #4b5153;color:#e1e3df;font-size:12px}
.accent-overview a>span{width:20px;height:20px;background:var(--red);border-radius:50%;flex-shrink:0}
.accent-overview a:hover{border-color:var(--red)}
.accent-option[id]{scroll-margin-top:28px}
.accent-options{display:grid;grid-template-columns:1fr 1fr;gap:54px 36px;padding-top:36px}
.accent-option{min-width:0}
.accent-option--a{--red:#ed909a}.accent-option--b{--red:#d8a16f}.accent-option--c{--red:#96b7d0}.accent-option--d{--red:#a1bba6}
.accent-option-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.accent-option-heading .eyebrow{color:#b0b5b6}
.accent-option-heading h2{font:300 30px/1.1 var(--heading);margin:5px 0 0;color:#e1e3df}
.accent-swatch{display:block;width:35px;height:35px;background:var(--red);border-radius:50%;flex-shrink:0}
.accent-sample{background:#282b2d;padding:25px;color:#e1e3df;border:1px solid #4b5153}
.accent-sample-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}
.accent-sample-top>span{font-size:19px;letter-spacing:-1px}
.accent-sample-top>a{color:var(--red);border-bottom:1px solid var(--red);padding-bottom:6px}
.accent-sample h3{font:300 39px/1.1 var(--heading);margin:30px 0 20px}
.accent-sample h3 span{color:var(--red)}
.accent-sample-links{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}
.accent-sample-links>.eyebrow{color:var(--red)}
.accent-sample .text-link{border-color:var(--red)}
.accent-sample .concert-art--b{--art-accent:var(--red)}
.accent-description{font-size:13px;line-height:1.8;color:var(--muted);margin:22px 0 18px;max-width:490px}
.accent-try-links{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;font-size:12px}
.accent-try-links>a{color:var(--red)}
.accent-option .text-link{border-color:var(--red)}
.accent-preview-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding-block:18px;border-bottom:1px solid var(--line);font-size:12px}
.accent-preview-label{color:var(--red)}
.accent-preview-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.accent-preview-links a{padding:5px 3px}
.accent-preview-links a[aria-current=true]{color:var(--red);border-bottom:1px solid var(--red)}
:root[data-theme=dark][data-accent=a]{--red:#ed909a}
:root[data-theme=dark][data-accent=b]{--red:#d8a16f}
:root[data-theme=dark][data-accent=c]{--red:#96b7d0}
:root[data-theme=dark][data-accent=d]{--red:#a1bba6}
[data-theme=dark] .text-link{border-bottom-color:var(--red)}
[data-theme=dark] .feature-main:hover h3{color:var(--red)}
[data-theme=dark] .concert-art--b{--art-accent:var(--red)}
[data-theme=dark] .photo-counter,[data-theme=dark] .photo-dialog-actions a{color:var(--red)}
[data-theme=dark] .photo-dialog :focus-visible{outline-color:var(--red)}
[data-theme=dark] ::selection{background:var(--red);color:#1e2022}
@media(max-width:760px){.accent-options{grid-template-columns:1fr;gap:40px;padding-top:28px}.accent-sample{padding:20px}.accent-option-heading h2{font-size:28px}.accent-sample h3{font-size:35px}.accent-sample-links{align-items:flex-start;flex-direction:column;gap:14px}.accent-sample .concert-art--b{padding:20px}.accent-preview-links{gap:8px 12px}}
@media(max-width:1000px){.accent-overview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.accent-overview{grid-template-columns:1fr;gap:10px}}