/* Production-only v1. Phase 1 remains an independent visual reference.
   Order: tokens → approved → app extensions → this shared system. */
.workplace-v1 { font-size: var(--ds-text-base); font-synthesis:none; text-rendering:optimizeLegibility; }
/* Long, static theme washes keep the upper-page atmosphere without placing color behind reading surfaces. */
.workplace-v1 .app { background-color:var(--bg-primary); background-image:radial-gradient(ellipse 78% 760px at 78% 130px,var(--wash-top),transparent 82%),radial-gradient(ellipse 66% 720px at 18% 1040px,var(--wash-bottom),transparent 84%); background-repeat:no-repeat; }
.workplace-v1 .header { height:var(--ds-header-height); padding-inline:var(--space-6); background:var(--ds-glass); backdrop-filter:blur(var(--ds-blur)); -webkit-backdrop-filter:blur(var(--ds-blur)); border-color:var(--ds-line); }
.workplace-v1 .brand { gap:var(--space-3); }
.workplace-v1 .brand-mark { width:32px; height:32px; font-size:18px; }
.workplace-v1 .brand-name { font-size:28px; font-weight:700; letter-spacing:-.045em; }
.workplace-v1 .shell { grid-template-columns:var(--ds-nav-width) minmax(0,1fr); }
.workplace-v1 main { padding:var(--ds-page-gap); padding-bottom:120px; max-width:1500px; }
.workplace-v1 .sidebar { padding:var(--space-5) var(--space-3); background:var(--bg-primary); border-color:var(--ds-line); height:calc(100dvh - var(--ds-header-height)); }
.nav-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:20px; }
.workplace-v1 .sidebar-title { padding:8px; letter-spacing:0; color:var(--ds-muted); font-size:var(--ds-text-xs); }
.nav-toggle,.nav-close { flex:none; width:36px; height:36px; border:1px solid var(--ds-line); border-radius:var(--ds-radius-sm); background:var(--ds-surface); color:var(--ds-text); cursor:pointer; }
.nav-close { display:none; }
.workplace-v1 .nav { display:grid; gap:6px; }
.workplace-v1 .sidebar .nav a { position:relative; min-height:48px; padding:12px; border:1px solid transparent; border-radius:var(--ds-radius-sm); color:var(--ds-muted); font-size:var(--ds-text-sm); }
.workplace-v1 .nav a.active { color:var(--ds-text); background:var(--ds-surface); border-color:var(--ds-line); box-shadow:inset 3px 0 var(--ds-line-active); }
.workplace-v1 .nav a:hover { background:var(--ds-surface-muted); color:var(--ds-text); }
.workplace-v1 .nav a svg { flex:none; width:20px; height:20px; }
.workplace-v1 .sidebar-footer { padding:20px 8px 4px; line-height:1.7; border-color:var(--ds-line); font-size:var(--ds-text-xs); }
.workplace-v1 .sidebar-footer strong { color:var(--ds-positive); font-size:var(--ds-text-xs); font-weight:500; }
.nav-scrim { display:none; }
.workplace-v1 .page-heading { align-items:center; margin-bottom:28px; }
.workplace-v1 .page-heading h1 { font-size:var(--ds-title); font-weight:700; letter-spacing:-.045em; }
.workplace-v1 .page-heading p,.workplace-v1 .help,.workplace-v1 .muted { color:var(--ds-muted); line-height:var(--ds-reading); }
.workplace-v1 .page-heading p { max-width:68ch; font-size:var(--ds-text-sm); }
.workplace-v1 .help { font-size:var(--ds-text-xs); max-width:74ch; }
.workplace-v1 .section-head { margin-block:32px 16px; gap:16px; }
.workplace-v1 .section-head h2,.workplace-v1 .panel h2 { font-size:1.55rem; font-weight:700; letter-spacing:-.035em; }
.workplace-v1 :is(h1,h2,h3,p,.result-text,.card-meta) { overflow-wrap:anywhere; }
.workplace-v1 .panel { padding:var(--ds-panel-pad); border-color:var(--ds-line); border-radius:var(--ds-radius); background:var(--ds-surface); box-shadow:var(--ds-shadow); backdrop-filter:none; }
.workplace-v1 .panel>p { max-width:74ch; }
/* Shared content flow: sibling gaps own the spacing; children do not add margins. */
.workplace-v1 .section-stack,.workplace-v1 .card-stack,.workplace-v1 .content-stack { display:flex; flex-direction:column; min-width:0; }
.workplace-v1 .section-stack { gap:var(--flow-card-gap); margin-block:var(--flow-section-gap); }
.workplace-v1 .card-stack { gap:var(--flow-card-gap); }
.workplace-v1 .content-stack { gap:var(--flow-copy-gap); }
.workplace-v1 :is(.section-stack,.card-stack,.content-stack)>* { min-width:0; margin-block:0; overflow-wrap:anywhere; }
.workplace-v1 .section-stack>.grid-two>.panel { margin-bottom:0; }
.workplace-v1 .action-row { display:flex; align-items:center; flex-wrap:wrap; gap:var(--flow-action-gap); min-width:0; margin-block:0; }
.workplace-v1 .action-row>.pill { min-width:0; max-width:100%; white-space:normal; }
.workplace-v1 .inline-meta { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:var(--space-2) var(--space-3); min-width:0; margin-block:0; }
.workplace-v1 :is(.stack,.form-stack) { min-width:0; }
.workplace-v1 .section-head { min-width:0; flex-wrap:wrap; }
.workplace-v1 .panel>.section-head:first-child { margin-top:0; }
.workplace-v1 .section-head>h2 { margin-bottom:0; }
.workplace-v1 .panel>h2+:is(p,.body-sample,.help) { margin-top:var(--flow-copy-gap); }
.workplace-v1 .button-row { min-width:0; }
.workplace-v1 details:not([open])>summary { margin-bottom:0; }
.workplace-v1 details[open]>summary { margin-bottom:var(--space-3); }
.workplace-v1 .trend-detail { border-top:1px solid var(--ds-line); padding-top:var(--flow-card-gap); }
.workplace-v1 .skill-record { padding-block:var(--flow-card-gap); overflow:visible; }
.workplace-v1 .skill-record .content-disclosure { min-width:0; overflow:visible; }
.workplace-v1 .skill-record .result-text { margin:0; line-height:var(--ds-reading); overflow-wrap:anywhere; }
.workplace-v1 :is(.pill,.theme-switch,.hype-trigger,.quote-vibe) { min-height:var(--ds-tap); font-size:var(--ds-text-xs); transition:background var(--ds-speed) var(--ds-ease),border-color var(--ds-speed),box-shadow var(--ds-speed),transform var(--ds-speed); }
.workplace-v1 .pill { max-width:100%; white-space:normal; text-align:center; padding:10px 16px; line-height:1.45; }
.workplace-v1 .pill.primary { background:var(--ds-action); color:var(--ds-action-text); box-shadow:var(--ds-shadow); }
.workplace-v1 .pill.primary:hover { filter:brightness(.94); }
.workplace-v1 .pill.outline { border-color:var(--ds-line); }
.workplace-v1 :is(.pill,.theme-switch):hover { transform:none; }
.workplace-v1 :is(.pill,.theme-switch):active { transform:translateY(1px); }
.workplace-v1 :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible { outline:var(--ds-focus); outline-offset:3px; }
.workplace-v1 :is(input:not([type=checkbox]):not([type=color]),textarea,select) { border-color:var(--ds-line); background:var(--ds-surface-raised); font-size:var(--ds-text-sm); min-height:var(--ds-tap); }
.workplace-v1 input::placeholder,.workplace-v1 textarea::placeholder { color:var(--ds-muted); opacity:1; }
.workplace-v1 label.field-label { min-width:0; color:var(--ds-muted); gap:10px; font-size:var(--ds-text-xs); }
.workplace-v1 .toolbar { align-items:end; gap:16px; }
.workplace-v1 :is(.local-tag,.saved-note) { color:var(--ds-positive); }
.workplace-v1 .ai-tag { color:var(--ds-accent-ink); }
.workplace-v1 .empty { border-color:var(--ds-line); background:var(--ds-surface-muted); color:var(--ds-muted); font-size:var(--ds-text-sm); }
.workplace-v1 .table-wrap { border-color:var(--ds-line); border-radius:var(--ds-radius); background:var(--ds-surface); scrollbar-color:var(--border-strong) transparent; }
.workplace-v1 table.data-table { font-size:var(--ds-text-sm); }
.workplace-v1 table.data-table { min-width:640px; }
.workplace-v1 table.data-table td:first-child { min-width:180px; }
.workplace-v1 table.data-table :is(th,td) { padding:16px; border-color:var(--ds-line); line-height:1.6; }
.workplace-v1 table.data-table th { background:var(--ds-surface-muted); color:var(--ds-muted); font-size:var(--ds-text-xs); }
.workplace-v1 table.data-table tbody tr:hover { background:var(--ds-surface-muted); }
.workplace-v1 .table-wrap:focus-visible { outline-offset:-3px; }
.workplace-v1 .metric-number { font-family:var(--font-body); font-size:2rem; letter-spacing:-.04em; font-variant-numeric:tabular-nums; margin-top:16px; }
.workplace-v1 .metric-strip .panel { border-top:2px solid var(--ds-line-active); }

/* Home: editorial character, with the actual work above the decoration. */
.workplace-v1 .page-intro { padding:0 0 20px; gap:24px; align-items:center; border-color:var(--ds-line); }
.workplace-v1 .page-intro h1 { max-width:100%; margin-top:12px; }
.workplace-v1 .page-intro h1.home-hero-title { display:grid; gap:0; width:auto; font-size:clamp(3.75rem,4.35vw,4.25rem); line-height:1.01; font-weight:600; letter-spacing:-.055em; }
.workplace-v1 .home-hero-title span { display:block; white-space:nowrap; }
.workplace-v1 .eyebrow { color:var(--ds-muted); font-size:var(--ds-text-xs); letter-spacing:.02em; }
.workplace-v1 .intro-note { max-width:34ch; color:var(--ds-muted); font-size:var(--ds-text-sm); line-height:var(--ds-reading); }
.workplace-v1 .creator-decision .grid-two { align-items:stretch; }
.workplace-v1 .creator-decision .panel:first-child { display:flex; flex-direction:column; align-items:flex-start; gap:12px; border-top:2px solid var(--ds-line-active); }
.workplace-v1 .creator-decision .panel:first-child :is(h3,p) { margin:0; }
.workplace-v1 .creator-decision .panel:first-child .body-sample { max-width:36ch; color:var(--ds-text); font-size:1.125rem; font-weight:600; line-height:1.42; }
.workplace-v1 .creator-decision .panel:first-child .help { max-width:56ch; }
.workplace-v1 .creator-decision .panel:first-child [data-action="edit-content"] { margin-top:4px; background:var(--ds-action); color:var(--ds-action-text); border-color:var(--ds-action); }
.workplace-v1 .creator-decision .creator-inbox-item { gap:16px; padding-block:14px; }
.workplace-v1 .creator-decision .creator-inbox-item strong { display:block; line-height:1.45; }
.workplace-v1 .creator-decision .creator-inbox-item .help { margin-top:5px; }
.workplace-v1 .creator-decision .creator-inbox-item .pill { min-width:52px; padding-inline:12px; }
.home-pulse { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.home-pulse a { padding:8px 12px; min-height:44px; display:inline-flex; align-items:center; gap:8px; border:1px solid var(--ds-line); border-radius:var(--radius-full); font-size:var(--ds-text-xs); color:var(--ds-muted); background:var(--ds-surface); }
.home-pulse strong { font-variant-numeric:tabular-nums; color:var(--ds-text); }
.workplace-v1 .today-layout { grid-template-columns:1.15fr 1fr 1fr; gap:16px; align-items:stretch; }
.workplace-v1 .today-layout .content-card { padding:24px; gap:10px; min-height:300px; border-radius:var(--ds-radius-lg); }
.workplace-v1 .today-layout .content-card h3 { font:700 1.45rem/1.25 var(--font-display); letter-spacing:-.035em; max-width:24ch; margin:8px 0; }
.workplace-v1 .today-layout .content-card.feature h3 { font-size:1.75rem; }
.workplace-v1 .today-layout .content-card p { font-size:var(--ds-text-sm); color:var(--ds-muted); }
.workplace-v1 .today-layout>div>.help { padding-inline:4px; margin:8px 0 0; }
.workplace-v1 .niche-line { gap:8px; margin-block:20px; }
.workplace-v1 .badge { font-size:var(--ds-text-xs); }
.workplace-v1 .goal-widget { border-color:var(--ds-line); background:var(--ds-surface); border-radius:var(--ds-radius); padding:24px; margin-block:24px; box-shadow:var(--ds-shadow); }
.workplace-v1 .goal-widget h3 { font-size:1.65rem; }
.workplace-v1 .goal-track { height:6px; background:var(--ds-surface-muted); }
.workplace-v1 .goal-fill { background:var(--ds-line-active); transition:width var(--ds-speed) var(--ds-ease); }
.workplace-v1 .photo-rail { margin-top:32px; gap:16px; }
.workplace-v1 .photo-card { margin:0; min-height:128px; border:0; border-radius:var(--ds-radius); box-shadow:none; }
.workplace-v1 .photo-card:after { background:linear-gradient(0deg,var(--bg-card-solid),transparent); }
.workplace-v1 .photo-copy .photo-kicker { text-transform:none; letter-spacing:.02em; color:var(--ds-muted); }

/* Content Bank: persistent view controls, explicit filtering and clear reading order. */
.content-controls { padding:20px; border:1px solid var(--ds-line); border-radius:var(--ds-radius); background:var(--ds-surface); margin-bottom:24px; }
.content-controls-top { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.workplace-v1 .view-tabs { display:inline-flex; gap:4px; padding:4px; border:1px solid var(--ds-line); border-radius:var(--radius-full); background:var(--ds-surface-muted); }
.workplace-v1 .view-tabs .pill { border:0; min-height:40px; }
.workplace-v1 .view-tabs .active { background:var(--ds-surface-raised); color:var(--ds-accent-ink); box-shadow:var(--ds-shadow); }
.content-count { color:var(--ds-muted); font-size:var(--ds-text-xs); font-variant-numeric:tabular-nums; }
.filter-summary { display:flex; gap:16px; align-items:center; margin-top:12px; }
.content-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.content-gallery .content-card { display:flex; flex-direction:column; min-height:300px; margin:0; }
.content-gallery .content-card h3 { font-size:1.45rem; font-weight:700; letter-spacing:-.035em; }
.workplace-v1 .content-gallery .card-bottom { margin-top:auto; }
.content-gallery .recommendation.feature { position:relative; isolation:isolate; overflow:hidden; }
.content-gallery .recommendation.feature>* { position:relative; z-index:1; }
.workplace-v1 #contentFilters { display:grid; grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(120px,1fr)) auto; gap:12px; margin:20px 0 0; }
.workplace-v1 #contentFilters input { min-width:0; }
.workplace-v1 .board-hint { display:flex; gap:16px; align-items:center; justify-content:space-between; margin:0 0 20px; }
.workplace-v1 .board-hint p { margin:0; max-width:80ch; }
.workplace-v1 .kanban { grid-auto-columns:288px; gap:16px; padding:4px 4px 24px; scrollbar-color:var(--ds-line-active) var(--ds-surface-muted); }
.workplace-v1 .kanban-column { padding:12px; border:1px solid var(--ds-line); background:var(--ds-surface-muted); border-radius:var(--ds-radius); min-height:180px; }
.workplace-v1 .column-title { padding:8px 4px 16px; margin:0; font-weight:600; font-size:var(--ds-text-sm); }
.workplace-v1 .column-title .muted { display:grid; place-items:center; min-width:24px; height:24px; border-radius:var(--radius-full); background:var(--ds-surface-raised); font-size:var(--ds-text-xs); }
.workplace-v1 .content-card { background:var(--ds-surface-raised); border-color:var(--ds-line); border-radius:var(--ds-radius); padding:18px; box-shadow:var(--ds-shadow); }
.workplace-v1 .kanban .content-card h3 { font:600 1rem/1.5 var(--font-body); margin-block:14px 10px; }
.workplace-v1 .content-card p { line-height:1.65; color:var(--ds-muted); }
.workplace-v1 .card-meta { gap:6px 10px; color:var(--ds-muted); line-height:1.6; font-size:var(--ds-text-xs); }
.workplace-v1 .card-meta span:first-child { color:var(--ds-accent-ink); }
.workplace-v1 .card-bottom { border-top:1px solid var(--ds-line); padding-top:14px; margin-top:16px; }
.workplace-v1 .card-bottom>.button-row { width:100%; justify-content:space-between; }
.workplace-v1 .card-bottom .pill { padding-inline:12px; }
.workplace-v1 select.status-pill { min-height:36px; padding:6px 10px; font-size:var(--ds-text-xs); }
.workplace-v1 .kanban-column.drop-target { outline:2px solid var(--focus-ring); outline-offset:-2px; background:var(--badge-priority-bg); }

/* Calendar: one quiet productivity grid with navigation above it. */
.workplace-v1 .calendar-toolbar { display:flex; align-items:center; gap:12px; margin:24px 0 16px; }
.workplace-v1 .calendar-nav,.workplace-v1 .calendar-today { min-width:44px; min-height:44px; border:1px solid var(--ds-line); border-radius:var(--ds-radius-sm); background:var(--ds-surface); color:var(--ds-text); font:600 1.25rem/1 var(--font-body); cursor:pointer; }
.workplace-v1 .calendar-today { padding:0 16px; font-size:var(--ds-text-xs); }
.workplace-v1 .calendar-nav:hover,.workplace-v1 .calendar-today:hover { background:var(--ds-surface-muted); border-color:var(--ds-line-active); }
.workplace-v1 .calendar-month-select { position:relative; min-height:44px; display:grid; place-items:center; cursor:pointer; }
.workplace-v1 .calendar-month-label { padding:8px 14px; font-weight:700; letter-spacing:-.02em; }
.workplace-v1 .calendar-month-select select { position:absolute; inset:0; width:100%; opacity:0; cursor:pointer; }
.workplace-v1 .calendar-wrap { overflow:auto; border-radius:14px; background:var(--ds-surface); }
.workplace-v1 .calendar { display:block; grid-template-columns:none; min-width:680px; overflow:hidden; border-radius:14px; }
.workplace-v1 .calendar-weekdays,.workplace-v1 .calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.workplace-v1 .calendar-weekdays { background:var(--ds-surface-muted); border-bottom:1px solid var(--ds-line); }
.workplace-v1 .calendar-weekdays>div { padding:12px 14px; color:var(--ds-muted); font-size:var(--ds-text-xs); font-weight:600; }
.workplace-v1 .calendar-day { position:relative; min-width:0; min-height:144px; padding:10px; overflow:hidden; border-right:1px solid var(--ds-line); border-bottom:1px solid var(--ds-line); background:var(--ds-surface); border-radius:0; }
.workplace-v1 .calendar-day:nth-child(7n) { border-right:0; }
.workplace-v1 .calendar-day:hover { background:var(--ds-surface-muted); }
.workplace-v1 .calendar-day.selected { background:color-mix(in srgb,var(--badge-priority-bg) 68%,var(--ds-surface)); box-shadow:inset 0 0 0 1px var(--ds-line-active); z-index:1; }
.workplace-v1 .calendar-day:focus-within { box-shadow:inset 0 0 0 2px var(--focus-ring); z-index:1; }
.workplace-v1 .calendar-date-number { display:inline-grid; place-items:center; min-width:22px; height:22px; margin:0 0 5px; color:var(--ds-muted); font-size:.72rem; font-weight:600; font-variant-numeric:tabular-nums; }
.workplace-v1 .calendar-day.outside-month { background:color-mix(in srgb,var(--ds-surface-muted) 55%,var(--ds-surface)); }
.workplace-v1 .calendar-day.outside-month .calendar-date-number { color:var(--text-faint); }
.workplace-v1 .calendar-day.today .calendar-date-number { border-radius:50%; background:color-mix(in srgb,var(--accent-secondary) 82%,transparent); color:var(--text-on-accent); }
.workplace-v1 .calendar-day.has-events:after { content:""; position:absolute; top:10px; right:10px; width:4px; height:4px; border-radius:50%; background:var(--ds-line-active); }
.workplace-v1 .calendar-day-events { display:grid; min-width:0; gap:6px; }
.workplace-v1 .calendar-event { display:grid; min-width:0; max-width:100%; gap:5px; margin:0; padding:7px 8px; overflow:hidden; border:1px solid var(--ds-line); border-radius:8px; background:color-mix(in srgb,var(--ds-surface-raised) 82%,transparent); }
.workplace-v1 .calendar-event-title { display:-webkit-box; width:100%; min-width:0; max-width:100%; max-height:2.7em; padding:0; overflow:hidden; border:0; background:transparent; color:var(--ds-text); font:600 .72rem/1.35 var(--font-body); text-align:left; overflow-wrap:anywhere; cursor:pointer; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.workplace-v1 .calendar-event-title:hover { color:var(--ds-accent-ink); }
.workplace-v1 .calendar-event-title:focus-visible { border-radius:4px; outline:2px solid var(--focus-ring); outline-offset:2px; }
.workplace-v1 .calendar-event-meta { display:flex; min-width:0; max-width:100%; align-items:center; justify-content:space-between; gap:5px; }
.workplace-v1 .calendar-event small { flex:0 0 auto; min-width:0; color:var(--ds-muted); font-size:.64rem; line-height:1.2; white-space:nowrap; }
.workplace-v1 .calendar-event select.status-pill { display:block; flex:0 1 auto; width:auto; min-width:0; max-width:88px; min-height:24px; height:24px; padding:2px 8px; overflow:hidden; border-radius:999px; font-size:.63rem; line-height:1; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; appearance:none; -webkit-appearance:none; }
.workplace-v1 .calendar-day>[data-action="schedule-content"] { display:block; min-height:28px; margin-top:6px; padding:3px 2px; border:0; color:var(--ds-muted); background:transparent; font-size:.66rem; font-weight:500; opacity:.48; }
.workplace-v1 .calendar-day.has-events>[data-action="schedule-content"] { opacity:.24; }
.workplace-v1 .calendar-day.has-events:hover>[data-action="schedule-content"],.workplace-v1 .calendar-day.has-events:focus-within>[data-action="schedule-content"] { opacity:.72; }
.workplace-v1 .calendar-day>[data-action="schedule-content"]:hover,.workplace-v1 .calendar-day>[data-action="schedule-content"]:focus-visible { color:var(--ds-accent-ink); opacity:1; text-decoration:underline; transform:none; }
@media(max-width:760px) {
  .workplace-v1 .calendar-toolbar { position:sticky; left:0; gap:6px; margin-block:16px 12px; }
  .workplace-v1 .calendar-month-select { flex:1; min-width:0; }
  .workplace-v1 .calendar-month-label { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--ds-text-sm); }
  .workplace-v1 .calendar { min-width:620px; }
  .workplace-v1 .calendar-day { min-height:132px; padding:8px; }
  .workplace-v1 .calendar-weekdays>div { padding:10px 8px; }
  .workplace-v1 .calendar-day>[data-action="schedule-content"] { min-height:32px; opacity:.68; }
  .workplace-v1 .calendar-day.has-events>[data-action="schedule-content"] { opacity:.48; }
  .workplace-v1 .calendar-event { padding:6px; }
  .workplace-v1 .calendar-event-meta { align-items:flex-start; flex-direction:column; gap:4px; }
  .workplace-v1 .calendar-event select.status-pill { max-width:100%; }
}

/* Lab and Analytics use the same component language, with no service changes. */
.workplace-v1 .video-lab { border-top:2px solid var(--ds-line-active); }
.workplace-v1 .video-lab .form-grid { gap:20px; }
.workplace-v1 .video-lab :is(.lab-evidence,.lab-proof) { background:var(--ds-surface-muted); border-color:var(--ds-line); }
.workplace-v1 .video-lab .lab-evidence { margin-bottom:0; }
.lab-step { display:flex; align-items:baseline; gap:12px; margin:24px 0 16px; font-size:var(--ds-text-sm); }
.lab-step span { color:var(--ds-accent-ink); font-size:var(--ds-text-xs); }
.workplace-v1 .lab-actions { padding-top:16px; border-top:1px solid var(--ds-line); }
.workplace-v1 .settings-section { scroll-margin-top:96px; }
.workplace-v1 .settings-section .toolbar { gap:12px; }
.workplace-v1 .editor-dialog,.workplace-v1 .hype-modal { max-height:calc(100dvh - 32px); border-radius:var(--ds-radius-lg); }
.workplace-v1 dialog[open] { animation:ds-dialog-in var(--ds-speed) var(--ds-ease); }
@keyframes ds-dialog-in { from { opacity:0; transform:translateY(6px) scale(.99); } to { opacity:1; transform:none; } }
.workplace-v1 .toast { border-color:var(--ds-line); border-radius:var(--ds-radius); font-size:var(--ds-text-sm); }
.workplace-v1 .quick-fab { box-shadow:var(--shadow-float); }
@media(min-width:761px) {
  .workplace-v1 .content-controls { position:sticky; top:calc(var(--ds-header-height) + 12px); z-index:10; background:var(--ds-glass); backdrop-filter:blur(var(--ds-blur)); }
  .workplace-v1[data-nav="compact"] .shell { grid-template-columns:var(--ds-rail-width) minmax(0,1fr); }
  .workplace-v1[data-nav="compact"] .sidebar :is(.sidebar-title,.nav-label,.sidebar-footer) { display:none; }
  .workplace-v1[data-nav="compact"] .nav-heading { justify-content:center; }
  .workplace-v1[data-nav="compact"] .nav a { justify-content:center; padding:12px 0; }
}
@media(min-width:761px) and (max-width:1199px) {
  .workplace-v1:not([data-nav="expanded"]) .shell { grid-template-columns:var(--ds-rail-width) minmax(0,1fr); }
  .workplace-v1:not([data-nav="expanded"]) .sidebar :is(.sidebar-title,.nav-label,.sidebar-footer) { display:none; }
  .workplace-v1:not([data-nav="expanded"]) .nav-heading { justify-content:center; }
  .workplace-v1:not([data-nav="expanded"]) .nav a { justify-content:center; padding:12px 0; }
}
@media(max-width:1199px) {
  .content-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workplace-v1 #contentFilters { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .workplace-v1 #contentFilters .search-field { grid-column:1/-1; }
  .workplace-v1 .today-layout { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workplace-v1 .today-layout>div:first-child { grid-column:1/-1; }
  .workplace-v1 .today-layout>div:first-child .content-card { min-height:220px; }
}
@media(max-width:760px) {
  .content-gallery { grid-template-columns:1fr; }
  .workplace-v1 .header { padding-inline:16px; }
  .workplace-v1 .brand-name { font-size:25px; }
  .workplace-v1 .brand-mark { width:28px; height:28px; font-size:16px; }
  .workplace-v1 .shell { display:block; }
  .workplace-v1 main { padding:24px 16px 170px; }
  .workplace-v1 .page-intro { display:block; }
  .workplace-v1 .page-intro h1.home-hero-title { font-size:clamp(2.3rem,10.5vw,3rem); line-height:1.04; letter-spacing:-.045em; }
  .workplace-v1 .home-hero-title span { white-space:normal; }
  .workplace-v1 .intro-note { max-width:50ch; margin-top:16px; }
  .workplace-v1 .today-layout { grid-template-columns:1fr; }
  .workplace-v1 .today-layout>div:first-child { grid-column:auto; }
  .workplace-v1 .today-layout .content-card { min-height:0; padding:22px; }
  .workplace-v1 .today-layout .content-card h3 { max-width:100%; }
  .workplace-v1 .photo-rail { grid-template-columns:1fr 1fr; }
  .workplace-v1 .photo-card { min-height:144px; padding:16px; }
  .workplace-v1 .photo-copy strong { font-size:1.25rem; }
  .workplace-v1 .sidebar.mobile-open { display:flex; top:0; bottom:0; width:min(320px,86vw); height:100dvh; z-index:60; padding:24px 16px; background:var(--ds-surface-raised); box-shadow:var(--shadow-float); }
  .workplace-v1 .sidebar.mobile-open .nav a { min-height:48px; }
  .workplace-v1 .sidebar.mobile-open .nav-heading { margin-bottom:16px; }
  .workplace-v1 .nav-close { display:block; min-width:44px; min-height:44px; }
  .workplace-v1 .nav-toggle { display:none; }
  .workplace-v1 .nav-scrim:not([hidden]) { display:block; position:fixed; inset:0; z-index:50; border:0; background:var(--bg-overlay); backdrop-filter:blur(12px); }
  .workplace-v1.nav-open { overflow:hidden; }
  .workplace-v1 .bottom-nav { z-index:30; inset:auto 12px calc(12px + env(safe-area-inset-bottom)); gap:4px; padding:8px; border:1px solid var(--ds-line); border-radius:24px; background:var(--ds-glass); box-shadow:var(--shadow-float); backdrop-filter:blur(var(--ds-blur)); }
  .workplace-v1 .bottom-nav :is(a,button) { display:grid; place-items:center; gap:4px; min-height:48px; padding:4px; color:var(--ds-muted); font-size:.75rem; border-radius:12px; }
  .workplace-v1 .bottom-nav a.active { color:var(--ds-accent-ink); background:var(--ds-surface-raised); }
  .workplace-v1 .quick-fab { bottom:calc(92px + env(safe-area-inset-bottom)); right:16px; }
  .workplace-v1 .toast { bottom:calc(140px + env(safe-area-inset-bottom)); }
  .workplace-v1 #contentFilters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workplace-v1 .content-controls { padding:16px; }
  .workplace-v1 .kanban { grid-auto-columns:min(288px,calc(100vw - 48px)); }
  .workplace-v1 .board-hint { display:block; }
  .workplace-v1 .panel { padding:20px; }
  .workplace-v1 .editor-dialog,.workplace-v1 .hype-modal { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); }
  .workplace-v1 .view-tabs { gap:0; width:100%; justify-content:space-between; }
  .workplace-v1 .view-tabs .pill { padding-inline:12px; }
  .workplace-v1 .metric-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workplace-v1 .metric-strip>.panel:last-child:nth-child(odd) { grid-column:1/-1; }
}
@media(min-width:1200px) {
  .workplace-v1 .video-lab { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr); gap:0 24px; align-items:start; }
  .workplace-v1 .video-lab>h2,.workplace-v1 .video-lab>.help { grid-column:1/-1; }
  .workplace-v1 .video-lab>.lab-evidence { position:sticky; top:96px; margin-top:24px; }
}
@media(max-width:370px) {
  .workplace-v1 .header { padding-inline:10px; }
  .workplace-v1 .brand { gap:6px; }
  .workplace-v1 .brand-name { font-size:22px; }
  .workplace-v1 .brand-mark { width:24px; height:24px; }
  .workplace-v1 .theme-switch { padding-inline:10px; }
  .workplace-v1 .photo-rail { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  .workplace-v1 *, .workplace-v1 *::before, .workplace-v1 *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media(prefers-contrast:more) {
  .workplace-v1 { --ds-line:var(--text-secondary); --ds-muted:var(--text-primary); }
  .workplace-v1 :is(.header,.bottom-nav,dialog.editor-dialog,dialog.hype-modal) { background:var(--bg-card-solid); backdrop-filter:none; }
}
@media(forced-colors:active) {
  .workplace-v1 :is(.nav a.active,.view-tabs .active,.pill,.content-card) { border:1px solid ButtonText; }
  .workplace-v1 :is(.goal-fill,.chart-bar) { background:Highlight; }
}