/* Commium — Direction A. Presentation tokens, shared by every existing view. */
@font-face{font-family:Inter;src:url('vendor/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  color-scheme:light;
  --background:#f5f5f7;--surface:#fff;--surface-subtle:#f5f5f7;--surface-hover:#ededf0;
  --text:#1d1d1f;--text-secondary:#45454b;--text-muted:#6e6e73;--text-disabled:#92929b;
  --border:#e5e5ea;--border-strong:#c7c7cf;--primary:#1d1d1f;--primary-hover:#38383d;--on-primary:#fff;
  --success:#18733d;--success-bg:#edf7f0;--warning:#925309;--warning-bg:#fff5e7;--danger:#b5332b;--danger-bg:#fff0ee;
  --focus:#617394;--overlay:rgb(15 15 20 / 35%);--header-background:rgb(255 255 255 / 93%);
  --font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:40px;
  --space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;
  --radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;
  --shadow-sm:0 1px 3px rgb(20 20 30 / 3%);--shadow-md:0 8px 32px rgb(20 20 30 / 6%);--shadow-lg:0 24px 80px rgb(10 10 20 / 15%);
  --sidebar-width:248px;--header-height:72px;--duration:160ms;--ease:cubic-bezier(.2,.7,.2,1);
  /* Compatibility aliases for existing component styles. */
  --bg:var(--background);--paper:var(--surface);--ink:var(--text);--muted:var(--text-muted);--line:var(--border);
  --green:var(--primary);--accent:var(--surface-hover);--mint:var(--surface-subtle);--orange:var(--warning);--radius:var(--radius-lg);--shadow:var(--shadow-sm);
}
:root[data-theme=dark]{
  color-scheme:dark;
  --background:#121214;--surface:#1c1c1f;--surface-subtle:#242428;--surface-hover:#2d2d32;
  --text:#f5f5f7;--text-secondary:#d2d2d8;--text-muted:#a2a2ac;--text-disabled:#72727d;
  --border:#323238;--border-strong:#4c4c55;--primary:#f5f5f7;--primary-hover:#dcdce2;--on-primary:#18181b;
  --success:#79d8a2;--success-bg:#20362b;--warning:#edbc77;--warning-bg:#3a3022;--danger:#f4a39b;--danger-bg:#3c2728;
  --focus:#a8bce0;--overlay:rgb(0 0 0 / 65%);--header-background:rgb(28 28 31 / 94%);
  --shadow-sm:0 1px 3px rgb(0 0 0 / 12%);--shadow-md:0 8px 32px rgb(0 0 0 / 18%);--shadow-lg:0 24px 80px rgb(0 0 0 / 40%);
}
html{scroll-padding-top:96px}
body{font:400 var(--text-md)/1.5 var(--font);background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font-family:var(--font)}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}
button:active{transform:none}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
button:disabled,input:disabled,select:disabled{opacity:.45;cursor:not-allowed}
[hidden]{display:none!important}
svg{flex-shrink:0}
::selection{background:var(--text);color:var(--surface)}
.skip-link{position:fixed;top:8px;left:16px;z-index:100;background:var(--primary);color:var(--on-primary);padding:12px 16px;border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
h1,h2,h3,.metric-value,.native-total,.plan-total strong{font-family:var(--font);color:var(--text)}
h1{font-size:var(--text-3xl);line-height:1.15;font-weight:650;letter-spacing:-1.1px;margin:0 0 12px}
h2{font-size:var(--text-lg);font-weight:600;line-height:1.4;letter-spacing:-.35px}
h3{font-size:var(--text-md);line-height:1.5;letter-spacing:-.15px;font-weight:600}
p{color:var(--text-muted);font-size:var(--text-sm);line-height:1.65}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:12px;line-height:1.5}
.micro,.muted,.status-line,.comparison-caption,.chart-caption,.timeline-date{font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}
.amount,.metric-value,.native-total,.campaign-numbers,.ratio-grid strong,.network-kpis strong,td{font-variant-numeric:tabular-nums}

/* Navigation and application shell. */
#sidebar{width:var(--sidebar-width);height:100dvh;padding:24px 16px 16px;background:var(--surface);border-right:1px solid var(--border);gap:0;transition:width var(--duration) var(--ease),transform var(--duration) var(--ease);z-index:40;overflow:hidden}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:0 8px}
.wordmark{display:flex;align-items:center;min-width:0;line-height:1}
.wordmark img{width:124px;height:auto;display:block}
.compact-wordmark{display:none;font-size:25px;font-weight:750;letter-spacing:-1.8px}
[data-theme=dark] .wordmark img{filter:brightness(0) invert(1)}
.brand-sub{font:500 10px/1.5 var(--font);letter-spacing:1.4px;margin:12px 8px 0;color:var(--text-muted)}
.workspace{margin:24px 0;padding:12px;border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:10px;min-height:66px;flex-shrink:0}
.client-logo{font:600 13px var(--font);width:32px;height:32px;border-radius:8px;background:var(--surface-subtle);color:var(--text);flex-shrink:0}
.workspace strong,.workspace-copy select{font:600 13px var(--font);color:var(--text)}
.workspace small{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.5}
.workspace-dot{background:var(--text-disabled)}
#nav{gap:4px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:0 0 8px}
#nav>a{min-height:40px;flex-shrink:0;padding:10px 12px;font-size:13px;font-weight:450;color:var(--text-secondary);border-radius:8px;gap:10px;position:relative}
#nav>a svg{width:18px;height:18px;opacity:.9;stroke-width:1.65}
#nav>a:hover{background:var(--surface-subtle);color:var(--text)}
#nav>a.active{background:var(--surface-hover);color:var(--text);font-weight:600}
#nav>a.unsubscribed{opacity:1;color:var(--text-muted)}
#nav>a.unsubscribed:not(.active)>svg{opacity:.55}
#nav .nav-label{font:600 10px/1.5 var(--font);letter-spacing:1.2px;color:var(--text-muted);margin:0 12px 8px;min-height:16px;flex-shrink:0}
#nav .nav-label a{padding:0;min-height:16px;line-height:16px;font-size:16px;color:var(--text-muted);background:none}
.nav-separator{margin:16px 12px;border:0;height:1px;background:var(--border);flex-shrink:0}
.nav-count{font-size:10px;padding:1px 6px;background:var(--surface-hover);color:var(--text-muted);border-radius:5px;line-height:18px;min-width:20px;text-align:center}
.module-state{font-size:12px;color:var(--text-disabled);margin-left:auto}
.module-state.on{color:var(--text-muted);font-size:8px}
.sidebar-bottom{margin-top:0;padding-top:12px;flex-shrink:0}
.advisor{padding:16px 8px 12px;border-top:1px solid var(--border);gap:10px}
.avatar{font:600 11px var(--font);background:var(--surface-hover);color:var(--text);width:32px;height:32px;border:1px solid var(--border)}
.advisor strong{font-size:12px;font-weight:600}.advisor small{font-size:11px;color:var(--text-muted);margin-top:3px}
.sidebar-bottom .text-btn{font-size:11px;color:var(--text-muted);padding:8px;line-height:1.5}
.demo-note{font-size:9px;letter-spacing:.8px;margin:8px 8px 0;padding-top:12px;color:var(--text-muted)}
.demo-note span{font-size:10px;line-height:1.5;letter-spacing:0}
.app{margin-left:var(--sidebar-width);transition:margin-left var(--duration) var(--ease)}
.app>header{height:var(--header-height);padding:0 32px;position:sticky;top:0;z-index:30;background:var(--header-background);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);gap:24px}
.breadcrumb{font-size:12px;gap:12px;min-width:0;white-space:nowrap}
.breadcrumb>span,.breadcrumb b{color:var(--text-muted)}
.breadcrumb strong{font-weight:500;overflow:hidden;text-overflow:ellipsis}
.header-right{gap:16px;min-width:0}.header-right .demo-pill{display:none}
.icon-btn,.notification-btn{border:1px solid transparent;background:transparent;color:var(--text-muted);width:36px;height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:8px;position:relative}
.icon-btn svg,.notification-btn svg{width:18px;height:18px;stroke-width:1.65}
.icon-btn:hover,.notification-btn:hover{background:var(--surface-hover);color:var(--text)}
.notification-count{font:600 9px var(--font);background:var(--primary);color:var(--on-primary);border:2px solid var(--surface);min-width:17px;height:17px;top:1px;right:0;display:grid;place-items:center;padding:0 3px}
.role{font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);padding:8px 12px;border-radius:8px;white-space:nowrap}
.role:hover{background:var(--surface-subtle)}.role span{padding-left:8px}
.avatar-small{width:32px;height:32px;font-size:11px}
.quick-search{display:flex;align-items:center;gap:8px;min-height:36px;min-width:216px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);color:var(--text-muted);font-size:12px;text-align:left}
.quick-search svg{height:15px;width:15px}.quick-search kbd{margin-left:auto}
kbd{font:500 10px var(--font);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:2px 5px;background:var(--surface);white-space:nowrap}
#menu{display:none}.sidebar-scrim{display:none}
main{padding:40px 40px 24px;max-width:1600px;margin:auto;min-height:calc(100dvh - 124px)}
.app>footer{font-size:11px;color:var(--text-muted);padding:24px 40px 32px;border:0}
.page-heading{align-items:center;gap:24px;margin-bottom:32px}.page-heading p{font-size:13px;max-width:640px;line-height:1.6}
.heading-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.btn,.date-range-button{font-size:12px;font-weight:500;border-radius:8px;min-height:40px;padding:10px 14px;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
.btn svg,.date-range-button svg{width:16px;height:16px;stroke-width:1.75}
.btn:hover,.date-range-button:hover{background:var(--surface-subtle);border-color:var(--border-strong)}
.btn.primary,.btn.lime{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.btn.primary:hover,.btn.lime:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
main .btn.primary:not(.screen-primary),main .btn.lime:not(.screen-primary){background:var(--surface);color:var(--text);border-color:var(--border)}
main .btn.primary:not(.screen-primary):hover,main .btn.lime:not(.screen-primary):hover{background:var(--surface-subtle);border-color:var(--border-strong)}
.small-link,.text-btn{font-size:12px;color:var(--text-secondary);line-height:1.5}
.small-link svg{width:14px;height:14px}.small-link:hover,.text-btn:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}

/* Data surfaces: restrained containers, clear hierarchy, generous rhythm. */
.card,.metric,.service-card,.rec-card,.client-card,.campaign-panel,.native-series-grid>article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.card{padding:24px}.card-head{gap:16px;margin-bottom:24px}.card-head p{font-size:12px;margin:6px 0 0}
.metrics{gap:16px;margin-bottom:24px;grid-template-columns:repeat(4,minmax(0,1fr))}
.metric{padding:24px;min-width:0}.metric-top{font-size:12px;line-height:1.5;color:var(--text-muted);margin-bottom:16px;gap:8px;align-items:flex-start;min-height:36px}
.metric-top svg{width:16px;height:16px;opacity:.8;margin-top:1px}
.metric-value{font:550 30px/1.15 var(--font);letter-spacing:-1px;overflow-wrap:normal;white-space:nowrap}
.metric-foot{font-size:11px;margin-top:16px;gap:6px;color:var(--text-muted);line-height:1.5;flex-wrap:wrap}
.metric-foot>span{font-size:11px}.metric-foot .neutral{padding:0;background:none}
.grid-main{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px;margin-bottom:24px}.grid-half{gap:24px;margin-bottom:24px}
.bottom-gap{margin-bottom:24px}
.access-form{display:grid;gap:20px;max-width:760px}
.access-form .two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.access-form label{display:grid;gap:8px;color:var(--text-secondary);font-size:12px;font-weight:600}
.access-form input,.access-form select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit}
.access-form :is(input,select):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.access-list .table-wrap{overflow-x:auto}
.portal-login{max-width:560px;margin:64px auto;text-align:center}
.portal-login h1{font-size:28px;letter-spacing:-.03em}
.portal-login p{color:var(--text-secondary);margin:12px 0 28px}
.portal-login #portal-sign-in{display:flex;justify-content:center;width:min(100%,400px);margin-inline:auto}
.portal-login-logo{display:block;width:154px;height:auto;margin:0 auto 28px}
html[data-portal-auth=pending] #sidebar,
html[data-portal-auth=required] #sidebar,
html[data-portal-auth=denied] #sidebar,
html[data-portal-auth=pending] #sidebar-scrim,
html[data-portal-auth=required] #sidebar-scrim,
html[data-portal-auth=denied] #sidebar-scrim,
html[data-portal-auth=pending] .app>header,
html[data-portal-auth=required] .app>header,
html[data-portal-auth=denied] .app>header,
html[data-portal-auth=pending] .app>footer,
html[data-portal-auth=required] .app>footer,
html[data-portal-auth=denied] .app>footer{display:none}
html[data-portal-auth=pending] .app,
html[data-portal-auth=required] .app,
html[data-portal-auth=denied] .app{margin-left:0;min-height:100dvh;display:grid;place-items:center}
html[data-portal-auth=pending] #main,
html[data-portal-auth=required] #main,
html[data-portal-auth=denied] #main{width:min(100%,640px);padding:24px}
html[data-portal-auth=pending] #main>.card,
html[data-portal-auth=required] #main>.card,
html[data-portal-auth=denied] #main>.card{margin:0 auto}
@media(max-width:680px){.access-form .two-col{grid-template-columns:1fr}.portal-login{margin:24px auto}}
.hero{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:24px 32px;gap:24px;margin-bottom:24px;border-radius:16px;box-shadow:var(--shadow-sm)}
.hero:after{display:none}.hero .eyebrow{font-size:10px;color:var(--text-muted);margin-bottom:8px}.hero h2{font-size:20px;font-weight:550;color:var(--text);letter-spacing:-.5px}.hero p{font-size:12px;color:var(--text-muted);max-width:660px}
.hero-icon{display:none}.hero-right{gap:16px}.hero .btn.lime{background:var(--primary);color:var(--on-primary)}
.tag,.stage,.positive,.negative,.neutral{font-size:10px;line-height:1.4;font-weight:500;border-radius:5px;letter-spacing:0;padding:4px 7px;background:var(--surface-subtle);color:var(--text-muted)}
.positive,.stage.won,.tag.success{color:var(--success);background:var(--success-bg)}
.negative,.stage.lost,.error{color:var(--danger)}.negative,.stage.lost{background:var(--danger-bg)}
.tag.amber,.stage.new,.warning,.caution{color:var(--warning);background:var(--warning-bg)}
.tag.gray,.neutral{color:var(--text-muted);background:var(--surface-subtle)}
.note,.insight,.data-absence{padding:16px;background:var(--surface-subtle);border-radius:8px;color:var(--text-muted);font-size:12px;line-height:1.7;box-shadow:none}
.note{margin:24px 0}.insight strong{color:var(--text-secondary)}
.data-coverage,.freshness-strip{padding:12px 16px;border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:24px;color:var(--text-muted);gap:12px;line-height:1.5}
.data-coverage{font-size:12px}.freshness-strip strong{font-size:12px;color:var(--text-secondary)}.freshness-strip span{font-size:11px;color:var(--text-muted);margin-top:4px}
.setup-callout{padding:16px 24px;border:1px solid color-mix(in srgb,var(--warning) 25%,transparent);background:var(--warning-bg);border-radius:12px}
.setup-callout strong{font-size:13px;color:var(--text)}.setup-callout small{font-size:12px;color:var(--warning)}.setup-callout svg{color:var(--warning)}
.empty{padding:32px 24px;color:var(--text-muted);font-size:13px}.empty-commercial{padding:0 0 8px}.empty-commercial h2{font-size:22px;margin:16px 0 12px}.empty-commercial p{font-size:13px}
.commercial-steps{margin:24px 0}.commercial-steps span{font-size:11px;padding:8px 12px;background:var(--surface-subtle);color:var(--text-muted)}
table{font-size:12px}th{font-size:10px;font-weight:600;letter-spacing:.7px;color:var(--text-muted);padding:0 16px 16px 0;border-bottom:1px solid var(--border)}
td{padding:16px 16px 16px 0;border-color:var(--border);font-size:12px;color:var(--text-secondary)}td strong{font-weight:550;color:var(--text)}
tbody tr{transition:background var(--duration) var(--ease)}tbody tr:hover{background:var(--surface-subtle)}
.source-icon,.section-icon,.service-icon,.campaign-symbol,.rec-symbol,.notification-symbol{border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle);color:var(--text-secondary)}
.chart{height:232px}.chart text{font:11px var(--font);fill:var(--text-muted)}
.legend{font-size:11px;color:var(--text-muted)}.legend i{background:var(--text)}.legend .previous i{background:var(--border-strong)}
.chart-caption{margin-top:16px;flex-wrap:wrap}.comparison-caption{margin-top:16px}
.segmented{padding:4px;border-radius:8px;background:var(--surface-subtle);gap:4px;flex-wrap:wrap}
.segmented button{font-size:11px;min-height:30px;padding:6px 10px;color:var(--text-muted);border-radius:6px}
.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
.funnel-label{font-size:12px;color:var(--text-muted)}.funnel-label strong{font:550 16px var(--font);color:var(--text)}
.funnel-row{margin-bottom:24px}.bar-track{background:var(--surface-subtle);height:6px;border-radius:4px}.bar{border-radius:4px}
.funnel-foot{padding-top:16px;border-color:var(--border)}.funnel-foot strong{font:550 24px var(--font);color:var(--text)}.funnel-foot p{font-size:12px}
.kpi-mini{padding:16px 0;font-size:12px;border-color:var(--border)}

/* Service pages: photography supports the page; metrics remain the focus. */
.module-toolbar{margin:0 0 16px;gap:16px;align-items:center}.module-toolbar .eyebrow{margin:0;font-size:10px}
.module-hero{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);min-height:208px;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;box-shadow:var(--shadow-sm)}
.module-hero-copy{padding:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.module-hero h1{font-size:30px;font-weight:600;line-height:1.12;letter-spacing:-1px;margin:12px 0;max-width:520px}
.module-hero p{font-size:12px;line-height:1.6;margin:0;max-width:520px;color:var(--text-muted)}
.module-hero-copy>.small-link{margin-top:16px;font-size:11px}
.module-hero-image{min-height:208px;max-height:240px;height:100%;background:#eeece9}
.module-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.module-hero:not(:has(.module-hero-image)){grid-template-columns:1fr;min-height:160px}
.module-context{font-size:12px;color:var(--text-muted);margin:8px 0 24px;line-height:1.6}
.campaign-grid{gap:16px}.campaign-panel{padding:24px;overflow:hidden}.campaign-top{gap:16px;align-items:flex-start}
.campaign-top h3{font-size:16px;font-weight:600;letter-spacing:-.4px}.campaign-top p{font-size:12px}.campaign-symbol{width:36px;height:36px;font-size:16px}
.campaign-numbers{gap:16px;margin-top:24px;padding-top:24px;border-color:var(--border)}
.campaign-numbers strong{font-size:26px;font-weight:550;letter-spacing:-.7px;color:var(--text)}.campaign-numbers span,.campaign-unit{font-size:11px;color:var(--text-muted)}
.budget-track{height:4px;background:var(--surface-subtle)}.budget-share{font-size:11px;color:var(--text-muted);margin-top:16px}
.campaign-details{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;font-size:12px}
.campaign-details summary{color:var(--text-secondary);cursor:pointer;line-height:1.5}.campaign-details summary:hover{color:var(--text)}
.network-reports{gap:16px}.network-report h2{font-size:18px}.network-kpis{gap:16px}.network-kpis strong{font-size:28px;font-weight:550}.network-kpis span{font-size:12px}
.native-series-grid{gap:16px}.native-series-grid>article{padding:24px}.native-total{font-weight:550;font-size:32px}.native-sparkline{height:112px}
.ratio-grid{gap:24px;padding-top:24px;border-color:var(--border)}.ratio-grid>div+div{border-color:var(--border);padding-left:24px}.ratio-grid span,.ratio-grid small{font-size:12px}.ratio-grid strong{font-size:28px;font-weight:550}
.publication-month{font-size:15px}.publication-row{padding:16px 0;border-color:var(--border)}.publication-row h3{font-size:13px}.publication-row p{font-size:12px}
.graphics-hub{padding:32px;gap:32px}.graphics-hub h2{font-size:24px}.creative-steps>span{font-size:13px;padding:16px 0}.creative-steps b{color:var(--text-muted)}

/* Journal: an actual chronological rail, distinct from financial cards. */
.module-journal{margin-top:32px}.journal-panel{background:transparent;border:0;box-shadow:none;padding:0}
.journal-intro{padding:0;margin:0 0 24px;border:0}.journal-intro h2{font-size:20px}.journal-intro p{font-size:12px}
.journal-timeline{padding:0}.journal-entry{border:0;border-radius:0;margin:0 0 0 14px;padding:0 0 24px 32px;border-left:1px solid var(--border-strong);background:none;box-shadow:none;position:relative}
.journal-entry:last-child{padding-bottom:0;border-left-color:transparent}.journal-marker{left:-15px;top:2px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);width:29px;height:29px}
.journal-marker svg{width:14px;height:14px}.journal-summary{padding:4px 0;gap:16px;align-items:flex-start;cursor:pointer}.journal-summary h3{font-size:14px}.journal-meta{font-size:11px;color:var(--text-muted);gap:8px}.journal-chevron{color:var(--text-muted);margin-left:auto}
.journal-body{padding:16px 0 0;margin:0;background:none;border:0}.journal-body p{font-size:13px;max-width:760px}.journal-body strong{color:var(--text-secondary)}
.timeline-text strong{font-size:12px;font-weight:550}.timeline-text p{font-size:12px}.timeline-date{font-size:11px}.timeline-item{gap:16px;padding-bottom:24px}
.timeline-bubble{width:28px;height:28px;background:var(--surface-subtle);color:var(--text-muted)}.timeline-item:not(:last-child):before{border-color:var(--border)}
.next-step{padding-top:24px;gap:16px}.next-step p{font-size:11px}.date-box{padding:8px;background:var(--surface-subtle);width:40px}.date-box small{font-size:9px}

/* Recommendations, services, and agency portfolio. */
.rec-intro{background:var(--surface);border:1px solid var(--border);padding:32px;border-radius:16px;margin-bottom:24px;color:var(--text)}
.rec-intro h2{color:var(--text);font-size:24px;font-weight:550}.rec-intro p{color:var(--text-muted);font-size:13px}.rec-intro .eyebrow{color:var(--text-muted)}
.rec-intro-stats strong{font-size:28px;color:var(--text);font-weight:550}.rec-intro-stats span{font-size:11px;color:var(--text-muted)}.rec-intro-stats{border-color:var(--border)}
.rec-toolbar{gap:16px;margin:24px 0}.rec-tabs{gap:8px}.rec-tabs button{font-size:12px;min-height:36px;padding:8px 12px;border-radius:8px;color:var(--text-muted)}
.rec-tabs button.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.rec-grid{gap:24px}.rec-card{overflow:hidden}.rec-card-copy{padding:24px}.rec-card h2{font-size:21px;line-height:1.3;letter-spacing:-.5px}.rec-card p{font-size:12px}.rec-card-top{margin-bottom:16px}
.rec-banner{height:184px}.rec-facts{gap:16px;padding:16px 0;margin-top:24px;border-color:var(--border)}.rec-facts span{font-size:11px}.rec-facts strong{font-size:13px}
.rec-card-bottom{padding-top:16px;margin-top:8px;border-color:var(--border)}.rec-agency-actions{font-size:11px}.rec-kind{font-size:10px}
.recommendations-teaser{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;color:var(--text);padding:24px;margin-top:24px}
.recommendations-teaser h2{font-size:20px;color:var(--text)}.recommendations-teaser p{color:var(--text-muted);font-size:12px}.recommendations-teaser .eyebrow{color:var(--text-muted)}
.services,.portfolio-grid{gap:24px}.service-card,.client-card{padding:24px}.service-card h3{font-size:18px;margin-top:16px}.service-card p{font-size:12px;line-height:1.65}.service-card .btn{margin-top:auto}.service-card.inactive{opacity:1;background:var(--surface)}
.service-card.inactive .service-icon{color:var(--text-muted)}.client-card h2{font-size:23px}.client-card-bottom{padding-top:24px;border-color:var(--border)}
.client-card-bottom small,.client-service-pills span{font-size:11px}.client-service-pills{margin:24px 0}.client-monogram{background:var(--surface-subtle);color:var(--text)}
.subscription-summary{background:var(--surface);border-color:var(--border);padding:24px 32px}.subscription-summary p{font-size:12px}.subscription-summary strong{font-size:28px}.subscription-summary strong small{font-size:12px}

/* Calendar, validations and forms. */
.calendar{border-color:var(--border)}.day{min-height:112px;border-color:var(--border);background:var(--surface);padding:8px}.day.blank{background:var(--surface-subtle)}
.week-label{font-size:10px;padding:16px 8px;color:var(--text-muted)}.day-num{font-size:12px}.day.today .day-num{background:var(--primary);color:var(--on-primary)}
.cal-event{background:var(--surface-subtle);color:var(--text-secondary);font-size:11px;padding:6px 8px;border-radius:5px;line-height:1.5}.cal-event:hover{background:var(--surface-hover)}.cal-event.bat{color:var(--warning);background:var(--warning-bg)}
.cal-event.range-event{background:var(--surface-subtle);color:var(--text);border-left:3px solid var(--text-secondary);font-weight:550;min-height:34px}
.cal-event.range-event.range-start{border-radius:7px 3px 3px 7px}
.cal-event.range-event.range-middle{border-radius:3px}
.cal-event.range-event.range-end{border-radius:3px 7px 7px 3px}
.cal-event.range-event:hover{background:var(--surface-hover)}
.task-row,.validation{padding:24px 0;gap:16px;border-color:var(--border)}.task-copy h3,.validation h3{font-size:14px}.task-copy p,.validation p{font-size:12px}.task-check{border-color:var(--border-strong);background:var(--surface);color:var(--text);border-radius:6px}
.task-row.done .task-check{background:var(--success-bg);color:var(--success);border-color:var(--success)}
.filter-row{gap:12px;margin:0 0 24px;flex-wrap:wrap}.filter-row input,.filter-row select,.field input,.field select,.field textarea{font-size:13px;min-height:42px;line-height:1.5;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
.field label,.field>span{font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:8px;display:block}.field{margin-bottom:16px}.field textarea{min-height:112px}
input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input[type=checkbox]{accent-color:var(--primary)}
.two-col,.mapping-grid{gap:0 16px}.form-actions{margin-top:24px;padding-top:24px;border-top:1px solid var(--border);gap:8px}
dialog{border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);padding:32px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);width:640px}
dialog::backdrop{background:var(--overlay);backdrop-filter:blur(5px)}.dialog-top{margin-bottom:24px;gap:24px}.dialog-top h2{font-size:24px;font-weight:600;letter-spacing:-.7px;line-height:1.25}.dialog-top .eyebrow{font-size:10px}.dialog-copy{font-size:13px;line-height:1.7;margin-bottom:24px}
.notification-item{padding:16px 0;border-color:var(--border)}.notification-item strong{font-size:13px}.notification-item p{font-size:12px}
#toast{background:var(--primary);color:var(--on-primary);border:1px solid var(--border);font-size:12px;border-radius:10px;box-shadow:var(--shadow-md);padding:16px 24px;max-width:calc(100vw - 32px);line-height:1.5}
.onboarding-steps{margin:32px 0;gap:24px}.onboarding-steps li{font-size:12px}.onboarding-steps b{width:32px;height:32px;font-size:12px;background:var(--surface);border-color:var(--border)}
.onboarding-steps .current{color:var(--text)}.onboarding-steps .current b{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.onboarding-layout{gap:24px}.onboarding-main{padding:32px}.onboarding-main>h2{font-size:24px}.onboarding-aside{top:96px;padding:24px}.onboarding-aside h3{font-size:16px}
.plan-total strong{font-size:32px;color:var(--text)}.plan-total>span,.plan-mini span{font-size:12px}.plan-mini strong{font-size:14px}.onboarding-tip p{font-size:12px}
.onboarding-service{background:var(--surface);border-color:var(--border);margin-bottom:16px;border-radius:12px}.onboarding-service.selected{border-color:var(--text-muted)}
.service-check{padding:16px;gap:16px}.service-check strong{font-size:13px}.service-check small{font-size:12px}.service-check-icon{background:var(--surface-subtle);color:var(--text-secondary)}.service-price-fields{background:var(--surface-subtle);border-color:var(--border);padding:24px 24px 8px 64px}
.reporting-month{padding:32px;gap:32px}.reporting-month h2{font-size:24px}.reporting-month .field{font-size:12px}.reporting-progress{border-color:var(--border);padding-left:32px}.reporting-progress>strong{font-size:32px}.reporting-progress small{font-size:12px}
.reporting-sources{gap:24px}.report-source-card h2{font-size:18px}.report-source-card>.micro{font-size:12px;margin-bottom:24px;line-height:1.65}
.report-upload,.upload-zone{padding:32px 24px;background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:12px}.report-upload strong{font-size:14px}.report-upload>span,.report-upload input{font-size:12px}.report-upload:hover{border-color:var(--text-muted)}
.import-stat-grid{gap:16px;margin:24px 0}.import-stat-grid>div{background:var(--surface-subtle);padding:16px}.import-stat-grid strong{font-size:24px}.import-stat-grid span{font-size:12px}.native-detection{background:var(--surface-subtle);border-color:var(--border);padding:16px}
.connection-row{padding:24px;gap:24px}.connection-title h2{font-size:20px}.connection-references{font-size:12px}.connection-order{font:400 24px var(--font);color:var(--text-disabled)}.connection-copy summary{font-size:12px}.connection-copy details p{font-size:12px}.source-register>div{font-size:12px;border-color:var(--border)}
.banner-editor{background:var(--surface-subtle);border-color:var(--border);padding:16px}.banner-editor legend{font-size:12px;color:var(--text-secondary)}.banner-choice{background:var(--surface);border-color:var(--border)}.banner-choice span{font-size:10px}.banner-empty{color:var(--text-muted);background:var(--surface)}
.range-comparison{background:var(--surface-subtle);padding:16px;gap:16px}.range-comparison span{font-size:12px}.range-presets{gap:8px;margin-bottom:24px}

/* Command palette. Reads existing navigation; never writes business state. */
#command-palette{padding:0;width:600px;margin:14vh auto auto;border-radius:16px;overflow:hidden}
.command-search-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}
.command-search-row>svg{width:20px;height:20px;color:var(--text-muted)}
#command-query{border:0;outline:none;box-shadow:none;background:transparent;color:var(--text);font-size:15px;line-height:24px;flex:1;min-width:0;padding:4px 0}
.command-results{padding:8px;max-height:min(50vh,400px);overflow-y:auto;overscroll-behavior:contain}
.command-section{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:8px 12px}
.command-option{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;color:var(--text-secondary);cursor:pointer;min-height:48px}
.command-option[aria-selected=true]{background:var(--surface-subtle);color:var(--text)}
.command-option>svg{width:18px;height:18px;color:var(--text-muted)}.command-option>span{font-size:13px;flex:1}.command-option small{font-size:11px;color:var(--text-muted)}
.command-empty{padding:32px 24px;font-size:13px;text-align:center;color:var(--text-muted)}
.command-footer{display:flex;align-items:center;gap:16px;border-top:1px solid var(--border);padding:12px 20px;font-size:10px;color:var(--text-muted)}.command-footer span{display:flex;align-items:center;gap:6px}
.command-status{font-size:11px;color:var(--text-muted);padding:0 20px 12px}

/* Icon rail. Labels remain accessible; native titles are available on hover. */
@media(min-width:901px){
  :root[data-sidebar=collapsed]{--sidebar-width:80px}
  [data-sidebar=collapsed] #sidebar{padding:24px 12px 16px}
  [data-sidebar=collapsed] .brand-row{padding:0;flex-direction:column;gap:12px}
  [data-sidebar=collapsed] .wordmark img{display:none}[data-sidebar=collapsed] .compact-wordmark{display:block}
  [data-sidebar=collapsed] .brand-sub,[data-sidebar=collapsed] .workspace-copy,[data-sidebar=collapsed] .workspace-dot,[data-sidebar=collapsed] .advisor>div,[data-sidebar=collapsed] .demo-note,[data-sidebar=collapsed] .sidebar-bottom .text-btn{display:none}
  [data-sidebar=collapsed] .workspace{padding:8px;margin:20px 0;min-height:48px;justify-content:center;cursor:pointer}
  [data-sidebar=collapsed] #nav>a{padding:12px;justify-content:center;min-height:44px}
  [data-sidebar=collapsed] #nav>a>span:not(.nav-count){display:none}
  [data-sidebar=collapsed] #nav .nav-label{font-size:0;line-height:0;min-height:0;margin:0;height:0;overflow:hidden}
  [data-sidebar=collapsed] .nav-separator{margin:12px 8px}
  [data-sidebar=collapsed] .nav-count{position:absolute;top:0;right:0;font-size:8px;line-height:14px;min-width:15px;padding:0 3px}
  [data-sidebar=collapsed] .advisor{padding:16px 0 0;justify-content:center}
}
@media(min-width:1600px){main{padding:48px}.app>header{padding:0 48px}.module-hero h1{font-size:36px}.module-hero{min-height:224px}.module-hero-image{min-height:224px}.metric-value{font-size:36px}}
@media(max-width:1200px){
  main{padding:32px}.app>header{padding:0 24px;gap:16px}.header-right{gap:10px}.quick-search{min-width:176px}.breadcrumb>span,.breadcrumb>b{display:none}
  .page-heading{align-items:flex-start;flex-direction:column;gap:20px}.heading-actions{justify-content:flex-start}
  .metric{padding:20px}.metric-value{font-size:26px}.metrics{gap:12px}.metric-top{font-size:11px}.module-hero-copy{padding:24px}.module-hero h1{font-size:28px}
  .grid-main{grid-template-columns:1fr}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reporting-sources{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){.quick-search{min-width:36px;width:36px;padding:9px}.quick-search span,.quick-search kbd{display:none}.module-toolbar{flex-wrap:wrap}.module-hero{grid-template-columns:minmax(0,1.35fr) minmax(200px,1fr)}.campaign-grid{grid-template-columns:1fr}.network-reports{grid-template-columns:1fr}.hero{align-items:flex-start}.hero-right{align-self:center}.onboarding-layout{grid-template-columns:1fr}.onboarding-aside{position:static}}
@media(max-width:900px){
  :root,:root[data-sidebar=collapsed]{--sidebar-width:248px}
  #sidebar{transform:translateX(-100%);box-shadow:none;width:min(300px,85vw)}#sidebar.open{transform:translateX(0);box-shadow:var(--shadow-lg)}
  .app{margin-left:0}#menu{display:inline-flex}.app>header{height:64px;padding:0 24px}.breadcrumb{gap:8px}.breadcrumb strong{font-size:12px}.header-right{gap:8px}
  #sidebar.open~.sidebar-scrim{display:block;position:fixed;inset:0;z-index:35;background:var(--overlay);border:0;backdrop-filter:blur(3px)}
  body:has(#sidebar.open){overflow:hidden}.app:has(~dialog[open]){isolation:isolate}
  main{padding:32px 24px}.app>footer{padding:24px}.brand-row{padding-right:0}.module-hero-image{max-height:232px}
  .module-hero h1{font-size:30px}.metric-value{font-size:28px}.metric{padding:20px}.grid-half{gap:16px}
}
@media(max-width:640px){
  .app>header{padding:0 16px;gap:8px}.header-right{gap:4px}.role{font-size:11px;padding:8px}.role span{display:none}.avatar-small{display:none}.breadcrumb strong{max-width:100px;font-size:11px}.breadcrumb{flex:1}
  .quick-search,.icon-btn,.notification-btn{width:34px;min-width:34px;height:34px}.quick-search{background:transparent;border:0}.notification-count{top:-1px}
  main{padding:24px 16px}.app>footer{padding:24px 16px}h1{font-size:28px;letter-spacing:-.8px}.page-heading{gap:16px;margin-bottom:24px}.page-heading p{font-size:12px}.heading-actions{width:100%;gap:8px}.heading-actions>.date-range-button{flex:1}
  .btn,.date-range-button{font-size:11px;min-height:40px;padding:10px 12px}.eyebrow{font-size:10px}
  .card{padding:20px}.card-head{gap:12px;flex-wrap:wrap;margin-bottom:20px}.card-head h2{font-size:16px}.card-head p{font-size:12px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.metric{padding:16px}.metric-top{font-size:11px;margin-bottom:12px;min-height:32px}.metric-top svg{width:14px;height:14px}.metric-value{font-size:24px;letter-spacing:-.7px}.metric-foot{margin-top:12px;gap:4px}.metric-foot>span{font-size:10px}
  .hero{padding:24px;flex-direction:column;gap:20px}.hero h2{font-size:20px}.hero-right{align-self:stretch}.hero-right .btn{width:100%}
  .grid-half,.rec-grid,.services,.portfolio-grid,.reporting-sources,.native-series-grid,.method-grid,.two-col,.mapping-grid{grid-template-columns:1fr;gap:16px}
  .module-toolbar{gap:12px;margin-bottom:16px}.module-toolbar .heading-actions{gap:8px}.module-toolbar .eyebrow{font-size:10px}
  .module-hero{display:grid;grid-template-columns:minmax(0,1fr) 112px;min-height:192px;margin-bottom:24px}.module-hero-copy{padding:24px 16px 24px 24px}.module-hero h1{font-size:24px;line-height:1.15;margin:12px 0;letter-spacing:-.7px}.module-hero p{font-size:11px}.module-hero .tag{font-size:8px}.module-hero-image{height:100%;min-height:192px;max-height:none;overflow:hidden}.module-hero-image img{height:100%;object-position:58% center!important}.module-hero-copy>.small-link{font-size:10px;text-align:left;white-space:normal}
  .freshness-strip{padding:12px;gap:8px}.freshness-strip strong{font-size:11px}.freshness-strip span{font-size:10px}.freshness-strip>div{min-width:160px}.freshness-strip>.small-link{margin-left:25px}
  .campaign-panel{padding:20px}.campaign-numbers{gap:12px}.campaign-numbers strong{font-size:23px}.campaign-top h3{font-size:15px}.ratio-grid{gap:16px}.ratio-grid>div+div{padding:16px 0 0;border-left:0;border-top:1px solid var(--border)}
  .rec-intro{padding:24px}.rec-intro h2{font-size:21px}.rec-banner{height:160px}.rec-card-copy{padding:24px}.rec-toolbar{flex-wrap:wrap}.rec-tabs{flex-wrap:wrap}.rec-tabs button{font-size:11px;padding:8px 10px}.rec-facts{flex-wrap:wrap}.rec-card-bottom{flex-wrap:wrap;gap:12px}
  .calendar-wrap{overflow-x:auto}.calendar{min-width:660px}.day{min-height:96px}.task-row,.validation{padding:20px 0;flex-wrap:wrap}
  .filter-row input,.filter-row select,.field input,.field select,.field textarea{font-size:16px}.filter-row label{min-width:0}.filter-row>label:first-child{width:100%}.filter-row select{width:100%}.filter-row .micro{width:100%}
  .seo-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seo-filters select{font-size:12px}.table-wrap{margin:0 -4px;padding:0 4px}.table-wrap table{font-size:12px}td{padding:16px 12px 16px 0}
  .onboarding-main{padding:24px 20px}.onboarding-steps{gap:8px}.onboarding-steps li{font-size:10px;gap:6px}.onboarding-steps b{width:28px;height:28px;font-size:11px}.service-check{padding:16px;gap:10px}.service-price-fields{padding:16px 16px 0}.onboarding-main .form-actions .btn{flex:1}.subscription-summary{padding:24px;flex-wrap:wrap}
  .reporting-month{padding:24px;gap:24px}.reporting-month>div:first-child{min-width:100%}.reporting-progress{padding-left:16px}.reporting-month h2{font-size:22px}.reporting-progress>strong{font-size:28px}.reporting-progress small{font-size:10px}
  .connection-row{padding:24px 20px;gap:16px}.connection-copy{min-width:180px}.source-register>div{grid-template-columns:1fr;font-size:12px}.import-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.import-stat-grid span{font-size:11px}
  dialog{padding:24px;max-height:calc(100dvh - 32px);border-radius:16px}.dialog-top{gap:16px}.dialog-top h2{font-size:22px}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1}.dialog-copy{font-size:13px}
  #command-palette{margin:8vh auto auto;max-width:calc(100vw - 24px)}.command-search-row{padding:16px}.command-footer{gap:12px;padding:12px 16px;font-size:9px}.command-option small{font-size:10px}.command-option{gap:10px;padding:12px 8px}.command-option>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Service overview order: headline, key figures, provenance, detailed analysis. */
main[data-screen^="module-"]{display:flex;flex-direction:column}
main[data-screen^="module-"]>*{order:10;flex-shrink:0}
main[data-screen^="module-"]>.module-toolbar{order:0}
main[data-screen^="module-"]>.module-hero{order:1}
main[data-screen^="module-"]>.module-context{order:2}
main[data-screen^="module-"]>.metrics{order:3}
main[data-screen^="module-"]>.freshness-strip{order:4}
main[data-screen^="module-"]>.data-coverage{order:5}
main[data-screen^="module-"]>.available-ranges{order:6}
main[data-screen^="module-"]>.note{order:7}
.module-hero{min-height:176px;align-items:stretch}
.module-hero-copy{padding:24px 32px}
.module-hero-image{position:relative;min-height:176px;height:auto;max-height:none;overflow:hidden}
.module-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.module-hero .tag{font-size:9px;background:none;padding:0;letter-spacing:1px}
.module-hero h1{font-size:30px;margin:8px 0 12px}
.module-context{margin:0 0 24px}
.data-coverage{border:0;background:transparent;padding:0 4px;margin-bottom:12px;border-radius:0;box-shadow:none}
.available-ranges{margin:8px 0 16px;gap:8px 16px;font-size:11px}
.available-ranges>span,.available-ranges button{font-size:11px}
.journal-summary{display:block;padding:0}
.journal-summary>strong{font-size:14px;font-weight:550;line-height:1.5;color:var(--text)}
.journal-entry>summary{padding:0;gap:16px}
.journal-timeline:before{display:none}
.journal-entry>summary .journal-marker{position:absolute;left:-47px;top:0}
.journal-meta{margin-bottom:8px;flex-wrap:wrap}
.journal-body{gap:24px}.detail-label{font-size:10px;letter-spacing:1px;color:var(--text-muted)}
.card>.journal-timeline .journal-body{padding:16px 20px}
.funnel-foot strong{white-space:nowrap}
.wordmark .compact-wordmark{font:750 25px/1 var(--font);letter-spacing:-1.8px;padding:0}
main:focus{outline:none}
@media(min-width:901px){
  [data-sidebar=collapsed] #nav .nav-section-title{display:flex;justify-content:center;height:32px;min-height:32px;margin:0;overflow:visible}
  [data-sidebar=collapsed] #nav .nav-section-title a{display:flex;align-items:center;justify-content:center;width:40px;height:32px;font-size:18px;line-height:1}
}
.rec-broadcast .rec-symbol{background:var(--surface-subtle);color:var(--text-secondary);border-color:var(--border)}
.rec-broadcast{color:var(--text)}
.rec-broadcast .tag.gray{background:var(--surface-subtle);color:var(--text-muted)}
.rec-broadcast .rec-card-copy p,.rec-broadcast .rec-facts{color:var(--text-muted)}
.rec-broadcast .rec-response-strip{background:var(--surface-subtle);color:var(--text-secondary)}
.rec-broadcast .rec-response-strip small{color:var(--text-muted)}
.rec-broadcast .rec-card-bottom{border-color:var(--border)}
.rec-response-strip{background:var(--surface-subtle);color:var(--text-secondary);border-color:var(--border)}
.rec-response-strip strong{color:var(--text-secondary)}
.rec-response-strip p{color:var(--text-muted)}
[data-theme=dark] svg [stroke="#202020"],[data-theme=dark] svg [stroke="#262626"]{stroke:var(--text)}
[data-theme=dark] svg [stroke="#eee"],[data-theme=dark] svg [stroke="#e5e5e5"]{stroke:var(--border)}
[data-theme=dark] svg [stroke="#bcbcbc"]{stroke:var(--text-disabled)}
[data-theme=dark] svg [fill="#202020"],[data-theme=dark] svg [fill="#262626"]{fill:var(--text)}
[data-theme=dark] .bar[style*="#171717"]{background:var(--text)!important}
@media(max-width:640px){.module-hero-copy{padding:24px 16px 24px 24px}.module-hero h1{font-size:24px}.module-hero-image{min-height:176px}.module-context{font-size:11px;gap:8px}.journal-meta{gap:8px}.journal-body{display:block}.journal-body>div+div{margin-top:16px}}
@media print{#sidebar,.app>header,.app>footer,.heading-actions,.sidebar-scrim{display:none!important}.app{margin:0}main{padding:0}.card,.metric{break-inside:avoid;box-shadow:none}.module-hero{break-inside:avoid}body{background:white;color:black}}