/* Shared social-brand palette. Screen only: printed results retain their existing styling. */
@media screen {
:root{color-scheme:dark;--bg-primary:#061B22;--bg-secondary:#0B2832;--card-bg:#0D303B;--border:#245264;--accent-green:#63F59A;--accent-blue:#8EDBF2;--text-primary:#F5F7F7;--text-secondary:#C5D2D5;--danger:#FF625B;--bg:var(--bg-primary);--text:var(--text-primary);--muted:var(--text-secondary);--line:var(--border);--soft:var(--bg-secondary);--navy:var(--bg-secondary);--blue:var(--accent-blue);--good:var(--accent-green);--bad:var(--danger);--warn:#FFD184}
html,body{background:var(--bg-primary)!important;color:var(--text-primary)!important}
body{font-family:system-ui,-apple-system,Segoe UI,sans-serif}
body :is(h1,h2,h3,h4,h5,label,legend,summary){color:var(--text-primary)!important}
body :is(p,li,td,th){color:inherit}
body :is(a,.tool-scope,.eyebrow){color:var(--accent-blue)!important}
body :is(.muted,.small,small,.source,.tool-description,.spotlight-brand,.spotlight-unit,.spotlight-detail,.spotlight-note,.spotlight-estimate,.share-result-help,.share-result-status,.row span:first-child){color:var(--text-secondary)!important}
body :is(header,header.global-brand,header.calculator-banner,.calculator-banner,.guide-brand){background:transparent!important;color:var(--text-primary)!important}
body :is(.site-brand,.home-logo,.brand-identity strong,.home-brand-message h1,.brand-tagline){color:var(--text-primary)!important}
body .brand-identity small{color:var(--text-secondary)!important}
body .site-brand img{background:transparent!important}
body :is(.card,.subcard,.soft,.goodcard,.metric,.guide-page article,article,.result-actions,.saved-pdf,.useful-documents,.search-guide,.results-spotlight,.spotlight-tile,.change,fieldset,.ot-block,.sick-period,.bank-row,.upload,.calculator-mode,.results-bottom-nav,.cost-builder-row,.example,.final-pay-entry,.ai-section,.ai-message,.ai-chat,.ai-panel,.ai-output,.related){background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border)!important;box-shadow:0 8px 28px #00000020}
body :is(.card,.results-spotlight,article,.saved-pdf,.result-actions){border-radius:18px}
body :is(.subcard,.soft,.spotlight-tile,.example,.final-pay-entry,.ot-block,.sick-period,.bank-row,fieldset,.ai-message){background:var(--bg-secondary)!important;box-shadow:none}
body :is(.free-notice,.notice,.note,.quality-notice,.tag,[class*="consent-panel"],[class*="consent-banner"],.cookie-banner){background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}
body :is(.row,td,th,details,.guide-card,.related,.share-result-controls,.shared-result-fold[open]>summary){border-color:var(--border)!important}
body :is(th,thead,.rolling-result-heading,.comparison-heading){background:var(--bg-secondary)!important;color:var(--text-primary)!important}
body :is(input,select,textarea){background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid #47788A!important;border-radius:10px;accent-color:var(--accent-green)}
body input[readonly]{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}
body :is(input,textarea)::placeholder{color:#A5BBC3;opacity:1}
body :is(button,.secondary,.inline-btn,.share-choices a){background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid #47788A!important;border-radius:10px}
body :is(button.primary,a.route,a.guide-cta,.primary,.apply-cost-total,#applyRestore,.tabs button.active,.calculator-mode a[aria-current],button[aria-pressed="true"],.results-bottom-nav button[aria-current]){background:var(--accent-green)!important;color:var(--bg-primary)!important;border-color:var(--accent-green)!important;font-weight:750}
body :is(a.route,a.guide-cta){border-radius:999px;padding:13px 22px;text-decoration:none}
body :is(button,a.route,a.guide-cta):hover{filter:brightness(1.1)}
body :is(button,input,select):disabled{opacity:.55}
body :is(.green,.good,.answer-tick,.complete,.spotlight-value,.hero .money,.hero-result strong){color:var(--accent-green)!important}
body :is(.answer-tick,.badges .complete){background:#123D34!important;border-color:#327953!important}
body :is(.red,.bad,.error,.danger-btn,.badges .missing){color:var(--danger)!important}
body :is(.danger-btn,.badges .missing){background:#321E25!important;border-color:#9C494C!important}
body .warn{color:#FFD184!important}
body :is(.progress,.steps li){background:var(--bg-secondary)!important;color:var(--text-secondary)!important}
body :is(.progress div,.progress-bar,.steps li.active){background:var(--accent-green)!important;color:var(--bg-primary)!important}
body :is(dialog,#restoreConfirm,.copy-job-dialog,.cost-builder){background:var(--card-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:18px}
dialog::backdrop{background:#020F16C9!important}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent-blue)!important;outline-offset:3px}
body .skip-link{background:var(--accent-green)!important;color:var(--bg-primary)!important}
::selection{background:var(--accent-green);color:var(--bg-primary)}
}
@media screen {
body .site-brand img,body header.global-brand .home-logo img,body.home-page .search-style-brand .home-logo img{width:64px;height:52px;flex-shrink:0;object-fit:contain}
@media(max-width:600px){body .site-brand img,body header.global-brand .home-logo img,body.home-page .search-style-brand .home-logo img{width:58px;height:48px}}
}
@media screen {
body :is(.seo-point,.cost,.mode,.comparison-table,#analyticsConsent,.feedback-dialog,.ai-review,.ai-status,.hero,.hero-result,#employmentResultsNote){background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
body .useful-documents p{color:var(--text-secondary)!important}
body :is(.todo,.required){color:var(--danger)!important}
body .validation{background:#321E25!important;color:#FFACA7!important}
body .mode a[aria-current]{background:var(--accent-green)!important;color:var(--bg-primary)!important}
}
@media screen {
body :is(.done,.summary-value){color:var(--accent-green)!important}
body .req-badge.complete{background:#123D34!important;color:var(--accent-green)!important;border-color:#327953!important}
body :is(.group-title,.metric-row,.comparison-group,.winner,.comparison-table .best){background:var(--bg-secondary)!important;border-color:var(--border)!important}
body :is(.metric-name,.metric-value){color:var(--text-primary)!important}
body .difference{color:var(--text-secondary)!important}
}
/* Let the mark stand slightly taller than the two-line brand name. */
@media screen {
body .site-brand img,body header.global-brand .home-logo img,body.home-page .search-style-brand .home-logo img{width:80px;height:64px}
@media(max-width:600px){body .site-brand img,body header.global-brand .home-logo img,body.home-page .search-style-brand .home-logo img{width:72px;height:58px}}
}