/* Brand theme 2026-09 for the hand-maintained pages (reviews, resources, info). Overrides each page inline style. No layout changes. See generator/docs/BRAND-GUIDELINES.md */
:root{--accent-dark:#c73536;--ink:#343a3d;--muted:#5b6670;--line:#e2e8f0;--bg:#f7f8f9;--mint-ink:#1f6f68;--mint-bg:#eef8f6;--radius:6px}
*{font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important}
h1,h2,h3,h4,b,strong,th,dt,label,summary,.cc-out-l,.site-brand,.site-nav a,.eyebrow{font-weight:600!important}
h1{letter-spacing:-.02em}h2{letter-spacing:-.01em}
.site-brand{gap:0!important}
.article-body h2,.article-body h3{color:var(--ink)!important}
.article-body a:not([class]){color:#c73536!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.eyebrow{background:#c73536!important;border-radius:999px!important}
table{font-variant-numeric:tabular-nums}
.table-scroll,.rtoc,.tool,[class*=card],.ae-viz,.ae-stat-c{border-radius:6px!important}
.article-body td:not(:first-child){font-feature-settings:"tnum"}
.ae-stat-n{font-family:'IBM Plex Mono',ui-monospace,monospace!important;font-weight:500!important;letter-spacing:-.03em}
a.btn,.btn,button{border-radius:6px!important;font-weight:600!important}
:focus-visible{outline:2px solid var(--mint-ink);outline-offset:2px}
/* white text on coral: use the AA coral as the fill */
.article-body a.dlbtn:not(.alt),.lpf-btn,.cta-button,.tool.winner .rank,.site-nav .nav-cta:hover{background:#c73536!important;border-color:#c73536!important}
.article-body a.dlbtn{text-decoration:none!important}.article-body a.dlbtn.alt{color:#c73536!important;border-color:#c73536!important}
/* mobile header on one row */
@media(max-width:560px){.site-header-inner{padding:10px 12px!important;gap:6px!important;flex-wrap:nowrap!important}.site-brand{font-size:.95rem!important}.site-nav{flex-wrap:nowrap!important;gap:0!important}.site-nav a,.site-nav summary{padding:8px 5px!important;font-size:.875rem!important;white-space:nowrap}.nav-drop-menu{position:absolute!important;left:8px;right:8px;top:100%}.nav-drop[open]{flex-basis:auto!important}}
/* comparison and data tables: slate head */
.article-body table:not(:has(th img)) thead th,.article-body table:not(:has(th img)) tr:first-child th{background:#394a54!important;color:#fff!important}
.article-body table:not(:has(th img)) thead th a,.article-body table:not(:has(th img)) tr:first-child th a{color:#fff!important}
@media(max-width:350px){.site-header-inner{flex-wrap:wrap!important}}