.productivity-workspaces {
  --pw-black: var(--black, #000000);
  --pw-ink: var(--ink, #f3f1ec);
  --pw-muted: var(--muted, #969897);
  --pw-dim: var(--dim, #666a69);
  --pw-panel: var(--panel, #080808);
  --pw-panel-strong: var(--panel-strong, #101010);
  --pw-line: var(--line, rgba(243, 241, 236, 0.11));
  --pw-line-strong: var(--line-strong, rgba(243, 241, 236, 0.2));
  --pw-accent: var(--accent, #f3f1ec);
  --pw-sans: var(--sans, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --pw-mono: var(--mono, "SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace);
  --pw-ease: var(--motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}

.productivity-workspaces {
  --pw-control: 44px;
}

.productivity-surface {
  color: var(--pw-ink);
  background: var(--pw-black);
  font-family: var(--pw-sans);
  container-type: inline-size;
}

.adaptive-surface[data-surface="document"] [data-surface-view="document"],
.adaptive-surface[data-surface="browser"] [data-surface-view="browser"],
.adaptive-surface[data-surface="meeting"] [data-surface-view="meeting"],
.adaptive-surface[data-surface="sheet"] [data-surface-view="sheet"] {
  display: grid;
  animation: pw-surface-in 180ms var(--pw-ease) both;
}

.productivity-surface *,
.productivity-surface *::before,
.productivity-surface *::after { box-sizing: border-box; }

.productivity-surface button,
.productivity-surface input { font: inherit; }

.productivity-surface button {
  color: inherit;
}

.productivity-surface button:focus-visible,
.productivity-surface input:focus-visible,
.productivity-surface [contenteditable="true"]:focus-visible,
.productivity-surface summary:focus-visible {
  outline: 2px solid var(--pw-accent);
  outline-offset: 2px;
}

.productivity-surface h2,
.productivity-surface h3,
.productivity-surface h4,
.productivity-surface p { text-wrap: pretty; }

.productivity-surface svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: square;
  stroke-linejoin: miter;
  stroke-width: 1.7;
}

.pw-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pw-frame {
  width: min(1760px, 100%);
  min-width: 0;
  min-height: 100%;
  margin: 0 auto;
  padding: 34px clamp(24px, 3vw, 60px) 132px;
}

.pw-workspace-heading,
.pw-meeting-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  min-width: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--pw-line-strong);
}

.pw-workspace-heading > div,
.pw-meeting-header > div { min-width: 0; }

.pw-kicker,
.pw-source-label {
  margin: 0;
  color: var(--pw-muted);
  font: 650 13px/1.35 var(--pw-mono);
}

.pw-workspace-heading h2,
.pw-meeting-header h2 {
  margin: 7px 0 0;
  font-size: clamp(30px, 3vw, 50px);
  font-weight: 590;
  line-height: 1.04;
  letter-spacing: 0;
  text-wrap: balance;
}

.pw-workspace-heading > div > p:last-child,
.pw-meeting-header > div > p:last-child {
  max-width: 72ch;
  margin: 10px 0 0;
  color: var(--pw-muted);
  font-size: 15px;
  line-height: 1.55;
}

.pw-button,
.pw-icon-button,
.pw-toolbar button {
  min-height: var(--pw-control);
  border: 1px solid var(--pw-line-strong);
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.pw-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 16px;
  color: var(--pw-ink);
  font-size: 14px;
  font-weight: 650;
  white-space: nowrap;
}

.pw-button:hover,
.pw-icon-button:hover,
.pw-toolbar button:hover { border-color: var(--pw-ink); background: var(--pw-panel-strong); }

.pw-button-accent {
  border-color: var(--pw-ink);
  background: var(--pw-ink);
  color: var(--pw-black) !important;
}

.pw-button-accent:hover { border-color: var(--pw-ink); background: var(--pw-ink); }
.pw-button-quiet { margin-left: auto; border-color: transparent; color: var(--pw-muted); }
.pw-icon-button { display: inline-grid; width: var(--pw-control); flex: 0 0 var(--pw-control); place-items: center; padding: 0; }
.pw-icon-button:disabled,
.pw-button:disabled { cursor: not-allowed; opacity: 0.45; }

.pw-save-state {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  color: var(--pw-muted);
  font: 550 13px/1.3 var(--pw-mono);
}

.pw-save-state i {
  width: 7px;
  height: 7px;
  background: var(--pw-accent);
}

.pw-save-state.is-saving i { animation: pw-status 800ms ease-in-out infinite; }

.pw-document-layout,
.pw-sheet-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.3fr);
  min-height: 600px;
}

.pw-editor-workbench,
.pw-grid-workbench { min-width: 0; }

.pw-toolbar {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 62px;
  padding: 9px 0;
  background: var(--panel-overlay);
  border-bottom: 1px solid var(--pw-line);
}

.pw-toolbar button:not(.pw-button) {
  display: grid;
  width: var(--pw-control);
  place-items: center;
  padding: 0;
  color: var(--pw-muted);
  font-size: 17px;
}

.pw-toolbar button[aria-pressed="true"] { border-color: var(--pw-ink); color: var(--pw-ink); background: var(--hover-surface); }
.pw-toolbar-separator { width: 1px; height: 28px; margin: 0 5px; background: var(--pw-line-strong); }

.pw-document-page {
  width: min(850px, calc(100% - 60px));
  min-height: 560px;
  margin: 38px auto 30px;
  padding: clamp(34px, 5vw, 76px);
  background: #f3f1ec;
  color: #101010;
  caret-color: #000000;
  font-size: 17px;
  line-height: 1.72;
}

.pw-document-page h3 { margin: 0 0 28px; font-size: clamp(28px, 3vw, 44px); font-weight: 620; line-height: 1.08; letter-spacing: 0; }
.pw-document-page h4 { margin: 34px 0 9px; font-size: 18px; line-height: 1.35; }
.pw-document-page p { max-width: 70ch; margin: 0 0 18px; }
.pw-document-page ul { padding-left: 23px; }
.pw-document-page li { margin: 7px 0; }

.pw-source-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 58px;
  border-top: 1px solid var(--pw-line);
}

.pw-source-strip > span { margin-right: 4px; color: var(--pw-muted); font: 600 13px/1 var(--pw-mono); }
.pw-source-strip button { min-height: 34px; padding: 0 10px; border: 1px solid var(--pw-line); background: transparent; color: var(--pw-muted); cursor: pointer; font: 550 12px/1 var(--pw-mono); }
.pw-source-strip button[aria-pressed="true"] { border-color: var(--pw-accent); color: var(--pw-accent); }

.pw-context-rail,
.pw-analysis-rail {
  min-width: 0;
  padding: 62px 0 30px 30px;
  border-left: 1px solid var(--pw-line-strong);
}

.pw-context-rail > section,
.pw-analysis-rail > section { padding-bottom: 28px; border-bottom: 1px solid var(--pw-line); }
.pw-context-rail h3 { margin: 0 0 22px; color: var(--pw-muted); font: 600 13px/1.3 var(--pw-mono); }
.pw-context-rail section strong { display: block; font-size: 18px; line-height: 1.35; }
.pw-context-rail section p { margin: 9px 0 0; color: var(--pw-muted); font-size: 14px; line-height: 1.55; }

.productivity-surface details { border-bottom: 1px solid var(--pw-line); }
.productivity-surface summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 14px; cursor: pointer; color: var(--pw-muted); font-size: 14px; font-weight: 620; list-style: none; }
.productivity-surface summary::-webkit-details-marker { display: none; }
.productivity-surface summary::after { content: "+"; font: 400 18px/1 var(--pw-mono); }
.productivity-surface details[open] summary::after { content: "−"; }
.productivity-surface summary span { min-width: 24px; min-height: 24px; display: inline-grid; place-items: center; border: 1px solid var(--pw-line); color: var(--pw-ink); font: 600 12px/1 var(--pw-mono); }

.pw-history { margin: 0; padding: 0 0 18px; list-style: none; }
.pw-history li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; padding: 11px 0; border-top: 1px solid var(--pw-line); }
.pw-history time { color: var(--pw-dim); font: 500 12px/1.4 var(--pw-mono); }
.pw-history span { min-width: 0; color: var(--pw-muted); font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.pw-history strong { display: block; margin-bottom: 2px; color: var(--pw-ink); font-size: 13px; }

/* Browser and research */
.pw-browser-frame { display: flex; flex-direction: column; }
.pw-browser-heading { align-items: center; }
.pw-boundary { max-width: 56ch; margin: 0; color: var(--pw-muted); font-size: 13px; line-height: 1.5; text-align: right; }
.pw-browser-chrome { border-bottom: 1px solid var(--pw-line-strong); }
.pw-tabs { display: flex; align-items: end; gap: 2px; min-width: 0; padding-top: 14px; overflow-x: auto; }
.pw-tabs [role="tab"] { min-width: 160px; min-height: 42px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--pw-muted); cursor: pointer; text-align: left; }
.pw-tabs [role="tab"] span { display: block; padding: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.pw-tabs [role="tab"][aria-selected="true"] { border-bottom-color: var(--pw-accent); color: var(--pw-ink); background: var(--pw-panel); }
.pw-tabs .pw-icon-button { min-width: var(--pw-control); margin-left: 4px; border: 0; }
.pw-address-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 12px 0; }
.pw-address-bar label { min-width: 0; min-height: var(--pw-control); display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 9px; padding: 0 13px; border: 1px solid var(--pw-line-strong); background: var(--pw-panel); }
.pw-address-bar label:focus-within { border-color: var(--pw-accent); }
.pw-address-bar label svg { color: var(--pw-muted); }
.pw-address-bar input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: var(--pw-ink); font-size: 15px; }

.pw-research-layout {
  display: grid;
  grid-template-columns: minmax(230px, 0.28fr) minmax(420px, 0.72fr) minmax(270px, 0.32fr);
  min-height: 560px;
}

.pw-results,
.pw-facts { min-width: 0; padding: 24px 22px 30px 0; }
.pw-facts { padding-right: 0; padding-left: 24px; border-left: 1px solid var(--pw-line-strong); }
.pw-results { border-right: 1px solid var(--pw-line-strong); }
.pw-results > header,
.pw-facts > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.pw-results h3,
.pw-facts h3 { margin: 0; font-size: 15px; font-weight: 620; }
.pw-results header span,
.pw-facts header span { color: var(--pw-dim); font: 550 12px/1 var(--pw-mono); }
.pw-results ol { margin: 0; padding: 0; list-style: none; }
.pw-results li { border-top: 1px solid var(--pw-line); }
.pw-results li:last-child { border-bottom: 1px solid var(--pw-line); }
.pw-results button { width: 100%; min-height: 116px; padding: 15px 12px; border: 0; background: transparent; color: var(--pw-muted); cursor: pointer; text-align: left; }
.pw-results button:hover,
.pw-results button[aria-pressed="true"] { background: var(--pw-panel-strong); color: var(--pw-ink); }
.pw-results button[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--pw-accent); }
.pw-results button span,
.pw-results button strong,
.pw-results button small { display: block; }
.pw-results button span { color: var(--pw-muted); font-size: 12px; }
.pw-results button strong { margin-top: 7px; color: inherit; font-size: 14px; line-height: 1.4; }
.pw-results button small { margin-top: 9px; color: var(--pw-dim); font: 500 12px/1.2 var(--pw-mono); }

.pw-article-reader { min-width: 0; padding: 46px clamp(28px, 4vw, 72px); }
.pw-source-label { color: var(--pw-accent); overflow-wrap: anywhere; }
.pw-article-reader h3 { max-width: 760px; margin: 18px 0; font-size: clamp(30px, 3.1vw, 54px); font-weight: 590; line-height: 1.05; letter-spacing: 0; }
.pw-article-deck { max-width: 66ch; margin: 0; color: var(--pw-muted); font-size: 17px; line-height: 1.58; }
.pw-article-body { max-width: 70ch; margin-top: 38px; padding-top: 24px; border-top: 1px solid var(--pw-line); }
.pw-article-body p { margin: 0 0 19px; font-size: 15px; line-height: 1.72; }

.pw-facts label { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 11px; padding: 15px 0; border-top: 1px solid var(--pw-line); cursor: pointer; }
.pw-facts label:last-child { border-bottom: 1px solid var(--pw-line); }
.pw-facts input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--pw-accent); }
.pw-facts label strong,
.pw-facts label small { display: block; }
.pw-facts label strong { font-size: 13px; line-height: 1.45; }
.pw-facts label small { margin-top: 7px; color: var(--pw-muted); font: 500 12px/1.2 var(--pw-mono); }
.pw-facts .pw-button { width: 100%; margin-top: 18px; white-space: normal; }
.pw-facts > p { min-height: 40px; margin: 13px 0 0; color: var(--pw-muted); font-size: 13px; line-height: 1.5; }

/* Meeting walkthrough */
.pw-meeting-header { align-items: center; }
.pw-meeting-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.55fr); min-height: 610px; }
.pw-meeting-stage { min-width: 0; padding: 28px 32px 0 0; }
.pw-participants { display: flex; gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; overflow-x: auto; }
.pw-participants li { min-width: 145px; display: grid; grid-template-columns: 38px minmax(0, 1fr); grid-template-rows: 20px 18px; column-gap: 10px; align-items: center; padding: 9px; border: 1px solid var(--pw-line); }
.pw-participants li > span { grid-row: 1 / span 2; width: 38px; height: 38px; display: grid; place-items: center; background: var(--pw-panel-strong); color: var(--pw-muted); font: 650 12px/1 var(--pw-mono); }
.pw-participants li > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.pw-participants li > small { color: var(--pw-muted); font-size: 12px; }
.pw-participants .is-nusomi { border-color: var(--pw-accent); }
.pw-participants .is-nusomi > span { background: var(--pw-accent); color: var(--pw-black); }

.pw-artifact { min-height: 400px; display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 5vw, 70px); border: 1px solid var(--pw-line-strong); background: #f3f1ec; color: #101010; transition: border-color 180ms ease; }
.pw-artifact.is-presenting { border-color: var(--pw-accent); }
.pw-artifact header { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.16); color: #555555; font-size: 13px; }
.pw-artifact header strong { color: #101010; }
.pw-artifact h3 { max-width: 760px; margin: 42px 0; font-size: clamp(38px, 5vw, 76px); font-weight: 620; line-height: 0.98; letter-spacing: 0; }
.pw-artifact dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: auto 0 0; }
.pw-artifact dl div { padding: 17px 16px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.16); }
.pw-artifact dt { color: #5c5c5c; font-size: 12px; }
.pw-artifact dd { margin: 6px 0 0; font: 650 22px/1.1 var(--pw-mono); }
.pw-artifact footer { margin-top: 30px; color: #555555; font: 550 12px/1.4 var(--pw-mono); }
.pw-meeting-controls { display: flex; gap: 8px; margin-top: 16px; }
.pw-meeting-controls .pw-icon-button:first-of-type { margin-left: auto; }

.pw-transcript-panel { min-width: 0; padding: 28px 0 30px 30px; border-left: 1px solid var(--pw-line-strong); }
.pw-transcript-panel > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--pw-line); }
.pw-transcript-panel h3 { margin: 0; font-size: 17px; }
.pw-transcript-panel header span { display: block; margin-top: 6px; color: var(--pw-muted); font-size: 12px; line-height: 1.4; }
.pw-decision-state { flex: 0 0 auto; padding: 7px 8px; border: 1px solid var(--pw-line-strong); color: var(--pw-accent); font: 600 12px/1 var(--pw-mono); }
.pw-transcript { max-height: 330px; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.pw-transcript li { padding: 16px 0; border-bottom: 1px solid var(--pw-line); }
.pw-transcript li > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pw-transcript li > div strong { font-size: 13px; }
.pw-transcript li > div span { color: var(--pw-dim); font: 500 12px/1 var(--pw-mono); }
.pw-transcript li p { margin: 8px 0; color: var(--pw-muted); font-size: 13px; line-height: 1.5; }
.pw-transcript li footer { display: flex; align-items: center; gap: 8px; }
.pw-transcript li footer span,
.pw-transcript li footer strong { padding: 4px 6px; border: 1px solid var(--pw-line); font: 550 12px/1 var(--pw-mono); }
.pw-transcript li footer span[data-decision="addressed"] { border-color: var(--pw-accent); color: var(--pw-accent); }
.pw-transcript li footer strong { color: var(--pw-muted); }
.pw-response { margin: 18px 0; padding: 16px; background: var(--pw-panel-strong); border: 1px solid var(--pw-line-strong); }
.pw-response span { color: var(--pw-accent); font: 600 12px/1 var(--pw-mono); }
.pw-response p { margin: 9px 0 0; font-size: 13px; line-height: 1.55; }

/* Spreadsheet */
.pw-sheet-heading { align-items: center; }
.pw-sheet-formula-bar { display: grid; grid-template-columns: 110px 34px minmax(0, 1fr); align-items: center; min-height: 50px; border-bottom: 1px solid var(--pw-line-strong); font: 550 13px/1 var(--pw-mono); }
.pw-sheet-formula-bar output { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-sheet-formula-bar output:first-child { color: var(--pw-ink); }
.pw-sheet-formula-bar span { color: var(--pw-accent); }
.pw-sheet-formula-bar output:last-child { color: var(--pw-muted); }
.pw-sheet-scroll { min-width: 0; overflow: auto; }
.pw-grid-workbench table { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; background: var(--pw-black); }
.pw-grid-workbench th,
.pw-grid-workbench td { height: 54px; padding: 0; border-right: 1px solid var(--pw-line); border-bottom: 1px solid var(--pw-line); }
.pw-grid-workbench thead th { height: 35px; background: var(--pw-panel); color: var(--pw-muted); font: 550 12px/1 var(--pw-mono); }
.pw-grid-workbench thead tr:nth-child(2) th { height: 42px; color: var(--pw-ink); text-align: right; padding: 0 12px; }
.pw-grid-workbench thead tr:nth-child(2) th:nth-child(2) { text-align: left; }
.pw-grid-workbench th:first-child { width: 42px; text-align: center !important; color: var(--pw-dim) !important; }
.pw-grid-workbench th:nth-child(2) { width: 22%; }
.pw-grid-workbench thead button { width: 100%; height: 34px; border: 0; background: transparent; color: inherit; cursor: pointer; }
.pw-grid-workbench tbody th { background: var(--pw-panel); color: var(--pw-dim); font: 500 12px/1 var(--pw-mono); }
.pw-grid-workbench td { position: relative; }
.pw-grid-workbench td.is-selected { box-shadow: inset 0 0 0 2px var(--pw-accent); z-index: 1; }
.pw-grid-workbench td input,
.pw-cell-label,
.pw-cell-formula { width: 100%; height: 100%; border: 0; outline: 0; padding: 0 12px; background: transparent; color: var(--pw-ink); font-size: 13px; }
.pw-grid-workbench td input { text-align: right; font-family: var(--pw-mono); }
.pw-grid-workbench td input:focus-visible { outline: 0; }
.pw-grid-workbench td input:hover,
.pw-cell-label:hover,
.pw-cell-formula:hover { background: var(--pw-panel-strong); }
.pw-grid-workbench td input[aria-invalid="true"] { box-shadow: inset 0 0 0 2px var(--pw-ink); }
.pw-cell-label,
.pw-cell-formula { cursor: cell; }
.pw-cell-label { text-align: left; font-weight: 600; }
.pw-cell-formula { text-align: right; font-family: var(--pw-mono); }
.pw-cell-formula.is-negative { color: var(--pw-ink); }
.pw-cell-formula.is-positive { color: var(--pw-accent); }
.pw-sheet-total td,
.pw-sheet-total th { border-top: 2px solid var(--pw-line-strong); background: var(--pw-panel); }
.pw-sheet-footer { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-right: 16px; border-bottom: 1px solid var(--pw-line); color: var(--pw-muted); font-size: 12px; }
.pw-sheet-footer strong { color: var(--pw-muted); font: 550 12px/1.3 var(--pw-mono); }
.pw-analysis-rail { padding-top: 30px; }
.pw-analysis-rail > section > span { color: var(--pw-accent); font: 600 12px/1 var(--pw-mono); }
.pw-analysis-rail section h3 { margin: 14px 0 12px; font-size: 24px; font-weight: 590; line-height: 1.18; }
.pw-analysis-rail section p { margin: 0; color: var(--pw-muted); font-size: 14px; line-height: 1.55; }
.pw-analysis-metrics { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--pw-line); }
.pw-analysis-metrics div { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 9px 0; }
.pw-analysis-metrics dt { color: var(--pw-muted); font-size: 12px; }
.pw-analysis-metrics dd { margin: 0; font: 600 12px/1 var(--pw-mono); }

@keyframes pw-surface-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes pw-status {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}

@container (max-width: 1180px) {
  .pw-document-layout,
  .pw-sheet-layout { grid-template-columns: minmax(0, 1fr) 280px; }
  .pw-research-layout { grid-template-columns: 230px minmax(0, 1fr); }
  .pw-facts { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 0 24px; padding: 24px 0; border-top: 1px solid var(--pw-line-strong); border-left: 0; }
  .pw-facts > header { grid-column: 1 / -1; }
  .pw-facts > div { grid-column: 1; }
  .pw-facts > .pw-button,
  .pw-facts > p { grid-column: 2; }
  .pw-facts > .pw-button { grid-row: 2; align-self: start; }
  .pw-facts > p { grid-row: 2; margin-top: 70px; }
  .pw-meeting-layout { grid-template-columns: minmax(0, 1fr) 360px; }
  .pw-artifact { min-height: 350px; }
}

@container (max-width: 860px) {
  .pw-frame { padding: 26px 24px 140px; }
  .pw-workspace-heading,
  .pw-meeting-header { align-items: flex-start; }
  .pw-document-layout,
  .pw-sheet-layout,
  .pw-meeting-layout { grid-template-columns: 1fr; }
  .pw-context-rail,
  .pw-analysis-rail,
  .pw-transcript-panel { padding: 26px 0 30px; border-top: 1px solid var(--pw-line-strong); border-left: 0; }
  .pw-document-page { width: calc(100% - 24px); margin: 24px auto; }
  .pw-research-layout { grid-template-columns: 210px minmax(0, 1fr); }
  .pw-article-reader { padding-left: 28px; padding-right: 28px; }
  .pw-browser-heading { display: block; }
  .pw-boundary { max-width: 72ch; margin-top: 14px; text-align: left; }
  .pw-meeting-stage { padding-right: 0; }
  .pw-transcript { max-height: none; }
}

@media (min-width: 761px) and (max-height: 860px) {
  .pw-frame { padding-top: 20px; padding-bottom: 104px; }
  .pw-workspace-heading,
  .pw-meeting-header { padding-bottom: 16px; }
  .pw-workspace-heading h2,
  .pw-meeting-header h2 { font-size: clamp(28px, 2.5vw, 40px); }
  .pw-workspace-heading > div > p:last-child,
  .pw-meeting-header > div > p:last-child { margin-top: 7px; line-height: 1.4; }
  .pw-meeting-layout { min-height: 0; }
  .pw-meeting-stage { padding-top: 16px; }
  .pw-participants { margin-bottom: 14px; }
  .pw-participants li { padding-block: 6px; }
  .pw-artifact { min-height: 246px; padding: clamp(20px, 2.5vw, 38px); }
  .pw-artifact header { padding-bottom: 14px; }
  .pw-artifact h3 { margin: 18px 0; font-size: clamp(32px, 3.6vw, 50px); }
  .pw-artifact dl div { padding-top: 11px; }
  .pw-artifact dd { font-size: 18px; }
  .pw-artifact footer { margin-top: 16px; }
  .pw-transcript-panel { padding-top: 16px; padding-bottom: 104px; }
  .pw-transcript { max-height: 236px; }
  .pw-transcript li { padding-block: 12px; }
  .pw-response { margin: 14px 0; padding: 13px; }
}

@media (max-width: 760px) {
  .productivity-surface.surface-view { align-content: start; min-height: calc(100dvh - 122px); padding: 0; }
  .pw-frame { width: 100%; padding: 24px 18px 86px; }
  .pw-workspace-heading,
  .pw-meeting-header { display: block; padding-bottom: 20px; }
  .pw-workspace-heading h2,
  .pw-meeting-header h2 { font-size: 32px; }
  .pw-workspace-heading > .pw-button { width: 100%; margin-top: 18px; }
  .pw-save-state { margin-top: 16px; }
  .pw-document-layout,
  .pw-sheet-layout,
  .pw-meeting-layout,
  .pw-research-layout { display: block; min-height: 0; }
  .pw-toolbar { top: 68px; margin: 0 -18px; padding-left: 18px; padding-right: 18px; }
  .pw-toolbar-separator { display: none; }
  .pw-toolbar .pw-button { width: var(--pw-control); margin-left: auto; padding: 0; }
  .pw-toolbar .pw-button span { display: none; }
  .pw-document-page { width: 100%; min-height: 500px; margin: 18px 0; padding: 30px 24px; font-size: 16px; }
  .pw-document-page h3 { font-size: 30px; }
  .pw-source-strip { padding: 10px 0; }
  .pw-context-rail,
  .pw-analysis-rail,
  .pw-transcript-panel { padding-left: 0; }
  .pw-tabs { margin: 0 -18px; padding-left: 18px; padding-right: 18px; }
  .pw-tabs [role="tab"] { min-width: 142px; }
  .pw-address-bar { grid-template-columns: 1fr; }
  .pw-results { padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--pw-line-strong); }
  .pw-results ol { display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; }
  .pw-results li { min-width: 240px; border: 1px solid var(--pw-line); scroll-snap-align: start; }
  .pw-results li:last-child { border-bottom: 1px solid var(--pw-line); }
  .pw-article-reader { padding: 34px 0; }
  .pw-article-reader h3 { font-size: 35px; }
  .pw-facts { display: block; padding: 24px 0; border-top: 1px solid var(--pw-line-strong); border-left: 0; }
  .pw-facts > p { margin-top: 13px; }
  .pw-participants { margin-right: -18px; padding-right: 18px; }
  .pw-artifact { min-height: 360px; padding: 28px 24px; }
  .pw-artifact h3 { margin: 34px 0; font-size: 44px; }
  .pw-artifact dl { gap: 8px; }
  .pw-artifact dl div { padding-right: 4px; }
  .pw-artifact dt { min-height: 30px; }
  .pw-artifact dd { font-size: 18px; }
  .pw-artifact header { display: block; }
  .pw-artifact header strong { display: block; margin-top: 5px; }
  .pw-meeting-controls { display: grid; grid-template-columns: 1fr 1fr 44px 44px; }
  .pw-meeting-controls .pw-button { white-space: normal; padding: 0 9px; line-height: 1.2; }
  .pw-meeting-controls .pw-icon-button:first-of-type { margin-left: 0; }
  .pw-sheet-formula-bar { grid-template-columns: 78px 26px minmax(0, 1fr); }
  .pw-grid-workbench { margin: 0 -18px; }
  .pw-sheet-scroll { padding-left: 18px; }
  .pw-grid-workbench table { min-width: 680px; }
  .pw-sheet-footer { min-height: 58px; padding: 0 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .adaptive-surface[data-surface="document"] [data-surface-view="document"],
  .adaptive-surface[data-surface="browser"] [data-surface-view="browser"],
  .adaptive-surface[data-surface="meeting"] [data-surface-view="meeting"],
  .adaptive-surface[data-surface="sheet"] [data-surface-view="sheet"] { animation: none; }
  .pw-save-state.is-saving i { animation: none; opacity: 1; }
  .productivity-surface *,
  .productivity-surface *::before,
  .productivity-surface *::after { scroll-behavior: auto !important; transition-duration: 1ms !important; }
}