/* Studio: shared visual contract for existing routes. Loaded last by ui.layout.
   Keep behavior in each feature; this adapter maps their semantic tokens. */
@font-face { font-family: Manrope; src: url('/assets/fonts/Manrope-Regular.ttf') format('truetype'); font-weight: 400 500; font-style: normal; font-display: swap; }
@font-face { font-family: Manrope; src: url('/assets/fonts/Manrope-Bold.ttf') format('truetype'); font-weight: 600 800; font-style: normal; font-display: swap; }
body.theme-light,body.theme-light.vk-public-page {
  --vk-canvas:#f3f5f5; --vk-workbench:#f3f5f5; --vk-sheet:#ffffff; --vk-ink:#202a29;
  --vk-copy:#52615c; --vk-register:#5e6d67; --vk-rule-color:#dce4df; --vk-rule-strong-color:#81968d;
  --vk-stock:#f3f5f5; --vk-paper:#ffffff; --vk-carbon:#202a29; --vk-carbon-soft:#344b43; --vk-steel:#5e6d67;
  --vk-rule:#dce4df; --vk-rule-strong:#81968d; --vk-accent-text:#246455;
  --vk-signal:#246455; --vk-signal-deep:#194e42; --vk-action-ink:#ffffff;
  --bg:#f3f5f5; --nav:#ffffff; --text:#202a29; --muted:#5e6d67; --faint:#5e6d67;
  --surface-1:#edf2ef; --surface-2:#e5eeea; --surface-3:#d2e2da; --card:#ffffff; --card-highlight:#f5f8f6; --panel:#ffffff;
  --line:#dce4df; --line-soft:#e7ece9; --line-strong:#81968d; --card-border:#dce4df;
  --accent:#246455; --accent-strong:#246455; --on-accent:#ffffff; --accent-soft:#e5eeea; --accent-border:#81aa98; --accent-glow:transparent; --grad:#246455;
  --input-bg:#ffffff; --input-border:#81968d; --workspace-focus:#2168b7;
  --studio-canvas:#f3f5f5; --studio-paper:#ffffff; --studio-sage:#e5eeea; --studio-sage-strong:#d2e2da; --studio-peach:#edf2ef;
  --studio-deep:#183f37; --studio-deep-hover:#246455; --studio-line:#dce4df;
  --vk-shadow-sheet:none; --vk-shadow-raised:0 16px 40px -24px rgb(24 63 55 / .24); --vk-shadow-action:none; --shadow-card:none; --studio-shadow:var(--vk-shadow-raised);
}
body.theme-dark,body.theme-dark.vk-public-page {
  --vk-canvas:#121c19; --vk-workbench:#121c19; --vk-sheet:#1b2923; --vk-ink:#eef5f0;
  --vk-copy:#c8d6ce; --vk-register:#adbbb3; --vk-rule-color:#344b40; --vk-rule-strong-color:#759383;
  --vk-stock:#121c19; --vk-paper:#1b2923; --vk-carbon:#eef5f0; --vk-carbon-soft:#d5e3dc; --vk-steel:#adbbb3;
  --vk-rule:#344b40; --vk-rule-strong:#759383; --vk-accent-text:#a0d9bf;
  --vk-signal:#a0d9bf; --vk-signal-deep:#b9e8d0; --vk-action-ink:#123629;
  --bg:#121c19; --nav:#1b2923; --text:#eef5f0; --muted:#adbbb3; --faint:#adbbb3;
  --surface-1:#24382e; --surface-2:#2d4438; --surface-3:#365747; --card:#1b2923; --card-highlight:#203229; --panel:#1b2923;
  --line:#344b40; --line-soft:#2c4136; --line-strong:#759383; --card-border:#344b40;
  --accent:#a0d9bf; --accent-strong:#a0d9bf; --on-accent:#123629; --accent-soft:#24382e; --accent-border:#678f7a; --accent-glow:transparent; --grad:#a0d9bf;
  --input-bg:#1b2923; --input-border:#759383; --workspace-focus:#91bffc;
  --studio-canvas:#121c19; --studio-paper:#1b2923; --studio-sage:#24382e; --studio-sage-strong:#365747; --studio-peach:#24382e;
  --studio-deep:#183f37; --studio-deep-hover:#246455; --studio-line:#344b40;
  --vk-shadow-sheet:none; --vk-shadow-raised:0 16px 40px -20px rgb(0 0 0 / .4); --vk-shadow-action:none; --shadow-card:none; --studio-shadow:var(--vk-shadow-raised);
}
body { background:var(--bg); caret-color:var(--text); accent-color:var(--accent); scrollbar-color:var(--line-strong) var(--bg); }
body ::selection { background:var(--accent); color:var(--on-accent); }
body :focus-visible { outline:2px solid var(--workspace-focus); outline-offset:3px; }
body :is(input,select,textarea)::placeholder { color:var(--muted); opacity:1; }
body :is(input,select,textarea) { scroll-margin-block:100px; }
body :is(button,a,input,select,textarea,summary) { -webkit-tap-highlight-color:transparent; }
body :is(h1,h2,h3) { letter-spacing:-.025em !important; overflow-wrap:break-word; }
body .btn { border-radius:8px !important; box-shadow:none !important; font-weight:700; }
body .btn-primary:hover { background:var(--vk-signal-deep) !important; }
body .btn-ghost { color:var(--text); border-color:var(--line); background:var(--card); }
body .input { border-radius:8px !important; }
body .input:focus { border-color:var(--workspace-focus); box-shadow:none; }
body :is(.btn,input,select,textarea,button):disabled { cursor:not-allowed; }
/* The same evergreen navigation remains stable across roles and themes. */
body.app-shell { background:var(--bg); --workspace-rail:#183f37; --workspace-rail-text:#edf5f0; --workspace-rail-muted:#b4cec3; --workspace-focus:#2168b7; }
body.theme-dark.app-shell { --workspace-focus:#91bffc; }
body.app-shell .dashboard-shell { grid-template-columns:224px minmax(0,1fr); }
body.app-shell .dashboard-sidebar { padding:0 16px 24px !important; border-right:0 !important; }
body.app-shell .dashboard-brand { min-height:80px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:5px; border:0; }
body.app-shell .dashboard-brand-logo { width:123px; height:31px; object-fit:contain; object-position:left; }
body.app-shell .dashboard-brand>span { max-width:none; font:400 12px/1.5 var(--vk-sans); color:var(--workspace-rail-muted); text-align:left; text-transform:none; }
body.app-shell .dashboard-identity { border:1px solid #406157; border-radius:10px; padding:12px !important; margin:4px 0 20px; gap:10px; }
body.app-shell .dashboard-identity-avatar { border:0; border-radius:50%; background:#31584d; color:#fff; }
body.app-shell .dashboard-identity .workspace-account-name { font-size:13px; line-height:1.4; overflow-wrap:anywhere; white-space:normal; overflow:visible; text-overflow:clip; }
body.app-shell .dashboard-identity .workspace-account-meta { font:400 12px/1.4 var(--vk-sans); white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip; }
body.app-shell .dashboard-sidebar .workspace-nav-group { border:0; padding:4px 0 8px; }
body.app-shell .dashboard-sidebar .workspace-nav-label { min-height:40px; font-size:12px !important; padding:8px 12px; }
body.app-shell .dashboard-sidebar .workspace-nav a { font-size:13px; font-weight:500; border-radius:8px; margin-block:2px; }
body.app-shell .dashboard-sidebar .workspace-nav-item-main>span:last-child { white-space:normal; overflow:visible; overflow-wrap:anywhere; line-height:1.4; }
body.app-shell .dashboard-sidebar .workspace-nav a:is([aria-current],:hover),body.app-shell .workspace-crm-disclosure[data-current-section]>.workspace-crm-trigger { background:#31584d; color:#fff; box-shadow:none; }
body.app-shell .dashboard-sidebar .workspace-nav a[aria-current] .workspace-nav-icon { color:#cce8da; }
body.app-shell .dashboard-sidebar .workspace-nav-icon { color:var(--workspace-rail-muted); }
body.app-shell .workspace-nav-badge { background:#d2e2da; color:#183f37; font-variant-numeric:tabular-nums; }
body.app-shell .workspace-crm-trigger { font-size:13px; font-weight:500; }
body.app-shell .dashboard-sidebar .workspace-spotlight { margin:0 0 12px; border-color:#406157; }
body.app-shell .dashboard-sidebar .workspace-spotlight span { color:#b4cec3; }
body.app-shell .dashboard-sidebar .workspace-spotlight small { color:#b4cec3; font-size:12px; }
body.app-shell .dashboard-main { min-width:0; background:var(--bg) !important; background-image:none !important; }
body.app-shell { --workspace-gutter:32px; --workspace-page-start:24px; --workspace-heading-gap:24px; }
body.app-shell .dashboard-topbar { min-height:72px; padding:12px var(--workspace-gutter); border-bottom:1px solid var(--line); background:var(--card) !important; box-shadow:none; }
body.app-shell .dashboard-breadcrumb { color:var(--muted); font:400 12px/1.5 var(--vk-sans); }
body.app-shell .dashboard-breadcrumb strong { color:var(--text); font-weight:600; }
body.app-shell .dashboard-quickfind { border:1px solid var(--line); border-radius:8px; background:var(--card); }
body.app-shell .dashboard-quickfind input { font-size:13px; }
body.app-shell .dashboard-quickfind-results { border-radius:12px; border-color:var(--line); box-shadow:var(--vk-shadow-raised); }
body.app-shell .dashboard-topbar-actions a { border-radius:8px; }
body.app-shell .workspace-page { min-width:0; padding:var(--workspace-page-start) var(--workspace-gutter) 40px; }
body.app-shell .workspace-page .dashboard-page-heading { padding:0; margin:0 0 var(--workspace-heading-gap); background:transparent !important; border-bottom:0; }
body.app-shell .dashboard-page-heading h1 { font-size:28px !important; font-weight:700 !important; line-height:1.25 !important; }
body.app-shell .dashboard-page-heading p { margin-top:8px; color:var(--muted) !important; font-size:14px; max-width:72ch; }
body.app-shell .workspace-page .workspace-content { padding:0; min-width:0; }
/* Feature roots fill the shared frame. Reading/editor measures belong inside it. */
body.app-shell .workspace-page .workspace-content>:is(div,section,form),
body.app-shell .workspace-page :is(.ct-workspace,.ct-extraction-workspace,.connections-workspace,.em-workspace,.cw-workspace,.dm-workspace,.vk-roadbook-brand-surface) { width:100%; max-width:none; margin-inline:0; }
/* Override the legacy important marketplace cap here, including nested brand views.
   This shared stylesheet is content-versioned, so returning browsers receive it. */
body.app-shell .workspace-page :is(.ct-marketplace,.ct-market-detail) { width:100%; max-width:none!important; margin-inline:0; }
body.app-shell .workspace-page :is(.ct-editor-heading,.ct-library-heading,.connections-heading,.em-page-heading,.af-heading,.ov-header) { margin-block:0 var(--workspace-heading-gap); padding:0; }
body.app-shell .workspace-page .em-page-heading h1 { margin-top:0; }
body.app-shell .workspace-page .dm-heading { margin-top:0; margin-bottom:var(--workspace-heading-gap); }
body.app-shell .workspace-page :is(.ct-editor-heading,.ct-library-heading,.connections-heading,.em-page-heading,.af-heading,.ov-header,.dm-heading) h1 { font-size:28px!important; line-height:1.25!important; font-weight:700!important; }
body.app-shell .workspace-page .ct-editor-heading>div>svg { display:none; }
body.app-shell .workspace-page .workspace-content-navigation { margin-bottom:var(--workspace-heading-gap); }
body.app-shell .workspace-content :is(.card,.admin-panel,.dashboard-panel,.vk-line-sheet) { background:var(--card); border-radius:12px !important; box-shadow:none !important; }
body.app-shell .workspace-content :is(h2,h3,h4) { line-height:1.35; }
body.app-shell :is(.workspace-command-bar,.admin-command-grid,.workspace-kpi-grid,.admin-kpi-grid,.vk-line-action-queue,.vk-ledger-metrics) { box-shadow:none !important; }
.vk-roadbook-campaign-workspace .workspace-kpi-grid.campaign-impact-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); }
/* Overview retains its real model, labels and actions. */
body.app-shell .ov { --ov-ground:var(--bg); --ov-paper:var(--card); --ov-ink:var(--text); --ov-muted:var(--muted); --ov-rule:var(--line); --ov-teal:#183f37; --ov-coral:var(--accent); --ov-soft:var(--surface-1); padding-top:0; }
body.app-shell .ov-header { margin-bottom:28px; }
body.app-shell .ov-header h1 { font-size:28px; line-height:1.25; }
body.app-shell .ov-metrics { margin-bottom:28px; }
body.app-shell .ov-metrics>div { border-color:var(--line); }
body.app-shell .ov-metrics dt { order:0; margin-bottom:8px; }
body.app-shell .ov-metrics dd { font-size:28px; }
body.app-shell .ov-button { border-radius:8px; }
body.app-shell .ov-button-primary { background:var(--accent); color:var(--on-accent); border-color:transparent; }
body.app-shell .ov-priority { margin-bottom:24px; padding:24px; border-radius:16px; }
body.app-shell .ov-main { gap:20px; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); margin-bottom:20px; }
body.app-shell .ov-panel { border:0; border-radius:16px; padding:20px; }
body.app-shell .ov-section-heading h2 { font-size:18px; }
body.app-shell .ov-section-heading a,body.app-shell .ov-work-footer a,body.app-shell .ov-setup-note a { color:var(--accent-strong); }
body.app-shell .ov-work-row { min-height:92px; }
body.app-shell .ov-initial { border-radius:8px; }
body.app-shell .ov-work-date small,body.app-shell .ov-project-name small { font-size:12px; }
body.app-shell .ov-stage { font-size:12px; }
/* Focus: native project links beside the existing tabbed record and forms. */
.cw-focus-layout { display:grid; grid-template-columns:238px minmax(0,1fr); align-items:start; gap:20px; }
.cw-focus-layout>* { min-width:0; }
.cw-project-queue { position:sticky; top:92px; background:var(--card); border-radius:12px; overflow:hidden; }
.cw-project-queue>summary { display:flex; align-items:center; justify-content:space-between; min-height:64px; padding:16px; list-style:none; cursor:pointer; font-size:15px; font-weight:700; border-bottom:1px solid var(--line); }
.cw-project-queue>summary::-webkit-details-marker { display:none; }
.cw-project-queue>summary svg { width:16px; transition:transform .16s ease-out; }
.cw-project-queue[open]>summary svg { transform:rotate(90deg); }
.cw-queue-tools { padding:12px; }
.cw-queue-tools input { width:100%; min-height:44px; border:1px solid var(--input-border); border-radius:8px; padding:10px; background:var(--input-bg); color:var(--text); font:400 14px/1.5 var(--vk-sans); }
.cw-queue-list { max-height:calc(100dvh - 285px); overflow-y:auto; overscroll-behavior:contain; padding:0 8px 8px; }
.cw-queue-list>a { display:block; padding:14px 12px; margin-block:4px; border-radius:8px; text-decoration:none; color:var(--text); }
.cw-queue-list>a[hidden] { display:none; }
.cw-queue-list>a:hover { background:var(--surface-1); }
.cw-queue-list>a[aria-current] { background:var(--surface-2); }
.cw-queue-list strong { display:block; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.cw-queue-list span { display:block; color:var(--muted); font-size:12px; line-height:1.6; margin-top:4px; overflow-wrap:anywhere; }
.cw-queue-list small { display:block; margin-top:8px; color:var(--accent-strong); font-size:12px; }
.cw-queue-empty { margin:0; padding:16px 12px; color:var(--muted); font-size:14px; }
.cw-queue-footer { display:flex; align-items:center; justify-content:space-between; min-height:48px; border-top:1px solid var(--line); padding:8px 16px; color:var(--accent-strong); font-size:13px; font-weight:700; }
body.app-shell .cw-focus-record { background:var(--card); padding:24px; border-radius:12px; min-width:0; }
.cw-focus-record .cw-page-head { margin-bottom:20px; }
.cw-focus-record .cw-page-head h1 { font-size:24px !important; }
.cw-focus-record .cw-page-head p { font-size:13px; line-height:1.6; }
.cw-focus-record .cw-header-actions { flex-wrap:wrap; }
.cw-focus-record .cw-back { margin-bottom:16px; color:var(--muted); }
.cw-focus-record .cw-project-grid { grid-template-columns:minmax(0,1fr); }
.cw-focus-record .cw-project-aside { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cw-focus-record .cw-sheet { border:0; border-radius:0; padding:20px 0; border-top:1px solid var(--line); }
.cw-focus-record .cw-project-aside .cw-sheet { padding:20px 0; }
.cw-focus-record .cw-project-main { gap:12px; }
.cw-focus-record .cw-next-action { padding:20px; background:var(--surface-1); border-radius:12px; }
.cw-focus-record .cw-section-nav { gap:0 20px; margin-bottom:20px; }
.cw-focus-record .cw-section-nav a { min-height:48px; }
body.app-shell .cw-section-nav a[aria-selected=true] { color:var(--accent-strong); border-color:var(--accent-strong); }
body.app-shell .cw { --cw-accent:var(--accent); --cw-accent-text:var(--on-accent); }
/* Public site: the same cloud, evergreen, typography and practical controls. */
body { --public-gutter:32px; --public-width:1200px; }
body :is(.site-header-inner,.site-footer>div,.home-shell,.how-shell,main.vk-public-shell,.ct-public,.vk-pricing-page) { width:min(calc(100% - 2 * var(--public-gutter)),var(--public-width))!important; max-width:var(--public-width); margin-inline:auto; padding-inline:0; }
body .vk-public-resource :is(.vk-public-hero,.vk-ledger-metrics,.resource-feature,.resource-grid,.resource-related,.resource-layout) { width:min(calc(100% - 2 * var(--public-gutter)),var(--public-width)); margin-inline:auto; }
body .vk-public-shell>.vk-public-hero { padding:0 0 32px; background:transparent!important; border:0; border-bottom:1px solid var(--line); box-shadow:none; border-radius:0!important; }
body .how-page-hero,body .how-page-hero>.how-shell,body .how-page-hero .how-hero-copy { min-height:0!important; }
body .how-page-hero { padding:48px 0 56px!important; }
body .how-page-hero .home-product-window { height:auto!important; min-height:0!important; }
body .how-page-hero .home-visual-stage { height:auto!important; min-height:0!important; }
body .dm-inbox-nav { flex-wrap:wrap; }
body .dm-inbox-nav>.dm-text-link { margin-left:auto; }
body.vk-public-page,body.home-page.vk-public-page { background:var(--bg); color:var(--text); }
body.theme-light.vk-public-page,body.theme-dark.vk-public-page,body.home-page.vk-public-page { --studio-canvas:var(--bg); --studio-paper:var(--card); --studio-sage:var(--surface-2); --studio-sage-strong:var(--surface-3); --studio-peach:var(--surface-1); --studio-line:var(--line); }
body.vk-public-page .site-header { background:var(--card) !important; backdrop-filter:none; border-bottom:1px solid var(--line); }
body.vk-public-page .btn { border-radius:8px !important; }
body.vk-public-page :is(.card,.vk-line-sheet,.vk-public-sheet,.about-system,.about-global,.how-module-panel,.how-close-card) { box-shadow:none !important; }
body.home-page.vk-public-page .home-hero { padding:48px 0 56px; background:var(--bg) !important; min-height:0; }
body.home-page.vk-public-page .home-hero-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:48px; margin-top:32px; }
body.home-page.vk-public-page .home-copy-stage { min-height:0 !important; height:auto !important; }
body.home-page.vk-public-page .home-copy-stage .home-role-copy { min-height:0; height:auto !important; padding:24px 0; }
body.home-page.vk-public-page .home-copy-stage .home-role-copy[hidden] { display:none !important; }
body.home-page.vk-public-page .home-role-copy h1 { font-size:clamp(36px,4.3vw,60px) !important; line-height:1.08 !important; letter-spacing:-.035em !important; max-width:13ch !important; margin:0 !important; }
body.home-page.vk-public-page .home-role-copy p { font-size:16px !important; line-height:1.7 !important; color:var(--muted) !important; margin-top:24px; }
body.home-page.vk-public-page .home-actions { margin-top:28px; }
body.home-page.vk-public-page .home-actions .btn { padding:12px 16px; box-shadow:none !important; }
body.home-page.vk-public-page .home-visual-stage { height:auto; min-height:0; align-self:stretch; display:grid; align-items:center; }
body.home-page.vk-public-page .home-role-panel { padding:0; }
body.home-page.vk-public-page .home-product-window { height:auto !important; min-height:0 !important; border-radius:16px; border:1px solid var(--line); background:var(--card) !important; box-shadow:none !important; }
body.home-page.vk-public-page .home-window-bar { background:#183f37 !important; color:#edf5f0; min-height:52px; border:0; }
body.home-page.vk-public-page .home-window-bar .home-live { color:#b4cec3 !important; }
body.home-page.vk-public-page .home-window-dots { color:#b4cec3 !important; }
body.home-page.vk-public-page .home-command-nav { background:var(--surface-1) !important; height:auto; padding:4px; gap:2px; border-radius:8px; }
body.home-page.vk-public-page .home-command-nav span { padding:8px 10px; color:var(--muted); font-size:12px; }
body.home-page.vk-public-page .home-command-nav span.active { background:var(--card); color:var(--accent-strong); box-shadow:none; border-radius:6px; }
body.home-page.vk-public-page .home-window-content { gap:16px; padding:20px; }
body.home-page.vk-public-page .home-studio-media { height:120px; border-radius:10px; margin:16px 20px 0; }
body.home-page.vk-public-page .home-stat-row div { background:transparent !important; border-radius:0; border-right:1px solid var(--line); padding:8px; }
body.home-page.vk-public-page .home-stat-row div:last-child { border-right:0; }
body.home-page.vk-public-page .home-offer-row { background:var(--surface-1) !important; border-radius:8px; }
body.home-page.vk-public-page .home-floating-note { position:static; margin:12px 0 0; background:transparent !important; box-shadow:none; padding:0; }
body.home-page.vk-public-page .home-floating-note span { display:inline; color:var(--muted) !important; margin-right:8px; }
body.home-page.vk-public-page .home-floating-note strong { display:inline; color:var(--text) !important; font-size:12px; }
body.home-page.vk-public-page .home-proof { padding:0 0 40px; }
body.home-page.vk-public-page .home-proof-grid>.home-role-proof { gap:0; border-block:1px solid var(--line) !important; padding-block:20px !important; }
body.home-page.vk-public-page .home-role-proof>div { background:transparent; box-shadow:none; border:0 !important; border-radius:0; min-height:0; padding:8px 24px; }
body.home-page.vk-public-page .home-role-proof>div+div { border-left:1px solid var(--line) !important; }
body.home-page.vk-public-page .home-chapter { background:#183f37 !important; padding:80px 0; }
body.home-page.vk-public-page .home-chapter .home-step span { color:#b4cec3 !important; }
body.home-page.vk-public-page .home-chapter-link { text-decoration-color:#b4cec3; }
body.home-page.vk-public-page .home-audience-link { border-radius:12px; box-shadow:none; grid-template-columns:1fr 1.4fr auto; }
body.home-page.vk-public-page .home-audience-link:hover { transform:none; box-shadow:none; }
body.home-page.vk-public-page .home-final-card { border-radius:16px; box-shadow:none !important; background:var(--surface-2) !important; }
@media (min-width:1700px) { .cw-focus-record .cw-project-grid { grid-template-columns:minmax(0,1fr) 252px; }.cw-focus-record .cw-project-aside { grid-template-columns:1fr; } }
@media (max-width:1200px) {
  body { --public-gutter:24px; }
  body.app-shell { --workspace-gutter:24px; }
  body.app-shell .ov-main { grid-template-columns:minmax(0,1fr); }
  .cw-focus-layout { grid-template-columns:200px minmax(0,1fr); gap:16px; }
  body.app-shell .cw-focus-record { padding:20px; }
  .cw-focus-record .cw-page-head { flex-direction:column; }
  .cw-focus-record .cw-project-aside { grid-template-columns:1fr; }
}
@media (max-width:960px) {
  body.app-shell .dashboard-shell { grid-template-columns:minmax(0,1fr); }
  body.app-shell .dashboard-sidebar { position:relative; height:auto; max-height:none; padding:12px 16px !important; }
  body.app-shell .dashboard-brand { min-height:40px; flex-direction:row; align-items:center; justify-content:space-between; }
  body.app-shell .dashboard-identity { display:none; }
  body.app-shell .dashboard-sidebar .workspace-spotlight { display:none; }
  body.app-shell .workspace-mobile-menu-toggle { display:flex; width:100%; margin-top:12px; background:#31584d !important; }
  body.app-shell .dashboard-sidebar .workspace-nav { display:none; }
  body.app-shell .dashboard-sidebar.is-mobile-menu-open .workspace-nav { display:flex; }
  body.app-shell .dashboard-topbar { position:relative; }
  body.home-page.vk-public-page .home-hero-grid { grid-template-columns:1fr; gap:24px; }
  body.home-page.vk-public-page .home-role-copy h1 { max-width:17ch !important; }
  body.home-page.vk-public-page .home-visual-stage { max-width:720px; width:100%; }
  .cw-project-queue { top:16px; }
}
@media (max-width:720px) {
  body { --public-gutter:16px; }
  body .how-page-hero { padding:28px 0 32px!important; }
  body .dm-inbox-nav>.dm-text-link { margin-left:0; }
  body.app-shell { --workspace-gutter:16px; }
  body.app-shell .workspace-page { padding-bottom:32px; }
  body.app-shell .workspace-page :is(.ct-editor-heading,.ct-library-heading,.connections-heading,.em-page-heading,.af-heading,.ov-header,.dm-heading) h1 { font-size:25px!important; }
  body.app-shell .dashboard-page-heading h1,body.app-shell .ov-header h1 { font-size:25px !important; }
  body.app-shell .ov-header { margin-bottom:24px; }
  body.app-shell .ov-priority { display:grid; grid-template-columns:auto minmax(0,1fr); padding:20px; gap:16px; }
  body.app-shell .ov-priority>.ov-button { grid-column:1/-1; width:100%; }
  body.app-shell .ov-panel { padding:16px; }
  .cw-focus-layout { grid-template-columns:minmax(0,1fr); }
  .cw-project-queue { position:static; }
  .cw-queue-list { max-height:256px; }
  body.app-shell .cw-focus-record { padding:20px 16px; }
  .cw-focus-record .cw-section-nav { gap:0 16px; }
  .cw-focus-record .cw-next-action { padding:16px; }
  body :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size:16px; }
  body.home-page.vk-public-page .home-hero { padding:28px 0 32px; }
  body.home-page.vk-public-page .home-hero-grid { margin-top:20px; }
  body.home-page.vk-public-page .home-copy-stage .home-role-copy { padding:8px 0; }
  body.home-page.vk-public-page .home-role-copy h1 { font-size:40px !important; }
  body.home-page.vk-public-page .home-window-bar { padding:12px 16px; }
  body.home-page.vk-public-page .home-window-content { padding:16px; }
  body.home-page.vk-public-page .home-studio-media { margin:12px 16px 0; }
  body.home-page.vk-public-page .home-role-proof>div { padding:16px 0; }
  body.home-page.vk-public-page .home-role-proof>div+div { border-left:0 !important; border-top:1px solid var(--line) !important; }
  body.home-page.vk-public-page .home-chapter { padding:48px 0; }
  body.home-page.vk-public-page .home-audience-link { grid-template-columns:1fr auto; }
  body.home-page.vk-public-page .home-audience-link p { grid-column:1/-1; grid-row:2; }
}
@media (prefers-reduced-motion:reduce) { .cw-project-queue>summary svg { transition:none; } }

/* Bridge isolated feature styles; exported/public creator artwork keeps its own palette. */
body.app-shell .dm-workspace { --dm-paper:var(--card); --dm-soft:var(--surface-1); --dm-muted:var(--muted); --dm-border:var(--line); }
body.app-shell .af { --af-accent:var(--accent); --af-on-accent:var(--on-accent); --af-line:var(--line); }
body.app-shell .gw { --gw-accent:var(--accent); --gw-muted:var(--muted); }
body.app-shell .em-nav a[aria-current],body.app-shell .em-tabs a[aria-current] { border-color:var(--accent-strong); }
body.home-page.vk-public-page .home-hero::before,body.home-page.vk-public-page .home-hero::after { display:none; }
body.home-page.vk-public-page .home-ops-grid small.is-positive { color:var(--accent-strong); }
body.app-shell .ov-header p,body.app-shell .ov-header time { font-family:var(--vk-sans); letter-spacing:0; }

/* Review corrections: semantic foregrounds must follow the final action fill. */
body.app-shell .af .af-primary { background:var(--accent) !important; border-color:var(--accent) !important; color:var(--on-accent) !important; }
body.app-shell .af .af-primary:hover { background:var(--vk-signal-deep) !important; border-color:var(--vk-signal-deep) !important; }
body.app-shell .gw .gw-primary,body.app-shell .gw-steps button[aria-current="step"] span { color:var(--on-accent) !important; }
body.app-shell .gw .gw-primary:hover { background:var(--vk-signal-deep); border-color:var(--vk-signal-deep); }
@media (max-width:720px) {
  .cw-focus-layout { gap:12px; }
  .cw-project-queue>summary { min-height:48px; padding:12px 16px; }
  body.app-shell .cw-focus-record { padding:12px 16px 20px; }
  .cw-focus-record .cw-back { margin-bottom:4px; }
  .cw-focus-record .cw-page-head { gap:12px; margin-bottom:12px; }
  .cw-focus-record .cw-header-actions { gap:8px; }
  .cw-focus-record .cw-header-actions .cw-button { flex:1; min-width:0; padding:8px; font-size:13px; white-space:nowrap; }
  .cw-focus-record .cw-section-nav { margin-bottom:16px; }
}
@media (max-width:380px) {
  .cw-focus-record .cw-section-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; overflow:visible; }
  .cw-focus-record .cw-section-nav a { justify-content:center; }
}