/* Shared application presentation, loaded after page-specific layout styles.
   Keep component typography, surfaces and controls here; page CSS owns layout. */
/* Keep keyboard focus visible without the bright brand-colored boxes. */
body:is(.workspace-page,.writing-app,.auth-page) :is(button,input,select,textarea,summary,a,[tabindex],[role=button]):focus-visible,
body:is(.workspace-page,.writing-app,.auth-page) :is(.main,.sidebar,.mobile-navigation,.auth-layout,dialog) :is(button,input,select,textarea,summary,a,[tabindex],[role=button]):focus-visible {
 outline:2px solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset);
}

body:is(.workspace-page,.writing-app,.auth-page) :is(button,a,summary):focus:not(:focus-visible) {outline:none;}
body.workspace-page .app-dialog-field :is(input,select,textarea):focus,
body.writing-app .inspector-panel :is(input,select,textarea):focus,
body.auth-page .auth-form-panel .form-control:focus {
 border-color:#9ca3af;box-shadow:0 0 0 2px #9ca3af14;
}
body.workspace-page .competitor-option:focus-within {outline:2px solid #9ca3af;outline-offset:2px;}
/* The text caret marks focus inside the document; keep the paper uninterrupted. */
body.writing-app :is(#contentEditor,#documentTitleInput):focus,body.writing-app :is(#contentEditor,#documentTitleInput):focus-visible {outline:none;}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro) h2 em {text-decoration-color:var(--brand-line);text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:none;
}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro) h2 .editorial-underline {text-decoration-color:var(--brand-line);text-decoration-thickness:2px;text-underline-offset:6px;}
body.workspace-page .workspace-content :is(.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro) p:not([class$=eyebrow]) {
 line-height:1.8;
}
body.workspace-page .document-import-notice:not([hidden]) {
 display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;box-sizing:border-box;
 margin:0 0 18px;padding:10px 12px;border:1px solid var(--brand-mint-line);border-radius:12px;
 background:var(--brand-mint);color:var(--brand-green);font:400 var(--brand-label-size)/1.6 var(--brand-body-font,'DM Sans',sans-serif);
}
.document-import-notice-icon {display:flex;flex-shrink:0;}
.document-import-notice-icon .sketch-icon {width:18px;height:18px;}
body.workspace-page .document-import-notice-dismiss {
 display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;
 padding:5px;margin-left:6px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;
}
.document-import-notice-dismiss:hover {background:#00000008;}
body.workspace-page .choose-plan-dialog .plan-actions {
 padding-top:20px;border-top:1px solid #e8e9f0;
}
.choose-plan-dialog .plan-checkout-form {display:grid;gap:14px;margin:0;width:100%;}
.choose-plan-dialog .plan-cycle-field {display:grid;gap:8px;margin:0;font-size:var(--brand-meta-size);font-weight:500;color:var(--brand-muted);}
body.workspace-page .choose-plan-dialog .plan-cycle-field select {
 width:100%;min-height:44px;box-sizing:border-box;margin:0;padding:10px 12px;border-radius:var(--brand-control-radius);
 background:#fff;border:1px solid #dfe2eb;color:#30313d;font-size:var(--brand-label-size);cursor:pointer;
}
body.workspace-page .choose-plan-dialog .plan-checkout-button {
 display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;
 box-sizing:border-box;margin:0;padding:12px 16px;border:1px solid #467edf;color:#fff;font-family:var(--brand-body-font,'DM Sans',sans-serif);font-size:var(--brand-body-size);font-weight:600;line-height:1.4;transition:background .15s ease,border-color .15s ease;
}
.choose-plan-dialog .plan-checkout-button .sketch-icon {width:19px;height:19px;flex-shrink:0;}
body.workspace-page .choose-plan-dialog .plan-current-status {
 display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;box-sizing:border-box;
 padding:12px 16px;border:1px solid var(--brand-mint-line);border-radius:var(--brand-card-radius);background:var(--brand-mint);
 color:var(--brand-green);font-size:var(--brand-label-size);font-weight:500;line-height:1.4;
}
.choose-plan-dialog .plan-current-status .sketch-icon {width:18px;height:18px;}
body.workspace-page .choose-plan-dialog .plan-option.current-plan {border-color:var(--brand-mint-line);}
body.workspace-page .document-import-notice[data-kind=warning] {background:#fff8eb;border-color:#eeddb8;color:#765319;}
body.workspace-page .document-import-notice[data-kind=info] {background:#f5f6fa;border-color:#e1e5ee;color:var(--brand-muted);}
body.workspace-page.dashboard-page .dashboard-start h2 {margin-bottom:16px;}
body.workspace-page.dashboard-page .dashboard-start-copy>p:not(.dashboard-eyebrow) {font-size:var(--brand-body-size);line-height:1.85;max-width:450px;}
body.workspace-page.dashboard-page .dashboard-start-copy>.btn-primary {margin-top:22px;gap:12px;}
.workspace-handnote {position:absolute;top:-15px;left:-13px;z-index:3;display:flex;align-items:center;gap:10px;max-width:230px;font:400 23px/1.2 var(--brand-heading-font);color:#767f8e;transform:rotate(-5deg);}
.workspace-handnote .sketch-icon {width:25px;height:25px;transform:rotate(45deg);}
body.workspace-page :is(.btn-primary,.btn-secondary,.header-link,.feature-explore)>.sketch-icon:last-child,
body.writing-app .btn-primary>.sketch-icon:last-child {transition:transform .16s ease;}
@media(hover:hover){body.workspace-page :is(.btn-primary,.btn-secondary,.header-link):hover>.sketch-icon[data-icon="arrow"]:last-child{transform:translateX(2px);}}
@media(max-width:800px){body.workspace-page.dashboard-page .dashboard-start-copy>p:not(.dashboard-eyebrow){font-size:var(--brand-label-size);}.workspace-handnote{font-size:20px;top:-12px;left:0;}}
@media(max-width:620px){body.workspace-page.dashboard-page .dashboard-start-copy>.btn-primary{margin-top:18px;}.workspace-handnote{font-size:19px;left:5px;top:-16px;}}
@media(prefers-reduced-motion:reduce){body.workspace-page :is(.btn-primary,.btn-secondary,.header-link)>.sketch-icon:last-child{transition:none;transform:none;}}

/* One scale for the workspace, including administration and account settings.
   Rich document content and compact editor toolbar controls retain their own scale. */
body:is(.workspace-page,.writing-app) {
 --app-title-size:32px; --app-section-size:18px; --app-body-size:14px;
 --app-label-size:13px; --app-small-size:12px; --app-control-height:42px;
 --app-space-field:24px; --app-space-label:8px; --app-space-section:24px; --app-space-subsection:32px;
 --app-danger:#a52a3b; --app-danger-bg:#fff1f3; --app-danger-line:#efd0d7;
 --app-warning:#805b19; --app-warning-bg:#fff8e9; --app-warning-line:#eadcbb;
 --admin-line:var(--brand-line); --admin-muted:var(--brand-muted);
 --admin-ink:var(--brand-ink); --admin-accent:var(--brand-primary);
 font-family:var(--brand-body-font);font-size:var(--app-body-size);line-height:1.6;
}
body.workspace-page .main {background:var(--brand-canvas);}
body.workspace-page .main > :is(.page-header,.dashboard-header) {margin:0;border-bottom:1px solid var(--brand-line);}
body.workspace-page .main > :is(.page-header,.dashboard-header) .header-left h1 {font:600 20px/1.3 var(--brand-body-font);letter-spacing:-.025em;}
body.workspace-page .main > :is(.page-header,.dashboard-header) .header-left p {font-size:var(--app-label-size);color:var(--brand-muted);line-height:1.6;}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) {border:1px solid var(--brand-line);box-shadow:none;
}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) :is(h2,.section-title) {
 font:600 var(--app-title-size)/1.2 var(--brand-body-font);color:var(--brand-ink);margin:10px 0;
}
body.workspace-page .workspace-content :is(.settings-section-heading,.admin-content-heading) :is(h2,.section-title) {margin:0 0 8px;}
body.workspace-page .workspace-content .admin-content-heading {margin-bottom:0;}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading) p:not([class$=eyebrow]) {
 font-size:var(--app-body-size);line-height:1.7;color:var(--brand-muted);
}
body.workspace-page .workspace-content :is(.panel,.settings-card,.project-card,.template-card,.stat-card,.members-panel,.pending-section,.info-card,.search-section,.saved-lists,.activity-panel,.documents-container,.settings-billing-controls) {
 background:var(--brand-paper);border-color:var(--brand-line);border-radius:var(--brand-card-radius);box-shadow:var(--brand-shadow);
}
body.workspace-page .workspace-content :is(.panel h2,.panel-header h2,.panel-header h3,.settings-card-title,.info-card h4) {
 font:600 var(--app-section-size)/1.4 var(--brand-body-font);letter-spacing:-.015em;color:var(--brand-ink);
}
body.workspace-page .workspace-content :is(.muted-text,.settings-section-description,.project-desc,.template-description) {font-size:var(--app-label-size);line-height:1.7;color:var(--brand-muted);}
body.workspace-page :is(.settings-sidebar,.admin-tabs) {background:var(--brand-paper);border:1px solid var(--brand-line);}
body.workspace-page :is(.settings-nav-item,.admin-tabs a) {min-height:42px;box-sizing:border-box;padding:10px 12px;font-size:var(--app-label-size);font-weight:500;line-height:1.5;border-radius:var(--brand-control-radius);color:var(--brand-muted);}
body.workspace-page :is(.settings-nav-item.active,.admin-tabs a[aria-current]) {background:var(--brand-lavender);border-color:var(--brand-lavender-line);color:var(--brand-primary);font-weight:600;}
body.workspace-page .admin-eyebrow {display:block;font-size:11px;color:var(--brand-muted);margin-bottom:8px;}
body.workspace-page .workspace-content :is(.btn-primary,.btn-secondary,.primary-btn,.secondary-btn,.header-link),body.writing-app :is(.btn-primary,.btn-secondary) {
 min-height:var(--app-control-height);box-sizing:border-box;padding:10px 16px;border-radius:var(--brand-control-radius);font:600 var(--app-label-size)/1.5 var(--brand-body-font);letter-spacing:0;box-shadow:none;
}
body.workspace-page .workspace-content :is(.btn-primary,.primary-btn),body.writing-app .btn-primary {background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;}
body.workspace-page .workspace-content :is(.btn-primary,.primary-btn):hover,body.writing-app .btn-primary:hover {background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);}
body.workspace-page .workspace-content :is(.btn-secondary,.secondary-btn,.header-link) {background:var(--brand-paper);border-color:var(--brand-line);color:var(--brand-muted);}
body.workspace-page .workspace-content :is(.btn-secondary,.secondary-btn,.header-link):hover {background:var(--brand-canvas);border-color:var(--brand-lavender-line);}
body.workspace-page .workspace-content :is(.form-control,.search-input,.admin-content input:not(:where([type=checkbox],[type=radio],[type=hidden],[type=submit],[type=button])),.admin-content select,.admin-content textarea) {
 min-height:var(--app-control-height);box-sizing:border-box;padding:10px 12px;border:1px solid var(--brand-line);border-radius:var(--brand-control-radius);font:400 var(--app-control-font-size,var(--brand-body-size))/1.5 var(--brand-body-font);color:var(--brand-ink);background:var(--brand-paper);
}
body.workspace-page .workspace-content :is(.form-group>label,.admin-content label:not(.admin-check):not(.sr-only)) {font-size:var(--app-label-size);font-weight:600;color:var(--brand-ink);line-height:1.5;}
/* Search fields with an overlaid icon need to preserve its inset. */
body.workspace-page .workspace-content .search-wrapper .search-input {padding-left:40px;}
body.workspace-page .workspace-content .search-bar input {padding-left:42px;}
body.workspace-page .workspace-content table {font-size:var(--app-label-size);line-height:1.6;}
body.workspace-page .workspace-content table th {font-size:var(--app-small-size);font-weight:600;letter-spacing:.03em;color:var(--brand-muted);background:var(--brand-canvas);padding:12px 16px;}
body.workspace-page .workspace-content table td {padding:14px 16px;border-color:var(--brand-line);color:var(--brand-ink);}
body.workspace-page .workspace-content table td small {font-size:var(--app-small-size);color:var(--brand-muted);}
body.workspace-page .workspace-content table :is(.btn-primary,.btn-secondary) {min-height:34px;padding:6px 12px;}
body.workspace-page .workspace-content :is(.admin-table-wrap,.table-container) {border-color:var(--brand-line);border-radius:var(--brand-control-radius);}
body.workspace-page :is(.app-dialog-head,.modal-header,.planner-dialog header) :is(h2,h3),body.writing-app .dialog-heading h2 {font:600 22px/1.3 var(--brand-body-font);}

/* Component variants share the same roles on every screen. */
body.workspace-page :is(.dashboard-eyebrow,.documents-eyebrow,.planner-eyebrow,.templates-eyebrow,.keyword-eyebrow,.management-eyebrow) {
 display:inline-flex;align-items:center;padding:5px 9px;margin:0 0 8px;border:1px solid var(--brand-lavender-line);border-radius:6px;
 background:var(--brand-lavender);color:var(--brand-primary);font:600 11px/1.5 var(--brand-body-font);letter-spacing:.07em;text-transform:uppercase;
}
body.workspace-page .workspace-content :is(.management-count,.templates-count,.keyword-intro-count,.documents-library-count,.keyword-credit) {
 display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--brand-mint-line);border-radius:var(--brand-control-radius);
 background:var(--brand-mint);color:var(--brand-green);font-size:var(--app-small-size);font-weight:500;line-height:1.5;
}
body.workspace-page .workspace-content :is(.controls-bar,.templates-controls,.documents-toolbar,.planner-toolbar) {
 padding:16px;margin-bottom:24px;border:1px solid var(--brand-line);border-radius:var(--brand-card-radius);background:var(--brand-paper);box-shadow:none;gap:12px;
}
body.workspace-page :is(.filter-tab,.filter-chip),body.writing-app :is(.inspector-tabs button,.research-switch button) {
 font:500 var(--app-label-size)/1.5 var(--brand-body-font);color:var(--brand-muted);box-shadow:none;
}
body.workspace-page :is(.filter-tab,.filter-chip) {min-height:38px;padding:8px 12px;border-radius:var(--brand-control-radius);}
body.workspace-page :is(.filter-tab.active,.filter-chip.active),body.writing-app .research-switch button[aria-pressed=true] {
 color:var(--brand-primary);background:var(--brand-lavender);border-color:var(--brand-lavender-line);
}
body.workspace-page .workspace-content :is(.project-card h3,.template-card h3,.empty-state h3,.templates-no-results h3,.documents-no-results h3) {
 font:600 var(--app-section-size)/1.4 var(--brand-body-font);color:var(--brand-ink);letter-spacing:-.015em;
}
body.workspace-page .workspace-content :is(.template-desc,.member-details p,.invitation-empty p,.keyword-search-note,.keyword-search-note label,.planner-hint,.planner-board-header p) {
 font-size:var(--app-label-size);line-height:1.7;color:var(--brand-muted);
}
body.workspace-page .workspace-content :is(.template-btn,.planner-text-button),body.writing-app :is(.quiet-button,.document-menu summary) {
 display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:var(--app-control-height);padding:10px 14px;
 border:1px solid var(--brand-line);border-radius:var(--brand-control-radius);background:var(--brand-paper);color:var(--brand-muted);font:600 var(--app-label-size)/1.5 var(--brand-body-font);box-shadow:none;cursor:pointer;
}
body.workspace-page .workspace-content .template-btn.primary {background:var(--brand-primary);border-color:var(--brand-primary);color:white;}
body.workspace-page .workspace-content .template-btn.primary:hover {background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);}
body.workspace-page .workspace-content .template-btn.danger {color:var(--app-danger);border-color:var(--app-danger-line);background:var(--app-danger-bg);}
body.workspace-page .workspace-content :is(.template-btn:not(.primary),.planner-text-button):hover,body.writing-app :is(.quiet-button,.document-menu summary):hover {background:var(--brand-canvas);border-color:var(--brand-lavender-line);}
body.workspace-page .workspace-content :is(.empty-state,.templates-no-results,.documents-no-results,.keyword-empty,.planner-empty) {
 padding:40px 24px;color:var(--brand-muted);font-size:var(--app-body-size);text-align:center;border-radius:var(--brand-card-radius);
}
body.workspace-page .workspace-content :is(.empty-state,.templates-no-results,.documents-no-results,.keyword-empty,.planner-empty) p {font-size:var(--app-body-size);line-height:1.7;color:var(--brand-muted);}
body.workspace-page .workspace-content :is(.empty-state,.templates-no-results,.documents-no-results,.keyword-empty,.planner-empty) .empty-sketch {
 display:block;width:44px;height:44px;margin:0 auto 16px;color:var(--brand-primary);
}
body.workspace-page :is(.template-icon,.project-icon,.planner-intro-icon,.assistant-mark),body.writing-app .assistant-mark {background:var(--brand-lavender);color:var(--brand-primary);border-color:var(--brand-lavender-line);border-radius:12px;}
body.workspace-page .workspace-content :is(.planner-summary>span,.keyword-stats>span) {
 border:1px solid var(--brand-line);border-radius:12px;background:var(--brand-canvas);color:var(--brand-muted);font-size:var(--app-small-size);line-height:1.6;
}
body.workspace-page .workspace-content :is(.planner-summary>span,.keyword-stats>span) strong {color:var(--brand-ink);font-size:26px;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;}
body.workspace-page .workspace-content :is(.planner-summary>span:nth-child(2),.keyword-stats>span:nth-child(2)) {background:var(--brand-mint);border-color:var(--brand-mint-line);}
body.workspace-page :is(.template-category,.member-role,.invite-badge) {font-size:var(--app-small-size);line-height:1.5;border-radius:6px;padding:4px 8px;}
body.workspace-page :is(.template-category,.member-role[data-role=owner],.member-role[data-role=admin]) {background:var(--brand-lavender);color:var(--brand-primary);border-color:var(--brand-lavender-line);}
body.workspace-page :is(.member-role[data-role=member],.badge-published,.research-badge.complete,.keyword-difficulty.easy),body.writing-app .score-check.passed {color:var(--brand-green);}
body.workspace-page :is(.member-role[data-role=member],.badge-published,.research-badge.complete,.keyword-difficulty.easy,.planner-note) {background:var(--brand-mint);border-color:var(--brand-mint-line);color:var(--brand-green);}
body.workspace-page :is(.alert-error,.planner-message.is-error) {color:var(--app-danger);background:var(--app-danger-bg);border-color:var(--app-danger-line);}
body.workspace-page :is(.alert-warning,.keyword-difficulty.medium) {color:var(--app-warning);background:var(--app-warning-bg);border-color:var(--app-warning-line);}
body.workspace-page .workspace-content .planner-toolbar :is(input,select),body.workspace-page :is(.planner-dialog,.app-dialog-card,.modal-card) :is(input,select,textarea):not(:where([type=checkbox],[type=radio],[type=hidden])),body.writing-app :is(.inspector-panel,.writing-dialog) :is(input,select,textarea):not(:where([type=checkbox],[type=radio],[type=hidden])) {
 box-sizing:border-box;min-height:var(--app-control-height);padding:10px 12px;border:1px solid var(--brand-line);border-radius:var(--brand-control-radius);background:var(--brand-paper);color:var(--brand-ink);font:400 var(--app-control-font-size,var(--brand-body-size))/1.5 var(--brand-body-font);
}
body.writing-app :is(.inspector-panel label,.inspector-box-toggle,.writing-location) {font-size:var(--app-label-size);color:var(--brand-muted);}
body.writing-app :is(.panel-intro,.assistant-note,.inline-feedback,.writing-footer) {font-size:var(--app-small-size);color:var(--brand-muted);line-height:1.7;}
body.writing-app :is(.inspector-panel h2,.inspector-panel h3) {font:600 var(--app-section-size)/1.4 var(--brand-body-font);color:var(--brand-ink);}
body.writing-app :is(.inspector-box,.document-menu-items,.writing-dialog) {border-color:var(--brand-line);border-radius:var(--brand-card-radius);background:var(--brand-paper);}
body.writing-app :is(.document-menu-items button:hover,.inspector-tabs button[aria-selected=true]) {color:var(--brand-primary);background:var(--brand-lavender);}
body.writing-app .inspector-tabs button[aria-selected=true] {border-color:var(--brand-primary);}
body.writing-app .editor-action-bar .quiet-button {min-height:34px;padding:6px 10px;font-size:var(--app-small-size);}
body.workspace-page .header-right :is(.btn-primary,.btn-secondary) {min-height:var(--app-control-height);padding:10px 16px;border-radius:var(--brand-control-radius);font:600 var(--app-label-size)/1.5 var(--brand-body-font);}
body:is(.workspace-page,.writing-app) .app-dialog-btn {min-height:var(--app-control-height);padding:10px 16px;border-radius:var(--brand-control-radius);font:600 var(--app-label-size)/1.5 var(--brand-body-font);}
body:is(.workspace-page,.writing-app) :is(.app-dialog-card,.planner-dialog,.writing-dialog) {border-color:var(--brand-line);border-radius:var(--brand-card-radius);}
body:is(.workspace-page,.writing-app) .dashboard-account nav a {color:var(--brand-muted);font-size:var(--app-label-size);border-radius:var(--brand-control-radius);}
body:is(.workspace-page,.writing-app) .dashboard-account nav a:hover {color:var(--brand-primary);background:var(--brand-lavender);}
body.workspace-page .workspace-search-form {padding:24px;margin-bottom:24px;border-color:var(--brand-line);border-radius:var(--brand-card-radius);background:var(--brand-paper);}
body.workspace-page .workspace-search-form label {font-size:var(--app-label-size);color:var(--brand-ink);}
body.workspace-page .workspace-content :is(.workspace-empty-state,.dashboard-empty) :is(h2,h3) {font:600 var(--app-section-size)/1.4 var(--brand-body-font);color:var(--brand-ink);}
body.workspace-page .workspace-content :is(.workspace-empty-state,.dashboard-empty) p {font-size:var(--app-body-size);line-height:1.7;color:var(--brand-muted);}
body.workspace-page .admin-mobile-navigation {display:none;}
body.workspace-page :is(.alert,.inline-feedback,.admin-activity,.settings-section-description) {overflow-wrap:anywhere;}
body:is(.workspace-page,.writing-app) :is(.workspace-content,.writing-dialog,.inspector-panel,.planner-dialog,.app-dialog-card) :is(input,select,textarea):is(:user-invalid,[aria-invalid=true]) {border-color:var(--app-danger);background:var(--app-danger-bg);box-shadow:inset 0 0 0 1px var(--app-danger);}
body.workspace-page .admin-content :is(.admin-credential-status,.admin-pagination,.admin-template small) {color:var(--brand-muted);font-size:var(--app-small-size);}
body.workspace-page .admin-metrics span,body.workspace-page .admin-shortcuts strong {font-size:var(--app-label-size);}
/* Spacing belongs to the containing layout. Field margins must not add to grid gaps. */
body.workspace-page :is(.settings-container,.admin-layout) {column-gap:var(--app-space-section);}
body.workspace-page .workspace-content :is(.templates-grid,.projects-grid,.keyword-layout,.keyword-main,.dashboard-grid,.dashboard-column,.main-grid) {gap:var(--app-space-section);}
body.workspace-page .workspace-content :is(.project-card,.template-card) {padding:24px;}
body.workspace-page .workspace-content :is(.project-card,.template-card) h3 {margin:0 0 8px;}
body.workspace-page .workspace-content :is(.project-desc,.template-desc) {margin:0 0 16px;}
body.workspace-page .workspace-content .template-actions {margin-top:16px;padding-top:16px;}
body.workspace-page .admin-content {gap:var(--app-space-section);}
body.workspace-page.settings-page .settings-section.active {display:grid;gap:var(--app-space-section);align-content:start;}
body.workspace-page.settings-page .settings-section > :is(.settings-section-heading,.settings-stack,.settings-card,.settings-grid,.settings-billing-controls,.billing-feedback) {margin:0;}
body.workspace-page.settings-page :is(.settings-stack,.settings-grid) {gap:var(--app-space-section);}
body.workspace-page.settings-page .settings-card {margin:0;}
body.workspace-page.settings-page .settings-card-title {margin:0 0 24px;padding:0 0 16px;}
body.workspace-page.settings-page .settings-card > h3 {font:600 var(--app-section-size)/1.4 var(--brand-body-font);margin:0 0 24px;padding:0 0 16px;border-bottom:1px solid var(--brand-line);}
body.workspace-page.settings-page .settings-card .mfa-settings-field {display:block;margin:24px 0;}
body.workspace-page.settings-page .avatar-upload {margin:0 0 var(--app-space-field);}
body.workspace-page.settings-page .settings-card > :is(.form-row,.form-group) {margin:0 0 var(--app-space-field);}
body.workspace-page.settings-page .form-row {gap:var(--app-space-field);}
body.workspace-page.settings-page .form-row .form-group {margin:0;}
body.workspace-page.settings-page .form-group > label {margin:0 0 var(--app-space-label);}
body.workspace-page.settings-page .form-group > .muted-text {margin:var(--app-space-label) 0 0;}
body.workspace-page.settings-page .settings-actions {margin:0;padding-top:24px;gap:12px;}
body.workspace-page.settings-page .settings-card > :last-child {margin-bottom:0;}
body.workspace-page .admin-content .panel > :is(h2,h3) {margin-top:0;}
body.workspace-page .admin-content .panel > h2 + p {margin:8px 0 0;}
body.workspace-page .admin-content .panel > p + form {margin-top:24px;}
body.workspace-page .admin-content :is(.admin-grid,.admin-form-grid) {gap:24px;margin:24px 0;align-items:start;}
body.workspace-page .admin-content :is(.admin-grid,.admin-form-grid) label:not(.admin-check):not(.sr-only) {margin:0 0 8px;}
body.workspace-page .admin-content :is(.admin-grid,.admin-form-grid) > label:not(.admin-check):not(.sr-only) {display:grid;gap:8px;margin:0;align-content:start;}
body.workspace-page .admin-content :is(.admin-grid,.admin-form-grid) label > :is(input,select,textarea) {margin:0;}
body.workspace-page .admin-content :is(.admin-grid,.admin-form-grid) p {margin:8px 0 0;}
body.workspace-page .admin-content form > .btn-primary {margin-top:0;}
body.workspace-page .admin-content .admin-form {display:flow-root;}
body.workspace-page .admin-content .admin-form > label:not(.admin-check):not(.sr-only) {margin:24px 0 8px;}
body.workspace-page .admin-content .admin-form > :is(p,small) {display:block;margin:8px 0 0;}
body.workspace-page .admin-content .admin-form > h3 {margin:32px 0 16px;}
body.workspace-page .admin-content .admin-form > .panel {margin:24px 0;}
body.workspace-page .admin-content .admin-form > .panel > :is(h3,p) {margin:0;}
body.workspace-page .admin-content .admin-form > .panel > * + * {margin-top:12px;}
body.workspace-page .admin-content .admin-form > .panel > :is(h3,p) + :is(h3,p) {margin-top:12px;}
body.workspace-page .admin-content .admin-form > :is(input,select) {max-width:none;}
body.workspace-page .admin-content .admin-form > :is(.admin-grid,.admin-form-grid) + :is(.btn-primary,.admin-actions) {margin-top:0;}
body.workspace-page .admin-content .admin-form > :is(.btn-primary,.admin-actions) {margin-top:24px;}
body.workspace-page .admin-content .admin-credential {display:grid;gap:8px;margin:0;padding:24px 0;border-color:var(--brand-line);}
body.workspace-page .admin-content .admin-credential > label:not(.admin-check):not(.sr-only) {margin:0;}
body.workspace-page .admin-content .admin-credential > :is(p,small,.admin-credential-status,.muted-text) {display:block;margin:0;}
body.workspace-page .admin-content .admin-credential > .muted-text:has(ol) {margin-top:8px;}
body.workspace-page .admin-content .admin-credential ol {padding-left:24px;margin:8px 0;}
body.workspace-page .admin-content .admin-credential li + li {margin-top:8px;}
body.workspace-page .admin-content .admin-credential .muted-text p {margin:0;}
body.workspace-page .admin-content h3 + .admin-credential {padding-top:0;}
/* All admin subsections use the same structure, including fieldsets and nested forms. */
body.workspace-page .admin-content fieldset {min-inline-size:0;min-width:0;border:0;padding:0;margin:32px 0;}
body.workspace-page .admin-content fieldset > legend {width:100%;padding:24px 0 0;margin:0 0 24px;border:0;border-top:1px solid var(--brand-line);color:var(--brand-ink);font:600 var(--brand-title-size)/1.5 var(--brand-body-font);}
body.workspace-page .admin-content fieldset > p {margin:0 0 24px;}
body.workspace-page .admin-content fieldset label:not(.admin-check):not(.sr-only) {margin:24px 0 8px;}
body.workspace-page .admin-content fieldset > label:not(.admin-check):not(.sr-only) {display:grid;gap:8px;}
body.workspace-page .admin-content fieldset > label > :is(input,select,textarea) {margin:0;}
body.workspace-page .admin-content fieldset > legend + label:not(.admin-check):not(.sr-only) {margin-top:0;}
body.workspace-page .admin-content fieldset > :is(input,select,textarea) + p {margin:8px 0 24px;}
body.workspace-page .admin-content fieldset > :is(.admin-grid,.admin-form-grid) {margin:0;}
body.workspace-page .admin-content fieldset :is(.admin-grid,.admin-form-grid) label:not(.admin-check):not(.sr-only) {margin:0;}
body.workspace-page .admin-content .admin-pack-list {display:grid;gap:24px;}
body.workspace-page .admin-content .admin-word-pack {padding:24px;border:1px solid var(--brand-line);border-radius:12px;background:var(--brand-canvas);min-width:0;}
body.workspace-page .admin-content .admin-word-pack h4 {margin:0 0 16px;font-size:var(--brand-body-size);font-weight:600;line-height:1.5;}
body.workspace-page .admin-content .admin-word-pack .admin-pack-fields {grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:24px;}
body.workspace-page .admin-content .admin-word-pack .admin-pack-fields > label:not(.admin-check):not(.sr-only) {margin:0;}
body.workspace-page .admin-content :is(.admin-form,.admin-form > form) > h3 {margin:32px 0 16px;}
body.workspace-page .admin-content .admin-form > p + p {margin-top:12px;}
body.workspace-page .admin-content .admin-form > p[role=status] {padding:12px 16px;border:1px solid var(--brand-line);border-radius:9px;background:var(--brand-canvas);margin-top:16px;}
body.workspace-page .admin-content .admin-form > form > :is(p,small) {display:block;margin:8px 0 0;}
body.workspace-page .admin-content .admin-form > form > .btn-primary {margin-top:24px;}
body.workspace-page .admin-content .admin-form > form > .admin-grid:first-of-type {margin-top:0;}
body.workspace-page .admin-content .panel > h3 {margin:32px 0 16px;font-size:var(--brand-title-size);line-height:1.5;}
body.workspace-page .admin-content .panel > .admin-metrics {margin:24px 0;}
body.workspace-page .admin-content .panel > p + :is(.admin-table-wrap,.operations-table) {margin-top:24px;}
body.workspace-page .admin-content .admin-template {padding:24px 0;}
body.workspace-page .admin-content .admin-template :is(h3,p) {margin:0 0 8px;}
body.workspace-page .admin-content .generation-cost-filters label:not(.admin-check):not(.sr-only) {display:grid;gap:8px;margin:0;}
body.workspace-page .admin-content .generation-cost-filters label > :is(input,select) {margin:0;}
body.workspace-page .admin-content details > summary {line-height:1.5;}
body.workspace-page .admin-content details > summary + :is(p,div) {margin-top:16px;}
body.workspace-page :is(.admin-template-layout,.admin-user-layout,.admin-plan-grid,.admin-subscriptions,.admin-shortcuts,.admin-metrics) {gap:24px;}
body.workspace-page .admin-content .admin-writing-prompt > label:not(.admin-check):not(.sr-only) {margin:24px 0 8px;}
body.workspace-page .admin-content .admin-writing-prompt > p {margin:0 0 8px;}
body.workspace-page .admin-content .admin-writing-placement {margin-top:24px;}
body.workspace-page .admin-content .admin-writing-placement label:not(.admin-check):not(.sr-only) {margin:0 0 8px;}
body.workspace-page .admin-content .admin-writing-context .admin-check {margin:12px 0;}
body.workspace-page .admin-content > .admin-section-head {margin:0;}
body.workspace-page .admin-content > .admin-section-head h2 {font:600 18px/1.4 var(--brand-body-font);margin:0 0 8px;}
body.workspace-page .admin-content > .admin-section-head p {margin:0;}
body.workspace-page .admin-plan-grid .admin-form-grid {grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
body.workspace-page .admin-plan-grid .admin-form-grid > div {display:flex;flex-direction:column;}
body.workspace-page .admin-plan-grid .admin-form-grid > div > label {flex:1;}
body.workspace-page .admin-content .provider-cost-table {min-width:960px;}
body.workspace-page .admin-content .provider-cost-table td:first-child {white-space:nowrap;}
body.workspace-page .workspace-content :is(.team-grid,.side-panel,.dashboard-panels,.dashboard-launchpad,.stats-grid) {gap:24px;}
body.workspace-page .dashboard-launchpad {margin-bottom:24px;}
body.workspace-page.team-page .main-content {display:grid;gap:24px;align-content:start;}
body.workspace-page.team-page .pending-section {margin-top:0;}
body.workspace-page.team-page .member-controls {display:flex;align-items:center;gap:12px;}
body.workspace-page.team-page .member-details {min-width:0;}
body.workspace-page.team-page :is(.member-item,.invite-item) {padding:24px 0;}
body.workspace-page.team-page .member-list > :last-child {padding-bottom:0;border-bottom:0;}
body.workspace-page.team-page .panel-header {margin-bottom:0;padding-bottom:16px;}
body.workspace-page.team-page .action-btn-ghost {width:auto;min-height:36px;padding:8px 12px;font:500 var(--brand-label-size)/1.5 var(--brand-body-font);border-radius:var(--brand-control-radius);color:var(--brand-muted);}
body.workspace-page.team-page .action-btn-ghost.action-icon {width:36px;padding:8px;}
@media(max-width:800px) {
 body.workspace-page.team-page .member-item {display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;}
 body.workspace-page.team-page .member-info {grid-column:1 / -1;}
 body.workspace-page.team-page .member-controls {grid-column:2;justify-self:start;}
 body.workspace-page.team-page .action-btn-ghost {min-width:44px;min-height:44px;}
 body.workspace-page.team-page .action-btn-ghost.action-icon {width:44px;}
}
@media(max-width:1100px) {body.workspace-page .admin-content .admin-word-pack .admin-pack-fields {grid-template-columns:minmax(0,1fr);}}
@media(min-width:1101px) {body.workspace-page :is(.settings-container,.admin-layout) {grid-template-columns:220px minmax(0,1fr);}}
body:is(.workspace-page,.writing-app) :is(button,.btn-primary,.btn-secondary,.template-btn):disabled {opacity:.55;cursor:not-allowed;box-shadow:none;}
/* Planner rows become cards below this breakpoint; retain their field layout. */
@media(max-width:1250px) {body.workspace-page .workspace-content .planner-table td {padding:0;}body.workspace-page .workspace-content .planner-table td:last-child {padding-top:12px;}}
@media(max-width:980px) {
 body.workspace-page.admin-page .admin-tabs {display:none;}
 body.workspace-page .admin-mobile-navigation {display:block;padding:16px;border:1px solid var(--brand-line);border-radius:var(--brand-card-radius);background:var(--brand-paper);}
 body.workspace-page .admin-mobile-navigation label {display:block;margin-bottom:8px;font-size:var(--app-label-size);font-weight:600;}
 body.workspace-page .admin-mobile-navigation > div {display:flex;gap:8px;}
 body.workspace-page .admin-mobile-navigation select {flex:1;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--brand-line);border-radius:var(--brand-control-radius);background:var(--brand-paper);color:var(--brand-ink);font:inherit;}
}
@media(max-width:800px) {
 body:is(.workspace-page,.writing-app) {--app-control-height:44px;}
 body.workspace-page :is(.filter-tab,.filter-chip,.settings-nav-item),body.writing-app .inspector-tabs button {min-height:44px;}
 body.workspace-page .workspace-content table :is(.btn-primary,.btn-secondary){min-height:44px;padding:10px 12px;}
 body.writing-app .formatting-bar button {min-width:44px;min-height:44px;}
 body.writing-app .editor-action-bar .quiet-button {min-height:44px;}
 body.writing-app .editor-action-bar :is(input,select) {min-height:44px;}
 body.workspace-page .keyword-search-note label {min-height:44px;}
 body:is(.workspace-page,.writing-app) :is(.planner-close,.choose-plan-close,.document-import-notice-dismiss),body.writing-app .writing-dialog .dialog-heading button {min-width:44px;min-height:44px;}
 body.workspace-page :is(.modal-header,.app-dialog-head) .icon-button {min-width:44px;min-height:44px;}
 body.workspace-page .workspace-content :is(.form-control,.search-input),body.workspace-page .admin-mobile-navigation select,body.writing-app .inspector-panel :is(input,select,textarea) {font-size:var(--brand-title-size);}
}
@media(max-width:620px) {
 body:is(.workspace-page,.writing-app) {--app-title-size:26px;--app-section-size:18px;}
 body.workspace-page .admin-plan-grid .admin-form-grid {grid-template-columns:minmax(0,1fr);}
 body.workspace-page .main > :is(.page-header,.dashboard-header) {padding:16px 18px;}
 body.workspace-page.admin-page .main > .page-header {position:relative;min-height:100px;}
 body.workspace-page.admin-page .page-header .header-left {padding-right:64px;}
 body.workspace-page.admin-page .page-header .header-right {position:absolute;top:16px;right:18px;width:auto;}
}

/* Shared blue application palette. */
body:is(.workspace-page,.writing-app,.auth-page) {
 --brand-shadow:0 5px 24px #13294e05;
 --brand-border:var(--brand-line);--brand-surface:var(--brand-paper);
 --ink:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-line);--paper:var(--brand-paper);--white:var(--brand-paper);
 --purple:var(--brand-green);--purple-dark:var(--brand-ink);--green:var(--brand-green);--lavender:var(--brand-lavender);--mint:var(--brand-mint);
 --ui-ink:var(--brand-ink);--ui-muted:var(--brand-muted);--ui-line:var(--brand-line);
 --ui-blue:var(--brand-green);--ui-purple:var(--brand-green);--ui-purple-ink:var(--brand-ink);--ui-green:var(--brand-mint);--ui-green-ink:var(--brand-green);
 --ui-aqua:var(--brand-mint);--ui-aqua-soft:var(--brand-mint);--ui-aqua-ink:var(--brand-green);--ui-peach-ink:var(--brand-ink);--ui-blush-ink:var(--brand-ink);
 --ui-periwinkle:var(--brand-mint);--ui-periwinkle-ink:var(--brand-green);--ui-radius:var(--brand-card-radius);--ui-shadow:none;
 --studio-lime:#c9d8f1;--studio-lime-soft:var(--brand-mint);--studio-lime-ink:var(--brand-green);
 color:var(--brand-ink);
 -webkit-font-smoothing:antialiased;
}
body:is(.workspace-page,.writing-app,.auth-page) ::selection{background:#d2ddf1;color:#19325c}
body:is(.workspace-page,.writing-app,.auth-page) :is(h1,h2,h3,h4,h5,h6){color:var(--brand-ink)}
body.workspace-page .main>:is(.page-header,.dashboard-header),body.writing-app .writing-header{background:var(--brand-canvas);border-color:var(--brand-line);box-shadow:none}
body.workspace-page .main>:is(.page-header,.dashboard-header){padding:24px 32px}
body.workspace-page .main>:is(.page-header,.dashboard-header) .header-left h1{font-size:22px;font-weight:600}
body.workspace-page .workspace-content{background:var(--brand-canvas)}
body:is(.workspace-page,.writing-app) .sidebar{background:#fff;border-right:1px solid var(--brand-line)}
body:is(.workspace-page,.writing-app) .sidebar .nav-item{min-height:44px;padding-top:12px;padding-bottom:12px;font-size:var(--brand-body-size);font-weight:400;letter-spacing:0;color:#575f6e;border-radius:5px}
body:is(.workspace-page,.writing-app) .sidebar .nav-item.active{color:var(--brand-green);background:var(--brand-lavender);font-weight:600;box-shadow:none}
body:is(.workspace-page,.writing-app) .sidebar .nav-item:hover{background:var(--brand-canvas);color:var(--brand-ink)}
body:is(.workspace-page,.writing-app) :is(.sidebar-section-title,.sidebar-section-label){font-size:10px;letter-spacing:.12em;color:#7d8696}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading){background:#ecf1f9;border-color:transparent}
body.workspace-page.dashboard-page .dashboard-start{padding:44px;min-height:300px}
body.workspace-page.dashboard-page .dashboard-start h2{font-size:clamp(30px,3vw,44px);max-width:590px;letter-spacing:-.045em}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro) h2 em{font-family:inherit;text-decoration:none;font-style:normal}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading) p{font-size:var(--brand-body-size);line-height:1.75}
body.workspace-page :is(.dashboard-eyebrow,.documents-library-eyebrow,.planner-eyebrow,.templates-eyebrow,.keyword-eyebrow,.management-eyebrow){font-size:10px;letter-spacing:.06em;font-weight:600;color:var(--brand-green);background:var(--brand-lavender);border-color:transparent;border-radius:4px}
body.workspace-page .workspace-content :is(.panel,.settings-card,.members-panel,.pending-section,.info-card,.search-section,.saved-lists,.activity-panel){padding:28px}
body.workspace-page .workspace-content :is(.panel,.stat-card,.project-card,.template-card,.settings-card,.documents-container,.info-card,.members-panel,.activity-panel){border:1px solid var(--brand-line);border-radius:var(--brand-card-radius);box-shadow:none;background:var(--brand-paper)}
body.workspace-page :is(.settings-sidebar,.admin-tabs){border-color:var(--brand-line);border-radius:8px;box-shadow:none}
body.workspace-page :is(.settings-nav-item.active,.admin-tabs a[aria-current],.filter-tab.active,.filter-chip.active){background:var(--brand-lavender);color:var(--brand-green);border-color:var(--brand-mint-line)}
body.workspace-page :is(.settings-nav-item,.admin-tabs a):hover{background:var(--brand-canvas);color:var(--brand-ink)}
body:is(.workspace-page,.writing-app,.auth-page) :is(.btn-primary,.primary-btn,.action-btn.primary,.app-dialog-btn.primary,.plan-checkout-button){border:1px solid var(--brand-ink);font:600 var(--brand-body-size)/1.45 var(--brand-body-font);min-height:44px;padding:11px 18px}
body.workspace-page .choose-plan-dialog .plan-checkout-button{border-radius:5px;box-shadow:none}
body.workspace-page .choose-plan-dialog .plan-checkout-button:hover{background:#30579a;border-color:#30579a}
body:is(.workspace-page,.writing-app,.auth-page) :is(.btn-secondary,.secondary-btn,.header-link,.app-dialog-btn.secondary){border-radius:5px;border-color:#d8dfeb;color:#414c60;background:var(--brand-paper);font-family:var(--brand-body-font);font-size:var(--brand-body-size);box-shadow:none}
body:is(.workspace-page,.writing-app,.auth-page) :is(.btn-secondary,.secondary-btn):hover{background:var(--brand-canvas);border-color:var(--brand-line)}
body:is(.workspace-page,.writing-app,.auth-page) :is(.form-control,.search-input,input[type=search],select,textarea){font-family:var(--brand-body-font);font-size:var(--brand-body-size);border-color:var(--brand-line);border-radius:5px;color:var(--brand-ink)}
body:is(.workspace-page,.writing-app,.auth-page) :is(input,select,textarea):focus{border-color:#6a8cc8;box-shadow:0 0 0 2px #6a8cc815}
body:is(.workspace-page,.writing-app,.auth-page) :is(a,button,summary,input,select,textarea):focus-visible{outline-color:var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}
body.workspace-page :is(.dashboard-launch,.dashboard-launch:nth-child(2),.dashboard-launch:nth-child(3)){background:var(--brand-paper);border-color:var(--brand-line);border-radius:8px;padding:20px}
body.workspace-page :is(.dashboard-launch-icon,.stat-icon,.billing-current-icon){background:var(--brand-lavender);color:var(--brand-green);border-radius:6px}
body.workspace-page .dashboard-launch:nth-child(2) .dashboard-launch-icon{background:var(--brand-lavender);color:var(--brand-green)}
body.workspace-page :is(.dashboard-stat-value,.stat-value){font-size:32px;letter-spacing:-.04em;font-weight:600;color:var(--brand-ink)}
body.workspace-page :is(.dashboard-start-art .workspace-handnote,.dashboard-start-art .dashboard-art-orbit){display:none}
body.workspace-page .dashboard-art-paper{transform:rotate(-5deg);background:#fff;border-color:#dce2ed;box-shadow:0 16px 40px #1e3e751a}
body.workspace-page :is(.dashboard-art-kicker,.dashboard-art-title){background:#3a60a2}
body.workspace-page .dashboard-art-block{background:var(--brand-lavender);color:var(--brand-green)}
body.workspace-page .dashboard-art-spark{background:#c9d8f1;color:var(--brand-green);border-color:var(--brand-mint-line)}
body.workspace-page .billing-usage-warning{border-color:var(--brand-line);border-radius:8px;background:#fff;box-shadow:none}
body.workspace-page .billing-usage-warning .usage-notice-icon{background:var(--brand-lavender);color:var(--brand-green)}
body.workspace-page :is(.usage-notice-details,.usage-allowance-row a,.billing-current-usage a){color:var(--brand-green)}
body.workspace-page :is(.billing-usage-track>span,.usage-progress>span,.usage-allowance-progress>span){background:#3a69b9}
body.workspace-page .billing-current-badge{background:var(--brand-lavender);color:#2c57a0;border-radius:4px}
body.writing-app :is(.draft-area,.inspector-box){background:#fff;border-color:var(--brand-line);border-radius:8px;box-shadow:none}
body.writing-app :is(.editor-toolbar,.formatting-bar,.inspector-header,.inspector-box-header){border-color:var(--brand-line)}
body.writing-app #contentEditor{font-family:var(--brand-body-font);color:var(--brand-ink)}
body.writing-app #documentTitleInput{font-family:var(--brand-body-font);font-size:36px;line-height:1.2;font-weight:600}
body.writing-app :is(.paper-eyebrow,.document-title::placeholder){color:#969ead}
body:is(.workspace-page,.writing-app) .mobile-navigation{background:#fff;border-color:var(--brand-line);color:var(--brand-ink)}
body:is(.workspace-page,.writing-app) .mobile-navigation nav a[aria-current=page]{background:var(--brand-lavender);color:var(--brand-green)}
@media(max-width:800px){body.workspace-page .workspace-content{padding:24px}body.workspace-page.dashboard-page .dashboard-start{padding:28px;min-height:260px}}
@media(max-width:620px){
 body:is(.workspace-page,.writing-app,.auth-page){--app-space-section:20px}
 body.workspace-page .workspace-content{padding:16px}
 body.workspace-page .main>:is(.page-header,.dashboard-header){padding:18px 20px}
 body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading,.panel,.settings-card,.members-panel,.pending-section,.info-card,.search-section,.saved-lists,.activity-panel){padding:22px}
 body.workspace-page.dashboard-page .dashboard-start h2{font-size:30px}
}

/* Dark feature areas and bright, restrained actions echo the new reference. */
body.workspace-page.dashboard-page .workspace-content .dashboard-start{background:#131f33;border-color:#131f33;border-radius:16px;min-height:320px}
body.workspace-page.dashboard-page .workspace-content .dashboard-start h2 em{text-decoration:none}
body.workspace-page.dashboard-page .workspace-content .dashboard-start p:not(.dashboard-eyebrow){font-size:15px;line-height:1.75}
body.workspace-page.dashboard-page .workspace-content .dashboard-start .dashboard-eyebrow{font-size:10px;letter-spacing:.08em}
body:is(.workspace-page,.writing-app,.auth-page) :is(.btn-primary,.primary-btn,.action-btn.primary,.app-dialog-btn.primary,.plan-checkout-button){background:var(--brand-primary);border-color:transparent;color:#fff;border-radius:var(--brand-control-radius);box-shadow:0 3px 10px #2a55a01a}
body:is(.workspace-page,.writing-app,.auth-page) :is(.btn-primary,.primary-btn,.action-btn.primary,.app-dialog-btn.primary,.plan-checkout-button):hover{background:var(--brand-primary-hover);border-color:transparent}
body.workspace-page.dashboard-page .workspace-content .dashboard-start .btn-primary{background:var(--brand-primary);border-color:transparent}
body.workspace-page .choose-plan-dialog .plan-checkout-button{background:var(--brand-primary);border-color:transparent}
body.workspace-page.dashboard-page .workspace-content .dashboard-launch{background:#fff;border-color:var(--brand-line);border-radius:12px;padding:22px}
body.workspace-page.dashboard-page .workspace-content .dashboard-launch .dashboard-launch-icon{background:#eaf0fa;color:var(--brand-ink)}
body.workspace-page.dashboard-page .workspace-content .dashboard-art-paper{background:#fff;border:1px solid #d6e3fa}
body.workspace-page.dashboard-page .workspace-content .dashboard-art-line{background:#c8d3e6}
body.workspace-page.dashboard-page .workspace-content .dashboard-art-block{background:#e3ebfa;color:var(--brand-ink)}
body.workspace-page.dashboard-page .workspace-content .dashboard-art-block span{background:#8ea9d7}
body.workspace-page.dashboard-page .workspace-content .dashboard-art-block .sketch-icon{color:var(--brand-ink)}
body.workspace-page :is(.user-avatar,.avatar-preview,.member-avatar,.project-icon,.template-icon){background:#e9effa;color:var(--brand-ink);border-color:var(--brand-line)}
body.workspace-page .dashboard-account .user-avatar{background:#e9effa;color:var(--brand-ink);border-color:var(--brand-line)}
body.workspace-page .panel-header>a{background:#eff3fb;color:var(--brand-ink);border-radius:5px}
body.workspace-page .dashboard-empty>.sketch-icon,body.workspace-page .panel-header .sketch-icon{color:#4e75b8}
body:is(.workspace-page,.writing-app) :is(.usage-meter>span,.billing-usage-track>span){background:linear-gradient(90deg,#3560aa,#4372c2)}
@media(max-width:620px){body.workspace-page.dashboard-page .workspace-content .dashboard-start{padding:26px;min-height:280px}}

/* Use the same type scale and components on older workspace screens. */
body:is(.workspace-page,.writing-app,.auth-page){--lime:var(--brand-lavender);--shadow:var(--brand-shadow);--text-color:var(--brand-ink);--text-muted:var(--brand-muted);--border-color:var(--brand-line);--surface:var(--brand-paper);--primary-color:var(--brand-primary)}
body.workspace-page :is(.dashboard-launch strong,.keyword-history-items strong,.keyword-saved-items,.member-details h4,.project-name,.template-name){font-family:var(--brand-body-font);font-size:var(--brand-body-size);font-weight:600;line-height:1.5}
body.workspace-page :is(.dashboard-launch small,.stat-header>span:first-child,.dashboard-stat small,.keyword-search-note,.keyword-history-items span,.keyword-history-items small,.keyword-table td small,.project-meta,.template-meta,.member-role){font-family:var(--brand-body-font);font-size:var(--brand-meta-size);line-height:1.65;color:var(--brand-muted)}
body.workspace-page :is(.keyword-table,.members-table,.admin-table){font-size:var(--brand-body-size);color:var(--brand-ink)}
body.workspace-page :is(.keyword-table,.members-table,.admin-table) th{font:600 var(--brand-meta-size)/1.5 var(--brand-body-font);background:var(--brand-canvas);color:var(--brand-muted);letter-spacing:.025em}
body.workspace-page :is(.keyword-table,.members-table,.admin-table) :is(th,td){padding:16px 14px;border-color:var(--brand-line)}
body.workspace-page :is(.keyword-page h2,.planner-board-header h2,.templates-grid h3,.project-card h3){font-family:var(--brand-body-font);font-weight:600;font-size:19px;letter-spacing:-.02em}
body.workspace-page :is(.keyword-search label,.keyword-import-dialog label,.planner-toolbar label,.form-group>label,.app-dialog-field label){font:500 var(--brand-label-size)/1.5 var(--brand-body-font);color:var(--brand-ink)}
body.workspace-page :is(.keyword-search-note,.keyword-stats,.keyword-toolbar span,.keyword-pagination,.planner-hint,.planner-summary>span){font-size:var(--brand-label-size);line-height:1.65}
body.workspace-page .keyword-credit{font-size:var(--brand-label-size);background:var(--brand-lavender);border-color:var(--brand-lavender-line);color:var(--brand-primary);border-radius:7px}
body.workspace-page .keyword-history-items a.active{color:var(--brand-primary);background:var(--brand-lavender);border-color:var(--brand-lavender-line)}
body.workspace-page :is(.planner-intro-icon,.planner-empty>i,.templates-intro>i,.template-icon,.project-icon){background:var(--brand-lavender);color:var(--brand-primary);border-radius:10px}
body.workspace-page .planner-summary>span{background:var(--brand-paper);border:1px solid var(--brand-line);border-radius:10px}
body.workspace-page .planner-summary>span:nth-child(2){background:var(--brand-lavender);border-color:var(--brand-lavender-line)}
body.workspace-page .planner-summary strong{color:var(--brand-ink);font-size:28px}
body.workspace-page :is(.filter-tab,.filter-chip,.settings-nav-item,.admin-tabs a,.template-category,.keyword-toolbar select){font-family:var(--brand-body-font);font-size:var(--brand-body-size)}
body:is(.workspace-page,.writing-app) :is(.app-dialog-card,.modal-content,.planner-dialog,.keyword-import-dialog){font-family:var(--brand-body-font);color:var(--brand-ink);background:var(--brand-paper);border-color:var(--brand-line);border-radius:16px;box-shadow:0 24px 80px #131f3326}
body:is(.workspace-page,.writing-app) :is(.app-dialog-head,.modal-header,.app-dialog-actions,.modal-footer){border-color:var(--brand-line);background:var(--brand-paper)}
body:is(.workspace-page,.writing-app) :is(.app-dialog-head,.modal-header) :is(h2,h3){font:600 22px/1.25 var(--brand-body-font);letter-spacing:-.025em}
body:is(.workspace-page,.writing-app) :is(.app-dialog-btn,.app-dialog-btn.primary,.app-dialog-btn.secondary){font-family:var(--brand-body-font);font-size:var(--brand-body-size);border-radius:7px;min-height:44px}
body.workspace-page .competitor-option{border-color:var(--brand-line);background:var(--brand-paper);border-radius:10px}
body.workspace-page .competitor-option:has(input:checked){border-color:var(--brand-primary);background:var(--brand-lavender)}
body.workspace-page .competitor-option strong{font:600 var(--brand-body-size)/1.5 var(--brand-body-font);color:var(--brand-ink)}
body.workspace-page .competitor-option :is(p,a){font-size:var(--brand-label-size);line-height:1.65}
body:is(.workspace-page,.writing-app) :is(.document-menu-items,.dropdown-menu,.account-menu){background:var(--brand-paper);border-color:var(--brand-line);color:var(--brand-ink);border-radius:10px}
body:is(.workspace-page,.writing-app) :is(.document-menu-items,.dropdown-menu,.account-menu) :is(a,button){font-family:var(--brand-body-font);font-size:var(--brand-label-size)}
body.writing-app :is(.formatting-bar button,.formatting-bar select,.inspector-box button,.inspector-box select,.document-settings-button){font-family:var(--brand-body-font);color:var(--brand-ink)}
body.writing-app .formatting-bar button:is(:hover,[aria-pressed=true]){background:var(--brand-lavender);color:var(--brand-primary)}
body.writing-app :is(.inspector-tabs,.assistant-tabs) button{font-size:var(--brand-label-size)}
body.writing-app :is(.inspector-tab.active,.assistant-tab.active){background:var(--brand-lavender);color:var(--brand-primary);border-color:var(--brand-primary)}
body.writing-app :is(.inspector-box h3,.inspector-box-header,.inspector-heading){font-family:var(--brand-body-font);font-size:var(--brand-body-size);font-weight:600}
body.writing-app :is(.inspector-box label,.inspector-box p,.inspector-box small){font-family:var(--brand-body-font);font-size:var(--brand-label-size);line-height:1.65}
body.writing-app :is(.paper-eyebrow,.writing-status){font-family:var(--brand-body-font);font-size:11px;color:var(--brand-muted);letter-spacing:.065em}
body.auth-page .auth-story{padding:36px;border-radius:16px;max-width:560px;box-sizing:border-box}
body.auth-page .auth-preview{transform:none;border-radius:12px;box-shadow:0 12px 40px #060d192b}
body.auth-page .auth-preview h3{color:var(--brand-ink)}
body.auth-page .auth-preview-tag{background:var(--brand-lavender);color:var(--brand-primary)}
body.auth-page .auth-form-panel{border-radius:16px;border-color:var(--brand-line);box-shadow:var(--brand-shadow)}
body.auth-page .auth-form-panel :is(.btn-signin,.btn-signup){min-height:46px;font:600 var(--brand-body-size)/1.5 var(--brand-body-font);border-radius:var(--brand-control-radius);background:var(--brand-primary);border-color:transparent;color:#fff}
body:is(.workspace-page,.writing-app,.auth-page) :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--brand-primary)}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro) .workspace-handnote{display:none}
body.workspace-page .workspace-content :is(.dashboard-eyebrow,.documents-library-eyebrow,.planner-eyebrow,.templates-eyebrow,.keyword-eyebrow,.management-eyebrow){font:600 11px/1.4 var(--brand-body-font);letter-spacing:.075em;padding:6px 9px}
@media(max-width:620px){body.auth-page .auth-story{padding:24px}body.workspace-page :is(.keyword-table,.members-table,.admin-table) :is(th,td){padding:13px 12px}}

/* Reference typography: Source Sans 3 display, interface and reading text. */
body:is(.workspace-page,.writing-app,.auth-page){
 --brand-body-font:'Source Sans 3',Arial,sans-serif;--brand-heading-font:'Source Sans 3','Source Sans 3',Arial,sans-serif;
 font-family:var(--brand-body-font);font-optical-sizing:auto;
}
body:is(.workspace-page,.writing-app,.auth-page) :is(h1,h2,h3,h4,h5,h6){font-family:var(--brand-heading-font);font-weight:600;font-optical-sizing:auto;letter-spacing:-.025em;line-height:1.2}
body.workspace-page .main>:is(.page-header,.dashboard-header) .header-left h1{font:600 24px/1.25 var(--brand-heading-font);letter-spacing:-.035em}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) :is(h2,.section-title){font-family:var(--brand-heading-font);font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.035em}
body.workspace-page.dashboard-page .workspace-content .dashboard-start h2{font-family:var(--brand-heading-font);font-size:clamp(36px,3.4vw,48px);font-weight:600;line-height:1.12;letter-spacing:-.04em}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) p:not(:is(.dashboard-eyebrow,.documents-library-eyebrow,.planner-eyebrow,.templates-eyebrow,.keyword-eyebrow,.management-eyebrow)){font:400 var(--brand-title-size)/1.5 var(--brand-body-font);letter-spacing:0}
body.workspace-page.dashboard-page .workspace-content .dashboard-start p:not(.dashboard-eyebrow){font:400 var(--brand-title-size)/1.6 var(--brand-body-font)}
body.workspace-page .workspace-content :is(.panel h2,.panel-header h2,.panel-header h3,.settings-card-title,.info-card h4),body.workspace-page :is(.keyword-page h2,.planner-board-header h2,.templates-grid h3,.project-card h3){font:600 20px/1.3 var(--brand-heading-font);letter-spacing:-.02em}
body.workspace-page .workspace-content :is(.muted-text,.settings-section-description,.project-desc,.template-description){font:400 var(--brand-body-size)/1.55 var(--brand-body-font)}
body:is(.workspace-page,.writing-app) .sidebar .nav-item,body.workspace-page :is(.settings-nav-item,.filter-tab,.filter-chip,.admin-tabs a){font-family:var(--brand-body-font);font-size:var(--brand-body-size);line-height:1.5;letter-spacing:0}
body:is(.workspace-page,.writing-app,.auth-page) :is(button,input,select,textarea){font-family:var(--brand-body-font)}
body:is(.workspace-page,.writing-app,.auth-page) :is(.btn-primary,.primary-btn,.btn-secondary,.secondary-btn,.app-dialog-btn,.header-link,.plan-checkout-button,.btn-signin,.btn-signup){font-family:var(--brand-body-font);font-size:var(--brand-body-size);font-weight:600;line-height:1.4;letter-spacing:0}
body.workspace-page :is(.keyword-table,.members-table,.admin-table),body.workspace-page .workspace-content #usageSection .usage-history td{font-family:var(--brand-body-font);font-size:var(--brand-body-size);line-height:1.5}
body.workspace-page :is(.dashboard-launch strong,.keyword-history-items strong,.keyword-saved-items,.member-details h4,.project-name,.template-name){font:600 var(--brand-body-size)/1.5 var(--brand-body-font);letter-spacing:0}
body.workspace-page :is(.dashboard-launch small,.stat-header>span:first-child,.dashboard-stat small,.project-meta,.template-meta){font:400 var(--brand-label-size)/1.5 var(--brand-body-font);letter-spacing:0}
body.workspace-page :is(.app-dialog-head,.modal-header) :is(h2,h3),body.writing-app .dialog-heading h2{font:600 24px/1.25 var(--brand-heading-font);letter-spacing:-.025em}
body.writing-app #documentTitleInput{font:600 36px/1.2 var(--brand-heading-font);letter-spacing:-.03em}
body.writing-app #contentEditor,body.writing-app #contentEditor *{font-family:var(--brand-body-font)!important}
body.writing-app #contentEditor{font-size:17px;line-height:1.8;letter-spacing:0}
body.writing-app #contentEditor :is(h1,h2,h3,h4){font-family:var(--brand-heading-font)!important;letter-spacing:-.025em;line-height:1.3}
body.writing-app :is(.inspector-box-heading,.inspector-box-toggle,.inspector-box h3){font-family:var(--brand-body-font);font-size:var(--brand-body-size);line-height:1.5;font-weight:600;letter-spacing:0}
body.auth-page .auth-story h2,body.auth-page .auth-story h2 em{font:600 clamp(36px,4vw,52px)/1.12 var(--brand-heading-font);letter-spacing:-.035em}
body.auth-page .auth-form-panel h1{font:600 32px/1.2 var(--brand-heading-font);letter-spacing:-.035em}
body.auth-page .auth-preview h3{font:600 24px/1.25 var(--brand-heading-font);letter-spacing:-.025em}
@media(max-width:620px){
 body:is(.workspace-page,.writing-app,.auth-page){--app-title-size:28px;--app-section-size:20px}
 body.workspace-page .workspace-content :is(.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) :is(h2,.section-title){font-size:28px;line-height:1.2}
 body.workspace-page.dashboard-page .workspace-content .dashboard-start h2{font-size:34px;line-height:1.15}
 body.writing-app #documentTitleInput{font-size:30px}
 body:is(.workspace-page,.writing-app,.auth-page) :is(input[type=text],input[type=email],input[type=password],input[type=search],textarea,select){font-size:var(--brand-title-size)}
}

/* White reading surfaces; retain purple only for compact accents and actions. */
body:is(.workspace-page,.writing-app,.auth-page){
 
 --ui-canvas:#fff;--ui-peach:#f7f7f8;--ui-peach-soft:#fafafa;--ui-blush:#f7f7f8;--ui-blush-soft:#fafafa;
 background:#fff;
}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading),
body.workspace-page.dashboard-page .workspace-content .dashboard-start{
 background:#fff;border:1px solid var(--brand-line);
}
body.workspace-page.dashboard-page .workspace-content .dashboard-start h2{color:var(--brand-ink)}
body.workspace-page.dashboard-page .workspace-content .dashboard-start h2 em{color:var(--brand-primary)}
body.workspace-page.dashboard-page .workspace-content .dashboard-start p:not(.dashboard-eyebrow){color:var(--brand-muted)}
body.workspace-page.dashboard-page .workspace-content .dashboard-start .dashboard-eyebrow{border-color:var(--brand-line)}
body.workspace-page.dashboard-page .workspace-content .dashboard-art-paper{border-color:var(--brand-line);box-shadow:0 12px 32px #0000000d}
body.writing-app :is(.editor-toolbar,.formatting-bar,.inspector-header,.inspector-box-header){background:#fafafa}
body.auth-page .auth-story{background:#fff;color:var(--brand-ink);border:1px solid var(--brand-line)}
body.auth-page .auth-story h2,body.auth-page .auth-story h2 em{color:var(--brand-ink)}
body.auth-page .auth-story p{color:var(--brand-muted)}

/* Soft outlined actions inspired by the reference, without a glow. */
body.workspace-page.dashboard-page .workspace-content .btn-secondary,
body.workspace-page .project-card a.btn-secondary,
body.workspace-page .template-btn[data-ai-settings],
body.writing-app :is(#focusButton,#openDocumentSettings){
 border:1px solid var(--brand-line);
 border-radius:var(--brand-control-radius);
 background:var(--brand-lavender);
 color:var(--brand-ink);
 font-family:var(--brand-body-font);font-weight:600;
 box-shadow:none;text-shadow:none;
 transition:background .15s ease,color .15s ease;
}
body.workspace-page.dashboard-page .workspace-content .btn-secondary:hover,
body.workspace-page .project-card a.btn-secondary:hover,
body.workspace-page .template-btn[data-ai-settings]:hover,
body.writing-app :is(#focusButton,#openDocumentSettings):hover{
 border-color:#aabfdc;
 background:var(--brand-lavender);
 color:var(--brand-ink);box-shadow:none;
}
@media(forced-colors:active){
 body.workspace-page.dashboard-page .workspace-content .btn-secondary,
 body.workspace-page .project-card a.btn-secondary,
 body.workspace-page .template-btn[data-ai-settings],
 body.writing-app :is(#focusButton,#openDocumentSettings){border-color:ButtonText}
}

/* Soft neutral cards on a white canvas, sampled visually from the reference. */
body:is(.workspace-page,.writing-app){--brand-soft-block:var(--brand-paper)}
body.workspace-page.dashboard-page .workspace-content :is(.dashboard-launch,.dashboard-stat),
body.workspace-page .workspace-content :is(.template-card,.planner-summary>span){
 background:var(--brand-soft-block);
 border-color:var(--brand-soft-block);
 border-radius:20px;
 box-shadow:none;
}
body.workspace-page.dashboard-page .workspace-content .dashboard-launch:hover,
body.workspace-page .workspace-content .template-card:hover{
 background:#eff2f4;border-color:#dfe4e8;box-shadow:none;
}

/* Navy persistent navigation with white page headers. */
body:is(.workspace-page,.writing-app) .app-shell>.sidebar,
body:is(.workspace-page,.writing-app) .mobile-navigation,
body:is(.workspace-page,.writing-app) .mobile-navigation nav{
 background:#1e2b4a;color:#e8edf5;border-color:#34415e;
}
body:is(.workspace-page,.writing-app) .sidebar .sidebar-logo{border-color:#34415e}
body:is(.workspace-page,.writing-app) .sidebar-logo .brand-logo-image{background:#fff;border-radius:8px;padding:6px;box-sizing:border-box}
body:is(.workspace-page,.writing-app) .sidebar :is(.navigation-label,.nav-section-title){color:#b0bbce}
body:is(.workspace-page,.writing-app) .sidebar .nav-section{border-color:#34415e}
body:is(.workspace-page,.writing-app) .sidebar .nav-item,
body:is(.workspace-page,.writing-app) .mobile-navigation nav a{color:#d8dfeb}
body:is(.workspace-page,.writing-app) .sidebar .nav-item>.sketch-icon{color:#b0bbce}
body:is(.workspace-page,.writing-app) .sidebar .nav-item:hover,
body:is(.workspace-page,.writing-app) .mobile-navigation nav a:hover{background:#283858;color:#fff}
body:is(.workspace-page,.writing-app) .sidebar .nav-item.active,
body:is(.workspace-page,.writing-app) .mobile-navigation nav a[aria-current=page]{background:#314771;color:#fff;box-shadow:none}
body:is(.workspace-page,.writing-app) .sidebar .nav-item:is(.active,:hover)>.sketch-icon{color:#d9e7ff}
body:is(.workspace-page,.writing-app) :is(.sidebar,.mobile-navigation) .sidebar-search input{background:#263553;border-color:#37455e;color:#fff}
body:is(.workspace-page,.writing-app) :is(.sidebar,.mobile-navigation) .sidebar-search input::placeholder{color:#b8c2d4;opacity:1}
body:is(.workspace-page,.writing-app) :is(.sidebar,.mobile-navigation) .sidebar-search button,
body:is(.workspace-page,.writing-app) .mobile-navigation summary .mobile-menu-label{color:#c9d3e3}
body:is(.workspace-page,.writing-app) :is(.sidebar,.mobile-navigation) :is(a,button,input,summary):focus-visible{outline:2px solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}

/* Pale blue introductions with dark reading text. */
body:is(.workspace-page,.workspace-page.dashboard-page) .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading){
 background:linear-gradient(120deg,var(--brand-lavender),#fff);border-color:var(--brand-line);color:#111827;
 
}
body:is(.workspace-page,.workspace-page.dashboard-page) .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) :is(h2,.section-title){color:#111827}
body:is(.workspace-page,.workspace-page.dashboard-page) .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) h2 em{color:var(--brand-ink)}
body:is(.workspace-page,.workspace-page.dashboard-page) .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) p{color:var(--brand-muted)}
body:is(.workspace-page,.workspace-page.dashboard-page) .workspace-content :is(.dashboard-eyebrow,.documents-eyebrow,.documents-library-eyebrow,.planner-eyebrow,.templates-eyebrow,.keyword-eyebrow,.management-eyebrow,.documents-total,.templates-count,.management-count,.keyword-intro-count){background:var(--brand-lavender);border:1px solid var(--brand-line);color:var(--brand-ink)}
body.workspace-page .workspace-content :is(.planner-intro,.templates-intro,.keyword-intro,.management-intro,.documents-library-heading,.dashboard-start) .btn-secondary{color:var(--brand-ink);background:var(--brand-lavender);border-color:var(--brand-line);box-shadow:none}

/* Keep the existing logo artwork aligned with the blue palette. */
body:is(.workspace-page,.writing-app) .sidebar-logo .brand-logo-image{filter:hue-rotate(-32deg)}

body.workspace-page.dashboard-page .workspace-content .dashboard-start .dashboard-eyebrow{background:var(--brand-lavender);color:var(--brand-ink);border:1px solid var(--brand-line)}

/* A compact wordmark designed for the dark navigation surface. */
body:is(.workspace-page,.writing-app) .sidebar .sidebar-logo{
 display:flex;align-items:center;gap:10px;padding:0 10px 27px;
 color:#fff;text-decoration:none;background:transparent;
}
body:is(.workspace-page,.writing-app) .sidebar-logo .sidebar-brand-icon{
 display:grid;place-items:center;flex:0 0 34px;width:34px;height:36px;
 border:1px solid #ffffff20;border-radius:9px;background:var(--brand-primary);color:#fff;
}
body:is(.workspace-page,.writing-app) .sidebar-brand-icon svg{display:block;width:23px;height:23px}
body:is(.workspace-page,.writing-app) .sidebar-logo .sidebar-brand-name{
 display:block;white-space:nowrap;color:#fff;font:700 20px/1.2 var(--brand-body-font);letter-spacing:-.7px;
}
body:is(.workspace-page,.writing-app) .sidebar-brand-name span{color:#79adff}

/* Compact secondary actions use one quiet blue treatment. */
body.workspace-page.dashboard-page .workspace-content .dashboard-wide-button{display:inline-flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;gap:9px;padding:11px 16px}
body.workspace-page.dashboard-page .workspace-content .btn-secondary .sketch-icon{color:inherit}

/* Planner rows share the interface's readable table typography. */
body.workspace-page .workspace-content .planner-table{font:400 var(--brand-body-size)/1.5 var(--brand-body-font);color:var(--brand-ink)}
body.workspace-page .workspace-content .planner-table :is(input,select,button){font-family:var(--brand-body-font);font-size:var(--brand-body-size);line-height:1.5}
body.workspace-page .workspace-content .planner-table :is(.planner-position,.planner-keyword){font:400 var(--brand-label-size)/1.5 var(--brand-body-font)}
@media(max-width:620px){body.workspace-page .workspace-content .planner-table :is(input,select){font-size:var(--brand-title-size)}}

/* Planner headings and supporting copy stay readable on light surfaces. */
body.workspace-page .workspace-content .planner-table th{
 font:600 var(--brand-body-size)/1.5 var(--brand-body-font);text-transform:none;letter-spacing:0;
 color:#40536d;background:var(--brand-paper);
}
body.workspace-page .workspace-content .planner-table td::before{
 font:600 var(--brand-label-size)/1.5 var(--brand-body-font);color:#40536d;
}
body.workspace-page .workspace-content .planner-board-header .planner-eyebrow{
 display:inline-block;margin:0 0 10px;padding:5px 9px;border:1px solid #d6e2f3;
 border-radius:5px;background:var(--brand-lavender);color:var(--brand-ink);
 font:600 var(--brand-meta-size)/1.5 var(--brand-body-font);letter-spacing:.045em;
}
body.workspace-page .workspace-content .planner-allowance-note{
 margin:16px 0 20px;padding:12px 16px;border:1px solid var(--brand-line);border-radius:8px;
 background:var(--brand-paper);color:#40536d;font:400 var(--brand-body-size)/1.6 var(--brand-body-font);
}

/* Controls have their own size instead of inheriting reading-text typography. */
body.workspace-page :is(.workspace-content,.app-dialog-card,.modal-content,.planner-dialog) :is(input,select,textarea),
body.writing-app :is(.inspector-panel,.writing-dialog) :is(input,select,textarea),
body.auth-page .auth-form-panel :is(input,select,textarea){font-family:var(--brand-body-font);font-size:var(--app-control-font-size);line-height:1.5;font-weight:400;letter-spacing:normal}
body.workspace-page .workspace-content .planner-toolbar :is(input,select){font-size:var(--app-control-font-size)}


/* Shared icon roles: outline controls, blue feature icons, semantic status colors. */
body:is(.workspace-page,.writing-app,.auth-page) svg.sketch-icon {
 width:18px;height:18px;flex-shrink:0;vertical-align:middle;stroke-width:1.75;
}
body:is(.workspace-page,.writing-app,.auth-page) :is(button,a,summary) > svg.sketch-icon,
body:is(.workspace-page,.writing-app) .dashboard-account-dropdown nav a > svg.sketch-icon,
body.workspace-page .workspace-content :is(.btn-primary,.btn-secondary,.action-link,.planner-text-button) > svg.sketch-icon {
 width:18px;height:18px;color:inherit;
}
body:is(.workspace-page,.writing-app) .sidebar .nav-item > svg.sketch-icon,
body:is(.workspace-page,.writing-app) .mobile-navigation nav a > svg.sketch-icon {
 width:20px;height:20px;color:inherit;
}
body.workspace-page .workspace-content :is(.dashboard-launch-icon,.stat-icon,.dashboard-document-icon,.dashboard-project-icon,.doc-icon,.project-icon,.template-icon,.activity-icon) {
 color:var(--brand-ink);background:var(--brand-lavender);
}
body.workspace-page .workspace-content :is(.dashboard-launch-icon,.stat-icon,.dashboard-document-icon,.dashboard-project-icon,.doc-icon,.project-icon,.template-icon) > svg.sketch-icon {
 width:24px;height:24px;color:var(--brand-ink);
}
body.workspace-page .workspace-content .activity-icon > svg.sketch-icon {width:18px;height:18px;color:var(--brand-ink)}
body.workspace-page .workspace-content :is(.panel-header,.keyword-section-head) :is(h2,h3) > svg.sketch-icon,
body.writing-app .inspector-panel .inspector-box-toggle > span > svg.sketch-icon {
 width:20px;height:20px;color:var(--brand-ink);
}
body.workspace-page .workspace-content .planner-summary > span > svg.sketch-icon {width:24px;height:24px;color:var(--brand-ink)}
body:is(.workspace-page,.writing-app) :is(.search-bar,.search-wrapper,.sidebar-search,.search-wrapper) > svg.sketch-icon,
body.auth-page .auth-form-panel .input-wrapper > svg.sketch-icon {width:18px;height:18px;color:var(--brand-muted)}
body.workspace-page .workspace-content :is(.project-date,.article-meta,.card-meta) > svg.sketch-icon {width:16px;height:16px;color:inherit}
body.writing-app .inspector-box-toggle > svg.sketch-icon {width:16px;height:16px;color:inherit}
body.writing-app .formatting-bar button > svg.sketch-icon {width:18px;height:18px;color:inherit}
body.workspace-page .workspace-content .planner-remove > svg.sketch-icon {color:inherit}

body:is(.workspace-page,.writing-app) .sidebar .nav-item:is(.active,:hover) > svg.sketch-icon {color:inherit}
body.workspace-page #billingSection button > svg.sketch-icon {width:18px;height:18px;color:inherit}

/* One header treatment for app tables and public comparison tables. */
:root {
 --table-heading-font:600 var(--brand-body-size)/1.5 'Source Sans 3',Arial,sans-serif;
 --table-heading-color:#40536d;
 --table-heading-background:var(--brand-paper);
 --table-heading-border:var(--brand-line);
}
body.workspace-page .workspace-content table thead th,
body.workspace-page.settings-page .workspace-content #usageSection .usage-history table thead th,
body.workspace-page.settings-page .workspace-content #billingSection .billing-payment-history table thead th,
body.writing-app .inspector-panel table thead th,
body.public-site table.comparison-table thead th {
 font:var(--table-heading-font);color:var(--table-heading-color);
 background:var(--table-heading-background);letter-spacing:normal;text-transform:none;
 padding:14px 16px;border-bottom:1px solid var(--table-heading-border);vertical-align:middle;
}
body.workspace-page.settings-page .workspace-content #usageSection .usage-column-labels {
 font:var(--table-heading-font);color:var(--table-heading-color);
 background:var(--table-heading-background);letter-spacing:normal;text-transform:none;
 padding-top:14px;padding-bottom:14px;border-color:var(--table-heading-border);
}
/* Keep the same label typography when a responsive table becomes cards. */
body.workspace-page .workspace-content :is(.planner-table) td::before {
 font:var(--table-heading-font);color:var(--table-heading-color);letter-spacing:normal;text-transform:none;
}
@media(max-width:650px) {
 body.workspace-page .workspace-content table thead th,
 body.workspace-page.settings-page .workspace-content #usageSection .usage-history table thead th,
body.workspace-page.settings-page .workspace-content #billingSection .billing-payment-history table thead th,
 body.writing-app .inspector-panel table thead th,
 body.public-site table.comparison-table thead th {padding:12px}
}


/* Shared type roles. Keep hierarchy without resetting every element's size. */
body:is(.workspace-page,.writing-app,.auth-page) {
 --app-body-size:14px;--app-label-size:14px;--app-small-size:13px;
 --app-title-size:24px;--app-section-size:18px;--app-control-font-size:var(--brand-body-size);
 --app-dialog-title-size:20px;--app-metric-size:28px;--app-intro-title-size:36px;
 font-size:var(--app-body-size);line-height:1.6;
}
body.workspace-page :is(.workspace-content,.app-dialog-card,.modal-content,.planner-dialog) :is(p,label,button,input,select,textarea,td),
body.writing-app :is(.inspector-panel,.writing-dialog,.formatting-bar,.writing-toolbar) :is(p,label,button,input,select,textarea,td),
body.auth-page .auth-form-panel :is(p,label,button,input,select,textarea) {
 font-size:var(--app-body-size) !important;line-height:1.5;
}
body:is(.workspace-page,.writing-app,.auth-page) :is(.btn-primary,.btn-secondary,.header-link,.app-dialog-btn,.template-btn,.planner-text-button) {
 font-size:var(--app-body-size) !important;
}
body.workspace-page .workspace-content :is(h2,h3,h4),
body.writing-app .inspector-panel :is(h2,h3,h4) {
 font-size:var(--app-section-size) !important;line-height:1.35;letter-spacing:-.02em;
}
body.workspace-page .main > :is(.page-header,.dashboard-header) h1,
body.auth-page .auth-form-panel :is(h1,h2),
body.writing-app #documentTitleInput {
 font-size:var(--app-title-size) !important;line-height:1.3;letter-spacing:-.02em;
}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) h2,
body.auth-page .auth-story h2 {
 font-size:var(--app-intro-title-size) !important;line-height:1.2;letter-spacing:-.025em;
}
body:is(.workspace-page,.writing-app,.auth-page) :is(dialog,.app-dialog-card,.modal-content,.writing-dialog) :is(h1,h2,h3) {
 font-size:var(--app-dialog-title-size) !important;line-height:1.3;
}
body:is(.workspace-page,.writing-app,.auth-page) :is(h1,h2,h3,h4,h5,h6) :is(span,em,strong,a) {font-size:inherit !important}
body.workspace-page :is(.workspace-content,.app-dialog-card,.modal-content,.planner-dialog) :is(small,.project-meta,.template-meta,.project-date,.planner-keyword,.planner-position),
body.writing-app :is(.inspector-panel,.writing-dialog) :is(small,.muted-text),
body.auth-page .auth-form-panel small {
 font-size:var(--app-small-size) !important;line-height:1.5;
}
body:is(.workspace-page,.writing-app) :is(
 .navigation-label,.nav-section-title,.sidebar-section-title,.sidebar-section-label,
 .dashboard-eyebrow,.documents-eyebrow,.documents-library-eyebrow,.planner-eyebrow,
 .templates-eyebrow,.keyword-eyebrow,.management-eyebrow,.admin-eyebrow,
 .member-role,.invite-badge,.template-category,.usage-event-badge,.billing-payment-status
) {font-size:var(--brand-meta-size) !important;line-height:1.5}
body.workspace-page .workspace-content :is(
 .stat-value,.dashboard-stat-value,.planner-summary strong,.keyword-stats strong,.usage-stat strong,.admin-metrics strong
) {font-size:var(--app-metric-size) !important;line-height:1.25}
@media(max-width:650px) {
 body:is(.workspace-page,.writing-app,.auth-page) {--app-control-font-size:var(--brand-title-size);--app-intro-title-size:28px}
 body.workspace-page :is(.workspace-content,.app-dialog-card,.modal-content,.planner-dialog) :is(input,select,textarea),
 body.writing-app :is(.inspector-panel,.writing-dialog) :is(input,select,textarea),
 body.auth-page .auth-form-panel :is(input,select,textarea) {font-size:var(--app-control-font-size) !important}
}

/* Navigation, account menus and editor chrome use the same UI roles. */
body:is(.workspace-page,.writing-app) :is(.dashboard-account-name,.dashboard-account-identity strong,.dashboard-account nav a,.dashboard-account nav button,.dashboard-account nav span,.mobile-navigation summary span,.mobile-navigation nav a,.mobile-navigation nav a span),
body.workspace-page .workspace-content a,
body.writing-app :is(.writing-header,.document-menu-items,.draft-starters) :is(button,a,span),
body.auth-page .auth-nav :is(a,span),
body.auth-page .auth-story > p {font-size:var(--brand-body-size) !important}
body:is(.workspace-page,.writing-app) :is(.workspace-chip,.user-avatar,.dashboard-account-identity small,.documents-total),
body.writing-app :is(#saveState,.selection-context,.writing-footer span,.writing-footer strong),
body.auth-page .auth-footer :is(a,span) {font-size:var(--brand-label-size) !important}
body.writing-app .paper-eyebrow,
body.auth-page :is(.auth-kicker,.auth-kicker span,.auth-preview span) {font-size:var(--brand-meta-size) !important}
body.writing-app .writing-header #saveState {font-size:var(--brand-label-size) !important}
body.auth-page .auth-preview h3 {font-size:18px !important;line-height:1.35}
body.workspace-page .workspace-content :is(.dashboard-eyebrow,.documents-eyebrow,.documents-library-eyebrow,.planner-eyebrow,.templates-eyebrow,.keyword-eyebrow,.management-eyebrow,.admin-eyebrow) {font-size:var(--brand-meta-size) !important;line-height:1.5}
body.writing-app .writing-action-heading > span {font-size:var(--brand-label-size) !important}
body.writing-app .writing-panel-button {font-size:var(--brand-body-size) !important}
body.auth-page .auth-divider > span {font-size:var(--brand-label-size) !important}

/* Data rows use one text size, including linked/unlinked titles and badges. */
body.workspace-page .workspace-content :is(table:not(.documents-table),.keyword-table,.members-table,.admin-table) tbody :where(td,td *):not(:where(svg,svg *,input,select,textarea)) {
 font-size:var(--app-body-size,var(--brand-body-size)) !important;line-height:1.5;
}
/* Section headings remain larger even when their text is inside links or toggles. */
body.workspace-page .workspace-content :is(h2,h3,h4,.section-title,.settings-card-title):not(:where(table *, .dashboard-start *, .documents-library-heading *, .planner-intro *, .templates-intro *, .keyword-intro *, .management-intro *, .settings-section-heading *, .admin-content-heading *)),
body.writing-app .inspector-panel :is(h2,h3,h4,.inspector-box-heading) {
 font-size:20px !important;font-weight:600;line-height:1.3;
}
body.workspace-page .workspace-content :is(h2,h3,h4):not(:where(table *)) :is(a,button,span,em,strong),
body.writing-app .inspector-panel :is(h2,h3,h4,.inspector-box-heading) :is(a,button,span,em,strong) {
 font-size:inherit !important;font-weight:inherit;
}
body.workspace-page .dashboard-launch strong {font-size:var(--brand-title-size) !important;line-height:1.4}
body.writing-app .inspector-box-heading {font-size:20px !important;font-weight:600;line-height:1.3}
body.writing-app .inspector-box-heading :is(button,span,a,em,strong) {font-size:inherit !important;font-weight:inherit}

/* Shared component system: spacing, surfaces, controls, forms and status roles. */
body[class]:is(.workspace-page,.writing-app,.auth-page) {
 --space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;
 --app-control-height:44px;--app-space-section:24px;--app-space-field:24px;--app-space-subsection:32px;
 --app-border:var(--brand-line);--app-surface:var(--brand-paper);--app-surface-muted:var(--brand-canvas);
 --app-secondary-bg:var(--brand-lavender);--app-secondary-border:var(--brand-line);--app-secondary-ink:var(--brand-primary);
 --app-status-neutral-bg:var(--brand-canvas);--app-status-neutral:var(--brand-muted);
 --app-status-info-bg:var(--brand-lavender);--app-status-info:var(--brand-primary);
 --app-status-success-bg:var(--brand-mint);--app-status-success:var(--brand-green);
 --app-status-warning-bg:#fff8e9;--app-status-warning:#805b19;
 --app-status-error-bg:#fff1f3;--app-status-error:#a52a3b;
}
/* Page edges and repeated layout gaps. */
body.workspace-page .workspace-content {padding:var(--space-5)}
body.workspace-page .main > :is(.page-header,.dashboard-header) {padding:var(--space-4) var(--space-5)}
body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading) {padding:var(--space-5);margin-bottom:var(--space-4);border-radius:var(--brand-hero-radius)}
body.workspace-page.dashboard-page .workspace-content .dashboard-start {padding:var(--space-5)}
body.workspace-page .workspace-content :is(.stats-grid,.dashboard-panels,.dashboard-column,.templates-grid,.projects-grid,.settings-stack,.settings-grid,.form-row) {gap:var(--space-4)}
body.workspace-page .workspace-content :is(.panel,.settings-card,.project-card,.template-card,.info-card,.members-panel,.activity-panel,.search-section) {
 padding:var(--space-4);min-width:0;border:1px solid var(--app-border);border-radius:var(--brand-card-radius);box-shadow:none;background:var(--app-surface);
}
body.workspace-page.dashboard-page .workspace-content :is(.dashboard-launch,.stat-card),
body.workspace-page .workspace-content :is(.template-card,.planner-summary > span) {
 padding:var(--space-4);border:1px solid var(--app-border);border-radius:var(--brand-card-radius);background:var(--app-surface-muted);box-shadow:none;
}
body.workspace-page .workspace-content :is(.documents-container,.planner-table-wrap) {border-color:var(--app-border);border-radius:var(--brand-card-radius)}
body:is(.workspace-page,.writing-app) :is(.app-dialog-card,.planner-dialog,.writing-dialog,.modal-content) {border-color:var(--app-border);border-radius:var(--brand-card-radius)}
body:is(.workspace-page,.writing-app) .dashboard-account-card {border-color:var(--app-border);border-radius:var(--brand-card-radius);box-shadow:0 8px 24px #1e2b4a14}
body.workspace-page .workspace-content :is(.panel-header,.keyword-section-head,.planner-board-header) {gap:var(--space-3);margin-bottom:var(--space-3)}
body.workspace-page .workspace-content :is(.panel-header,.keyword-section-head) :is(h2,h3),
body.workspace-page .workspace-content .settings-card-title {margin:0 0 var(--space-3)}
body.workspace-page .workspace-content :is(.panel-header,.keyword-section-head) :is(h2,h3) {margin-bottom:0}
/* Standard actions, with a compact size for data rows. */
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(.btn-primary,.primary-btn,.action-btn.primary,.btn-secondary,.secondary-btn,.header-link,.app-dialog-btn,.plan-checkout-button,.template-btn,.planner-text-button,.btn-signin,.btn-signup) {
 display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-sizing:border-box;
 min-height:var(--app-control-height);padding:10px 16px;border:1px solid transparent;border-radius:var(--brand-control-radius);
 font-family:var(--brand-body-font);font-weight:600;line-height:1.5;text-decoration:none;box-shadow:none;
 transition:background-color .15s,border-color .15s,color .15s;
}
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(.btn-primary,.primary-btn,.app-dialog-btn.primary,.plan-checkout-button,.template-btn.primary,.btn-signin,.btn-signup) {
 color:#fff;background:var(--brand-primary);border-color:var(--brand-primary);
}
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(.btn-primary,.primary-btn,.app-dialog-btn.primary,.plan-checkout-button,.template-btn.primary,.btn-signin,.btn-signup):hover {
 background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);
}
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(.btn-secondary,.secondary-btn,.header-link,.app-dialog-btn.secondary,.template-btn:not(.primary),.planner-text-button),
body.workspace-page.dashboard-page .workspace-content .btn-secondary,
body.workspace-page .project-card a.btn-secondary,
body.workspace-page .template-btn[data-ai-settings] {
 color:var(--app-secondary-ink);background:var(--app-secondary-bg);border-color:var(--app-secondary-border);border-radius:var(--brand-control-radius);box-shadow:none;
}
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(.btn-secondary,.secondary-btn,.header-link,.app-dialog-btn.secondary,.template-btn:not(.primary),.planner-text-button):hover {
 color:var(--app-secondary-ink);background:var(--brand-lavender);border-color:#aabfdc;
}
body.workspace-page .workspace-content :is(.planner-table,.keyword-table) :is(.action-link,.planner-text-button) {
 min-height:40px;padding:8px 12px;border-radius:var(--brand-control-radius);gap:var(--space-2);font-weight:500;box-shadow:none;transform:none;
}
body.workspace-page .workspace-content :is(.action-button,.icon-button,.planner-remove) {box-sizing:border-box;min-width:40px;min-height:40px;border-radius:var(--brand-control-radius);display:inline-flex;align-items:center;justify-content:center}
body.workspace-page .workspace-content .planner-remove {width:40px;padding:8px;color:var(--app-status-error)}
body.workspace-page .workspace-content .planner-remove:hover {background:var(--app-status-error-bg)}
body.workspace-page .workspace-content .planner-row-actions {gap:var(--space-2)}
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(.btn-primary,.btn-secondary,.template-btn,.app-dialog-btn):disabled {opacity:.55;cursor:not-allowed;box-shadow:none}
/* Form rhythm, matching field dimensions and visible keyboard/error states. */
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(.workspace-content,.app-dialog-card,.modal-content,.planner-dialog,.inspector-panel,.writing-dialog,.auth-form-panel) :is(.form-control,.search-input,input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],input[type=date],select,textarea):not(:where(#documentTitleInput)) {
 box-sizing:border-box;min-height:var(--app-control-height);padding:10px 12px;border:1px solid var(--app-border);border-radius:var(--brand-control-radius);
 background:var(--app-surface);color:var(--brand-ink);line-height:1.5;box-shadow:none;
}
body[class].workspace-page .workspace-content :is(.search-wrapper,.search-bar) :is(input,.search-input),
body[class].auth-page .auth-form-panel .input-wrapper input {padding-inline-start:40px}
body.workspace-page .workspace-content .planner-table :is(input,select) {min-height:40px;padding:8px}
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(.workspace-content,.app-dialog-card,.modal-content,.planner-dialog,.inspector-panel,.writing-dialog,.auth-form-panel) textarea {min-height:112px;resize:vertical}
body.workspace-page .workspace-content :is(.form-group,.form-field) {margin-bottom:var(--space-3)}
body.workspace-page .workspace-content :is(.form-group,.form-field) > label {display:block;margin-bottom:var(--space-2);font-weight:500}
body.workspace-page .workspace-content :is(.form-group,.form-field) > :is(.muted-text,.help-text,.form-error) {margin:var(--space-2) 0 0;line-height:1.5}
body.workspace-page .workspace-content .planner-toolbar label {gap:var(--space-2)}
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(button,a,summary,input,select,textarea):focus-visible {outline:2px solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}
body[class]:is(.workspace-page,.writing-app,.auth-page) :is(.workspace-content,.planner-dialog,.inspector-panel,.writing-dialog,.auth-form-panel) :is(input,select,textarea):is(:user-invalid,[aria-invalid=true]) {border-color:var(--app-status-error);background:var(--app-status-error-bg);outline-color:var(--app-status-error)}
/* Semantic status colors are shared by lists, usage, research and billing. */
body.workspace-page .workspace-content :is(.badge,.research-badge,.dashboard-document-status,.project-status-badge,.usage-event-badge,.billing-payment-status,.member-role,.invite-badge),
body.workspace-page #billingSection .billing-payment-status {
 display:inline-flex;align-items:center;gap:var(--space-1);min-height:28px;padding:4px 8px;box-sizing:border-box;border:1px solid transparent;border-radius:var(--brand-control-radius);line-height:1.4;font-weight:500;
 color:var(--app-status-neutral);background:var(--app-status-neutral-bg);
}
body.workspace-page .workspace-content :is(.badge-review,.badge-processing,.badge-pending,.research-badge:not(.complete):not(.ready):not(.error),.usage-event-badge.is-pending),
body.workspace-page #billingSection .billing-payment-status[data-status=pending],
body.workspace-page .workspace-content .member-role:is([data-role=owner],[data-role=admin],.admin) {color:var(--app-status-info);background:var(--app-status-info-bg)}
body.workspace-page .workspace-content :is(.badge-published,.badge-completed,.research-badge.complete,.research-badge.ready,.usage-event-badge:not(.is-pending)),
body.workspace-page #billingSection .billing-payment-status[data-status=paid] {color:var(--app-status-success);background:var(--app-status-success-bg)}
body.workspace-page .workspace-content :is(.badge-error,.badge-failed,.research-badge.error),
body.workspace-page #billingSection .billing-payment-status[data-status=failed] {color:var(--app-status-error);background:var(--app-status-error-bg)}
body.workspace-page .workspace-content :is(.badge-paused,.badge-warning),
body.workspace-page #billingSection .billing-payment-status[data-status=partially_refunded] {color:var(--app-status-warning);background:var(--app-status-warning-bg)}
@media(max-width:1250px) {
 body.workspace-page.planner-page .workspace-content .planner-table-wrap {border:0;background:transparent}
}
@media(max-width:650px) {
 body.workspace-page .workspace-content {padding:var(--space-3)}
 body.workspace-page .main > :is(.page-header,.dashboard-header) {padding:var(--space-3)}
 body.workspace-page .workspace-content :is(.panel,.settings-card,.project-card,.template-card,.info-card,.members-panel,.activity-panel,.search-section) {padding:var(--space-3)}
 body.workspace-page.dashboard-page .workspace-content :is(.dashboard-launch,.stat-card),
 body.workspace-page .workspace-content .planner-summary > span {padding:var(--space-3)}
 body.workspace-page .workspace-content :is(.dashboard-start,.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro,.settings-section-heading,.admin-content-heading),
 body.workspace-page.dashboard-page .workspace-content .dashboard-start {padding:var(--space-4)}
 body.workspace-page .workspace-content :is(.stats-grid,.dashboard-panels,.dashboard-column,.templates-grid,.projects-grid,.settings-stack,.settings-grid,.form-row) {gap:var(--space-3)}
}
@media(prefers-reduced-motion:reduce) {
 body[class]:is(.workspace-page,.writing-app,.auth-page) :is(button,.btn-primary,.btn-secondary,.template-btn,.app-dialog-btn) {transition:none}
}

/* Populated management cards use the same body and caption roles. */
body.workspace-page .workspace-content {font-size:var(--app-body-size,var(--brand-body-size))}
body.workspace-page .workspace-content :is(.avatar-upload strong,.member-avatar) {font-size:var(--brand-body-size)}
body.workspace-page .workspace-content :is(.project-badge > span,.member-avatar-small,.feature-item > span,.panel-header > span,.plan-detail > span) {font-size:var(--brand-label-size);line-height:1.5}
body.workspace-page .workspace-content .project-badge > span {padding:4px 8px;border-radius:8px}
body.workspace-page .workspace-content :is(.team-grid,.main-grid,.side-panel) {gap:24px}
body.workspace-page .workspace-content .pending-section {margin-top:24px}
body.workspace-page .workspace-content :is(.project-actions,.action-btn-ghost.action-icon) {width:40px;height:40px;border-radius:8px}

/* Compact labels inside headings retain badge typography. */
body.workspace-page .workspace-content :is(h3#currentPlanTitle,h4) :is(.billing-current-badge,.plan-badge){display:inline-flex;align-items:center;vertical-align:middle;margin-left:12px;padding:4px 8px;min-height:28px;border-radius:8px;font:500 var(--brand-meta-size)/1.5 var(--brand-body-font) !important;letter-spacing:0;white-space:nowrap;background:var(--brand-lavender);color:var(--brand-ink)}
/* Editor accordion titles are deliberately quieter than page sections. */
body.writing-app .writing-inspector .inspector-box-heading,
body.writing-app .writing-inspector .inspector-box-heading :is(button,span){font-size:var(--brand-body-size) !important;line-height:1.4}
body.writing-app .writing-inspector .inspector-box-toggle > span > svg.sketch-icon{width:18px;height:18px}
body.writing-app .writing-inspector .inspector-box-toggle > svg.sketch-icon{width:14px;height:14px}
/* Keep narrow screens stacked and widen only the inner desktop navigation. */
@media(min-width:1101px){body.workspace-page :is(.settings-container,.admin-layout){grid-template-columns:248px minmax(0,1fr)}}
@media(min-width:801px) and (max-width:1200px){body.writing-app:not(.focus-mode) .writing-layout{grid-template-columns:minmax(0,1fr) 304px}}
@media(min-width:1201px){body.writing-app:not(.focus-mode) .writing-layout{grid-template-columns:minmax(0,1fr) 352px}}

/* Editor tools: one sidebar scroll area and a consistent compact hierarchy. */
body.writing-app .writing-inspector{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:12px;padding-right:2px}
body.writing-app .writing-inspector .inspector-box,
body.writing-app .writing-inspector #contentScoreCard:has(.inspector-box-toggle[aria-expanded="true"]){flex:0 0 auto;min-height:0}
body.writing-app .writing-inspector .inspector-box-heading{font-size:var(--brand-body-size) !important;line-height:1.4}
body.writing-app .writing-inspector .inspector-box-toggle{min-height:48px;padding:14px 16px;gap:12px}
body.writing-app .writing-inspector .inspector-box-toggle > span > svg.sketch-icon{width:16px;height:16px;flex-shrink:0}
body.writing-app .writing-inspector :is(#writingBoxBody,#panel-research,#contentScoreBody,#importedKeywordsBody,#writingBoxBody > .inspector-panel){flex:0 0 auto;min-height:0;max-height:none;overflow:visible}
body.writing-app .writing-inspector :is(.inspector-panel,#contentScoreBody){padding:16px}
body.writing-app .writing-inspector :is(h3,h4){font:600 var(--brand-body-size)/1.5 var(--brand-body-font) !important;margin:0 0 8px}
body.writing-app .writing-inspector :is(h3,h4) :is(span,button,a){font-size:inherit !important}
body.writing-app .writing-inspector :is(input,textarea,select){max-width:100%;min-width:0;box-sizing:border-box;font-size:var(--brand-body-size)}
body.writing-app .writing-inspector label{margin:16px 0 6px;font-size:var(--brand-label-size);font-weight:600}
body.writing-app .writing-inspector :is(button,a){overflow-wrap:anywhere}
body.writing-app .writing-inspector :is(.panel-intro,.assistant-note){font-size:var(--brand-label-size) !important;line-height:1.6}
body.writing-app .writing-inspector .panel-intro{margin:0 0 16px}
body.writing-app .writing-inspector .inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px 12px;border-bottom:1px solid var(--brand-line)}
body.writing-app .writing-inspector .inspector-tabs button{min-width:0;min-height:40px;padding:8px 4px;font-size:var(--brand-label-size)}
body.writing-app .writing-inspector .writing-settings-toolbar{padding:10px 16px;border-bottom:1px solid var(--brand-line)}
body.writing-app .writing-inspector .writing-action-heading{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0 0 12px}
body.writing-app .writing-inspector .writing-action-heading button{width:100%;justify-content:space-between;text-align:left;white-space:normal}
body.writing-app .writing-inspector .ai-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
body.writing-app .writing-inspector .ai-shortcuts button{min-width:0;min-height:40px;padding:8px;white-space:normal;font-size:var(--brand-label-size)}
body.writing-app .writing-inspector #aiInstruction{min-height:96px;margin:0}
body.writing-app .writing-inspector .selection-context{margin:8px 0 16px;padding:8px 10px;border-radius:var(--brand-control-radius);background:var(--brand-paper);font-size:var(--brand-meta-size);line-height:1.5}
body.writing-app .writing-inspector :is(.generate-button,#analyzeButton,.writing-search-button,.keyword-collection-actions button){width:100%;justify-content:center;white-space:normal;min-height:40px}
body.writing-app .writing-inspector :is(.inline-feedback:empty,.assistant-note:empty){display:none}
body.writing-app .writing-inspector #suggestionCard{display:flex;flex:0 0 auto;max-height:none;margin-top:16px}
body.writing-app .writing-inspector #suggestionCard[hidden]{display:none}
body.writing-app .writing-inspector #suggestionCard :is(.suggestion-preview,.suggestion-text){max-height:none;overflow:visible}
body.writing-app .writing-inspector .suggestion-actions{display:grid;grid-template-columns:1fr;gap:8px}
body.writing-app .writing-inspector .score-overview{grid-template-columns:88px minmax(0,1fr);gap:12px}
body.writing-app .writing-inspector .content-score-gauge{width:88px;height:88px}
body.writing-app .writing-inspector .score-overview .content-score-value strong{font-size:28px}
body.writing-app .writing-inspector .score-suggestions-heading{flex-wrap:wrap;gap:8px}
body.writing-app .writing-inspector :is(.score-suggestions,.score-page-details,.research-opportunities){margin-top:16px;padding-top:16px;border-top:1px solid var(--brand-line)}
body.writing-app .writing-inspector :is(.keyword-collection-actions,.research-results-toolbar){display:flex;flex-direction:column;align-items:stretch;gap:10px}
body.writing-app .writing-inspector .research-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:16px 0 12px}
body.writing-app .writing-inspector .research-switch button{min-width:0;min-height:40px;padding:8px 4px;font-size:var(--brand-label-size)}
body.writing-app .writing-inspector .research-stages{grid-template-columns:1fr;gap:8px}
body.writing-app .writing-inspector .editor-extra-section{margin:16px 0;padding:12px 0}
body.writing-app .writing-inspector .editor-extra-section summary{font-size:var(--brand-label-size);line-height:1.5}
body.writing-app .writing-inspector .keyword-filter-controls{margin:16px 0;padding-top:4px;border-top:1px solid var(--brand-line)}
body.writing-app .writing-inspector .imported-keyword-list li[hidden]{display:none}
body.writing-app .writing-inspector .imported-keyword-list > .assistant-note{display:none}
body.writing-app .writing-inspector .research-link{display:block;margin-top:16px}
@media(max-width:800px){body.writing-app .writing-inspector{overflow:visible;padding-right:0}}

body.writing-app .writing-inspector #contentScoreBody{display:flex;flex-direction:column;gap:16px}

/* Latest content check: document context first, score alongside, one clear action. */
body.workspace-page .workspace-content .dashboard-latest-check .panel-header{margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid var(--brand-line)}
body.workspace-page .workspace-content .dashboard-latest-check .panel-header h2{display:flex;align-items:center;gap:8px;margin:0}
body.workspace-page .workspace-content .dashboard-latest-check .dashboard-check-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;background:var(--brand-paper);border-radius:8px}
body.workspace-page .workspace-content .dashboard-latest-check .dashboard-check-document{min-width:0}
body.workspace-page .workspace-content .dashboard-latest-check h3.dashboard-analysis-title{margin:0 0 6px;font-size:var(--brand-title-size) !important;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
body.workspace-page .workspace-content .dashboard-latest-check .dashboard-empty-copy{margin:0;font-size:var(--brand-label-size);line-height:1.6;color:var(--brand-muted)}
body.workspace-page .workspace-content .dashboard-latest-check .dashboard-score{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin:0}
body.workspace-page .workspace-content .dashboard-latest-check .dashboard-score > span{padding:0;border:0;font-size:var(--brand-meta-size);line-height:1.5;white-space:nowrap;color:var(--brand-muted)}
body.workspace-page .workspace-content .dashboard-latest-check .dashboard-score > strong{display:flex;align-items:baseline;gap:3px;font-size:28px !important;line-height:1.2;font-weight:600;color:var(--brand-ink)}
body.workspace-page .workspace-content .dashboard-latest-check .dashboard-score small{margin:0;font-size:var(--brand-meta-size) !important;line-height:1.5;font-weight:400;color:var(--brand-muted)}
body.workspace-page .workspace-content .dashboard-latest-check .dashboard-score-progress{margin:16px 0 0;width:100%;height:6px}
body.workspace-page .workspace-content .dashboard-latest-check .dashboard-wide-button{display:flex;width:100%;box-sizing:border-box;justify-content:space-between;gap:12px;margin-top:16px}

/* Balanced square template cards with a compact header and a two-by-two action grid. */
body.workspace-page.templates-page .workspace-content .templates-grid{grid-template-columns:repeat(auto-fill,minmax(min(352px,100%),1fr));align-items:start;gap:24px}
body.workspace-page.templates-page .workspace-content .template-card{box-sizing:border-box;aspect-ratio:1;min-height:352px;padding:16px;gap:0}
body.workspace-page.templates-page .workspace-content .template-card-heading{display:flex;align-items:center;gap:12px;min-height:36px;margin-bottom:12px}
body.workspace-page.templates-page .workspace-content .template-card-heading .template-icon{width:36px;height:36px;flex:0 0 36px;margin:0;border-radius:8px}
body.workspace-page.templates-page .workspace-content .template-card-heading .template-icon svg{width:20px;height:20px}
body.workspace-page.templates-page .workspace-content .template-card-heading h3{margin:0;font-size:var(--brand-title-size) !important;line-height:1.4}
body.workspace-page.templates-page .workspace-content .template-card .template-desc{margin:0 0 12px;font-size:var(--brand-label-size);line-height:1.6}
body.workspace-page.templates-page .workspace-content .template-card .template-meta{margin-top:auto;padding-top:0;gap:8px;font-size:var(--brand-meta-size);line-height:1.5}
body.workspace-page.templates-page .workspace-content .template-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px}
body.workspace-page.templates-page .workspace-content .template-actions .template-btn{width:100%;min-width:0;margin:0;padding:8px;white-space:normal;font-size:var(--brand-label-size)}
body.workspace-page.templates-page .workspace-content .template-actions .template-btn:only-child{grid-column:1 / -1}
@media(max-width:600px){body.workspace-page.templates-page .workspace-content .template-card{aspect-ratio:1;min-height:0}body.workspace-page.templates-page .workspace-content .template-card .template-meta{margin-top:8px}}

@media(max-width:360px){body.workspace-page.templates-page .workspace-content .template-card{aspect-ratio:auto}}

/* Neutral backgrounds belong only to the editor accordion header bars. */
body.writing-app .writing-inspector .inspector-box-toggle{background:var(--brand-paper)}
body.writing-app .writing-inspector .inspector-box-toggle:hover{background:#eef1f4}

/* Make AI scope and review explicit without changing the draft. */
body.writing-app .writing-inspector .selection-scope{margin:12px 0;padding:12px;background:var(--brand-paper);border:1px solid var(--brand-line);border-radius:var(--brand-control-radius)}
body.writing-app .writing-inspector .selection-context{margin:0;font-size:var(--brand-label-size);line-height:1.6}
body.writing-app .writing-inspector .selection-excerpt{margin:8px 0;max-height:96px;overflow:auto;white-space:pre-wrap;font-size:var(--brand-label-size);line-height:1.6;color:var(--brand-muted)}
body.writing-app .writing-inspector .selection-scope button{margin-top:8px;width:100%}
body.writing-app .writing-inspector .suggestion-original{padding:12px;border-bottom:1px solid var(--brand-line);background:var(--brand-paper)}
body.writing-app .writing-inspector .suggestion-original-text{max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--brand-label-size);line-height:1.6}
body.writing-app .writing-inspector #scoreChecks{display:grid;gap:8px;margin-top:12px}
body.writing-app .writing-inspector #scoreDetails:not([open]) > :not(summary){display:none}
body.writing-app .writing-inspector #scoreDetails{margin-top:16px}
body.writing-app .writing-inspector .source-status-group{margin:16px 0}
body.writing-app .writing-inspector .source-status-group > h4{padding-bottom:8px;border-bottom:1px solid var(--brand-line)}
body.writing-app .writing-inspector .source-status-group[data-source-state="failed"] > h4{color:#a52a3b}

body.writing-app .writing-inspector #suggestionCard{flex:0 0 auto}
body.writing-app .writing-inspector #suggestionCard .suggestion-preview{flex:0 0 auto;max-height:none;overflow:visible}
body.writing-app .writing-inspector #suggestionCard :is(h3,h4),body.writing-app .writing-inspector #competitorHeadings .source-status-group > h4{font:600 var(--brand-body-size)/1.5 var(--brand-body-font) !important}

/* Keep save feedback brief; successful saves fade without moving the toolbar. */
body.writing-app .writing-header #saveState{opacity:1;visibility:visible}
body.writing-app .writing-header #saveState[data-state="saved"]{animation:editor-save-dismiss 200ms ease-out 1800ms forwards}
@keyframes editor-save-dismiss{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){body.writing-app .writing-header #saveState[data-state="saved"]{animation-duration:1ms}}

/* A compact disclosure row for the remaining score details. */
body.writing-app .writing-inspector #scoreDetails{margin:16px 0 0;padding:0;border:0}
body.writing-app .writing-inspector #scoreDetails > summary{display:flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--brand-line);border-radius:8px;background:var(--brand-paper);color:var(--brand-ink);font:500 var(--brand-label-size)/1.5 var(--brand-body-font);list-style:none;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease}
body.writing-app .writing-inspector #scoreDetails > summary::-webkit-details-marker{display:none}
body.writing-app .writing-inspector #scoreDetails > summary::marker{content:''}
body.writing-app .writing-inspector #scoreDetails > summary > span{flex:1;min-width:0}
body.writing-app .writing-inspector #scoreDetails > summary > svg{width:16px;height:16px;flex-shrink:0}
body.writing-app .writing-inspector #scoreDetails > summary > svg:last-child{width:14px;height:14px;transition:transform 180ms ease}
body.writing-app .writing-inspector #scoreDetails > summary:hover{background:#eef1f4;border-color:var(--brand-line)}
body.writing-app .writing-inspector #scoreDetails > summary:focus-visible{outline:2px solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}
body.writing-app .writing-inspector #scoreDetails[open] > summary > svg:last-child{transform:rotate(180deg)}
body.writing-app .writing-inspector #scoreDetails > .score-suggestions-list:not(:empty){margin-top:12px}
@media(prefers-reduced-motion:reduce){body.writing-app .writing-inspector #scoreDetails > summary,body.writing-app .writing-inspector #scoreDetails > summary > svg:last-child{transition:none}}

/* Source setup stays available without pushing headings down the sidebar. */
body.writing-app .writing-inspector #researchSetup{margin:0 0 12px;border:1px solid var(--brand-line);border-radius:8px}
body.writing-app .writing-inspector #researchSetup > summary{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px;box-sizing:border-box;font:500 var(--brand-label-size)/1.5 var(--brand-body-font);background:var(--brand-paper);border-radius:8px;cursor:pointer;list-style:none}
body.writing-app .writing-inspector #researchSetup > summary::-webkit-details-marker{display:none}
body.writing-app .writing-inspector #researchSetup > summary::marker{content:''}
body.writing-app .writing-inspector #researchSetup > summary > svg{width:16px;height:16px;flex-shrink:0}
body.writing-app .writing-inspector #researchSetup > summary > svg:last-child{width:14px;height:14px;transition:transform 180ms ease}
body.writing-app .writing-inspector #researchSetup[open] > summary > svg:last-child{transform:rotate(180deg)}
body.writing-app .writing-inspector #researchSetupStatus{margin-left:auto;font:400 var(--brand-meta-size)/1.5 var(--brand-body-font);color:var(--brand-muted)}
body.writing-app .writing-inspector .research-setup-body{padding:12px;border-top:1px solid var(--brand-line)}
body.writing-app .writing-inspector #researchSetup:not([open]) > .research-setup-body{display:none}
body.writing-app .writing-inspector #researchSetup > summary:focus-visible{outline:2px solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}
body.writing-app .writing-inspector #outlineHint{margin:0 0 12px;font-size:var(--brand-label-size);color:var(--brand-muted)}
@media(prefers-reduced-motion:reduce){body.writing-app .writing-inspector #researchSetup > summary > svg:last-child{transition:none}}

/* Source accordion headers share the application's soft blue treatment. */
body.writing-app .writing-inspector #competitorHeadings .competitor-outline{border-color:var(--brand-lavender-line);background:#fff}
body.writing-app .writing-inspector #competitorHeadings .competitor-outline > summary{background:var(--brand-lavender);color:var(--brand-primary);transition:background-color 160ms ease}
body.writing-app .writing-inspector #competitorHeadings .competitor-outline > summary small{color:var(--brand-muted)}
body.writing-app .writing-inspector #competitorHeadings .competitor-outline > summary:hover{background:var(--brand-lavender)}
body.writing-app .writing-inspector #competitorHeadings .competitor-outline[open] > summary{border-bottom:1px solid var(--brand-lavender-line)}
body.writing-app .writing-inspector #competitorHeadings .competitor-outline > summary:focus-visible{outline:2px solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}
@media(prefers-reduced-motion:reduce){body.writing-app .writing-inspector #competitorHeadings .competitor-outline > summary{transition:none}}

/* Quiet, consistent interiors for the four editor tools. */
body.writing-app .writing-inspector #panel-assist .writing-action-heading{display:grid;gap:6px;margin:0 0 16px}
body.writing-app .writing-inspector #panel-assist .writing-action-heading > span{font-size:var(--brand-label-size);font-weight:600;color:var(--brand-muted)}
body.writing-app .writing-inspector #openWritingActions{width:100%;min-height:44px;justify-content:space-between;padding:10px 12px;text-align:left;background:#fff;border:1px solid var(--brand-line)}
body.writing-app .writing-inspector #panel-assist > label{display:block;margin:0 0 6px}
body.writing-app .writing-inspector #panel-assist .selection-scope{margin:12px 0;padding:0;border:0;background:transparent;display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
body.writing-app .writing-inspector #panel-assist .selection-context{margin:0;padding:0;border:0;background:transparent;font-size:var(--brand-meta-size);color:var(--brand-muted)}
body.writing-app .writing-inspector #panel-assist #useWholeDraft{width:auto;min-height:32px;margin:0 0 0 auto;padding:4px 8px;font-size:var(--brand-meta-size)}
body.writing-app .writing-inspector #panel-assist .selection-excerpt{flex-basis:100%;margin:0;padding-left:10px;border-left:2px solid var(--brand-line);max-height:64px}
body.writing-app .writing-inspector .article-generation-tools{margin:16px 0 0;padding:12px 0 0}
body.writing-app .writing-inspector .article-generation-tools .ai-shortcuts{margin:12px 0 0}
body.writing-app .writing-inspector #importedKeywordsBody{display:flex;flex-direction:column;gap:12px}
body.writing-app .writing-inspector #importedKeywordsBody[hidden]{display:none}
body.writing-app .writing-inspector #keywordFilterControls{order:0;margin:0;padding:0;border:0}
body.writing-app .writing-inspector #keywordFilterControls > label{margin:0 0 6px}
body.writing-app .writing-inspector #importedKeywordMatches{margin:6px 0 0;font-size:var(--brand-meta-size)}
body.writing-app .writing-inspector .imported-keyword-list{order:1;margin:0}
body.writing-app .writing-inspector .imported-keyword-list ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
body.writing-app .writing-inspector .imported-keyword-list li{padding:10px 0;border:0;border-bottom:1px solid var(--brand-line);background:transparent;border-radius:0}
body.writing-app .writing-inspector .imported-keyword-list li strong{font:400 var(--brand-label-size)/1.6 var(--brand-body-font)}
body.writing-app .writing-inspector #keywordCollectionSetup{order:2;margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--brand-line)}
body.writing-app .writing-inspector #keywordCollectionSetup summary{color:var(--brand-ink);font-weight:500;cursor:pointer}
body.writing-app .writing-inspector #googleKeywordControls{margin-top:12px}
body.writing-app .writing-inspector #googleKeywordControls > .assistant-note{font-size:var(--brand-meta-size);margin:8px 0}
body.writing-app .writing-inspector #scoreChecks .score-check{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--brand-line);font-size:var(--brand-label-size);line-height:1.5}
body.writing-app .writing-inspector #scoreChecks .score-check > span{display:flex;align-items:flex-start;gap:8px;min-width:0}
body.writing-app .writing-inspector #scoreChecks .score-check svg{width:16px;height:16px;flex-shrink:0}
body.writing-app .writing-inspector #scoreChecks .score-check strong{font-size:var(--brand-meta-size);white-space:nowrap;color:var(--brand-muted)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading{display:grid;grid-template-columns:26px minmax(0,1fr) 24px;align-items:start;gap:8px;width:100%;padding:10px 12px;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--brand-line);border-radius:0;font:400 var(--brand-label-size)/1.6 var(--brand-body-font)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading > span{min-width:0;overflow-wrap:anywhere}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading small{font-size:var(--brand-meta-size);line-height:1.6;color:var(--brand-muted)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading:hover:not(:disabled){background:var(--brand-paper)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading.used{color:var(--brand-muted);background:var(--brand-paper)}
body.writing-app .writing-inspector #competitorHeadings .competitor-source{display:block;padding:8px 12px;font-size:var(--brand-meta-size)}

body.writing-app .writing-inspector #panel-assist .writing-action-heading{grid-template-columns:minmax(0,1fr);width:100%}
body.writing-app .writing-inspector #openWritingActions{max-width:none}
body.writing-app .writing-inspector #keywordCollectionSetup{order:-1;margin:0;padding:0 0 12px;border-top:0;border-bottom:1px solid var(--brand-line)}

/* Separate editor tools: fixed navigation, one scrollable panel at a time. */
body.writing-app .writing-inspector.separate-tool-tabs{display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden;padding:0}
body.writing-app .separate-tool-tabs .editor-tool-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex:0 0 auto;padding:12px;border-bottom:1px solid var(--brand-line);background:#fff}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle{width:100%;min-width:0;min-height:44px;padding:10px 8px;border:1px solid var(--brand-line);border-radius:8px;background:var(--brand-lavender);color:var(--brand-ink);font:500 var(--brand-label-size)/1.4 var(--brand-body-font);justify-content:center}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle > span{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle > svg:last-child{display:none}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle[aria-selected=true]{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle:hover{background:var(--brand-lavender)}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle[aria-selected=true]:hover{background:var(--brand-ink)}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle[hidden],body.writing-app .writing-inspector.separate-tool-tabs > .inspector-box[hidden]{display:none!important}
body.writing-app .writing-inspector.separate-tool-tabs > .inspector-box{flex:1 1 0;min-height:0;max-height:none;margin:0;border:0;border-radius:0;overflow:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
body.writing-app .separate-tool-tabs :is(#writingBoxBody,#contentScoreBody,#importedKeywordsBody,#panel-research){max-height:none;overflow:visible}
body.writing-app .separate-tool-tabs :is(.imported-keyword-list,#competitorHeadings,#competitorTerms,#competitorEntities,#documentOutline){max-height:none;overflow:visible}
@media(max-width:800px){body.writing-app .writing-inspector.separate-tool-tabs{height:72dvh;max-height:760px;min-height:360px;flex:none}}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle svg.sketch-icon{color:inherit}

/* Keyword collection opens separately from the saved keyword list. */
body.writing-app .writing-inspector #keywordCollectionLauncher{order:-1;margin:0 0 4px}
body.writing-app .writing-inspector #openKeywordCollection{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px}
body.writing-app #keywordCollectionDialog{box-sizing:border-box}
body.writing-app #keywordCollectionDialog .keyword-collection-actions{display:grid;gap:8px;margin:16px 0}
body.writing-app #keywordCollectionDialog .keyword-collection-actions button{width:100%;min-height:44px;justify-content:center}
body.writing-app #keywordCollectionDialog .keyword-collection-actions button[hidden]{display:none}
body.writing-app #keywordCollectionDialog .assistant-note{font-size:var(--brand-label-size);line-height:1.6;margin:12px 0;color:var(--brand-muted)}
body.writing-app #keywordCollectionDialog .editor-extra-section{margin:16px 0;font-size:var(--brand-label-size);line-height:1.6}
body.writing-app #keywordCollectionDialog #keywordCollectionProgress{width:100%;height:6px;accent-color:var(--brand-ink)}

/* A quiet container keeps the editor tools visually grouped. */
body.writing-app .writing-inspector.separate-tool-tabs{box-sizing:border-box;background:var(--brand-paper);border:1px solid var(--brand-line);border-radius:12px}
body.writing-app .separate-tool-tabs .editor-tool-tabs{background:transparent;border-bottom:0;padding:10px;gap:6px}
body.writing-app .writing-inspector.separate-tool-tabs > .inspector-box{margin:0 10px 10px;border:1px solid var(--brand-line);border-radius:8px;background:#fff}

/* Give the formatting controls a quiet surface above the draft. */
body.writing-app .formatting-bar{background:var(--brand-paper);border-bottom:1px solid var(--brand-line)}

/* Clearer hierarchy for the editor tool navigation and Assistant card. */
body.writing-app .writing-inspector.separate-tool-tabs{background:var(--brand-paper);border-color:var(--brand-line)}
body.writing-app .separate-tool-tabs .editor-tool-tabs{padding:12px;gap:8px}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle{background:#fff;border-color:var(--brand-line);color:var(--brand-muted);min-height:44px;font-weight:500}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle:hover{background:var(--brand-lavender);border-color:var(--brand-line);color:var(--brand-ink)}
body.writing-app .separate-tool-tabs .editor-tool-tabs .inspector-box-toggle[aria-selected=true]{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff;box-shadow:0 2px 4px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
body.writing-app .writing-inspector.separate-tool-tabs > #writingToolsBox{background:transparent;border:0;margin:0 12px 12px;border-radius:0;scrollbar-gutter:auto}
body.writing-app .separate-tool-tabs #writingBoxBody{background:#fff;border:1px solid var(--brand-line);border-radius:10px;overflow:hidden}
body.writing-app .separate-tool-tabs #writingBoxBody .inspector-tabs{margin:12px 12px 0;padding:4px;gap:4px;background:var(--brand-canvas);border:0;border-radius:8px}
body.writing-app .separate-tool-tabs #writingBoxBody .inspector-tabs button{border:0;border-radius:var(--brand-control-radius);min-height:36px;padding:7px 4px;background:transparent;color:var(--brand-muted);box-shadow:none}
body.writing-app .separate-tool-tabs #writingBoxBody .inspector-tabs button[aria-selected=true]{background:#fff;color:var(--brand-ink);box-shadow:0 1px 3px color-mix(in srgb,var(--brand-primary) 10%,transparent)}
body.writing-app .separate-tool-tabs #writingBoxBody .inspector-tabs button:hover{color:var(--brand-ink)}
body.writing-app .separate-tool-tabs #writingBoxBody > .inspector-panel{padding:18px 16px 16px}
body.writing-app .separate-tool-tabs #panel-assist .writing-action-heading{margin-bottom:14px}
body.writing-app .separate-tool-tabs #panel-assist .writing-action-heading > span{font-weight:500}
body.writing-app .separate-tool-tabs #panel-assist .ai-shortcuts{gap:8px;margin-bottom:18px}
body.writing-app .separate-tool-tabs #panel-assist .ai-shortcuts button{background:var(--brand-canvas);border-color:var(--brand-line);color:var(--brand-ink);min-height:40px}
body.writing-app .separate-tool-tabs #panel-assist .ai-shortcuts button:hover{background:var(--brand-lavender);border-color:var(--brand-ink)}
body.writing-app .separate-tool-tabs #panel-assist #aiInstruction{min-height:112px;line-height:1.6;resize:vertical}
body.writing-app .separate-tool-tabs #panel-assist .selection-scope{margin:10px 0 16px}
body.writing-app .separate-tool-tabs #panel-assist .generate-button{min-height:44px;box-shadow:0 2px 4px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
body.writing-app .separate-tool-tabs #writingBoxBody .writing-settings-toolbar{padding:12px 16px;border-top:1px solid var(--brand-line);border-bottom:0;background:var(--brand-canvas)}
body.writing-app .separate-tool-tabs #writingBoxBody #openDocumentSettings{background:#fff;border-color:var(--brand-line);color:var(--brand-muted);min-height:40px}
body.writing-app .separate-tool-tabs #writingBoxBody #openDocumentSettings:hover{background:var(--brand-lavender);color:var(--brand-ink)}

/* Reference palette: blue actions, pale blue highlights, white cards, navy navigation. */
body[class]:is(.workspace-page,.writing-app,.auth-page){
 
 --brand-soft-block:var(--brand-paper);
 
 --app-surface:#fff;--app-surface-muted:var(--brand-paper);--app-border:var(--brand-line);
 --app-secondary-bg:#fff;--app-secondary-border:var(--brand-line);--app-secondary-ink:var(--brand-ink);
 --app-status-info:var(--brand-ink);--app-status-info-bg:var(--brand-lavender);
 --app-status-neutral:var(--brand-muted);--app-status-neutral-bg:var(--brand-canvas);
 --ui-canvas:var(--brand-canvas);--ui-blue:var(--brand-primary);--ui-purple:var(--brand-primary);--ui-purple-ink:var(--brand-primary);
 --purple:var(--brand-primary);--purple-dark:var(--brand-primary-hover);
 --ui-periwinkle:var(--brand-lavender);--ui-periwinkle-ink:var(--brand-primary);
 background:var(--brand-canvas);color:var(--brand-ink);
}
body.workspace-page .main{background:var(--brand-canvas)}
body.workspace-page.dashboard-page .workspace-content :is(.dashboard-launch,.stat-card,.dashboard-stat),
body.workspace-page .workspace-content :is(.template-card,.planner-summary > span){background:#fff;border-color:var(--brand-line)}
body.workspace-page.dashboard-page .workspace-content .dashboard-start,
body.workspace-page .workspace-content :is(.documents-library-heading,.planner-intro,.templates-intro,.keyword-intro,.management-intro){background:linear-gradient(120deg,var(--brand-lavender),#fff);border-color:var(--brand-line)}
body.auth-page .auth-story{background:linear-gradient(140deg,var(--brand-lavender),#fff);border-color:var(--brand-line)}
body:is(.workspace-page,.writing-app) .sidebar-logo .sidebar-brand-icon{background:var(--brand-primary)}
body:is(.workspace-page,.writing-app) .sidebar .nav-item.active,
body:is(.workspace-page,.writing-app) .mobile-navigation nav a[aria-current=page]{background:#314771;color:#fff}
body:is(.workspace-page,.writing-app,.auth-page) ::selection{background:var(--brand-lavender);color:var(--brand-ink)}

body.workspace-page.dashboard-page .workspace-content .dashboard-start .btn-primary:hover{background:var(--brand-primary-hover);color:#fff}

/* Dashboard emphasis follows the same responsive introduction size as other pages. */
body.workspace-page.dashboard-page .workspace-content .dashboard-start h2,
body.workspace-page.dashboard-page .workspace-content .dashboard-start h2 :is(em,span,strong){font-size:var(--app-intro-title-size)!important;font-weight:700!important;line-height:1.2}

/* Legacy brand aliases are blue; success colors use their own semantic tokens. */
body[class]:is(.workspace-page,.writing-app,.auth-page){
 --green:var(--brand-primary);--mint:var(--brand-lavender);
 --ui-green:var(--brand-lavender);--ui-green-ink:var(--brand-primary);
 --ui-aqua:var(--brand-lavender);--ui-aqua-soft:var(--brand-lavender);--ui-aqua-ink:var(--brand-primary);
 --studio-lime:var(--brand-lavender);--studio-lime-soft:var(--brand-lavender);--studio-lime-ink:var(--brand-primary);
}
body.workspace-page .workspace-content .member-role[data-role=member]{color:var(--app-status-neutral);background:var(--app-status-neutral-bg)}
body.workspace-page.settings-page .feature-item .sketch-icon,body.workspace-page .feature-item i{color:var(--brand-primary)}
body.writing-app .score-check.passed{color:var(--app-status-success)}

/* Article typography: document title, six heading levels, then reading text. */
body.writing-app #documentTitleInput{font-family:var(--brand-heading-font);font-size:42px!important;font-weight:700;line-height:1.2;letter-spacing:-.035em;height:auto;padding-top:0;padding-bottom:0}
body.writing-app #contentEditor :is(h1,h2,h3,h4,h5,h6){font-family:var(--brand-heading-font)!important;font-weight:700;line-height:1.3!important;letter-spacing:-.02em;margin:1.25em 0 .5em}
body.writing-app #contentEditor h1{font-size:36px!important}
body.writing-app #contentEditor h2{font-size:30px!important}
body.writing-app #contentEditor h3{font-size:26px!important}
body.writing-app #contentEditor h4{font-size:22px!important}
body.writing-app #contentEditor h5{font-size:20px!important}
body.writing-app #contentEditor h6{font-size:18px!important}
@media(max-width:620px){
 body.writing-app #documentTitleInput{font-size:34px!important}
 body.writing-app #contentEditor h1{font-size:32px!important}
 body.writing-app #contentEditor h2{font-size:28px!important}
 body.writing-app #contentEditor h3{font-size:24px!important}
}

/* Autosave feedback changes without moving or fading the header controls. */
body.writing-app .writing-header #saveState{box-sizing:border-box;inline-size:144px;flex:0 0 144px;justify-content:center;white-space:nowrap}
body.writing-app .writing-header #saveButton[aria-busy=true]{opacity:1}
@media(max-width:800px){body.writing-app .writing-header #saveState{inline-size:auto;flex:1 1 0;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;justify-content:flex-start}}

/* Generation feedback is a compact status card with a clear title and detail. */
body.writing-app #editorMessage{display:flex;align-items:center;gap:12px;margin:16px 28px 0;padding:14px 16px;border:1px solid var(--brand-lavender-line);border-radius:10px;background:var(--brand-lavender);color:var(--brand-ink);font:400 var(--brand-label-size)/1.5 var(--brand-body-font);box-sizing:border-box}
body.writing-app #editorMessage[hidden]{display:none}
body.writing-app #editorMessage[data-kind=progress]{max-height:none;overflow:visible}
body.writing-app #editorMessage .editor-message-copy{display:grid;gap:3px;min-width:0}
body.writing-app #editorMessage .editor-message-copy strong{font-size:var(--brand-body-size);font-weight:600;line-height:1.4;color:var(--brand-ink)}
body.writing-app #editorMessage .editor-message-copy > .editor-message-detail{display:block;color:var(--brand-muted);line-height:1.5}
body.writing-app #editorMessage .editor-message-indicator{flex:0 0 18px;width:18px;height:18px;box-sizing:border-box;border:2px solid var(--brand-line);border-top-color:var(--brand-primary);border-radius:50%;animation:editor-progress-spin 1s linear infinite}
body.writing-app #editorMessage[data-kind=error]{background:var(--app-status-error-bg);color:var(--app-status-error);border-color:#fecdd3}
body.writing-app #editorMessage[data-kind=success]{background:var(--app-status-success-bg);color:var(--app-status-success);border-color:var(--brand-lavender)}
@keyframes editor-progress-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){body.writing-app #editorMessage{margin:12px 16px 0;padding:12px}}
@media(prefers-reduced-motion:reduce){body.writing-app #editorMessage .editor-message-indicator{animation:none}}

/* Keep the document title visually part of the article while editing. */
body.writing-app #documentTitleInput,
body.writing-app #documentTitleInput:focus,
body.writing-app #documentTitleInput:focus-visible{border:0!important;outline:none!important;box-shadow:none!important;background:transparent}

/* Account entry pages share the app and website's typography and surfaces. */
body.auth-page{background:var(--brand-canvas);color:var(--brand-ink)}
body.auth-page > .container{max-width:1160px}
body.auth-page .auth-nav{min-height:88px;border-bottom:1px solid var(--brand-line);gap:20px}
body.auth-page .auth-nav .auth-home{font-size:var(--brand-label-size);font-weight:500;color:var(--brand-muted)}
body.auth-page .auth-nav .auth-home:hover{color:var(--brand-primary)}
body.auth-page .auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:64px;align-items:center;padding:40px 0 48px}
body.auth-page .auth-story{box-sizing:border-box;max-width:none;padding:32px;border:1px solid var(--brand-line);border-radius:16px;background:linear-gradient(140deg,var(--brand-lavender),#fff)}
body.auth-page .auth-kicker{border-radius:8px;margin-bottom:20px;padding:7px 10px;background:var(--brand-lavender);border-color:var(--brand-lavender-line);color:var(--brand-primary);font-weight:500}
body.auth-page .auth-story h2,body.auth-page .auth-story h2 em{font-family:var(--brand-heading-font);font-size:42px;font-weight:700;line-height:1.2;letter-spacing:-.035em}
body.auth-page .auth-story h2{margin-bottom:16px;color:var(--brand-ink)}
body.auth-page .auth-story h2 em{color:var(--brand-primary);font-style:normal}
body.auth-page .auth-story > p{font-size:var(--brand-title-size)!important;line-height:1.8;color:var(--brand-muted);margin-bottom:24px;max-width:none}
body.auth-page .auth-preview{max-width:none;transform:none;margin-top:24px;padding:22px;border-color:var(--brand-line);border-radius:12px;box-shadow:0 8px 24px #1e2b4a08;background:#fff}
body.auth-page .auth-preview h3{font-family:var(--brand-heading-font);font-size:24px!important;font-weight:700;line-height:1.3}
body.auth-page .auth-preview-top{letter-spacing:0;text-transform:none;color:var(--brand-muted)}
body.auth-page .auth-preview-line{background:var(--brand-line)}
body.auth-page .auth-preview-tag{background:var(--brand-lavender);color:var(--brand-primary);border-radius:6px;font-weight:500}
body.auth-page .auth-form-panel{box-sizing:border-box;max-width:460px;padding:32px;border:1px solid var(--brand-line);border-radius:16px;box-shadow:0 4px 20px #1e2b4a06;background:#fff}
body.auth-page .auth-form-panel :is(.signin-header,.signup-header){margin-bottom:24px;text-align:left}
body.auth-page .auth-form-panel #authTitle{font-family:var(--brand-heading-font);font-size:32px!important;font-weight:700;line-height:1.25;letter-spacing:-.025em;margin:0 0 8px;color:var(--brand-ink)}
body.auth-page .auth-form-panel :is(.signin-header,.signup-header) > p{font-size:var(--brand-body-size);line-height:1.6;color:var(--brand-muted);margin:0}
body.auth-page .auth-form-panel .form-group{margin-bottom:20px}
body.auth-page .auth-form-panel .form-group > label{font-size:var(--brand-label-size)!important;font-weight:500;margin-bottom:6px;color:var(--brand-ink)}
body.auth-page .auth-form-panel .input-wrapper .form-control{min-height:44px;border-color:var(--brand-line);border-radius:var(--brand-control-radius);background:#fff;box-shadow:none}
body.auth-page .auth-form-panel .input-wrapper .form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
body.auth-page .auth-form-panel .input-wrapper > svg.sketch-icon{color:var(--brand-muted)}
body.auth-page .auth-form-panel .social-login-btn{min-height:44px;border:1px solid var(--brand-line);border-radius:8px;background:#fff;color:var(--brand-ink);font-size:var(--brand-body-size);font-weight:500}
body.auth-page .auth-form-panel .social-login-btn:hover{background:var(--brand-lavender);border-color:var(--brand-lavender-line);color:var(--brand-ink)}
body.auth-page .auth-divider{margin:20px 0;color:var(--brand-muted)}
body.auth-page .auth-divider::before,body.auth-page .auth-divider::after{background:var(--brand-line)}
body.auth-page .auth-form-panel :is(.btn-signin,.btn-primary){min-height:44px;border-radius:var(--brand-control-radius);background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;font-size:var(--brand-body-size);font-weight:600;box-shadow:none;transform:none}
body.auth-page .auth-form-panel :is(.btn-signin,.btn-primary):hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);transform:none}
body.auth-page .auth-form-panel :is(.terms-text,.password-hint,.form-row,.signup-prompt,.signin-prompt){font-size:var(--brand-label-size)!important;line-height:1.6;color:var(--brand-muted)}
body.auth-page .auth-form-panel :is(.signup-prompt,.signin-prompt){border-color:var(--brand-line);padding-top:20px}
body.auth-page .auth-form-panel a{color:var(--brand-primary);font-weight:500}
body.auth-page .auth-footer{font-size:var(--brand-label-size);color:var(--brand-muted);border-top:1px solid var(--brand-line);padding-top:20px}
body.auth-page .auth-footer a:hover{color:var(--brand-primary)}
@media(max-width:1000px){body.auth-page .auth-layout{gap:32px}body.auth-page .auth-story{padding:24px}body.auth-page .auth-story h2,body.auth-page .auth-story h2 em{font-size:34px}}
@media(max-width:700px){body.auth-page .auth-nav{min-height:76px}body.auth-page .auth-layout{grid-template-columns:minmax(0,1fr);gap:0;padding:24px 0 32px}body.auth-page .auth-form-panel{padding:24px;justify-self:center}body.auth-page .auth-form-panel #authTitle{font-size:28px!important}body.auth-page .auth-footer{max-width:460px}body.auth-page .auth-nav .brand-logo-image{width:180px}}

body.auth-page .social-login-buttons form{margin:0}
body.auth-page :is(.auth-kicker,.auth-preview-top,.auth-preview-tag) > svg.sketch-icon{width:16px;height:16px;flex-shrink:0;color:inherit}

body.auth-page .auth-nav .auth-home{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
body.auth-page .auth-nav .auth-home > svg.sketch-icon{width:14px;height:14px;flex-shrink:0;color:inherit}

/* Keep keyword removal available without crowding the saved list. */
body.writing-app .writing-inspector .imported-keyword-list li{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px}
body.writing-app .writing-inspector .imported-keyword-list li[hidden]{display:none}
body.writing-app .writing-inspector .keyword-remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--brand-muted);font:400 22px/1 var(--brand-body-font);cursor:pointer}
body.writing-app .writing-inspector .keyword-remove:hover{background:#fff1f3;color:#a52a3b}
body.writing-app .writing-inspector .keyword-remove:disabled{opacity:.5;cursor:wait}
body.writing-app .writing-inspector #keywordRemovalFeedback{order:0;margin:0;font-size:var(--brand-label-size);line-height:1.5;color:var(--brand-muted)}
body.writing-app .writing-inspector #keywordRemovalFeedback[hidden]{display:none}
body.writing-app .writing-inspector #keywordRemovalFeedback[data-kind=error]{color:#a52a3b}
@media(max-width:800px){body.writing-app .writing-inspector .imported-keyword-list li{grid-template-columns:minmax(0,1fr) 36px}body.writing-app .writing-inspector .keyword-remove{width:36px;height:36px;min-height:36px}}

/* Competitor outlines: distinguish page titles, sections and nested subsections. */
body.writing-app .writing-inspector #competitorHeadings .source-heading-guide{margin:10px 0 4px;padding:10px 12px;background:var(--brand-paper);border-radius:8px;color:var(--brand-muted);font:400 var(--brand-meta-size)/1.6 var(--brand-body-font)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading{grid-template-columns:30px minmax(0,1fr) 24px;gap:8px;padding:12px 10px 12px calc(10px + var(--heading-indent,0px));color:#334155;line-height:1.55}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading .source-heading-level{display:inline-flex;justify-content:center;align-items:center;min-height:22px;border-radius:5px;background:var(--brand-canvas);color:var(--brand-muted);font:600 11px/1.4 var(--brand-body-font)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading .source-heading-add{display:inline-flex;justify-content:center;align-items:center;min-height:24px;border:1px solid var(--brand-lavender);border-radius:6px;color:var(--brand-ink);background:var(--brand-lavender);font-size:var(--brand-title-size);line-height:1}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading[data-level="1"]{background:var(--brand-lavender);color:#0f172a;font-size:15px;font-weight:700}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading[data-level="1"] .source-heading-level{background:var(--brand-ink);color:#fff}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading[data-level="2"]{font-size:var(--brand-body-size);font-weight:600;border-top:1px solid var(--brand-line)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading[data-level="2"] .source-heading-level{background:var(--brand-lavender);color:var(--brand-ink)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading:is([data-level="3"],[data-level="4"],[data-level="5"],[data-level="6"]){font-size:var(--brand-label-size);font-weight:400}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading:focus-visible{outline:2px solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading.used{color:var(--brand-muted);background:var(--brand-paper)}

body.writing-app .writing-inspector #competitorHeadings .competitor-heading[data-level="1"]{font-size:15px!important}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading[data-level="2"]{font-size:var(--brand-body-size)!important}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading:is([data-level="3"],[data-level="4"],[data-level="5"],[data-level="6"]){font-size:var(--brand-label-size)!important}
body.writing-app .writing-inspector #competitorHeadings .source-heading-guide{font-size:var(--brand-meta-size)!important}

/* Full PNG wordmark, shared with the marketing website. */
body .logo .app-brand-logo{display:block;width:210px;max-width:100%;height:auto;object-fit:contain;filter:none}
body:is(.workspace-page,.writing-app) .sidebar .sidebar-logo .app-brand-logo{display:block;width:200px;max-width:100%;height:auto;object-fit:contain;filter:none}
@media(max-width:700px){body .auth-nav .logo .app-brand-logo{width:190px}}

/* Manual keyword entry shares the saved-keyword tools and dialog styling. */
body.writing-app .writing-inspector #keywordCollectionLauncher{display:grid;gap:8px}
body.writing-app #manualKeywordsDialog{width:min(560px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto}
body.writing-app #manualKeywordsInput{display:block;width:100%;min-height:200px;resize:vertical;box-sizing:border-box;margin-top:8px}
body.writing-app .manual-keywords-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
body.writing-app .manual-keywords-actions .writing-panel-button{width:auto;min-width:100px}
body.writing-app #submitManualKeywords{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}
body.writing-app #submitManualKeywords:disabled{opacity:.65;cursor:wait}
body.writing-app .manual-keywords-error{color:#b91c1c;margin-top:12px;font-size:var(--brand-body-size)}
body.writing-app .manual-keywords-error[hidden]{display:none}
@media(max-width:600px){body.writing-app #manualKeywordsInput{font-size:var(--brand-title-size)!important}}

/* A single keyword search bar, with an integrated submit control. */
body.writing-app #keywordSearchForm{margin:0;padding:0;border:0}
body.writing-app .keyword-search-bar{display:flex;align-items:stretch;border:1px solid var(--brand-line);border-radius:10px;overflow:hidden;background:#fff}
body.writing-app .keyword-search-bar:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent)}
body.writing-app #keywordSearchForm #keywordSearchInput{flex:1;min-width:0;width:100%;min-height:48px;margin:0;padding:12px 14px;border:0;border-radius:0;box-shadow:none;outline:none;background:transparent}
body.writing-app #keywordSearchForm #searchDocumentKeywords{display:grid;place-items:center;flex:0 0 48px;width:48px;min-height:48px;margin:0;padding:0;border:0;border-radius:0;background:var(--brand-primary);color:#fff;cursor:pointer}
body.writing-app #searchDocumentKeywords svg{width:20px;height:20px}
body.writing-app #keywordSearchForm #searchDocumentKeywords:hover{background:var(--brand-primary-hover)}
body.writing-app #keywordSearchForm #searchDocumentKeywords:disabled{opacity:.6;cursor:wait}
body.writing-app #keywordSearchStatus{margin:12px 0 0}
body.writing-app #keywordSearchStatus[data-kind=error]{color:#b91c1c}
body.writing-app #keywordSearchStatus[hidden]{display:none}
@media(max-width:600px){body.writing-app #keywordSearchInput{font-size:var(--brand-title-size)!important}}

/* Editable keyword draft and confirmation, consistent with manual keyword entry. */
body.writing-app #keywordCollectionDialog{max-height:calc(100dvh - 32px);overflow:auto}
body.writing-app .keyword-search-add-form{margin-top:20px}
body.writing-app #keywordSearchEditHelp{margin:0 0 18px}
body.writing-app #keywordSearchDraft{display:block;width:100%;min-height:200px;resize:vertical;box-sizing:border-box;margin-top:8px}
body.writing-app #confirmKeywordSearchAdd{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}
body.writing-app #confirmKeywordSearchAdd:disabled{opacity:.55;cursor:default}
@media(max-width:600px){body.writing-app #keywordSearchDraft{font-size:var(--brand-title-size)!important}}

/* Give narrow source outlines a full text column and consistent action alignment. */
body.writing-app .writing-inspector #competitorHeadings .competitor-source-actions{display:flex;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--brand-line);background:#fff}
body.writing-app .writing-inspector #competitorHeadings .competitor-source-actions :is(.competitor-source,.retry-competitor){display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:32px;box-sizing:border-box;margin:0;padding:6px 7px;border:1px solid var(--brand-line);border-radius:7px;background:#fff;color:var(--brand-ink);font-size:var(--brand-meta-size)!important;line-height:1.4;text-align:center;text-decoration:none}
body.writing-app .writing-inspector #competitorHeadings .competitor-source-actions :is(a,button):hover:not(:disabled){background:var(--brand-lavender);border-color:var(--brand-line)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading{grid-template-columns:minmax(0,1fr) 30px;grid-template-areas:'level action' 'text action';align-items:start;column-gap:8px;row-gap:4px;padding:9px 10px;background:#fff;border-top:0;line-height:1.5}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading .source-heading-level{grid-area:level;justify-self:start;min-width:25px;min-height:19px;padding:1px 4px;box-sizing:border-box;font-size:11px;line-height:1.4}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading .source-heading-text{grid-area:text;min-width:0;white-space:normal;word-break:normal;overflow-wrap:anywhere;text-align:left;line-height:1.5}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading .source-heading-add{grid-area:action;align-self:center;display:grid;place-items:center;width:30px;height:30px;min-height:30px;box-sizing:border-box;border:1px solid var(--brand-lavender);border-radius:8px;background:var(--brand-lavender);color:var(--brand-ink)}
body.writing-app .writing-inspector #competitorHeadings .source-heading-add svg{display:block;width:15px;height:15px}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading[data-level='1']{background:var(--brand-paper);font-size:var(--brand-body-size)!important;font-weight:650;color:#0f172a}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading[data-level='2']{font-size:var(--brand-label-size)!important;font-weight:600;color:#1e293b}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading:is([data-level='3'],[data-level='4'],[data-level='5'],[data-level='6']){font-size:var(--brand-label-size)!important;font-weight:400;color:#334155}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading.used{background:var(--brand-paper);color:var(--brand-muted)}
body.writing-app .writing-inspector #competitorHeadings .competitor-heading.used .source-heading-add{background:var(--brand-canvas);border-color:var(--brand-line);color:var(--brand-muted)}

/* Shared screen rhythm and feedback, without changing article heading sizes. */
body.workspace-page .workspace-content :is(.workspace-empty-state,.dashboard-empty,.empty-state,.keyword-empty,.templates-no-results,.documents-no-results) {padding:32px 20px;text-align:center}
body.workspace-page .workspace-content :is(.workspace-empty-state,.dashboard-empty,.empty-state,.keyword-empty,.templates-no-results,.documents-no-results) :is(h2,h3) {margin:0 0 8px}
body.workspace-page .workspace-content :is(.workspace-empty-state,.dashboard-empty,.empty-state,.keyword-empty,.templates-no-results,.documents-no-results) p {max-width:48ch;margin:0 auto 16px;line-height:1.6}
body.workspace-page .workspace-content :is(.panel-header,.keyword-section-head,.settings-actions,.header-right,.page-actions) {flex-wrap:wrap;gap:12px}
body.workspace-page .workspace-content :is(.settings-actions,.project-actions-row,.keyword-save-bar) {margin-top:20px}
body:is(.workspace-page,.writing-app) .alert {padding:12px 16px;margin:0 0 16px;border-radius:8px;line-height:1.6;font-size:var(--brand-body-size)}
body:is(.workspace-page,.writing-app) :is(.alert,.inline-feedback)[role=status]:empty {display:none}
body:is(.workspace-page,.writing-app) .field-validation-message {display:block;margin:6px 0 12px;color:#a52a3b;font:400 var(--brand-label-size)/1.5 var(--brand-body-font);overflow-wrap:anywhere}
body:is(.workspace-page,.writing-app) :is(button,input[type=submit])[aria-busy=true] {cursor:progress;opacity:.7;transition:none}
body:is(.workspace-page,.writing-app) :is(dialog,.app-dialog-body,.keyword-table-wrap,.planner-table-wrap) {overscroll-behavior:contain}
body:is(.workspace-page,.writing-app) :is(.btn-primary,.btn-secondary,.app-dialog-btn):focus-visible {outline:2px solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}
@media(max-width:650px){
 body.workspace-page .workspace-content :is(.workspace-empty-state,.dashboard-empty,.empty-state,.keyword-empty,.templates-no-results,.documents-no-results) {padding:24px 16px}
 body.workspace-page .main > .page-header {gap:16px;flex-wrap:wrap;align-items:flex-start}
 body.workspace-page .main > .page-header .header-right {display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
 body.workspace-page :is(.settings-actions,.app-dialog-actions,.keyword-search-row,.keyword-toolbar,.keyword-save-bar) {gap:10px}
 body.workspace-page .keyword-search-row {flex-direction:column}
 body.workspace-page :is(.settings-actions,.app-dialog-actions) > :is(button,a) {min-height:44px}
 body.workspace-page :is(.workspace-content,.app-dialog-body) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {font-size:var(--brand-title-size)!important}
 body:is(.workspace-page,.writing-app) :is(.icon-button,.action-button,.app-dialog-close,.dialog-close-button) {min-width:44px;min-height:44px}
}

/* Account entry fits the viewport through layout and spacing, with content still reachable at zoom. */
body.auth-page > .container {min-height:100dvh;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto}
body.auth-page .auth-nav {height:64px;min-height:64px}
body.auth-page .auth-layout {min-height:0;padding:16px 0;gap:32px}
body.auth-page .auth-story {padding:24px}
body.auth-page .auth-kicker {margin-bottom:12px}
body.auth-page .auth-story > p {margin-bottom:16px;line-height:1.6}
body.auth-page .auth-preview {margin-top:16px;padding:16px}
body.auth-page .auth-form-panel {padding:24px}
body.auth-page .auth-form-panel :is(.signin-header,.signup-header) {margin-bottom:16px}
body.auth-page .auth-form-panel .form-group {margin-bottom:12px;min-width:0}
body.auth-page .auth-form-panel .input-wrapper .form-control {height:44px;min-height:44px;padding-top:9px;padding-bottom:9px}
body.auth-page .auth-form-panel .social-login-buttons {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.auth-page .auth-form-panel .social-login-btn {gap:8px;padding:8px;min-height:44px}
body.auth-page .auth-divider {margin:12px 0}
body.auth-page .auth-form-panel .password-hint {margin-top:4px;font-size:var(--brand-meta-size)!important;line-height:1.4}
body.auth-page .auth-form-panel .terms-row {margin:0 0 12px}
body.auth-page .auth-form-panel .form-row {margin:0 0 16px}
body.auth-page .auth-form-panel :is(.signup-prompt,.signin-prompt) {margin-top:12px!important;padding-top:12px}
body.auth-page .auth-footer {padding:8px 0;font-size:var(--brand-meta-size);line-height:1.5}
body.auth-page .auth-form-panel form:has(#confirmPassword) {display:block}

@media(max-width:700px){
 body.auth-page .auth-nav {height:56px;min-height:56px;gap:12px}
 body.auth-page .auth-nav .logo .app-brand-logo {width:166px}
 body.auth-page .auth-nav .auth-home {font-size:var(--brand-meta-size)}
 body.auth-page .auth-layout {padding:12px 0;grid-template-columns:minmax(0,1fr)}
 body.auth-page .auth-form-panel {padding:20px}
 body.auth-page .auth-form-panel :is(input:not([type=checkbox]),select,textarea) {font-size:var(--brand-title-size)!important}
 body.auth-page .auth-footer {width:100%;justify-content:center;gap:4px 16px;flex-wrap:wrap;text-align:center}
}
@media(max-width:700px) and (max-height:740px){
 body.auth-page .auth-nav {height:48px;min-height:48px}
 body.auth-page .auth-story {display:none}
 body.auth-page .auth-layout {grid-template-columns:minmax(0,1fr);padding:8px 0}
 body.auth-page .auth-form-panel {justify-self:center;max-width:520px;padding:16px 20px}
 body.auth-page .auth-form-panel #authTitle {font-size:26px!important}
 body.auth-page .auth-form-panel :is(.signin-header,.signup-header) {margin-bottom:12px}
 body.auth-page .auth-form-panel .form-group {margin-bottom:10px}
 body.auth-page .auth-footer {padding:4px 0}
}

@media(max-width:700px) and (max-height:680px){body.auth-page .auth-form-panel{padding:12px 16px}body.auth-page .auth-divider{margin:8px 0}body.auth-page .auth-layout{padding:6px 0}}

@media(max-height:850px){
 body.auth-page:has(#confirmPassword) .auth-nav{height:48px;min-height:48px}
 body.auth-page:has(#confirmPassword) .auth-layout{padding:8px 0}
 body.auth-page:has(#confirmPassword) .auth-form-panel{padding:16px}
 body.auth-page:has(#confirmPassword) .auth-form-panel #authTitle{font-size:28px!important}
 body.auth-page:has(#confirmPassword) .auth-form-panel .signup-header{margin-bottom:12px}
 body.auth-page:has(#confirmPassword) .auth-form-panel .form-group{margin-bottom:8px}
 body.auth-page:has(#confirmPassword) .auth-form-panel .form-group > label{margin-bottom:4px}
 body.auth-page:has(#confirmPassword) .auth-divider{margin:8px 0}
 body.auth-page:has(#confirmPassword) .auth-form-panel .terms-row{margin-bottom:8px}
 body.auth-page:has(#confirmPassword) .auth-form-panel .signin-prompt{margin-top:8px!important;padding-top:8px}
 body.auth-page:has(#confirmPassword) .auth-footer{padding:4px 0}
}

/* Simple score summary with full-width context and a linear progress indicator. */
body.writing-app .writing-inspector #contentScoreBody .score-overview{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px 16px;width:100%;min-width:0;box-sizing:border-box;padding:16px;border:1px solid var(--brand-lavender);border-radius:10px;background:var(--brand-paper)}
body.writing-app .writing-inspector .score-overview .content-score-gauge{width:64px;height:60px}
body.writing-app .writing-inspector .score-overview .content-score-gauge > svg{display:none}
body.writing-app .writing-inspector .score-overview .content-score-value{position:static;align-items:flex-start;gap:4px}
body.writing-app .writing-inspector .score-overview .content-score-value strong{font-size:36px!important;font-weight:700;line-height:1;letter-spacing:-1px;color:#0f172a;font-variant-numeric:tabular-nums}
body.writing-app .writing-inspector .score-overview .content-score-value span{font-size:11px;line-height:1.4;color:var(--brand-muted)}
body.writing-app .writing-inspector .score-overview .content-score-copy{min-width:0;text-align:left}
body.writing-app .writing-inspector .score-overview .score-summary-label{display:block;margin-bottom:6px;color:#334155;font:500 var(--brand-label-size)/1.4 var(--brand-body-font)}
body.writing-app .writing-inspector .score-overview .score-band-label{display:inline-flex;max-width:100%;box-sizing:border-box;padding:3px 8px;border:1px solid var(--brand-line);border-radius:6px;background:var(--brand-lavender);color:var(--brand-ink);font:600 var(--brand-meta-size)/1.5 var(--brand-body-font)}
body.writing-app .writing-inspector #contentScoreBody[data-score-band=medium] .score-band-label{color:#854d0e;background:#fef3c7;border-color:#fde68a}
body.writing-app .writing-inspector #contentScoreBody[data-score-band=low] .score-band-label{color:#9f1239;background:#fff1f2;border-color:#fecdd3}
body.writing-app .writing-inspector .score-overview #contentScoreProgress{display:block;position:static;grid-column:1/-1;appearance:none;width:100%;height:6px;margin:0;padding:0;border:0;border-radius:6px;overflow:hidden;clip-path:none;background:var(--brand-line);color:var(--brand-ink)}
body.writing-app .writing-inspector .score-overview #contentScoreProgress::-webkit-progress-bar{background:var(--brand-line);border-radius:6px}
body.writing-app .writing-inspector .score-overview #contentScoreProgress::-webkit-progress-value{background:var(--brand-ink);border-radius:6px}
body.writing-app .writing-inspector .score-overview #contentScoreProgress::-moz-progress-bar{background:var(--brand-ink);border-radius:6px}
body.writing-app .writing-inspector .score-overview #contentScoreStatus{grid-column:1/-1;margin:0;color:var(--brand-muted);font-size:var(--brand-meta-size)!important;line-height:1.5;overflow-wrap:anywhere}
body.writing-app .writing-inspector #contentScoreBody > .score-suggestions{margin-top:0;padding-top:4px;border-top:0}

body.writing-app .writing-inspector #contentScoreBody .score-more-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin:12px 0 0;padding:9px 12px;border:1px solid var(--brand-line);border-radius:var(--brand-control-radius);background:var(--brand-lavender);color:var(--brand-ink);font:500 var(--brand-label-size)/1.5 var(--brand-body-font);cursor:pointer}
body.writing-app .writing-inspector #contentScoreBody .score-more-button:hover{background:var(--brand-lavender)}
body.writing-app .writing-inspector #contentScoreBody :is(#showMoreScoreSuggestions,#moreScoreSuggestions)[hidden]{display:none!important}
body.writing-app .writing-inspector #contentScoreBody #scoreDetails:not([hidden]){display:block;flex-shrink:0;width:100%}
body.writing-app .writing-inspector #contentScoreBody #moreScoreSuggestions:not([hidden]){display:block;margin-top:8px}

/* Tab panels must shrink below the fixed tab bar rather than grow outside it. */
body.writing-app .writing-inspector.separate-tool-tabs > .inspector-box[role=tabpanel]{flex:1 1 0!important;min-height:0!important;overflow-y:scroll!important;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#94a3b8 var(--brand-canvas);overscroll-behavior-y:contain}
body.writing-app .writing-inspector.separate-tool-tabs > .inspector-box[role=tabpanel]::-webkit-scrollbar{width:8px}
body.writing-app .writing-inspector.separate-tool-tabs > .inspector-box[role=tabpanel]::-webkit-scrollbar-track{background:var(--brand-canvas);border-radius:8px}
body.writing-app .writing-inspector.separate-tool-tabs > .inspector-box[role=tabpanel]::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid var(--brand-canvas);border-radius:8px}
body.writing-app .writing-inspector.separate-tool-tabs > .inspector-box[role=tabpanel]::-webkit-scrollbar-thumb:hover{background:var(--brand-muted)}

/* Search and selection controls stay readable across document list densities. */
body.workspace-page.documents-page .documents-project-filter {display:flex;align-items:center;gap:8px;min-width:0;font-size:var(--brand-label-size);color:var(--brand-muted);}
body.workspace-page.documents-page .documents-project-filter select {min-width:0;max-width:220px;min-height:44px;padding:8px 12px;background:var(--brand-paper);color:var(--brand-ink);border:1px solid var(--brand-line);font:inherit;}
body.workspace-page.documents-page .documents-search-summary {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:12px 16px;border:1px solid var(--brand-line);border-radius:var(--brand-control-radius);background:var(--brand-paper);font-size:var(--brand-label-size);color:var(--brand-muted);}
body.workspace-page.documents-page .documents-search-summary[hidden] {display:none;}
body.workspace-page.documents-page #documentsSearchDescription {min-width:0;overflow-wrap:anywhere;}
body.workspace-page.documents-page .documents-reset {flex-shrink:0;min-height:44px;padding:8px;border:0;background:transparent;color:var(--brand-primary);font:inherit;cursor:pointer;}
body.workspace-page.documents-page .document-bulk {position:sticky;top:0;z-index:5;background:var(--brand-paper);border-color:var(--brand-line);box-shadow:0 4px 12px #1118270a;}
body.workspace-page.documents-page .workspace-content .documents-no-results {padding:32px 20px;border:1px dashed var(--brand-line);border-radius:var(--brand-card-radius);background:var(--brand-paper);}
@media(max-width:650px) {
 body.workspace-page.documents-page .workspace-content .documents-project-filter {flex:1 1 100%;justify-content:space-between;}
 body.workspace-page.documents-page .workspace-content .documents-project-filter select {flex:1;max-width:none;}
 body.workspace-page.documents-page .document-bulk {gap:8px;padding:12px;}
 body.workspace-page.documents-page .document-bulk label {flex:1;font-size:var(--brand-meta-size);}
 body.workspace-page.documents-page .document-bulk-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 body.workspace-page.documents-page .document-bulk-actions button {min-height:44px;min-width:0;padding:8px;font-size:var(--brand-meta-size);white-space:normal;}
 body.workspace-page.documents-page .documents-search-summary {padding:8px 12px;}
}

body.workspace-page.documents-page .workspace-content .documents-library-heading {background:linear-gradient(120deg,var(--brand-lavender),var(--brand-paper));box-shadow:none;}

@media(max-width:650px) {
 body.workspace-page.documents-page .workspace-content .documents-library-heading {padding:12px;margin:0 0 12px;border:1px solid var(--brand-lavender-line);display:flex;flex-direction:row;align-items:center;gap:8px;}
 body.workspace-page.documents-page .workspace-content .documents-library-heading > div {display:none;}
 body.workspace-page.documents-page .workspace-content .documents-library-heading .documents-total {padding:0;border:0;background:transparent;color:var(--brand-muted);font-size:var(--brand-label-size);}
 body.workspace-page.documents-page .workspace-content .documents-toolbar {padding:0;border:0;background:transparent;box-shadow:none;gap:12px;}
 body.workspace-page.documents-page .workspace-content .documents-toolbar .search-bar {flex-basis:100%;}
 body.workspace-page.documents-page .workspace-content .documents-sort {flex:1;min-width:0;width:auto;}
 body.workspace-page.documents-page .workspace-content .documents-sort select {min-width:0;max-width:100%;}
}


/* Main workspace typography: one size for each role across page components.
   These scoped rules resolve earlier legacy !important declarations without
   changing the article editor, public pages, or administration screens. */
body.workspace-page:not(.admin-page) {
 --app-title-size:24px;--app-section-size:18px;--app-card-title-size:var(--brand-title-size);
 --app-body-size:var(--brand-body-size);--app-label-size:var(--brand-label-size);--app-small-size:var(--brand-meta-size);
 --app-intro-title-size:36px;
}
body.workspace-page:not(.admin-page) .workspace-content :is(
 .panel-header h2,.panel-header h3,.keyword-section-head h2,.planner-board-header h2,
 .settings-card-title,.settings-card > h3,.search-section > h2,.search-result-section > h2,.activity-panel > h4,
 .info-card > h4,.saved-lists > h3,.pending-section > h3,.empty-state h3
) {font-size:var(--app-section-size)!important;line-height:1.4;}
body.workspace-page:not(.admin-page) .workspace-content :is(
 .dashboard-launch strong,.dashboard-document-copy strong,.dashboard-project-list strong,
 .doc-info h4,.project-card h3,.project-name,.template-card h3,.template-name,
 .member-details h4,.search-result h3,.search-result h4,.workspace-search-results strong
) {font-size:var(--app-card-title-size)!important;line-height:1.5;}
body.workspace-page:not(.admin-page) .workspace-content :is(
 .dashboard-document-copy strong,.dashboard-project-list strong,.project-name,.template-name,
 .project-card h3,.template-card h3,.member-details h4
) :is(a,span) {font-size:inherit!important;}
body.workspace-page:not(.admin-page) .workspace-content :is(
 .document-excerpt,.project-desc,.template-description,.template-desc,.member-details > p,.workspace-search-results a > span,
 .settings-section-description,.dashboard-launch small
) {font-size:var(--brand-label-size)!important;line-height:1.5;}
body.workspace-page:not(.admin-page) .workspace-content :is(
 label,.filter-tab,.filter-chip,.documents-total,.management-count,.templates-count,
 .keyword-intro-count,.dashboard-document-status
) {font-size:var(--brand-label-size)!important;}
body.workspace-page:not(.admin-page) .workspace-content :is(
 .dashboard-document-copy small,.dashboard-project-list small,.dashboard-stat small,
 .project-meta,.project-date,.template-meta,time.document-date
) {font-size:var(--brand-meta-size)!important;line-height:1.5;}
body.workspace-page:not(.admin-page) .workspace-content table thead th {font-size:var(--brand-label-size)!important;}
@media(max-width:650px) {
 body.workspace-page:not(.admin-page) {--app-intro-title-size:28px;}
}