/* Broadcastwell design system 2.0.0, 23 September 2026. */
:root {
 --bw-canvas:#F7F9FC; --bw-surface:#FFFFFF; --bw-subtle:#EFF4FB;
 --bw-ink:#101828; --bw-muted:#475467; --bw-border:#D5DDE8;
 --bw-accent:#1D4ED8; --bw-decoration:#3B82F6;
 --bw-container:1200px; --bw-gutter:40px; --bw-gap:24px;
 --bw-card-radius:16px; --bw-control-radius:10px; --bw-header:72px;
}
@media(max-width:1024px){:root{--bw-gutter:32px;--bw-gap:20px}}
@media(max-width:810px){:root{--bw-gutter:28px}}
@media(max-width:640px){:root{--bw-gutter:20px;--bw-gap:16px;--bw-header:64px}}

html{scroll-padding-top:96px}
body{background:var(--bw-canvas);color:var(--bw-ink);font-size:16px;line-height:1.65}
main,header.site,footer.site,body>header:not(.site-header),body>footer:not(.site-footer){max-width:var(--bw-container);padding-inline:var(--bw-gutter)}
main{padding-top:48px;padding-bottom:80px}
main.narrow{max-width:680px}
.site-header,.section-nav,.sticky-stack .buy-bar{padding-inline:max(var(--bw-gutter),calc((100% - var(--bw-container))/2 + var(--bw-gutter)))}
.site-header{min-height:var(--bw-header);border-color:var(--bw-border)}
.section-nav{top:var(--bw-header);gap:24px;border-color:var(--bw-border)}
.sticky-stack .section-nav{position:static}
.wordmark{font-weight:600;letter-spacing:-.025em}
h1{font-size:clamp(32px,3.8vw,48px);font-weight:600;line-height:1.14;letter-spacing:-.035em;text-wrap:balance}
h2{font-size:clamp(24px,2.2vw,28px);font-weight:600;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
h3{line-height:1.35;letter-spacing:-.01em}
.surface-card,.panel,.sample-guide{background:var(--bw-surface);border-color:var(--bw-border);border-radius:var(--bw-card-radius);box-shadow:0 1px 3px rgb(16 24 40 / 4%);padding:24px}
.finding-panel,.panel.blue{background:var(--bw-subtle);border-color:#BCD0F5}
.grid,.overview-topline,.plot-grid,.engine-plot-grid{gap:var(--bw-gap)}
.grid>*,.overview-topline>*,.header-actions,.header-client{min-width:0}
.sample-marker,.sample-label{font-weight:600;letter-spacing:.04em;font-size:12px}
input:not([type=checkbox]),textarea,select,.button,button:not(.link-button):not(.back-button){border-radius:var(--bw-control-radius)}
.button{font-weight:600;transition:background-color 150ms ease,border-color 150ms ease}
.button:hover{filter:brightness(.97)}
.surface-card button,.matrix-question,.matrix-cell{box-shadow:none}
.matrix-table,.raw-table,.table-scroll{max-width:100%;overscroll-behavior-inline:contain}
.matrix-table,.interval-plot,.coverage-grid{border-radius:12px}
.raw-table,.table-scroll{border:1px solid var(--bw-border);border-radius:12px;background:var(--bw-surface)}
.raw-table th,.table-scroll th{background:var(--bw-subtle)}
.section-heading{gap:24px;margin-bottom:24px}
.matrix-section,.evidence-section,.coverage-section,.method-section,.monthly-section,.readiness-section,.referral-section,.export-section,.connector-section{margin-top:48px}
.sample-guide{box-shadow:none;border-color:#BCD0F5}
.buy-bar{border-color:var(--bw-border)}
body>.buy-bar{max-width:calc(var(--bw-container) - 2 * var(--bw-gutter));width:calc(100% - 2 * var(--bw-gutter));border-radius:12px}
.buy-bar .button{border-radius:8px}
:focus-visible{outline-color:var(--bw-accent)}
.source-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block:24px}
.source-pagination p{margin:0;font-size:14px;color:var(--bw-muted)}
.source-pagination>div{display:flex;gap:12px;flex-wrap:wrap}
.source-table{scrollbar-gutter:stable}
@media(max-width:760px){.source-table table{display:table;min-width:980px;width:980px}.source-table thead{display:table-header-group;position:static;height:auto;width:auto;overflow:visible}.source-table tbody{display:table-row-group}.source-table tr{display:table-row;border:0;margin:0;padding:0}.source-table th,.source-table td{display:table-cell;padding:12px 10px;border-bottom:1px solid var(--bw-border)}.source-table td::before{display:none}}
@media(max-width:810px){.overview-topline{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.site-header{column-gap:8px}.header-client strong{max-width:200px}}
@media(max-width:640px){main{padding-top:32px;padding-bottom:48px}.surface-card,.panel{padding:20px}.site-header{padding-inline:20px}.header-client strong{max-width:120px}.matrix-section,.evidence-section,.coverage-section,.method-section,.monthly-section{margin-top:32px}.buy-bar .button{white-space:normal}.sticky-stack ~ main [id]{scroll-margin-top:248px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media print{html,body{background:white}main{max-width:none;padding:0}.surface-card,.panel{box-shadow:none}.raw-table,.table-scroll{overflow:visible;border:0}}