/* Generated by work/design-system/build.py from tokens.json. */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/design/fonts/Roboto-Regular.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:normal;font-weight:500 900;font-display:swap;src:url('/assets/design/fonts/Roboto-Medium.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url('/assets/design/fonts/Roboto-Italic.ttf') format('truetype')}
@font-face{font-family:Roboto;font-style:italic;font-weight:500 900;font-display:swap;src:url('/assets/design/fonts/Roboto-MediumItalic.ttf') format('truetype')}
:root{--sm-blue:#233E72;--sm-blue-hover:#192F59;--sm-red:#FA3753;--sm-text:#252932;--sm-muted:#647084;--sm-surface:#FFFFFF;--sm-bg:#F5F7FB;--sm-border:#DCE2EC;--sm-blue-soft:#EDF2FA;--sm-danger:#B4233D;--sm-success:#207047;--sm-warning:#805C13;--sm-control:10px;--sm-panel:14px}
/* Shared component adapters. Layout and business logic stay in their modules. */
:root{color-scheme:light;--bg:var(--sm-bg);--bg-2:var(--sm-bg);--bg-3:var(--sm-border);--bg-secondary:var(--sm-bg);--bg-tertiary:var(--sm-bg);--card:var(--sm-surface);--text:var(--sm-text);--ink:var(--sm-text);--text-2:var(--sm-muted);--text-3:var(--sm-muted);--text-muted:var(--sm-muted);--text-hint:var(--sm-muted);--muted:var(--sm-muted);--line:var(--sm-border);--line-2:var(--sm-border);--border:var(--sm-border);--accent:var(--sm-blue);--accent-light:var(--sm-blue-soft);--blue:var(--sm-blue);--blue-bg:var(--sm-blue-soft);--blue-soft:var(--sm-blue-soft);--soft:var(--sm-blue-soft);--paper:var(--sm-bg);--pale:var(--sm-bg);--ok:var(--sm-success);--warn:var(--sm-warning);--error:var(--sm-danger);--danger:var(--sm-danger);--shadow:none}
/* Brand wordmark: one asset and stable optical sizes across all services. */
body :is(.sm-logo,.logo,.seller-logo,.seller-login-logo,.nav-logo) img,.sm-audit .top img,.sm-ideas header img{display:block;height:auto;object-fit:contain}
body .sm-logo img{width:220px;max-width:100%}
body :is(.logo,.seller-login-logo,.nav-logo) img{width:210px;max-width:100%}
body .seller-logo img{width:190px;max-width:100%;filter:none}
.sm-audit .top img,.sm-ideas header img{width:210px;max-width:100%}
html body,body.ed-body,body.sm-home{font-family:Roboto,Arial,sans-serif;color:var(--sm-text);background:var(--sm-bg);-webkit-font-smoothing:antialiased}
body :is(button,input,select,textarea){font-family:inherit;accent-color:var(--sm-blue)}
body :is(h1,h2,h3){color:var(--sm-text);font-weight:500;letter-spacing:-.025em}
body :is(button,.button,.button-link,.btn,.btn-primary,.seller-button,.home-button){border-radius:var(--sm-control);box-shadow:none}
body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-radius:var(--sm-control);border-color:var(--sm-border);color:var(--sm-text);background:var(--sm-surface)}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--sm-blue);outline-offset:3px}
body :is(button,.button,.btn-primary,.button-link),body main.wrap button,body .btn.primary,body .btn.blue,.sm-home .home-button,.sm-home .btn,.sm-home .start-card a,.seller-button.primary{background:var(--sm-blue);border-color:var(--sm-blue);color:white}
body :is(button,.button,.btn-primary,.button-link):hover:not(:disabled),body main.wrap button:hover:not(:disabled),.sm-home .home-button:hover,.seller-button.primary:hover:not(:disabled){background:var(--sm-blue-hover);border-color:var(--sm-blue-hover);color:white}
body button.secondary,body .button.secondary,body main.wrap button.secondary,body .seller-button:not(.primary),body .actions button:not(:first-child){background:white;color:var(--sm-blue);border:1px solid var(--sm-border)}
body :is(button,input):disabled{opacity:.5;cursor:not-allowed}
body a{color:var(--sm-blue)}
body :is(.sm-header,.sm-footer,.sidebar){background:white;border-color:var(--sm-border)}
body .sm-header{backdrop-filter:none}
body :is(.sm-nav a,.seller-muted,.muted,.small,.hint,.note,.ed-lead,.ed-eyebrow,.ed-meta){color:var(--sm-muted)}
body :is(.sm-nav a:hover,.sm-footer a:hover){color:var(--sm-blue)}
body :is(.card,.tool,.ed-card,.ed-related,.ed-empty,.seller-card,.seller-empty,.seller-login-card,.seller-table-wrap,.check-group,.decision,.check-meta,.idea,.upload,.cta){border:1px solid var(--sm-border);border-radius:var(--sm-panel);background:white;box-shadow:none}
body main.wrap :is(.card,.tool),body .ed-related{background:white;border-color:var(--sm-border);border-radius:var(--sm-panel)}
body :is(.ed-prose blockquote,.ed-card-cover,.ed-placeholder,.metric.focus,.ed-editor details,.ed-editor input[readonly]){background:var(--sm-bg);border-color:var(--sm-border);color:var(--sm-text)}
body .ed-filters a.active,body .seller-nav-link.active,body .nav-link.active{color:var(--sm-blue);background:var(--sm-blue-soft);border-color:var(--sm-border)}
body .ed-related a{color:var(--sm-text);border-color:var(--sm-border);border-radius:var(--sm-control)}
body .ed-related span{color:var(--sm-blue)}
body :is(.ed-prose a,.ed-table a,main.wrap a){color:var(--sm-blue)}
body main.wrap a.button-link{color:white}
body :is(th,.seller-table th){background:var(--sm-bg);color:var(--sm-muted)}
body :is(th,td,.seller-table td){border-color:var(--sm-border)}
body .seller-sidebar{background:white;color:var(--sm-text);border-right:1px solid var(--sm-border)}
body .seller-logo img{filter:none;max-width:100%}
body .seller-account{border-color:var(--sm-border);border-radius:var(--sm-panel);background:var(--sm-bg)}
body :is(.seller-account span,.seller-account small,.seller-sidebar-foot,.seller-nav-link){color:var(--sm-muted)}
body .seller-sidebar-foot a{color:var(--sm-blue)}
body .seller-nav-link:hover{background:var(--sm-bg);color:var(--sm-blue)}
body :is(.seller-status,.seller-chip,.tag){background:var(--sm-bg);color:var(--sm-muted)}
body :is(.seller-status.connected,.seller-status.success){color:var(--sm-success);background:#eef7f1}
body :is(.seller-status.configured,.seller-status.queued){color:var(--sm-warning);background:#faf6ec}
body .seller-status.error{color:var(--sm-danger);background:#fcedef}
body .seller-top h1,body .topbar h1{font-size:32px;font-weight:500}
body .seller-login-card{padding:28px}
body .seller-login-card h1{font-size:30px}
/* Homepage: neutral surfaces, one action colour, no multicolour card series. */
.sm-home .sm-header{background:white}
.sm-home :is(.home-kicker,.home-lead,.home-fine,.home-columns p,.home-steps p,.home-result-list p,.home-result-list span,.home-audiences span,.home-demo){color:var(--sm-muted)}
.sm-home .home-kicker{font-family:inherit}
.sm-home :is(.home-report,.home-paper){transform:none;border:1px solid var(--sm-border);border-radius:var(--sm-panel);box-shadow:0 8px 28px rgba(37,41,50,.04)}
.sm-home :is(.home-sample,.start-help){background:white;border:1px solid var(--sm-border);border-radius:var(--sm-panel)}
.sm-home :is(.home-report-row,.home-report-note,.home-problem,.home-section,.home-result-list article,.home-audit,.section,.home-resources,.home-paper li,.home-steps li){border-color:var(--sm-border)}
.sm-home .home-bars i{background:#bac6d9}.sm-home .home-bars i:nth-child(4),.sm-home .home-bars i:nth-child(6){background:var(--sm-blue)}
.sm-home .home-steps li>span{color:var(--sm-blue)}
.sm-home :is(.home-text-link,.home-resources a,.start-help a){color:var(--sm-blue)}
.sm-home .start-card:nth-child(n){--accent:var(--sm-blue);background:white;border:1px solid var(--sm-border);border-radius:var(--sm-panel);box-shadow:none}
.sm-home .start-help a{text-decoration-color:var(--sm-blue)}
/* Audit uses a distinct body class to avoid collisions with calculators. */
.sm-audit{--green:var(--sm-blue)}
.sm-audit .top{background:transparent}.sm-audit .lead{color:var(--sm-muted)}
.sm-audit :is(.drop,.notice,.cta){background:white;border-color:var(--sm-border);border-radius:var(--sm-panel)}
.sm-audit .notice{border-left-color:var(--sm-warning)}
.sm-audit .mini-chart span{background:var(--sm-blue)}
.sm-audit .demo-label{color:var(--sm-muted)}
.sm-audit .metrics{gap:12px;border:0}.sm-audit .metric{padding:20px;background:white;border:1px solid var(--sm-border);border-radius:var(--sm-panel)}
.sm-audit .tag{border-radius:999px}
.sm-audit :is(.error,.status.error){color:var(--sm-danger)}
.sm-ideas header img{width:180px;height:auto}
.sm-ideas main{max-width:1100px}
.sm-ideas .idea{background:white}
.sm-owner-login .page{max-width:420px}
.sm-owner-login .card{padding:28px}
@media(max-width:620px){body .sm-shell{padding-left:20px;padding-right:20px}body .sm-logo img,.sm-audit .top img,.sm-ideas header img{width:180px}.sm-home .home-hero h1{font-size:38px}.sm-audit .metric{padding:16px;min-width:0}.sm-audit .metric strong{font-size:23px}}
@media print{html body{background:white;color:#252932}body :is(.card,.idea,.check-group,.decision){box-shadow:none}}
body .ed-card{padding:18px}
body .ed-card-cover{border-radius:10px}
body :is(.ed-card-meta,.ed-card>p,.ed-byline,.ed-breadcrumb){color:var(--sm-muted)}
.sm-home .home-button,.sm-home .start-card a{border-radius:var(--sm-control)}
body.ed-body a:focus-visible,.sm-home a:focus-visible,.sm-home button:focus-visible{outline-color:var(--sm-blue)}
body .ed-article{background:white;border:1px solid var(--sm-border);border-radius:var(--sm-panel);padding:32px}
@media(max-width:620px){body .ed-article{padding:20px}body .ed-card{padding:16px}}