body.brand-journal{margin:0;color:#172b34;background:#f6f8fa;font-family:system-ui,-apple-system,sans-serif}.journal-header,.journal-footer{padding:24px max(20px,calc((100% - 1100px)/2));background:white}.journal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #dce3e8}.journal-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px;text-decoration:none;color:inherit}.journal-brand img{width:44px;height:44px;border-radius:10px}.journal-header nav{display:flex;gap:20px;flex-wrap:wrap}.journal-header nav a,.journal-footer a{color:#173b59;text-underline-offset:4px}.journal-footer{border-top:1px solid #dce3e8;margin-top:40px;display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.brand-journal main{min-height:55vh}.brand-journal :focus-visible{outline:3px solid #385cba;outline-offset:4px}@media(max-width:420px){.journal-header,.journal-footer{padding:20px 16px}.journal-brand{font-size:20px}}

/* The shared journal keeps each site's own accent and a readable dark option. */
body.brand-journal{--brand-journal-accent:#294bcc;--brand-journal-paper:#f6f8fa;--brand-journal-surface:#fff;--brand-journal-ink:#172b34;--brand-journal-muted:#526174;--brand-journal-line:#dce3e8;background:var(--brand-journal-paper);color:var(--brand-journal-ink)}
.brand-journal[data-brand=cartdini],.brand-journal[data-brand=wakemycart],.brand-journal[data-brand=customfields],.brand-journal[data-brand=killerconversions]{--brand-journal-accent:#35634c}
.brand-journal[data-brand=stockcontrols]{--brand-journal-accent:#5732d8}
.brand-journal[data-brand=wishlistgenius]{--brand-journal-accent:#2864cf}
.brand-journal[data-brand=antivirus]{--brand-journal-accent:#729512}
.brand-journal .skip{position:absolute;left:16px;top:-70px;z-index:10;padding:10px;background:var(--brand-journal-surface);color:var(--brand-journal-ink)}
.brand-journal .skip:focus{top:10px}
.brand-journal .journal-header,.brand-journal .journal-footer{background:var(--brand-journal-surface);border-color:var(--brand-journal-line)}
.brand-journal .journal-header nav{align-items:center}
.brand-journal .journal-header nav a,.brand-journal .journal-footer a{color:var(--brand-journal-ink)}
.journal-appearance{display:flex;align-items:center;gap:8px;font-size:13px}
.journal-appearance[hidden]{display:none}
.journal-appearance select{min-height:40px;max-width:100%;font:inherit;padding:6px 10px;border:1px solid var(--brand-journal-line);border-radius:6px;background:var(--brand-journal-surface);color:var(--brand-journal-ink)}
.brand-journal main.cms-blog{--journal-ink:var(--brand-journal-ink);--journal-muted:var(--brand-journal-muted);--journal-line:var(--brand-journal-line);--journal-paper:var(--brand-journal-surface)}
.brand-journal main.cms-blog .eyebrow-text::before{background:var(--brand-journal-accent);border-color:var(--brand-journal-accent)}
.brand-journal main.cms-blog .journal-feature--no-image,.brand-journal main.cms-blog .journal-empty,.brand-journal main.cms-blog .journal-article-lead{border-left-color:var(--brand-journal-accent)}
html[data-journal-theme=dark] .brand-journal{--brand-journal-paper:#10171c;--brand-journal-surface:#19232b;--brand-journal-ink:#eef3f5;--brand-journal-muted:#b8c5cc;--brand-journal-line:#3b4b57;--brand-journal-accent:#b6d276}
html[data-journal-theme=dark] .brand-journal main.cms-blog :is(.cms-prose,.journal-article-lead>p:first-child,.cms-prose a,.cms-prose a:hover,.cms-article-toc a,.article-answer summary,.article-checklist legend,.journal-category,.eyebrow-text,.journal-article-section::before,.article-checklist-note,.cms-prose blockquote){color:var(--brand-journal-ink)}
html[data-journal-theme=dark] .brand-journal main.cms-blog :is(.journal-card,.journal-guide-card,.journal-contents,.article-checklist,.article-answer,.cms-prose pre,.cms-prose code,.journal-article-section>ul,.journal-article-section>ol,.journal-card-media){background:var(--brand-journal-surface);border-color:var(--brand-journal-line)}
html[data-journal-theme=dark] .brand-journal main.cms-blog :is(.journal-guide-card:hover,.journal-guide-number,.journal-preview-notice){background:#273628;color:#edf5e3;border-color:#607550}
html[data-journal-theme=dark] .brand-journal main.cms-blog :is(.article-checklist li,.cms-article-toc li>ol,.cms-article-toc li>ul){border-color:var(--brand-journal-line)}
@media(max-width:420px){.brand-journal .journal-header nav{gap:12px}.journal-appearance{flex-basis:100%}}