/* Local v3.2 implementation. Source: smysl-code.zip / source/DESIGN_GUIDE.md.
   Presentation only; older adapters stay loaded for untouched functional states. */
:root { --sm-font:"Onest",Arial,sans-serif; --sm-bg:#F2EFE8; --sm-surface:#FBFAF6; --sm-surface-alt:#F7F3EC; --sm-text:#262229; --sm-text-primary:#262229; --sm-text-secondary:#5F5753; --sm-text-muted:#6E645F; --sm-border-subtle:#DED6CD; --sm-wine:#6B1F2D; --sm-surface-selected:#F1E4E5; --sm-gold:#856018; --sm-control-height:40px; --handoff-rail:250px; }
html { background:#F2EFE8; }
body { color:#262229; background:#F2EFE8; font:400 15px/1.5 var(--sm-font); }
*,*::before,*::after { box-sizing:border-box; }
[hidden] { display:none!important; }
button,input,select,textarea { font-family:var(--sm-font); font-synthesis:none; }
button { border-radius:7px; min-height:40px; padding:9px 15px; font-size:14px; line-height:20px; }
button.primary { color:#FBFAF6; background:#6B1F2D; border-color:#6B1F2D; }
button.primary:hover { background:#571725; }
:focus-visible { outline:3px solid #856018; outline-offset:3px; }
input,select,textarea,.filters input,.filters select { min-height:44px; border:1px solid #CEBFB1; border-radius:7px; padding:10px 12px; background:#F7F3EC; font-size:14px; line-height:20px; }
select:not([multiple]) { height:44px; padding-right:30px; }
input[type=checkbox],input[type=radio] { min-height:16px; padding:0; }
h1,.brand-title,.matrix-heading .brand-title,#tab-metrics .brand-title,#tab-access h1,.development-page h1 { font:600 38px/1.16 var(--sm-font); letter-spacing:-1.3px; color:#262229; }
h2,.chart-surface h2,.goals-surface h2 { font:600 20px/1.3 var(--sm-font); letter-spacing:-.4px; }
h3 { font:600 16px/1.4 var(--sm-font); }
.small,.muted,.data-notes,.inline-note { font-size:12px; line-height:1.6; }
.rail.sm-sidebar { width:var(--handoff-rail); padding:0; background:#F7F3EC; border-right:1px solid #DED6CD; }
.rail .sidebar-brand { height:82px; min-height:82px; padding:24px 25px 18px; margin:0; align-items:center; }
.sidebar-brand .sm-logo-link,.sidebar-brand .sm-logo--lockup { width:164px; max-width:164px; height:auto; }
.rail .sidebar-brand .sm-logo--mark { display:none; }
.side-context { display:flex; align-items:center; gap:9px; margin:7px 20px 16px; padding:10px 12px; background:#EEE8DE; color:#5F5753; border-radius:8px; font-size:12px; line-height:18px; }
.side-context .sm-icon { color:#856018; flex:none; width:17px; height:17px; }
.rail nav.sm-nav { width:100%; padding:0 12px 12px; margin:0; gap:2px; }
.rail .nav-item.sm-nav-link { min-height:43px; height:auto; padding:10px 13px; gap:12px; border:0; border-radius:7px; font:400 14px/1.3 var(--sm-font); color:#5F5753; }
.rail .nav-item .sm-nav-label { font:inherit; line-height:1.3; overflow-wrap:normal; }
.rail .nav-item.sm-nav-link .sm-icon { width:19px; height:19px; flex:0 0 19px; color:#85655C; }
.rail .nav-item small.nav-development { display:block; font:400 10px/1.5 var(--sm-font); color:#6E645F; }
.rail .nav-item.sm-nav-link.active { color:#6B1F2D; background:#F1E4E5; font-weight:600; }
.rail .nav-item.sm-nav-link.active .sm-icon { color:#6B1F2D; }
.rail .nav-item.sm-nav-link.active::before { width:3px; left:-12px; top:10px; bottom:10px; border-radius:0 3px 3px 0; }
.rail .nav-item.sm-nav-link:hover:not(.active) { background:#EEE8DE; }
.rail .nav-development-dot { display:none; }
.management-label { display:block; margin:0; padding:17px 14px 7px; font:400 10px/1.5 var(--sm-font); letter-spacing:1px; text-transform:uppercase; }
.rail .logout-form { padding:8px 12px; margin:0; border-top:1px solid #DED6CD; }
.rail .collapse-control { position:absolute; bottom:13px; right:12px; width:32px; height:32px; min-height:32px; padding:5px; }
.workarea.sm-workspace { margin-left:var(--handoff-rail); min-width:0; }
.topbar.sm-topbar { height:68px; min-height:68px; padding:0 30px; background:#F2EFE8; border-bottom:1px solid #DED6CD; gap:18px; }
.topbar-left { display:flex; align-items:center; flex:1; width:auto; gap:16px; min-width:0; }
.topbar-context { display:block; order:-1; margin-right:auto; font-size:12px; color:#5F5753; }
.topbar-search-label { width:200px; flex:0 0 200px; height:36px; background:transparent; border-radius:7px; }
#topbar-search { font-size:12px; min-height:32px; height:32px; }
.topbar-search-results:not([hidden]) { left:auto; right:0; top:44px; width:min(420px,85vw); }
.identity #identity { display:none; }
.identity .avatar { background:#6B1F2D; color:#FBFAF6; width:36px; min-width:36px; height:36px; font-size:12px; }
.tab-panel,.tab-panel:not(#tab-metrics) { max-width:none; padding:28px 30px 38px; margin:0; }
.brand-heading { display:block; position:relative; margin:0 0 20px; padding:0; }
.brand-heading>div:first-child { position:relative; padding-right:140px; }
.brand-heading .eyebrow,.tab-panel>.eyebrow { display:block; font:400 11px/16px var(--sm-font); text-transform:uppercase; letter-spacing:1px; color:#856018; margin:0 0 8px; }
.brand-heading h1 { margin:0; }
.brand-heading .subheading,.tab-panel>.subheading { font-size:15px; line-height:1.6; margin:10px 0 22px; color:#5F5753; }
.handoff-header-actions { position:absolute; right:0; top:4px; display:flex; gap:8px; }
.handoff-header-actions button { background:#FBFAF6; border:1px solid #DED6CD; }
.wordstat-brand-strip { display:none!important; }
.source-badge { display:none; }
.handoff-source { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0 0 20px; font-size:12px; color:#6E645F; }
.handoff-source>span::before { content:'●'; color:#246548; margin-right:8px; font-size:9px; }
.handoff-source.is-partial>span::before { color:#856018; }
.handoff-source button { color:#6B1F2D; background:transparent; border:0; padding:0; min-height:28px; font-size:12px; }
.filter-toolbar:not([hidden]) { display:flex!important; align-items:stretch; min-height:62px; border:1px solid #DED6CD; border-radius:9px; padding:8px 4px; gap:0; background:#FBFAF6; margin:0; }
.filter-summary { display:flex; flex:1; gap:0; min-width:0; font-size:14px; line-height:1.4; }
.filter-summary>span,.handoff-filter-cell { display:flex; flex-direction:column; justify-content:center; min-width:0; flex:1; border-right:1px solid #DED6CD; padding:2px 16px; font-weight:600; text-align:left; border-radius:0; background:transparent; color:#262229; }
.handoff-filter-cell small { color:#6E645F; font-size:11px; font-weight:400; line-height:1.5; margin-bottom:2px; }
.handoff-filter-cell .filter-value { display:block; font-size:14px; line-height:20px; border:0; padding:0; }
.handoff-filter-cell:first-child .filter-value { color:#856018; }
.handoff-filter-cell:hover { background:#F7F3EC; }
.filter-toggle { align-self:center; border:0; min-height:44px; padding:8px 14px; font-size:13px; color:#262229; background:transparent; white-space:nowrap; }
.filter-dirty { position:absolute; top:100%; left:0; background:#F1E7D2; padding:4px 8px; z-index:2; }
.handoff-filter-extra { font-size:12px; color:#6E645F; margin:5px 0 0; }
.filters.desktop-filters[hidden] { display:none!important; }
.filters.desktop-filters:not([hidden]) { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:min(720px,calc(100vw - 48px)); max-height:90dvh; overflow:auto; z-index:220; padding:24px; margin:0; background:#FBFAF6; border:1px solid #DED6CD; border-radius:14px; box-shadow:0 24px 64px #26222933; gap:18px; }
.filters.desktop-filters>* { order:0!important; min-width:0; }
.filters.desktop-filters label:not([hidden]),.filters.desktop-filters fieldset:not([hidden]),.filters.desktop-filters .filter-extra:not([hidden]) { display:block!important; }
.filters.desktop-filters .filter-edit-header { display:flex!important; grid-column:1/-1; justify-content:space-between; align-items:center; position:static; background:transparent; padding:0 0 12px; margin:0; border-bottom:1px solid #DED6CD; }
.filters.desktop-filters .filter-edit-actions { display:flex!important; grid-column:1/-1; justify-content:flex-end; position:sticky; bottom:-24px; background:#FBFAF6; padding:14px 0; gap:12px; margin:0; border-top:1px solid #DED6CD; }
.filters.desktop-filters .filter-extra.wide,.filters.desktop-filters .filter-error { grid-column:1/-1; }
.filters.desktop-filters .filter-more,.filters.desktop-filters .desktop-draft { display:none!important; }
.filters .date-pair { display:flex; flex-wrap:wrap; gap:5px; }
.filters .date-pair input,.filters .month-control { min-width:0; flex:1 1 120px; }
.filter-modal-open { overflow:hidden; }
.filter-modal-open::before { content:''; position:fixed; inset:0; background:#26222966; z-index:210; }
:is(#wordstat-filters,#sales-filters,#matrix-filters,#filters).desktop-filters:not([hidden]) { z-index:220; }
.summary-surface,.access-summary { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; padding:21px 0; border:1px solid #DED6CD; border-radius:10px; background:#FBFAF6; margin:0 0 20px; overflow:visible; box-shadow:none; }
.summary-surface .kpi,.access-summary .kpi { padding:0 20px; min-height:0; background:transparent; border:0; border-right:1px solid #DED6CD; border-radius:0; box-shadow:none; }
.summary-surface .kpi:last-child,.access-summary .kpi:last-child { border-right:0; }
.kpi-name { font:400 13px/1.4 var(--sm-font); min-height:0; color:#5F5753; }
.kpi .kpi-value { font:600 32px/1.25 var(--sm-font); letter-spacing:-.9px; margin:8px 0 5px; color:#262229; overflow-wrap:normal; }
.summary-surface>.kpi:first-child .kpi-value,.access-summary>.kpi:first-child .kpi-value { color:#6B1F2D; }
.kpi-change,.sales-current-coverage,.kpi-warning { font:400 12px/1.55 var(--sm-font); color:#6E645F; margin:4px 0; }
.kpi-value:has(.kpi-unit) { white-space:nowrap; }
.kpi-unit { font-size:14px; font-weight:400; letter-spacing:0; color:#6E645F; }
.monthly-kpi .card-dynamics,.kpi .kpi-comparison { margin:4px 0 0; }
.monthly-kpi .card-dynamics summary,.kpi-comparison summary { min-height:28px; padding:0; }
.monthly-kpi .card-dynamics .delta-indicator,.kpi .kpi-delta { font-size:12px; line-height:18px; }
.monthly-kpi .card-change-label,.monthly-kpi .card-method-caption { font-size:11px; line-height:16px; }
.monthly-kpi .card-method-caption { margin:3px 0; }
.monthly-kpi .card-footer { margin:6px 0 0; gap:2px 10px; }
.monthly-kpi .card-footer .query-drill { font-size:11px; min-height:28px; padding:3px 0; }
.kpi .card-incomplete { background:transparent; padding:0; color:#856018; font:600 11px/16px var(--sm-font); }
.card-comparison-details { font-size:12px; line-height:1.5; }
.handoff-kpi-details { margin:4px 0 0; font-size:11px; }
.handoff-kpi-details summary { min-height:28px; padding:2px 0; color:#6B1F2D; }
.wordstat-summary .kpi-value { white-space:nowrap; }
.sales-summary,.matrix-summary,.access-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sales-summary .kpi { min-height:0; }
.sales-summary .kpi-delta .delta-base { flex-basis:auto; }
.sales-summary .kpi-comparison-note { font-size:11px; }
.handoff-warning { padding:13px 18px; border:1px solid #DECBAA; border-radius:8px; background:#F4EBDD; font-size:12px; margin:0 0 18px; }
.handoff-warning strong { color:#262229; }
.chart-surface,.goals-surface,.editor,.quality-section { padding:22px; border:1px solid #DED6CD; border-radius:12px; background:#FBFAF6; box-shadow:none; margin:0 0 18px; min-width:0; }
.analytics-grid,.wordstat-analysis,.sales-analysis,.metrics-analysis { gap:18px; }
.wordstat-analysis,.sales-analysis,.metrics-analysis { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr); align-items:stretch; }
.wordstat-analysis>.chart-surface,.sales-analysis>.chart-surface,.metrics-analysis>.chart-surface { min-height:0; margin:0; }
.wordstat-analysis,.sales-analysis,.metrics-analysis { margin-bottom:18px; }
.chart-header { gap:12px; align-items:flex-start; }
.chart-surface h2 { font-size:18px; line-height:1.3; margin:0 0 6px; }
.chart-period { font-size:12px; line-height:18px; margin:0 0 20px; color:#6E645F; }
.legend { display:flex; flex-wrap:wrap; gap:16px; font:400 11px/1.5 var(--sm-font); margin:14px 0 16px; }
.chart-wrap { min-height:0; height:auto; }
#wordstat-chart,#sales-chart,#chart { height:auto; min-height:250px; }
#wordstat-chart svg,#sales-chart svg,#chart svg { display:block; width:100%; height:auto; }
.chart-wrap svg text { font:400 11px var(--sm-font); }
.chart-wrap svg line:not(.guide) { stroke-dasharray:3 5; }
.chart-data summary,.quality-section summary { font-size:12px; min-height:30px; padding:5px 0; }
.data-notes { color:#6E645F; margin-top:12px; }
.handoff-rank-list { display:grid; gap:20px; margin-top:20px; }
.handoff-rank { font-size:13px; }
.handoff-rank-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:7px; }
.handoff-rank-track { height:5px; border-radius:4px; background:#EDE5DA; }
.handoff-rank-fill { display:block; height:100%; border-radius:4px; background:#6B1F2D; }
.handoff-rank-note { margin-top:6px; font-size:11px; color:#6E645F; }
.handoff-rank-list button { background:none; border:0; color:#6B1F2D; text-align:left; padding:8px 0; font-size:12px; }
.handoff-additional { margin:18px 0; padding:0; border:1px solid #DED6CD; border-radius:12px; background:#FBFAF6; }
.handoff-additional>summary { padding:18px 22px; font-size:16px; font-weight:600; }
.handoff-additional>div { padding:0 22px 20px; }
.handoff-additional .summary-surface { border:0; padding:10px 0; }
.sales-secondary,.metrics-secondary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.supplemental-summary { border:1px solid #DED6CD; border-radius:10px; padding:20px; background:#FBFAF6; margin:18px 0; }
.table-wrap { max-width:100%; overflow-x:auto; }
table,.compact-table,.query-table,.region-table,.matrix-table,.account-table { font:400 13px/1.5 var(--sm-font); }
th,td,.compact-table th,.compact-table td { padding:14px 16px; border-bottom:1px solid #E6DDD3; }
th { background:#F3EFE9; color:#6E645F; font-size:11px; font-weight:400; }
.table-toolbar { margin:0 0 16px; flex-wrap:wrap; gap:14px; }
.query-tabs { flex-wrap:wrap; gap:4px; }
.query-tabs button { border:0; border-radius:5px; font-size:12px; min-height:36px; padding:8px 10px; background:transparent; }
.query-tabs button[aria-pressed=true] { background:#F1E4E5; color:#6B1F2D; }
.table-pagination { padding:14px 0 0; flex-wrap:wrap; gap:12px; font-size:12px; }
.table-pagination button { min-height:36px; font-size:12px; }
.table-pagination p,.table-pagination span { margin-right:auto; }
.component-unavailable,.empty,.data-state { border:0; background:#F7F3EC; border-radius:10px; min-height:0; padding:22px; }
.component-unavailable strong { font-size:28px; color:#8D817A; }
.component-unavailable p { font-size:13px; line-height:1.6; }
#matrix-workspace .matrix-grid { grid-template-columns:minmax(0,3.3fr) minmax(260px,1fr); grid-template-areas:'plot selected' 'quadrants quadrants' 'regions regions' 'excluded excluded'; gap:18px; }
#matrix-workspace .matrix-grid>*,#matrix-detail-main { margin:0; min-width:0; }
.matrix-main-chart .chart-header { display:flex; flex-wrap:wrap; }
.matrix-main-chart .matrix-legend { flex-basis:100%; order:2; margin:10px 0; font-size:11px; gap:12px; }
.matrix-zoom-controls { margin:0 0 12px; gap:4px; }
.matrix-zoom-controls button { font-size:11px; min-height:36px; padding:6px 10px; }
#matrix-plot { height:380px; }
#matrix-plot svg { width:100%; height:100%; }
.matrix-unit-bar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin-bottom:16px; }
.matrix-unit-bar strong { font-size:18px; }
.matrix-unit-bar [role=group] { display:flex; flex-wrap:wrap; gap:4px; }
.matrix-unit-bar button { min-height:44px; padding:8px 14px; }
.matrix-unit-bar button[aria-pressed=true] { color:#FBFAF6; background:#6B1F2D; border-color:#6B1F2D; }
.matrix-unit-bar small { flex-basis:100%; }
#matrix-workspace .matrix-grid.group-open { grid-template-areas:'plot plot' 'selected selected' 'quadrants quadrants' 'regions regions' 'excluded excluded'; }
.matrix-group-table { min-width:900px; }
.matrix-group-table [data-field] { text-align:right; white-space:nowrap; }
#matrix-detail-main .matrix-group-table { min-width:1800px; table-layout:auto; }
#matrix-detail-main .matrix-group-table th:first-child,
#matrix-detail-main .matrix-group-table td:first-child { min-width:180px; width:180px; }
#matrix-detail-main .matrix-group-table .query-drill { white-space:normal; word-break:normal; overflow-wrap:normal; text-align:left; }
#matrix-detail-main .matrix-group-table td:nth-child(9) { min-width:200px; }
#matrix-detail-main .matrix-group-table td:last-child { min-width:240px; }
@media(max-width:1023px) { #matrix-workspace .matrix-grid.group-open { grid-template-areas:'plot' 'selected' 'quadrants' 'regions' 'excluded'; } }
.quadrant-cells { grid-template-columns:repeat(4,minmax(0,1fr)); }
.matrix-quadrant-summary h3 { margin-top:0; }
.matrix-summary { margin-bottom:20px; }
.matrix-regions-section .section-label { flex-wrap:wrap; }
.matrix-detail-list { font-size:13px; }
.matrix-source-issues p,.matrix-source-issues li { overflow-wrap:anywhere; }
.professional-filter-panel { padding:14px 18px; }
.professional-summary { grid-template-columns:repeat(3,minmax(0,1fr)); background:transparent; border:0; gap:12px; padding:0; }
.professional-summary .kpi { border:1px solid #DED6CD; border-radius:10px; padding:20px; background:#F7F3EC; }
.professional-summary .kpi:last-child { border-right:1px solid #DED6CD; }
.professional-summary .kpi-name { font-size:14px; font-weight:600; color:#262229; }
.professional-summary .kpi-value { color:#94877F!important; }
.professional-summary .kpi::before { content:attr(data-kpi-number); display:block; font-size:10px; letter-spacing:1px; color:#856018; margin-bottom:10px; }
.professional-summary .kpi-warning { font-size:12px; }
.connection-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr); gap:38px; background:#EDE5DA; border:1px solid #DED2C5; border-radius:12px; padding:28px; margin:20px 0 28px; }
.connection-hero h2 { font-size:26px; line-height:1.24; margin:11px 0 13px; }
.connection-hero p { font-size:14px; line-height:1.6; }
.connection-steps { display:grid; gap:18px; border-left:1px solid #D6C7B7; padding-left:27px; }
.connection-steps strong { font-size:14px; display:block; }
.connection-steps small { color:#6E645F; font-size:12px; }
.handoff-settings-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:24px; }
.handoff-settings-nav { display:flex; flex-direction:column; gap:6px; }
.handoff-settings-nav button { background:transparent; border:0; text-align:left; font-size:13px; min-height:44px; color:#6E645F; }
.handoff-settings-nav button[aria-pressed=true] { background:#F1E4E5; color:#6B1F2D; }
#brands-content { border:1px solid #DED6CD; border-radius:12px; padding:22px; background:#FBFAF6; }
#brands-content [data-brand-editor] { padding:0; border:0; border-bottom:1px solid #DED6CD; border-radius:0; margin:0; }
#brands-content [data-brand-editor]>summary { padding:16px; color:#856018; font-size:14px; font-weight:600; }
#brands-content [data-brand-editor]>summary .muted { font-size:12px; font-weight:400; color:#6E645F; }
#brands-content [data-brand-editor]>form,#brands-content .sku-area { padding:16px; }
.access-filters { padding:16px 22px; border:1px solid #DED6CD; border-bottom:0; border-radius:12px 12px 0 0; background:#FBFAF6; margin-top:20px; }
.account-overview { border:1px solid #DED6CD; border-radius:0 0 12px 12px; background:#FBFAF6; margin-bottom:20px; }
.account-overview table { min-width:1050px; table-layout:auto; }
.account-overview .account-table td { vertical-align:top; }
.account-email { overflow-wrap:anywhere; }
#audit-content { padding:22px; background:#FBFAF6; border:1px solid #DED6CD; border-radius:12px; }
.development-surface { max-width:none; padding:48px; background:#FBFAF6; border-radius:12px; margin-top:24px; }
.development-surface p { max-width:640px; font-size:15px; line-height:1.7; }
.development-status { background:#F1E7D2; color:#856018; font-size:12px; }
.query-dialog { border-radius:14px; background:#FBFAF6; padding:26px; max-width:calc(100vw - 32px); }
dialog::backdrop { background:#26222966; }
.auth-shell { display:grid; grid-template-columns:46% 54%; width:100%; max-width:none; margin:0; min-height:100dvh; padding:0; background:#FBFAF6; position:relative; }
.auth-story { position:relative; isolation:isolate; overflow:hidden; background:#6B1F2D; color:#FBFAF6; padding:50px 55px; min-height:100dvh; display:flex; flex-direction:column; justify-content:space-between; }
.auth-story > * { position:relative; z-index:1; }
.auth-story::after { z-index:0; }
.auth-story::after { content:''; position:absolute; width:750px; height:750px; border:1px solid #FBFAF626; border-radius:50%; bottom:-340px; right:-370px; box-shadow:0 0 0 60px #6B1F2D,0 0 0 61px #FBFAF626,0 0 0 120px #6B1F2D,0 0 0 121px #FBFAF626; pointer-events:none; }
.auth-story .auth-logo { display:block; margin:0; width:168px; height:auto; z-index:1; }
.auth-story .auth-logo img { width:168px; height:auto; filter:brightness(0) invert(1); }
.auth-story h2 { font:600 62px/1.06 var(--sm-font); letter-spacing:-2px; color:#FBFAF6; margin:0 0 30px; }
.auth-story p { color:#E2C4C9; font-size:16px; line-height:1.7; }
.sales-natural-summary { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
.sales-natural-summary .kpi { min-height:0; }
.sales-natural-summary .kpi p { font-size:12px; line-height:1.5; margin:9px 0; }
.sales-natural-summary .kpi details { font-size:12px; margin-top:12px; }
.sales-natural-summary .kpi summary { cursor:pointer; min-height:32px; }
.sales-unit-value { margin:14px 0 5px; overflow-wrap:anywhere; }
.sales-unit-value strong,.sales-lift-value { font-size:30px; font-weight:600; color:#6B1F2D; line-height:1.2; }
.sales-unit-value span { font-size:13px; }
.sales-view-switch,.sales-chart-mode { display:flex; flex-wrap:wrap; gap:6px; }
#sales-workspace > .section-label { position:static; margin:0 0 14px; }
#sales-workspace > .section-label > .sales-view-switch { display:flex; }
#sales-workspace > .section-label .sales-view-switch button { width:auto; }
.sales-view-switch [aria-pressed=true],.sales-chart-mode [aria-pressed=true] { background:#6B1F2D; color:#FBFAF6; }
.sales-natural-analysis { grid-template-columns:2fr 1fr!important; }
@media(max-width:767px){.sales-natural-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sales-natural-summary>.kpi:last-child{grid-column:1/-1}.sales-natural-analysis{grid-template-columns:1fr!important}.sales-unit-value strong{font-size:26px}}
@media(max-width:359px){.sales-natural-summary{grid-template-columns:1fr!important}}
.auth-story small { font-size:11px; z-index:1; }
.auth-panel { align-self:center; justify-self:center; width:360px; max-width:calc(100% - 52px); border:0; background:transparent; box-shadow:none; padding:0; margin:0; }
.auth-panel h1 { font-size:30px; letter-spacing:-.7px; margin:0 0 12px; }
.auth-panel>p { font-size:13px; line-height:1.6; margin-bottom:30px; }
.auth-panel form label { font-size:12px; gap:7px; margin-bottom:16px; }
.auth-panel form input { width:100%; height:44px; }
.auth-panel button.primary { width:100%; margin-top:8px; min-height:46px; }
.auth-panel .small { font-size:11px; margin-top:22px; }
.auth-mobile-logo { display:none; }
.auth-foot { position:absolute; bottom:18px; left:46%; width:54%; text-align:center; color:#6E645F; font-size:11px; }
@media (max-width:1430px) and (min-width:1081px) { :root { --handoff-rail:226px; } .tab-panel,.tab-panel:not(#tab-metrics) { padding:26px 24px; } .summary-surface .kpi { padding:0 15px; } .kpi .kpi-value { font-size:29px; } }
@media (min-width:761px) {
 .app-shell[data-nav-collapsed=true] { --handoff-rail:76px; }
 .app-shell[data-nav-collapsed=true] .rail { width:76px; }
 .app-shell[data-nav-collapsed=true] .workarea { margin-left:76px; }
 .app-shell[data-nav-collapsed=true] .side-context { display:none; }
}
@media (max-width:1080px) and (min-width:761px) {
 :root { --handoff-rail:76px; }
 .rail .sidebar-brand { padding:20px; height:76px; min-height:76px; }
 .rail .sidebar-brand .sm-logo--lockup { display:none; }
 .rail .sidebar-brand .sm-logo--mark { display:block; width:35px; height:40px; }
 .rail .sidebar-brand .sm-logo-link { width:35px; }
 .rail .side-context,.rail .sm-nav-label,.rail .management-label { display:none; }
 .rail .nav-item.sm-nav-link { justify-content:center; min-height:48px; padding:12px 0; margin:3px 0; }
 .rail .nav-item.sm-nav-link .sm-icon { width:23px; height:23px; flex-basis:23px; }
 .rail .nav-development-dot { display:block; position:absolute; right:4px; top:0; color:#856018; font-size:22px; }
 .rail .logout-form { padding-bottom:42px; }
 .topbar-context { max-width:220px; }
 .tab-panel,.tab-panel:not(#tab-metrics) { padding:24px; }
 .wordstat-summary,#metric-workspace>.summary-surface { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:24px; }
 .summary-surface .kpi:nth-child(3) { border-right:0; }
 .kpi .kpi-value { font-size:28px; }
 #matrix-workspace .matrix-grid { grid-template-columns:minmax(0,1fr); grid-template-areas:'plot' 'selected' 'quadrants' 'regions' 'excluded'; }
 .handoff-settings-layout { grid-template-columns:175px minmax(0,1fr); }
}
@media (max-width:760px) {
 :root { --handoff-rail:0px; }
 body { font-size:15px; }
 .rail.sm-sidebar { width:270px; transform:translateX(-100%); }
 .app-shell[data-nav-open=true] .rail.sm-sidebar { transform:translateX(0); }
 .rail .sidebar-brand .sm-logo--lockup { display:block; width:156px; }
 .rail .sidebar-brand .sm-logo--mark { display:none; }
 .rail .sm-nav-label,.rail small.nav-development,.rail .management-label { display:block!important; }
 .rail .side-context { display:flex; }
 .rail .nav-item.sm-nav-link { justify-content:flex-start; font-size:14px; }
 .rail .nav-development-dot { display:none; }
 .workarea.sm-workspace,.app-shell[data-nav-collapsed=true] .workarea { margin-left:0; }
 .topbar.sm-topbar { height:61px; min-height:61px; padding:0 16px; gap:8px; }
 .topbar-left { gap:10px; }
 .topbar-context,.search-shortcut { display:none; }
 .topbar .mobile-menu { display:flex; width:32px; min-width:32px; min-height:40px; padding:6px 4px; }
 .topbar .mobile-logo { display:block; width:95px; height:auto; }
 .topbar-search-label { margin-left:auto; flex:0 1 40px; width:40px; padding:8px; border:0; }
 .topbar-search-label:focus-within { position:absolute; left:0; right:0; width:100%; z-index:2; background:#FBFAF6; }
 .topbar-search-label input { width:0!important; padding:0; min-width:0; }
 .topbar-search-label:focus-within input { width:100%!important; }
 .topbar-search-label .sm-icon { cursor:text; }
 .identity .avatar { width:30px; min-width:30px; height:30px; font-size:10px; }
 .tab-panel,.tab-panel:not(#tab-metrics) { padding:22px 16px 28px; }
 h1,.brand-title,.matrix-heading .brand-title,#tab-metrics .brand-title,#tab-access h1,.development-page h1 { font-size:29px; line-height:1.15; letter-spacing:-.9px; }
 .brand-heading>div:first-child { padding-right:0; }
 .brand-heading .eyebrow,.tab-panel>.eyebrow { font-size:9px; line-height:14px; margin-bottom:7px; }
 .brand-heading .subheading,.tab-panel>.subheading { font-size:13px; margin:7px 0 12px; }
 .brand-heading { margin-bottom:14px; }
 .handoff-header-actions { position:static; margin:12px 0 18px; }
 .handoff-header-actions button { font-size:12px; min-height:40px; }
 .filter-toolbar:not([hidden]) { display:grid!important; grid-template-columns:1fr auto; padding:6px 0; margin:0; }
 .filter-summary { display:grid; grid-column:1/-1; grid-template-columns:1fr 1.14fr; }
 .handoff-filter-cell { padding:4px 11px; min-height:44px; }
 .handoff-filter-cell small { font-size:10px; }
 .handoff-filter-cell .filter-value { font-size:12px; line-height:18px; }
 .handoff-filter-cell:nth-child(2) { border-right:0; }
 .handoff-filter-cell:nth-child(n+3) { display:none; }
 .handoff-mobile-context { grid-column:1; border-top:1px solid #DED6CD; font-size:11px; padding:12px 11px 5px; color:#6E645F; }
 .filter-toggle { grid-column:2; border-top:1px solid #DED6CD; font-size:11px; min-height:44px; padding:10px; }
 .handoff-filter-extra { font-size:11px; }
 .handoff-source { font-size:11px; margin:0 0 16px; }
 .handoff-source button { font-size:11px; white-space:nowrap; }
 .filters.desktop-filters:not([hidden]) { inset:0; transform:none; width:100%; max-height:none; height:100dvh; border-radius:0; grid-template-columns:minmax(0,1fr); align-content:start; padding:20px 16px; }
 .filters.desktop-filters .filter-edit-actions { bottom:-20px; padding:12px 0; }
 .filters.desktop-filters .date-pair { flex-wrap:wrap; }
 .summary-surface,.wordstat-summary,.sales-summary,.matrix-summary,.access-summary,#metric-workspace>.summary-surface { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; margin-bottom:16px; }
 .summary-surface .kpi,.access-summary .kpi { min-height:0; padding:15px 14px; border-bottom:1px solid #DED6CD; border-right:1px solid #DED6CD; }
 .summary-surface .kpi:nth-child(even),.access-summary .kpi:nth-child(even) { border-right:0; }
 .summary-surface .kpi:nth-last-child(-n+2),.access-summary .kpi:nth-last-child(-n+2) { border-bottom:0; }
 .kpi-name { font-size:11px; line-height:1.4; }
 .kpi .kpi-value { font-size:27px; line-height:1.25; margin:6px 0 3px; letter-spacing:-.8px; }
 .kpi-unit { font-size:13px; }
 .kpi-change,.sales-current-coverage,.kpi-warning { font-size:11px; line-height:1.5; }
 .monthly-kpi .card-dynamics .delta-indicator { font-size:11px; }
 .monthly-kpi .card-change-label { font-size:10px; line-height:15px; }
 .monthly-kpi .card-method-caption { font-size:10px; line-height:14px; }
 .monthly-kpi .card-footer .query-drill { min-height:44px; font-size:11px; padding:8px 0; }
 .handoff-kpi-details summary { min-height:44px; padding:10px 0; }
 .monthly-kpi .card-footer { gap:0; }
 .monthly-kpi .card-footer details { width:100%; }
 .wordstat-analysis,.sales-analysis,.metrics-analysis,.sales-secondary,.metrics-secondary,.professional-breakdowns { grid-template-columns:minmax(0,1fr); gap:14px; }
 .chart-surface,.goals-surface,.editor,.quality-section { padding:17px; margin-bottom:14px; }
 .chart-surface h2 { font-size:16px; }
 .chart-period { font-size:11px; line-height:16px; margin-bottom:12px; }
 .legend { font-size:10px; gap:10px; margin:12px 0; }
 #wordstat-chart,#sales-chart,#chart { min-height:220px; }
 .chart-wrap svg text { font-size:11px; }
 .handoff-warning { padding:12px; font-size:12px; }
 .table-toolbar { display:block; }
 .table-toolbar h2 { margin-bottom:12px; }
 .query-tabs { gap:0; }
 .query-tabs button { font-size:12px; min-height:44px; }
 table,.query-table,.region-table,.matrix-table { min-width:650px; font-size:13px; }
 .compact-table { min-width:440px; }
 .table-wrap::after { content:'Таблицу можно прокручивать →'; display:block; position:sticky; left:0; width:100%; padding:10px; font-size:11px; color:#6E645F; background:#F7F3EC; }
 .account-overview .account-table { display:table; min-width:1000px; }
 .account-overview .account-table thead { display:table-header-group; }
 .account-overview .account-table tbody { display:table-row-group; }
 .account-overview .account-table tr { display:table-row; }
 .account-overview .account-table td { display:table-cell; width:auto; padding:14px; }
 .account-overview .account-table td::before { display:none; }
 #matrix-workspace .matrix-grid { grid-template-columns:minmax(0,1fr); grid-template-areas:'plot' 'selected' 'quadrants' 'regions' 'excluded'; gap:14px; }
 #matrix-plot { height:300px; }
 .matrix-zoom-controls { width:100%; gap:4px; }
 .matrix-zoom-controls button { min-height:44px; font-size:11px; padding:7px 8px; }
 .matrix-main-chart .matrix-legend { font-size:10px; gap:8px; }
 .quadrant-cells { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .professional-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:0; }
 .professional-summary .kpi { padding:14px 12px; border:1px solid #DED6CD!important; border-radius:10px; }
 .professional-summary .kpi-name { font-size:12px; }
 .professional-summary .kpi-warning { font-size:11px; }
 .connection-hero { grid-template-columns:1fr; gap:20px; padding:21px 18px; }
 .connection-hero h2 { font-size:24px; }
 .connection-hero p { font-size:13px; }
 .connection-steps { border-left:0; border-top:1px solid #D6C7B7; padding:18px 0 0; }
 .handoff-settings-layout { grid-template-columns:minmax(0,1fr); gap:16px; }
 .handoff-settings-nav { flex-direction:row; overflow:auto; }
 .handoff-settings-nav button { white-space:nowrap; font-size:13px; flex:none; padding:10px 14px; }
 #brands-content { padding:16px; }
 #brands-content [data-brand-editor]>summary { padding:14px 0; }
 #brands-content [data-brand-editor]>summary .muted { display:block; margin-top:6px; }
 #audit-content { padding:16px; }
 .access-filters { padding:14px; }
 .development-surface { padding:28px 22px; }
 .auth-shell { display:block; min-height:100dvh; background:#F2EFE8; padding:0 0 36px; }
 .auth-story { display:flex; min-height:0; padding:24px 26px; gap:26px; margin-bottom:30px; }
 .auth-story h2 { font-size:36px; letter-spacing:-1px; line-height:1.15; margin-bottom:12px; }
 .auth-story p { font-size:13px; margin:0; }
 .auth-story small { display:none; }
 .auth-story::after { width:330px; height:330px; bottom:-245px; right:-155px; }
 .auth-panel { width:calc(100% - 52px); max-width:370px; margin:0 auto; }
 .auth-mobile-logo { display:none; }
 .auth-panel h1 { font-size:30px; }
 .auth-panel form input { height:48px; font-size:16px; }
 .auth-panel button.primary { min-height:48px; }
 .auth-foot { position:static; width:100%; margin:40px 0 0; }
}
@media (min-width:761px) { .handoff-mobile-context { display:none; } }
@media (max-width:359px) { .summary-surface,.wordstat-summary,.sales-summary,.matrix-summary,.professional-summary { grid-template-columns:1fr; } .summary-surface .kpi { border-right:0; border-bottom:1px solid #DED6CD!important; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }
/* Explicitly retire v2's page-specific positioned filters and fixed card heights. */
#wordstat-filter-toolbar:not([hidden]),#sales-filter-toolbar:not([hidden]),#metrics-filter-toolbar:not([hidden]),#matrix-filter-toolbar:not([hidden]) { display:flex!important; position:relative; top:auto; right:auto; width:100%; height:auto; min-height:62px; margin-top:0; padding:8px 4px; border:1px solid #DED6CD; background:#FBFAF6; }
#tab-sales .brand-heading,#tab-metrics .brand-heading { padding-top:0; margin-top:0; }
.handoff-filter-cell { border:0; border-right:1px solid #DED6CD; }
.handoff-filter-cell .filter-value { overflow-wrap:anywhere; }
.summary-surface .kpi,.wordstat-summary .kpi:first-child,#metric-workspace>.summary-surface .kpi { min-height:0; border-top:0; }
.wordstat-analysis>.chart-surface { padding:22px; }
.handoff-source>span { min-width:0; flex:1; }
.handoff-source>button { flex:none; width:auto; margin-left:0; }
.handoff-method-label { font-size:12px; line-height:20px; margin:0 0 10px; color:#6E645F; }
.handoff-method-disclosure { display:inline; }
.handoff-method-disclosure>summary { display:inline; color:#6B1F2D; min-height:0; padding:0; font-size:12px; }
.handoff-method-disclosure>p { margin:5px 0; }
.monthly-kpi .card-footer { flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; }
.monthly-kpi .card-footer .handoff-kpi-details { margin:0; }
.monthly-kpi .handoff-kpi-details>summary { min-width:28px; text-align:center; }
.monthly-kpi .handoff-kpi-details[open] { position:relative; }
.monthly-kpi .handoff-kpi-details[open]>:not(summary) { min-width:150px; }
.component-scroll { max-height:none; }
.sales-analysis .component-scroll { max-height:360px; }
.sales-analysis .component-scroll table { min-width:620px; }
.sales-analysis .compact-table { table-layout:auto; }
.sales-analysis .compact-table th:first-child,.sales-analysis .compact-table td:first-child { width:240px; min-width:240px; overflow-wrap:normal; }
.sales-analysis .compact-table th:nth-child(2),.sales-analysis .compact-table td:nth-child(2) { width:200px; min-width:200px; }
.sales-analysis .compact-table .small { display:block; white-space:normal; }
.handoff-rank-note { white-space:normal; }
.brand-heading { margin-bottom:12px; }
.handoff-source { margin-bottom:12px; }
.handoff-filter-extra { margin-top:3px; }
.professional-filter-panel { padding:0; border:1px solid #DED6CD; margin:0 0 20px; border-radius:9px; }
.professional-filter-panel>.handoff-professional-summary { display:flex; padding:8px 4px; min-height:62px; align-items:stretch; }
.professional-filter-panel>.handoff-professional-summary::marker { content:''; }
.professional-filter-panel>.handoff-professional-summary::-webkit-details-marker { display:none; }
.professional-filter-panel[open] #professional-filters { display:grid; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:min(720px,calc(100vw - 48px)); max-height:90dvh; z-index:220; overflow:auto; padding:24px; border:1px solid #DED6CD; background:#FBFAF6; border-radius:14px; grid-template-columns:1fr 1fr; gap:16px; }
.professional-filter-close { grid-column:1/-1; justify-self:end; }
.professional-modal-open { overflow:hidden; }
.professional-modal-open::before { content:''; position:fixed; inset:0; background:#26222966; z-index:210; }
.handoff-professional-context { display:none; }
#audit-content.handoff-audit { padding:0; background:transparent; border:0; }
.handoff-audit-filters { display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; background:#FBFAF6; border:1px solid #DED6CD; border-radius:9px; padding:12px 20px; margin:0 0 16px; }
.handoff-audit-filters>div { display:grid; align-content:center; }
.handoff-audit-filters small,.handoff-audit-filters label { font-size:12px; color:#6E645F; }
.handoff-audit-filters strong { font-size:14px; }
.handoff-audit-grid { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); gap:18px; align-items:start; }
.handoff-audit-events { border:1px solid #DED6CD; border-radius:10px; background:#FBFAF6; padding:22px; min-width:0; }
.handoff-audit-events h3 { font-size:12px; color:#6E645F; margin:0 0 12px; }
.handoff-audit-event { padding:0; border:0; margin:0; }
.handoff-audit-event>summary { display:grid; grid-template-columns:54px 32px minmax(0,1fr) 14px; align-items:start; gap:14px; padding:14px 0; cursor:pointer; list-style:none; }
.handoff-audit-event>summary::-webkit-details-marker { display:none; }
.handoff-audit-event time { color:#6E645F; font-size:12px; padding-top:6px; }
.handoff-audit-event strong { font-size:13px; font-weight:600; }
.handoff-audit-event small { display:block; margin-top:3px; font-size:12px; color:#6E645F; }
.handoff-event-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:8px; color:#6B1F2D; background:#EEE8DE; }
.handoff-audit-event pre { padding:12px; background:#F7F3EC; white-space:pre-wrap; overflow-wrap:anywhere; }
@media (max-width:760px) {
 .handoff-professional-context { display:block; grid-column:1; font-size:12px; padding:8px 12px; color:#6E645F; }
 .handoff-audit-filters { grid-template-columns:minmax(0,1fr); gap:12px; padding:16px; }
 .handoff-audit-grid { grid-template-columns:minmax(0,1fr); }
 .handoff-audit-events { padding:16px; }
 .handoff-audit-event>summary { grid-template-columns:40px 26px minmax(0,1fr) 12px; gap:9px; }
 .handoff-event-icon { width:26px; height:28px; }
}
.handoff-professional-summary .filter-value { font-size:13px; }
.handoff-professional-summary .handoff-filter-cell:nth-child(2) .filter-value { font-size:12px; }
@media(min-width:1081px) {
 .app-shell:not([data-nav-collapsed=true]) .rail .sm-nav-label { display:block; }
 .app-shell:not([data-nav-collapsed=true]) .rail .nav-development { display:block; }
}
@media(max-width:760px) {
 #wordstat-filter-toolbar:not([hidden]),#sales-filter-toolbar:not([hidden]),#metrics-filter-toolbar:not([hidden]),#matrix-filter-toolbar:not([hidden]) { display:grid!important; padding:6px 0; }
 .filter-summary { width:100%; }
 .filter-toggle { width:auto!important; max-width:130px; }
 .handoff-source { align-items:flex-start; }
 .handoff-source button { min-width:66px; }
 .handoff-method-label,.handoff-method-disclosure>summary { font-size:11px; line-height:17px; }
 .monthly-kpi .card-footer .handoff-kpi-details { width:auto; flex-basis:auto; }
 .monthly-kpi .handoff-kpi-details>summary { min-width:44px; height:44px; }
 .monthly-kpi .handoff-kpi-details[open] { flex-basis:100%; width:100%; }
 .monthly-kpi:has(.handoff-kpi-details[open]) .card-footer { flex-wrap:wrap; }
 .wordstat-analysis>.chart-surface { padding:17px; }
 .monthly-kpi .card-change-label[data-short] { font-size:0; line-height:0; }
 .monthly-kpi .card-change-label[data-short]::before { content:attr(data-short); font-size:10px; line-height:16px; }
 .monthly-kpi .card-dynamics[data-change-kind=full] summary { flex-wrap:nowrap; gap:3px; }
 .professional-filter-panel>.handoff-professional-summary { display:grid; grid-template-columns:1fr 1fr; padding:6px 0; }
 .professional-filter-panel>.handoff-professional-summary>.filter-toggle { grid-column:1/-1; text-align:right; width:100%!important; max-width:none; }
 .professional-filter-panel[open] #professional-filters { inset:0; transform:none; width:100%; max-height:none; height:100dvh; border-radius:0; grid-template-columns:1fr; align-content:start; padding:20px 16px; }
}
/* The old inline filter grid used ID selectors; explicitly replace that grid
   for every modal, including an unchanged form with no draft edits. */
:is(#wordstat-filters,#sales-filters,#matrix-filters,#filters).desktop-filters:not([hidden]) {
 display:grid!important; position:fixed!important; inset:auto; top:50%; left:50%; transform:translate(-50%,-50%);
 width:min(720px,calc(100vw - 48px)); height:auto; min-height:0; max-height:90dvh;
 grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-content:start; align-items:start;
 padding:24px; margin:0!important; border:1px solid #DED6CD; border-radius:14px; background:#FBFAF6; z-index:220; overflow:auto;
}
:is(#wordstat-filters,#sales-filters,#matrix-filters,#filters) .filter-edit-header {
 display:flex!important; position:sticky; top:-24px; z-index:2; grid-column:1/-1; width:100%; margin:0;
 align-items:center; justify-content:space-between; padding:0 0 12px; background:#FBFAF6;
}
:is(#wordstat-filters,#sales-filters,#matrix-filters,#filters) .filter-edit-actions {
 display:flex!important; grid-column:1/-1; width:100%; position:sticky; bottom:-24px; z-index:2;
 margin:0; padding:14px 0; gap:12px; justify-content:flex-end; background:#FBFAF6;
}
:is(#wordstat-filters,#sales-filters,#matrix-filters,#filters) .filter-edit-actions :is(.filter-reset,button[type=submit]) { display:inline-flex!important; width:auto; align-items:center; justify-content:center; min-height:44px; }
@media(max-width:760px) {
 :is(#wordstat-filters,#sales-filters,#matrix-filters,#filters).desktop-filters:not([hidden]) { inset:0; transform:none; width:100%; height:100dvh; max-height:100dvh; grid-template-columns:minmax(0,1fr); padding:20px 16px; border:0; border-radius:0; }
 :is(#wordstat-filters,#sales-filters,#matrix-filters,#filters) .filter-edit-header { top:-20px; }
 :is(#wordstat-filters,#sales-filters,#matrix-filters,#filters) .filter-edit-actions { bottom:-20px; }
 :is(#wordstat-filters,#sales-filters,#matrix-filters,#filters) .filter-edit-actions :is(.filter-reset,button[type=submit]) { flex:1; }
}
/* Shared period-population controls; stays in normal document flow. */
.population-toolbar{background:var(--sm-surface,#FBFAF6);border:1px solid #DED6CD;border-radius:12px;padding:12px 16px;margin-bottom:16px}
.population-toolbar [role=group]{display:flex;gap:8px;flex-wrap:wrap}
.population-toolbar button{min-height:44px;white-space:normal;text-align:left}
.population-toolbar button[aria-pressed=true]{background:#6B1F2D;color:#FBFAF6}
.population-toolbar .small{margin:8px 0}.population-details{font-size:14px;overflow-wrap:anywhere}
.population-comparison{margin-top:16px;max-width:100%}.population-comparison td{font-variant-numeric:tabular-nums}
.population-source-badge{font-size:14px;font-weight:600;color:#6B1F2D;margin:8px 0;line-height:1.5}
.lift-applied-context{font-size:14px;line-height:1.6;color:#51484B}
.lift-growths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.lift-growths article{padding:12px;background:#F2EFE8;border-radius:8px;display:grid;gap:8px}
.lift-growths strong{font-size:24px;font-variant-numeric:tabular-nums}
.lift-calculation{margin:16px 0;overflow-wrap:anywhere}.lift-calculation table{min-width:1050px}
.lift-explanation>p{max-width:100ch}.lift-calculation summary{min-height:44px;cursor:pointer}
@media(max-width:700px){#wordstat-workspace .kpi:has(.population-comparison):has(>details[open]){grid-column:1/-1}}
@media(max-width:420px){.population-toolbar{padding:10px}.population-toolbar [role=group]{display:grid;grid-template-columns:1fr 1fr}.population-toolbar button{padding:8px}.population-details summary{line-height:1.5}}