/* Home Control: one quiet working surface, not a stack of miniature apps.
 * Only presentation lives here. Permissions, status and destructive actions keep
 * their existing semantics; comfortable/compact never shrink touch targets. */

/* Palette and density */
:root,
:root[data-studio-palette="mint"] {
  --cl-bg:#121719; --cl-surface:#1a2225; --cl-raised:#222d31; --cl-inset:#101618;
  --cl-line:#3a484d; --cl-quiet:#2c383c; --cl-text:#eef3f1; --cl-muted:#b1c0c0;
  --cl-accent:#b3dfcc; --cl-ink:#163126; --cl-soft:#273d34; --cl-glow:#b3dfcc0b;
}
:root[data-studio-palette="violet"] {
  --cl-bg:#15161c; --cl-surface:#1d1f28; --cl-raised:#272a36; --cl-inset:#121319;
  --cl-line:#42465a; --cl-quiet:#303340; --cl-text:#f0eef7; --cl-muted:#bbb9cc;
  --cl-accent:#c6b7eb; --cl-ink:#281e3b; --cl-soft:#363046; --cl-glow:#c6b7eb0b;
}
:root[data-studio-palette="ember"] {
  --cl-bg:#181715; --cl-surface:#22211e; --cl-raised:#2e2b25; --cl-inset:#141310;
  --cl-line:#4e493d; --cl-quiet:#38352d; --cl-text:#f2efe9; --cl-muted:#c5bdaa;
  --cl-accent:#dfc99e; --cl-ink:#332815; --cl-soft:#403728; --cl-glow:#dfc99e0b;
}
:root {
  --st-bg:var(--cl-bg); --st-panel:var(--cl-surface); --st-line:var(--cl-line);
  --st-text:var(--cl-text); --st-muted:var(--cl-muted); --st-accent:var(--cl-accent);
  --st-ink:var(--cl-ink); --st-soft:var(--cl-soft); --st-halo:var(--cl-glow);
  --cl-success:#acd8c1; --cl-warning:#e0c592; --cl-danger:#efb4c3;
  --cl-gap:16px; --cl-pad:20px; --cl-card-height:172px;
  background:var(--cl-bg); color:var(--cl-text);
}
:root[data-studio-density="compact"] { --cl-gap:10px; --cl-pad:15px; --cl-card-height:148px; }
body { background:var(--cl-bg)!important; color:var(--cl-text); font-size:14px; line-height:1.5; }
::selection { background:var(--cl-accent); color:var(--cl-ink); }

/* Persistent shell: one scrolling navigation surface on desktop */
.shell { grid-template-columns:216px minmax(0,1fr); }
.sidebar,.main>header { background:var(--cl-inset)!important; border-color:var(--cl-quiet)!important; }
.sidebar { gap:28px; padding:24px 14px 18px; }
.brand { padding:0 10px; gap:10px; }
.brand strong { font-size:14px; font-weight:600; color:var(--cl-text); letter-spacing:-.025em; }
.brand-mark,.brand-mark.small { background:var(--cl-soft); color:var(--cl-accent); border-color:var(--cl-line); }
.sidebar nav { gap:5px; }
#nav>.nav-button,.nav-more-toggle,.nav-more-panel .nav-button {
  min-height:44px; padding:11px 12px; font-size:13px; line-height:1.5;
  color:var(--cl-muted)!important; border-radius:9px;
}
.nav-button::before,.nav-more-toggle>span:first-child::before { color:var(--cl-accent)!important; }
.nav-button:hover,.nav-more-toggle:hover { background:var(--cl-surface)!important; color:var(--cl-text)!important; }
.nav-more[open]>.nav-more-toggle { background:var(--cl-surface)!important; color:var(--cl-text)!important; }
.nav-button.active,.nav-more-toggle.active { background:var(--cl-soft)!important; color:var(--cl-accent)!important; box-shadow:inset 2px 0 var(--cl-accent); }
.nav-more-toggle:focus-visible,#nav .nav-button:focus-visible { outline:2px solid var(--cl-accent); outline-offset:3px; }
.nav-more-chevron { color:var(--cl-accent); }
.nav-more-panel {
  max-height:none; overflow:visible; margin-top:6px; padding:0 4px;
  border:0; border-radius:0; background:transparent!important; box-shadow:none;
}
.nav-more-group { padding:12px 0; border-color:var(--cl-quiet)!important; }
.nav-group-title { margin:0 8px 5px; color:var(--cl-muted)!important; font-size:10px; letter-spacing:.05em; }
.nav-more-panel .nav-button { padding:10px 8px; font-size:12px; }
.nav-more-panel .space-pin { padding-left:18px; }
.nav-more-footer { padding:10px 0 0; }
.controller {
  gap:9px; min-height:44px; margin-top:auto; padding:11px 12px;
  color:var(--cl-muted)!important; background:transparent!important;
  border-color:var(--cl-quiet)!important; font-size:12px; text-align:left;
}
.sidebar .controller>span:last-child { margin-left:0; font-size:12px; }
.clarity-mobile-appearance { display:none; }
.main>header { min-height:64px; padding:10px 28px; gap:16px; color:var(--cl-muted); font-size:12px; backdrop-filter:none; }
.header-context { min-width:0; gap:16px; }
#page-title { color:var(--cl-text); font-weight:550; }
.user-menu { min-width:0; gap:10px; color:var(--cl-muted); font-size:12px; }
.user-menu .button { min-height:44px; padding:8px 12px; font-size:12px; }
.finder-trigger { min-height:44px; color:var(--cl-muted); border-color:var(--cl-quiet); background:var(--cl-surface); font-size:12px; }
.finder-trigger kbd { background:var(--cl-inset); color:var(--cl-muted); border-color:var(--cl-line); }
.finder-trigger:hover { color:var(--cl-text); border-color:var(--cl-accent); }
.clarity-help-trigger { width:44px; height:44px; flex-shrink:0; border:0; border-radius:10px; background:transparent; color:var(--cl-muted); font-size:16px; cursor:pointer; }
.clarity-help-trigger:hover { background:var(--cl-surface); color:var(--cl-text); }
.page { max-width:1510px; margin-inline:auto; padding:24px 28px 40px; }
.page-heading,.space-topbar { margin-bottom:18px; gap:18px; }
.page-heading h2,.space-topbar h2,.workspace-heading h2 { font-size:28px; font-weight:600; letter-spacing:-.035em; line-height:1.2; color:var(--cl-text); }
.page-heading p,.space-topbar p,.workspace-subtitle { color:var(--cl-muted); font-size:13px; line-height:1.65; }
.page-heading .actions { margin-top:0; }
.space-topbar { display:flex; align-items:center; justify-content:space-between; }
.space-topbar>.actions { margin:0; }
.space-test-banner { margin:12px 28px 0; padding:7px 12px; border-color:var(--cl-quiet); background:var(--cl-inset); color:var(--cl-muted); font-size:10px; line-height:1.6; letter-spacing:.015em; }
.notice { margin-inline:28px; }

/* Controls retain a full hit area at either density */
.button { min-height:44px; padding:10px 14px; border-radius:9px; color:var(--cl-text); background:var(--cl-raised); border-color:var(--cl-line); font-size:13px; line-height:1.45; }
.button:hover { color:var(--cl-text); border-color:var(--cl-accent); background:var(--cl-soft); }
.button.primary,.button.primary:hover { color:var(--cl-ink); background:var(--cl-accent); border-color:var(--cl-accent); font-weight:600; }
.button.ghost { background:transparent; color:var(--cl-muted); }
.button.danger { color:var(--cl-danger); background:#35232b; border-color:#79515f; }
.button.danger:hover { color:#ffe0e8; background:#482c37; border-color:#bd8195; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:2px solid var(--cl-accent); outline-offset:3px;
}
input:not([type="checkbox"]):not([type="radio"]),textarea,select {
  color:var(--cl-text)!important; background:var(--cl-inset)!important; border-color:var(--cl-line)!important;
  border-radius:9px; font-family:inherit; font-size:14px; line-height:1.5; min-width:0;
}
input:not([type="checkbox"]):not([type="radio"]),select { min-height:44px; }
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus,select:focus { border-color:var(--cl-accent)!important; box-shadow:none!important; }
input::placeholder,textarea::placeholder { color:var(--cl-muted); opacity:.8; }
input[type="checkbox"],input[type="radio"] { accent-color:var(--cl-accent)!important; }
.check,.dialog-body .check { min-height:44px; padding:9px 10px; background:transparent; color:var(--cl-muted); font-size:12px; line-height:1.5; }
.check input,.switch input { flex-shrink:0; }
.studio-back,.studio-text-button,.studio-input-heading>button,.workspace-subtle-link { min-height:44px; }

/* Dialogs fill their real width instead of inheriting a 390px inner form */
dialog,.studio-settings-dialog {
  width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; border-radius:16px;
  color:var(--cl-text)!important; background:var(--cl-surface)!important;
  border-color:var(--cl-line)!important; box-shadow:0 24px 80px #0007;
}
dialog::backdrop { background:#08090dc9; backdrop-filter:blur(5px); }
dialog>.dialog-body { width:100%; min-width:0; max-width:none; padding:26px; }
#console-dialog { width:min(760px,calc(100vw - 32px)); }
#metrics-dialog { width:min(900px,calc(100vw - 32px)); }
.projects-dialog,.workspace-dialog { width:min(560px,calc(100vw - 32px)); }
.studio-settings-dialog { width:min(530px,calc(100vw - 32px)); }
.studio-settings-dialog>.dialog-body { padding:26px; }
.studio-discard-dialog { width:min(500px,calc(100vw - 32px)); }
.dialog-body h2,.dialog-body h3 { color:var(--cl-text); letter-spacing:-.025em; }
.dialog-body h2 { margin:0 0 18px; font-size:25px; line-height:1.25; }
.dialog-body p { color:var(--cl-muted); font-size:13px; line-height:1.7; }
.dialog-body label,.dialog-body legend { color:var(--cl-muted); font-size:13px; line-height:1.5; }
.dialog-body label { margin-block:16px; gap:8px; }
.dialog-body fieldset { min-width:0; }
.dialog-body input:not([type="checkbox"]):not([type="radio"]),.dialog-body select,.dialog-body textarea { width:100%; }
.dialog-body textarea { padding:12px; }
.dialog-actions,.dialog-body>.actions,.workspace-dialog-actions {
  display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap;
  gap:10px; margin-top:24px; padding-top:16px; border-top:1px solid var(--cl-quiet);
}
.studio-discard-dialog .dialog-actions { margin-top:20px; }
.projects-form-grid,.workspace-form-grid { gap:0 16px; }

/* Shared modules use surface depth rather than a border around every layer */
.panel,.tile,.empty,.workspace-card,.workspace-capture-card,.workspace-focus-mini,
.space-module-card,.space-record-card,.contour-card,.contour-scope,.contour-section,.contour-layer,
.atelier-panel,.atelier-note,.atelier-drop {
  background:var(--cl-surface)!important; border-color:var(--cl-quiet)!important; color:var(--cl-text);
}
.user-row,.permission-group { background:var(--cl-inset); border-color:var(--cl-quiet); color:var(--cl-muted); }
.workspace-page {
  --ws-text:var(--cl-text); --ws-muted:var(--cl-muted); --ws-faint:var(--cl-muted);
  --ws-border:var(--cl-quiet); --ws-panel:var(--cl-surface); --ws-violet:var(--cl-accent); --ws-mint:var(--cl-success);
}
.workspace-heading { margin-bottom:20px; }
.workspace-card,.workspace-capture-card { padding:var(--cl-pad); }
.workspace-overview-grid { gap:var(--cl-gap); }
.workspace-item,.workspace-task,.workspace-project { padding:var(--cl-pad); }
.workspace-capture-card h3,.workspace-project-copy strong,.workspace-item h3,.workspace-section-heading h3 { color:var(--cl-text); }
.workspace-capture-card p,.workspace-section-heading p,.workspace-hint,.workspace-task-meta,.workspace-item-meta { color:var(--cl-muted); }
.workspace-agenda-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
.project-view-tabs,.workspace-tabs { border-color:var(--cl-quiet); }
.project-view-tabs { gap:4px; margin-bottom:16px; padding:4px; background:var(--cl-inset); border-radius:11px; }
.project-view-tabs button,.workspace-tabs button,.studio-filter-row button,.space-filters .button { min-height:44px; color:var(--cl-muted); background:transparent; font-size:13px; }
.project-view-tabs button[aria-selected="true"],.workspace-tabs button[aria-selected="true"],
.studio-filter-row button[aria-pressed="true"],.space-filters .button.selected {
  background:var(--cl-soft)!important; color:var(--cl-accent)!important; border-color:var(--cl-accent)!important;
}

/* Projects: the current project is context, the board is the main surface */
.projects-page,.projects-page[data-accent] { --project-accent:var(--cl-accent); --project-wash:var(--cl-glow); }
.projects-page { --cl-project-marker:#c6b7eb; }
.projects-page[data-accent="cyan"] { --cl-project-marker:#a2cbd9; }
.projects-page[data-accent="green"] { --cl-project-marker:#acd8c1; }
.projects-page>.page-heading { margin-bottom:14px; }
.projects-tools,.projects-board-tools { gap:12px; margin-bottom:16px; }
.projects-picker,.projects-search { gap:6px; font-size:12px; color:var(--cl-muted); }
.projects-picker { width:min(390px,100%); }
.projects-overview {
  gap:20px; margin-bottom:16px; padding:4px 0 18px; border:0;
  border-bottom:1px solid var(--cl-quiet); border-radius:0; background:transparent;
}
.projects-overview>div:first-child { border-left:3px solid var(--cl-project-marker); padding-left:14px; }
.projects-overview .badge { color:var(--cl-accent); background:var(--cl-soft); font-size:11px; }
.projects-overview h3 { margin:7px 0; color:var(--cl-text); font-size:24px; line-height:1.25; font-weight:600; }
.projects-overview p { color:var(--cl-muted); font-size:13px; line-height:1.65; }
.projects-overview .actions { margin-top:0; }
.projects-board { gap:14px; }
.projects-column {
  min-height:180px; padding:12px; background:var(--cl-inset); border:0;
  border-top:2px solid var(--cl-line); border-radius:0 0 12px 12px;
}
.projects-column[data-stage="doing"] { border-top-color:#b6a6dd; }
.projects-column[data-stage="review"] { border-top-color:#92bfce; }
.projects-column[data-stage="done"] { border-top-color:var(--cl-success); }
.projects-column-heading { gap:8px; margin:3px 2px 13px; }
.projects-column-heading h4 { color:var(--cl-text); font-size:13px; font-weight:600; }
.projects-column-heading>span:last-child { color:var(--cl-muted); background:var(--cl-surface); font-size:11px; }
.projects-column-body { gap:12px; }
.projects-column-empty { color:var(--cl-muted); padding:20px 0; font-size:12px; }
.projects-card { margin:0; padding:16px; background:var(--cl-surface); border-color:var(--cl-quiet); border-radius:10px; }
.projects-card:hover { border-color:var(--cl-accent); background:var(--cl-raised); }
.projects-card-top { margin-bottom:8px; }
.projects-card-title { min-height:44px; color:var(--cl-text); font-size:15px; font-weight:550; line-height:1.5; }
.projects-card-description { margin:7px 0 12px; color:var(--cl-muted); font-size:12px; line-height:1.65; }
.projects-card-meta { gap:8px; margin-top:10px; color:var(--cl-muted); font-size:11px; line-height:1.6; }
.projects-card-number { color:var(--cl-muted); font-size:10px; }
.projects-priority { color:var(--cl-muted); background:var(--cl-inset); font-size:10px; }
.projects-priority.important { color:var(--cl-warning); background:#3d33241f; }
.projects-priority.urgent { color:var(--cl-danger); background:#63344824; }
.projects-card-meta .overdue { color:var(--cl-danger); }
.projects-move-label { margin-top:12px; padding-top:10px; border-color:var(--cl-quiet); color:var(--cl-muted); font-size:12px; }
.projects-move-label select { min-height:44px; font-size:12px; }
.projects-board-tools>span,.projects-message,.projects-hint { color:var(--cl-muted); font-size:12px; line-height:1.65; }
.project-materials-head { padding:0; background:transparent; border:0; }
.project-materials-head h4 { color:var(--cl-text); }
.project-materials-head p,.project-material-meta,.project-material-body { color:var(--cl-muted); }
.project-materials-list { gap:var(--cl-gap); }
.project-material { padding:var(--cl-pad); border-color:var(--cl-quiet); background:var(--cl-surface); }
.project-material-title { min-height:44px; color:var(--cl-text); }
.project-material-actions { border-color:var(--cl-quiet); }
.project-material-actions button { min-height:44px; font-size:12px; color:var(--cl-muted); border-color:var(--cl-line); background:var(--cl-raised); }
.project-material-url { min-height:44px; color:var(--cl-success); }
.project-material-source-results button { background:var(--cl-inset); border-color:var(--cl-line); color:var(--cl-text); }

/* Tools: search first, light cards, helpful context on demand */
.studio-kicker { color:var(--cl-muted); font-size:10px; line-height:1.6; letter-spacing:.08em; }
.studio-workbench-top,.studio-text-button,.studio-back,.studio-local-dot { color:var(--cl-accent); }
.studio-workshop-header { align-items:center; gap:24px; margin:0 0 20px; }
.studio-workshop-header>div { min-width:0; }
.studio-workshop-header h2 { color:var(--cl-text); font-size:30px; line-height:1.2; font-weight:600; letter-spacing:-.035em; margin:5px 0 8px; }
.studio-workshop-header>div>p { max-width:560px; color:var(--cl-muted); font-size:13px; line-height:1.65; }
.studio-workshop-header .button { margin-top:8px; }
.studio-local-seal { min-width:0; max-width:310px; padding:0; border:1px solid var(--cl-quiet); border-radius:10px; background:var(--cl-inset); }
.studio-local-seal>summary { min-height:44px; padding:12px 15px; color:var(--cl-muted); font-size:12px; line-height:1.6; cursor:pointer; }
.studio-local-seal strong { display:inline; color:var(--cl-text); font-size:12px; margin:0; }
.studio-local-seal p { padding:0 15px 14px; margin:0; color:var(--cl-muted); font-size:12px!important; line-height:1.65!important; }
.studio-tool-controls { padding:0; margin-bottom:10px; border:0; border-radius:0; background:transparent; }
.studio-search { gap:12px; min-height:52px; padding:10px 16px; border:1px solid var(--cl-line); border-radius:11px; background:var(--cl-inset); }
.studio-search>span { color:var(--cl-accent); font-size:23px; }
.studio-search input { min-height:30px!important; padding:0!important; font-size:15px!important; border:0!important; background:transparent!important; }
.studio-search:focus-within { outline:2px solid var(--cl-accent); outline-offset:3px; }
.studio-search input:focus-visible { outline:none; }
.studio-filter-row { flex-wrap:wrap; gap:4px; margin-top:8px; padding-top:0; border:0; }
.studio-filter-row button { min-height:44px; padding:10px 12px; font-size:12px; line-height:1.4; }
.studio-result-count { margin:10px 0 13px; color:var(--cl-muted); font-size:12px; }
.studio-tool-grid,.studio-module-grid,.studio-quick-grid { gap:var(--cl-gap); }
.studio-tool-card,.studio-module { background:var(--cl-surface); border-color:var(--cl-quiet); border-radius:12px; box-shadow:none; }
.studio-tool-card:hover,.studio-module:hover { transform:none; background:var(--cl-raised); border-color:var(--cl-line); }
.tone-mint,.tone-violet,.tone-blue,.tone-peach { --tone:var(--cl-accent); --tone-bg:var(--cl-soft); --tone-halo:var(--cl-glow); }
:root[data-studio-density] .studio-tool-open,:root[data-studio-density] .studio-tool-card.is-small .studio-tool-open {
  display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto 1fr;
  column-gap:13px; align-content:start; padding:var(--cl-pad); min-height:var(--cl-card-height); border-radius:12px;
}
.studio-tool-top,.studio-tool-card.is-small .studio-tool-top { grid-column:1; grid-row:1/3; margin:0; align-items:flex-start; }
.studio-tool-mark,.studio-tool-card.is-small .studio-tool-mark { width:34px; height:34px; border-radius:10px; font-size:16px; }
.studio-tool-open strong,.studio-tool-card.is-small .studio-tool-open strong { grid-column:2; grid-row:1; align-self:start; padding-right:22px; color:var(--cl-text); font-size:16px; line-height:1.4; font-weight:550; letter-spacing:-.02em; }
.studio-tool-description,.studio-tool-card.is-small .studio-tool-description { grid-column:2; grid-row:2; margin:8px 0 12px; color:var(--cl-muted); font-size:13px; line-height:1.6; }
.studio-tool-bottom { grid-column:2; grid-row:3; align-self:end; margin:0; color:var(--cl-muted); font-size:11px; line-height:1.5; }
.studio-favorite,.studio-tool-card.is-small .studio-favorite { top:8px; right:7px; min-width:44px; min-height:44px; padding:10px; border-radius:9px; background:transparent; color:var(--cl-muted); opacity:1; }
.studio-favorite:hover,.studio-favorite.is-on { background:var(--cl-soft); color:var(--cl-accent); }
.studio-workshop-foot { margin-top:26px; padding-top:18px; border-color:var(--cl-quiet); color:var(--cl-muted); font-size:12px; line-height:1.65; }
.studio-empty { padding:36px 22px; border-color:var(--cl-line); color:var(--cl-muted); }
.studio-empty h3 { color:var(--cl-text); }
.studio-workbench-top { align-items:center; gap:16px; margin:0 0 12px; font-size:11px; }
.studio-back { padding:8px 0; font-size:13px; }
.studio-workbench-title { gap:16px; margin-bottom:16px; }
.studio-workbench-title>.studio-tool-mark { width:48px; height:48px; font-size:21px; border-radius:13px; }
.studio-workbench-title h2 { margin:0 0 6px; color:var(--cl-text); font-size:28px; line-height:1.25; font-weight:600; }
.studio-workbench-title p { margin:0; color:var(--cl-muted); font-size:13px; line-height:1.65; }
.studio-workbench-title>.button { min-height:44px; margin-top:0; font-size:12px; }
.studio-workbench { min-height:0; border-color:var(--cl-quiet); border-radius:13px; background:var(--cl-surface); }
.studio-tool-form,.studio-output-panel { padding:var(--cl-pad); }
.studio-output-panel { background:var(--cl-inset); border-color:var(--cl-quiet); }
.studio-input-heading { min-height:28px; margin-bottom:14px; color:var(--cl-muted); font-size:11px; letter-spacing:.035em; }
.studio-input-heading>button { padding:8px 0 8px 12px; font-size:12px; }
.studio-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.studio-fields label,.studio-output-label { min-width:0; gap:7px; color:var(--cl-muted); font-size:13px; line-height:1.5; }
.studio-fields input,.studio-fields select { min-height:44px; font-size:14px; }
.studio-fields select { width:100%; min-width:0; text-overflow:ellipsis; }
.studio-fields textarea,.studio-output-label textarea { font-size:13px; line-height:1.7; }
.studio-output-label textarea { min-height:150px; }
.studio-output-summary { gap:10px; margin-bottom:16px; }
.studio-result-tile { padding:14px; color:var(--cl-text); border-color:var(--cl-quiet); background:var(--cl-surface); }
.studio-result-tile strong { color:var(--cl-accent); font-size:21px; }
.studio-result-tile small { color:var(--cl-muted); font-size:12px; }
.studio-output-empty { min-height:90px; gap:16px; color:var(--cl-muted); }
.studio-output-empty>span { color:var(--cl-muted); font-size:30px; }
.studio-output-empty p { color:var(--cl-muted); font-size:13px; }
.studio-form-actions { gap:10px; margin-top:16px; }
.studio-output-actions { gap:10px; }
.studio-output-actions .button { font-size:12px; }
.studio-tool-status { color:var(--cl-muted); font-size:12px; line-height:1.6; }
.studio-field-note,.studio-privacy-line { color:var(--cl-muted); font-size:12px; line-height:1.7; }
.studio-privacy-line { margin-top:16px; }
.atelier-hint,.atelier-panel label,.atelier-note p,.atelier-drop p { color:var(--cl-muted); font-size:13px; line-height:1.65; }
.atelier-panel h3,.atelier-note h3,.atelier-drop h3 { color:var(--cl-text); }
.atelier-panel { padding:var(--cl-pad); }
.atelier-tabs button,.atelier-columns summary,.atelier-panel>details>summary { min-height:44px; font-size:12px; }
.atelier-recipe-top>.button,.atelier-recipe-add .button { min-height:44px; }
#office-form label>span>button { min-width:44px; min-height:44px; }
.atelier-panel input:not([type="checkbox"]),.atelier-panel select { min-height:44px; font-size:14px; }
.atelier-drop { padding:26px 22px; }
.atelier-note { padding:var(--cl-pad); }

/* Home: a useful starting point, not a second promotional header */
.clarity-home-hero {
  grid-template-columns:minmax(0,1fr) minmax(210px,.42fr); min-height:0!important;
  border:0; border-bottom:1px solid var(--cl-quiet); border-radius:0;
  background:transparent; overflow:visible;
}
.clarity-home-hero .studio-hero-copy { padding:0 24px 22px 0; }
.clarity-home-hero h2 { font-size:clamp(28px,3vw,38px); font-weight:600; letter-spacing:-.04em; line-height:1.15; margin:7px 0 10px; color:var(--cl-text); }
.clarity-home-hero h2 em { color:var(--cl-accent); font-family:inherit; font-style:normal; font-weight:inherit; }
[data-page-panel="space"]:has(.clarity-home-hero) .space-topbar>div:first-child { display:none; }
[data-page-panel="space"]:has(.clarity-home-hero) .space-topbar { justify-content:flex-end; margin-bottom:18px; }
.clarity-home-hero p { margin:0; color:var(--cl-muted); font-size:14px; line-height:1.65; }
.clarity-home-hero .studio-hero-actions { gap:10px; margin:16px 0 0; }
.clarity-home-hero .studio-hero-actions .button { min-height:44px; padding:10px 14px; font-size:13px; }
.clarity-home-hero .studio-hero-actions .studio-text-button { padding:10px 4px; font-size:12px; }
.clarity-home-hero .studio-hero-caption { margin-top:14px; color:var(--cl-muted); font-size:11px; }
.clarity-hero-aside {
  align-self:start; display:flex; align-items:flex-start; justify-content:center; flex-direction:column;
  gap:8px; margin-bottom:22px; padding:18px 20px; border:0; border-left:2px solid var(--cl-accent);
  border-radius:0 10px 10px 0; background:var(--cl-inset);
}
.clarity-hero-aside>span { display:block; width:auto; height:auto; border:0; border-radius:0; background:transparent; color:var(--cl-accent); font-size:11px; line-height:1.6; font-weight:600; letter-spacing:.035em; transform:none; }
.clarity-hero-aside>strong { color:var(--cl-text); font-size:17px; font-weight:550; line-height:1.4; }
.clarity-hero-aside p { margin:0; text-align:left; font-size:13px; line-height:1.65; }
.clarity-start { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0 28px; }
.clarity-start-card { display:flex; align-items:center; gap:14px; min-width:0; padding:18px 20px; border:1px solid var(--cl-quiet); border-radius:11px; color:var(--cl-text); background:var(--cl-surface); text-align:left; cursor:pointer; }
.clarity-start-card:hover { border-color:var(--cl-line); background:var(--cl-raised); }
.clarity-start-mark { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; color:var(--cl-accent); background:var(--cl-soft); border-radius:11px; font-size:17px; }
.clarity-start-card strong { display:block; font-size:16px; font-weight:550; line-height:1.4; }
.clarity-start-card small { display:block; margin-top:4px; color:var(--cl-muted); font-size:12px; line-height:1.55; }
.clarity-start-card>b { margin-left:auto; color:var(--cl-accent); }
.studio-spotlight { margin:0 0 28px; }
.studio-section-head { gap:16px; margin-bottom:14px; }
.studio-section-head h3 { color:var(--cl-text); font-size:23px; font-weight:550; line-height:1.25; }
.clarity-directory { margin-top:24px; border:0; border-top:1px solid var(--cl-quiet); border-bottom:1px solid var(--cl-quiet); border-radius:0; background:transparent; overflow:visible; }
.clarity-directory>summary { display:flex; align-items:center; gap:16px; min-height:44px; padding:18px 0; list-style:none; cursor:pointer; color:var(--cl-text); }
.clarity-directory>summary::-webkit-details-marker { display:none; }
.clarity-directory>summary strong { font-size:19px; font-weight:550; }
.clarity-directory>summary small { display:block; margin-top:4px; color:var(--cl-muted); font-size:12px; line-height:1.6; }
.clarity-directory>summary>b { margin-left:auto; color:var(--cl-accent); }
.clarity-directory[open]>summary>b { transform:rotate(180deg); }
.clarity-directory-hint { padding:0; margin:0; color:var(--cl-muted); font-size:12px; line-height:1.7; }
.clarity-directory>.space-filters { padding:12px 0; flex-wrap:wrap; }
.clarity-directory>.studio-module-grid { padding:0 0 20px; }
.studio-module { padding:var(--cl-pad); min-height:180px; }
.studio-module>strong { color:var(--cl-text); font-size:17px; line-height:1.4; }
.studio-module p { color:var(--cl-muted); font-size:13px; line-height:1.65; }
.studio-module-head { margin-bottom:16px; }
.studio-module-head small,.studio-module-tail { color:var(--cl-muted); font-size:11px; }
.clarity-home-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:18px; color:var(--cl-muted); font-size:12px; }
.clarity-home-bottom>div { display:flex; flex-wrap:wrap; gap:8px; }
.clarity-resume { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:16px; padding:14px 18px; border:0; border-radius:11px; background:var(--cl-soft); color:var(--cl-muted); font-size:13px; }
.clarity-resume strong { color:var(--cl-text); }

/* Explanation remains available but no longer resembles a large content card */
.clarity-explainer,.clarity-tool-guide { padding:0 0 12px; margin:0 0 16px; border:0; border-bottom:1px solid var(--cl-quiet); border-radius:0; background:transparent; color:var(--cl-muted); font-size:13px; line-height:1.65; }
.clarity-explainer summary,.clarity-tool-guide summary { min-height:44px; align-content:center; cursor:pointer; color:var(--cl-accent); font-size:12px; line-height:1.6; }
.clarity-explainer p,.clarity-tool-guide>p { margin:0 0 5px; }
.clarity-explainer>p { margin-top:8px; }
.clarity-tool-guide strong,.clarity-explainer strong { color:var(--cl-text); }
.clarity-guide-body { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:8px; font-size:13px; line-height:1.7; }
.clarity-guide-body h4 { margin:12px 0 7px; color:var(--cl-text); font-size:14px; }
.clarity-guide-body ul,.clarity-guide-body ol { padding-left:20px; margin:8px 0; }
.clarity-guide-body li { margin-bottom:7px; }
.clarity-guide-body dl { margin:8px 0; }
.clarity-guide-body dt { color:var(--cl-text); font-weight:550; }
.clarity-guide-body dd { margin:4px 0 12px; color:var(--cl-muted); }
.clarity-help-dialog { width:min(950px,calc(100vw - 32px)); max-height:88dvh; }
.clarity-help-dialog>.dialog-body { padding:28px; }
.clarity-help-dialog .studio-section-head { align-items:flex-start; }
.clarity-guide-map { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; }
.clarity-guide-map>div { padding:16px 18px; border:0; border-radius:10px; background:var(--cl-inset); }
.clarity-guide-map strong { color:var(--cl-accent); font-size:14px; }
.clarity-guide-map p { margin-top:7px; font-size:13px; line-height:1.7; }
.clarity-help-privacy { line-height:1.7; margin:18px 0!important; }
.clarity-help-item { border-top:1px solid var(--cl-quiet); padding:12px 0; }
.clarity-help-item>summary { min-height:44px; align-content:center; cursor:pointer; color:var(--cl-accent); font-size:15px; }
.clarity-help-item>p { font-size:13px; margin-top:12px; line-height:1.7; }
.clarity-help-item>.button { margin-top:12px; }
.clarity-keypad { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.clarity-keypad button { min-height:49px; border:1px solid var(--cl-line); border-radius:10px; color:var(--cl-text); background:var(--cl-raised); font-size:21px; cursor:pointer; }
.clarity-keypad button:hover { background:var(--cl-soft); border-color:var(--cl-accent); }
.clarity-keypad button[data-calculator-key="="] { background:var(--cl-accent); color:var(--cl-ink); }

/* Account appearance, search and permission tooling share the same vocabulary */
.studio-settings-dialog .dialog-body label.studio-palette-option { min-height:64px; margin:8px 0; color:var(--cl-text); background:var(--cl-inset); border-color:var(--cl-quiet); }
.studio-palette-option strong { color:var(--cl-text); font-size:13px; }
.studio-palette-option small { color:var(--cl-muted); font-size:12px; }
.studio-palette-option.ember i { background:#dfc99e; }
.clarity-density-preview { padding:var(--cl-pad); border:0; border-radius:11px; margin-block:18px; background:var(--cl-inset); }
.clarity-density-preview>span { display:block; color:var(--cl-muted); font-size:10px; letter-spacing:.08em; }
.clarity-density-preview>strong { display:block; margin-top:10px; font-size:16px; }
.clarity-density-preview>p { margin-block:10px; line-height:1.7; }
.clarity-density-preview>div { display:flex; justify-content:space-between; gap:14px; padding:calc(var(--cl-pad) * .55); margin-bottom:var(--cl-gap); border-radius:7px; background:var(--cl-raised); color:var(--cl-text); font-size:12px; }
.clarity-density-preview>small { color:var(--cl-muted); font-size:12px; line-height:1.7; }
.finder-head h2,.finder-result-copy strong { color:var(--cl-text); }
.finder-head button { min-height:44px; color:var(--cl-muted); }
.finder-status,.finder-section,.finder-footer,.finder-result-copy>span,.finder-result>small { color:var(--cl-muted); }
.finder-footer { border-color:var(--cl-quiet); }
.finder-result { min-height:52px; color:var(--cl-text); }
.finder-result:hover,.finder-result:focus-visible { border-color:var(--cl-accent); background:var(--cl-soft); }
.finder-result:focus-visible { outline:2px solid var(--cl-accent); outline-offset:0; }
.finder-result-icon { border-color:var(--cl-quiet); background:var(--cl-soft); color:var(--cl-accent); }
.finder-status.is-error { color:var(--cl-danger); }
.permission-group summary { display:flex; align-items:center; gap:15px; min-height:44px; color:var(--cl-text); }
.permission-group summary strong { font-weight:500; }
.clarity-permission-count { margin-left:auto; color:var(--cl-accent); font-size:12px; white-space:nowrap; }
.clarity-permission-tools { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:15px; }
.clarity-permission-tools>label:first-child { flex:1 1 250px; color:var(--cl-muted); font-size:13px; }
.clarity-permission-tools input[type="search"] { margin-top:6px; }
.clarity-permission-status { color:var(--cl-muted); line-height:1.7; font-size:12px; }
.permission-group .permission-actions { grid-template-columns:repeat(2,minmax(0,1fr)); padding-top:10px; }
.permission-actions .check { min-height:44px; font-size:12px; line-height:1.6; }
.user-row.selected { border-color:var(--cl-accent); background:var(--cl-soft); }

/* Density changes spacing, never the ability to read or tap a control */
:root[data-studio-density="compact"] .page { padding-top:18px; }
:root[data-studio-density="compact"] .clarity-start-card { padding:14px 16px; }
:root[data-studio-density="compact"] .studio-spotlight { margin-bottom:22px; }
:root[data-studio-density="compact"] .workspace-item { margin-bottom:8px; }
:root[data-studio-density="compact"] .projects-card { padding:13px; }

@media(min-width:621px) {
  .sidebar { position:sticky; top:0; height:100dvh; max-height:100dvh; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--cl-line) transparent; }
}
@media(min-width:1450px) {
  .clarity-start { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .clarity-start-card { align-items:flex-start; flex-wrap:wrap; }
  .clarity-start-card>b { margin-left:0; }
}
@media(max-width:1150px) {
  .shell { grid-template-columns:190px minmax(0,1fr); }
  .sidebar { padding-inline:12px; }
  .brand { padding-inline:4px; }
  .brand strong { font-size:13px; }
  .page { padding-inline:22px; }
  .main>header { padding-inline:22px; }
  .notice,.space-test-banner { margin-inline:22px; }
  .studio-tool-grid,.studio-quick-grid,.studio-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .projects-board { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .clarity-home-hero { grid-template-columns:minmax(0,1fr) 220px; }
  .studio-local-seal { max-width:260px; }
}
@media(max-width:850px) {
  .studio-workshop-header { align-items:flex-start; flex-direction:column; gap:12px; }
  .studio-local-seal { width:100%; max-width:none; }
  .studio-workbench { grid-template-columns:1fr; }
  .studio-output-panel { border-left:0; border-top:1px solid var(--cl-quiet); }
  .clarity-home-hero { grid-template-columns:minmax(0,1fr); }
  .clarity-hero-aside { display:none; }
  .clarity-home-hero .studio-hero-copy { padding-right:0; }
}
@media(max-width:720px) {
  .clarity-guide-body,.clarity-guide-map { grid-template-columns:1fr; gap:10px; }
  .permission-group .permission-actions { grid-template-columns:1fr; }
}
@media(max-width:620px) {
  :root { --cl-gap:12px; --cl-pad:17px; --cl-card-height:140px; }
  :root[data-studio-density="compact"] { --cl-gap:8px; --cl-pad:13px; --cl-card-height:124px; }
  .shell { display:block; }
  .shell,.main,.page { overflow:visible; }
  .sidebar { position:relative; height:auto; max-height:none; gap:12px; padding:14px 12px 10px; overflow:visible; border-bottom:1px solid var(--cl-quiet); }
  .brand { gap:9px; padding:0 3px; }
  .brand strong { font-size:14px; }
  .brand-mark.small { width:28px; height:28px; }
  .sidebar #nav { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; align-items:stretch; }
  .sidebar #nav>.nav-button,.sidebar .nav-more-toggle { width:100%; min-height:44px; padding:10px 5px; font-size:12px; line-height:1.4; letter-spacing:normal; white-space:normal; text-align:center; }
  .sidebar #nav>.nav-button::before,.nav-more-toggle>span:first-child::before { display:none; }
  .nav-more { width:100%; margin:0; }
  .nav-more-toggle { justify-content:center; gap:8px; }
  .nav-button.active,.nav-more-toggle.active { box-shadow:inset 0 -2px var(--cl-accent); }
  .nav-more-panel { position:absolute; z-index:30; top:calc(100% - 3px); right:12px; left:12px; max-height:65dvh; overflow-y:auto; overscroll-behavior:contain; padding:8px 12px; border:1px solid var(--cl-line); border-radius:12px; background:var(--cl-surface)!important; box-shadow:0 20px 60px #0007; }
  .nav-more-panel .nav-button { min-height:44px; padding:11px 8px; font-size:13px; text-align:left; }
  .nav-more-panel .space-pin { padding-left:8px; }
  .nav-group-title { margin:0 8px 5px; font-size:11px; }
  .controller { display:none; }
  .clarity-mobile-appearance { display:block; }
  .main>header { min-height:64px; padding:8px 12px; gap:8px; }
  .header-context { flex:1 1 auto; gap:8px; min-width:0; }
  #page-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
  .finder-trigger { flex-shrink:0; justify-content:center; width:44px; min-width:44px; padding:8px; font-size:0; }
  .finder-trigger>span { font-size:18px; }
  .finder-trigger kbd { display:none; }
  .user-menu { flex:0 1 auto; gap:4px; max-width:calc(100% - 110px); font-size:11px; }
  #current-user { min-width:0; max-width:115px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .user-menu .button { flex-shrink:0; min-height:44px; padding:8px; font-size:11px; }
  .clarity-help-trigger { width:44px; height:44px; }
  .page { padding:20px 15px 32px; }
  .page-heading,.space-topbar { gap:12px; margin-bottom:16px; }
  .page-heading h2,.space-topbar h2,.workspace-heading h2 { font-size:26px; }
  .page-heading p,.space-topbar p,.workspace-subtitle { font-size:13px; line-height:1.65; }
  .page-heading .actions { gap:8px; }
  .notice,.space-test-banner { margin-inline:15px; }
  .space-test-banner { margin-top:10px; font-size:10px; }
  .space-topbar { flex-direction:column; align-items:stretch; }
  .space-topbar .actions { max-width:none; width:100%; gap:8px; justify-content:flex-start; flex-direction:row; flex-wrap:wrap; }
  .space-topbar .button { min-height:44px; padding:9px 12px; font-size:12px; }
  [data-page-panel="space"]:has(.clarity-home-hero) .space-topbar { margin-bottom:18px; }
  .button { min-height:44px; font-size:13px; }
  input:not([type="checkbox"]):not([type="radio"]),textarea,select { font-size:16px; }
  dialog,.studio-settings-dialog { max-height:calc(100dvh - 20px); border-radius:13px; }
  dialog>.dialog-body,.studio-settings-dialog>.dialog-body,.clarity-help-dialog>.dialog-body { padding:21px; }
  .projects-dialog,.workspace-dialog,.studio-settings-dialog,.studio-discard-dialog,.clarity-help-dialog { width:calc(100vw - 24px); }
  .dialog-body h2 { font-size:23px; }
  .dialog-actions,.dialog-body>.actions,.workspace-dialog-actions { gap:8px; margin-top:20px; }
  .dialog-actions>.button,.dialog-body>.actions>.button { flex:1 1 110px; }
  .projects-form-grid,.workspace-form-grid { grid-template-columns:1fr; gap:0; }
  .workspace-heading { gap:14px; }
  .workspace-agenda-filters { grid-template-columns:minmax(0,1fr); }
  .workspace-tabs { gap:12px; }
  .workspace-tabs button { min-height:44px; font-size:12px; }
  .workspace-icon-button { min-width:44px; width:44px; }
  .projects-page .page-heading .actions,.projects-overview .actions { display:flex; flex-wrap:wrap; gap:8px; }
  .projects-page .page-heading .actions>.button,.projects-overview .actions>.button { flex:1 1 auto; min-height:44px; font-size:12px; }
  .projects-page .page-heading .actions>.primary { flex-basis:100%; }
  .projects-overview { align-items:stretch; padding:0 0 16px; gap:14px; }
  .projects-overview h3 { font-size:23px; }
  .projects-overview .actions>.primary { flex-basis:100%; }
  .projects-tools,.projects-board-tools { gap:10px; margin-bottom:14px; }
  .projects-picker,.projects-search { width:100%; }
  .projects-board { grid-template-columns:minmax(0,1fr); gap:18px; }
  .projects-column { min-height:0; padding:12px; }
  .projects-column-empty { padding:10px 0; }
  .projects-card { padding:16px; }
  .projects-card-title { font-size:16px; }
  .projects-card-description,.projects-card-meta { font-size:12px; }
  .projects-move-label select { min-height:44px; font-size:13px; }
  .project-view-tabs { width:100%; }
  .project-view-tabs button { flex:1; font-size:13px; }
  .project-materials-head h4 { font-size:20px; }
  .project-material-actions button { min-height:44px; }
  .studio-workshop-header { gap:12px; margin-bottom:16px; }
  .studio-workshop-header h2 { font-size:28px; margin:5px 0 8px; }
  .studio-workshop-header>div>p { font-size:13px; }
  .studio-local-seal { display:block; width:100%; min-width:0; max-width:none; padding:0; border-radius:10px; }
  .studio-local-seal>summary { min-height:44px; font-size:12px; padding:11px 14px; }
  .studio-local-seal p { font-size:12px!important; }
  .studio-tool-controls { padding:0; border:0; }
  .studio-search { padding:10px 14px; }
  .studio-search input { font-size:16px!important; }
  .studio-filter-row {
    flex-wrap:nowrap; gap:4px; min-width:0; max-width:100%; margin-top:8px; padding:4px 4px 8px;
    overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scroll-padding-inline:4px;
    scrollbar-width:thin; scrollbar-color:var(--cl-line) transparent;
  }
  .studio-filter-row button { flex:0 0 auto; min-height:44px; padding:10px 12px; font-size:12px; white-space:nowrap; }
  .studio-result-count { margin:8px 0 12px; font-size:12px; }
  .studio-tool-grid,.studio-quick-grid,.studio-module-grid { grid-template-columns:minmax(0,1fr); gap:var(--cl-gap); }
  .studio-tool-open strong,.studio-tool-card.is-small .studio-tool-open strong { font-size:16px; }
  .studio-tool-description,.studio-tool-card.is-small .studio-tool-description { font-size:13px; }
  .studio-tool-bottom { font-size:11px; }
  .studio-favorite,.studio-tool-card.is-small .studio-favorite { top:7px!important; right:7px!important; min-width:44px; min-height:44px; }
  .studio-workshop-foot { align-items:flex-start; gap:14px; font-size:12px; }
  .studio-workshop-foot .button { font-size:12px; }
  .studio-workbench-top { gap:12px; margin-bottom:10px; font-size:11px; }
  .studio-back { font-size:13px; }
  .studio-workbench-title,[data-atelier-active] .studio-workbench-title { display:grid; grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:start; }
  .studio-workbench-title>.studio-tool-mark { width:44px; height:44px; font-size:19px; }
  .studio-workbench-title h2,[data-atelier-active] .studio-workbench-title h2 { font-size:25px; line-height:1.25; }
  .studio-workbench-title p { font-size:13px; }
  .studio-workbench-title>.button,[data-atelier-active] .studio-workbench-title>.button { grid-column:1/-1; justify-self:start; margin:0; font-size:12px; }
  .studio-tool-form,.studio-output-panel { padding:17px; }
  .studio-fields { grid-template-columns:minmax(0,1fr); gap:15px; }
  .studio-fields label { grid-column:1/-1; font-size:13px; }
  .studio-fields input,.studio-fields select { font-size:16px; }
  .studio-fields textarea,.studio-output-label textarea { font-size:14px; }
  .studio-input-heading { margin-bottom:12px; font-size:11px; }
  .studio-form-actions .button,.studio-output-actions .button { min-height:44px; font-size:12px; }
  .studio-result-tile strong { font-size:21px; }
  .studio-result-tile small { font-size:12px; }
  .studio-output-empty p { font-size:13px; }
  .studio-field-note,.studio-privacy-line { font-size:12px; }
  .atelier-panel label,.atelier-hint,.atelier-warning,.atelier-note p,.atelier-drop p { font-size:13px; line-height:1.65; }
  .atelier-panel input:not([type="checkbox"]),.atelier-panel select { min-height:44px; font-size:16px; }
  .atelier-tabs button,.atelier-step>.button,.atelier-custom-row .button { min-height:44px; min-width:44px; font-size:12px; }
  .atelier-columns label { min-height:44px; font-size:12px; }
  .atelier-file-well input::file-selector-button,.studio-file-input input::file-selector-button { min-height:44px; font-size:12px; }
  .clarity-home-hero .studio-hero-copy { padding:0 0 18px; }
  .clarity-home-hero .studio-kicker { font-size:10px; white-space:normal; }
  .clarity-home-hero h2 { font-size:29px; line-height:1.18; margin:7px 0 10px; }
  .clarity-home-hero .studio-hero-copy>p { display:block; font-size:13px; }
  .clarity-home-hero .studio-hero-actions { margin:14px 0 0; gap:8px; }
  .clarity-home-hero .studio-hero-actions .button { min-height:44px; font-size:12px; }
  .clarity-home-hero .studio-hero-caption { margin-right:0; font-size:11px; }
  .clarity-start { grid-template-columns:minmax(0,1fr); gap:10px; margin:18px 0 24px; }
  .clarity-start-card { padding:16px; gap:13px; }
  .clarity-start-card strong { font-size:16px; }
  .clarity-start-card small { font-size:12px; }
  .clarity-start-mark { width:38px; height:38px; }
  .studio-section-head h3 { font-size:23px; }
  .studio-text-button { font-size:12px; }
  .studio-module { min-height:0; }
  .studio-module>strong { font-size:17px; }
  .studio-module p { font-size:13px; }
  .studio-module-head small,.studio-module-tail { font-size:11px; }
  .clarity-directory>summary { padding:16px 0; }
  .clarity-directory>summary strong { font-size:20px; }
  .clarity-directory>summary small { font-size:12px; }
  .clarity-explainer,.clarity-tool-guide { padding-bottom:12px; }
  .clarity-help-dialog .studio-section-head { gap:12px; }
  .clarity-guide-map>div { padding:15px; }
  .clarity-resume { gap:10px; padding:14px 16px; }
  .permission-title { flex-wrap:wrap; }
  .permission-title .actions { margin-top:0; }
}
@media(prefers-reduced-motion:reduce) {
  .studio-tool-card,.studio-module,.nav-more-chevron { transition:none; }
  .studio-tool-card:hover,.studio-module:hover,.clarity-hero-aside>span { transform:none; }
}