/* Native variable typography. System fonts are referenced, never redistributed.
   All sizes use rem so browser text-size preferences remain authoritative. */
:root, :root[data-theme] {
  --font-ui:"Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans", "Nirmala UI", "Microsoft YaHei UI", "Yu Gothic UI", sans-serif;
  --font-code:"Cascadia Code", "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, "DejaVu Sans Mono", monospace;
  --sans:var(--font-ui);--font-sans:var(--font-ui);--b1x-font:var(--font-ui);--mono:var(--font-code);
  --font-size-base:.875rem;--font-size-sm:.8125rem;--font-size-code:10.5px;
  --type-title:1.75rem;--type-heading:1.25rem;--type-control:.875rem;--type-composer:1rem;--type-answer:1rem;--type-meta:.8125rem;
  font-size:100%;font-synthesis:none;font-optical-sizing:auto;text-size-adjust:auto;-webkit-text-size-adjust:auto;
}
body {font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:450;letter-spacing:normal;line-height:1.6;text-size-adjust:auto;-webkit-text-size-adjust:auto}
:is(button,input,select,textarea) {font-family:var(--font-ui);letter-spacing:normal;font-synthesis:none}
:is(input,textarea)::placeholder {font-family:inherit;font-weight:inherit;letter-spacing:normal}
:root :is(button,select,nav a,.nav,.mode-tab,.composer-btn,.response-btn,.result-expand,.ledger-action-btn,.code-action-btn) {font-size:var(--type-control);font-weight:550;line-height:1.4}
:root :is(h1,.arena-heading h1,.visual-header-card h2,.launch-title,.page-heading h1) {font-family:var(--font-ui);font-size:var(--type-title);font-weight:675;line-height:1.2;letter-spacing:normal}
:root :is(h2,h3,h4,.settings-section h3,.artifact-header h3) {font-family:var(--font-ui);font-weight:625;line-height:1.35;letter-spacing:normal}
:root :is(label,summary,small,.muted,.section-label,.eyebrow,.arena-eyebrow,.result-metrics,.result-status,.artifact-status,.artifact-details,.composer-note,.fine-print,.badge,.company,.company small,.sidebar footer,.settings-section p,.task-timing,.task-summary,.inquiry-tag,.inquiry-preview,.cortex-stat-pill) {font-family:var(--font-ui);font-size:var(--type-meta);font-weight:450;line-height:1.5;letter-spacing:normal}
:root[data-theme] :is(.shared-composer .shared-composer-input,#composer #prompt,#visual-prompt-input,#richard-text,.task-window-composer textarea,.browser-conversation-controls textarea),.composer #message {font-family:var(--font-ui);font-size:var(--type-composer)!important;font-weight:450!important;line-height:1.6!important;letter-spacing:normal!important}
:root[data-theme] :is(.message-body,.artifact-document,#richard-response,.live-transcript-body,.arena-question-text),#conversation p {font-family:var(--doc-official-font,"Times New Roman",Times,serif)!important;font-size:var(--doc-body-size,12px)!important;font-weight:400!important;line-height:var(--doc-line-spacing,1.5)!important;letter-spacing:normal!important}
:root[data-theme] :is(.message-body,.artifact-document) :is(p,li,td,blockquote) {font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:normal}
:root[data-theme] :is(.message-body,.artifact-document) :is(h1,h2,h3,h4,h5,h6) {font-family:var(--doc-official-font,"Times New Roman",Times,serif)!important;font-weight:700!important;line-height:1.35!important;letter-spacing:normal!important}
:root[data-theme] :is(.message-body,.artifact-document,.reading-prose,.research-notebook-content,.memory-card-content,.legacy-answer-content) :is(pre,code) {font-family:var(--font-code,Consolas,"Courier New",monospace)!important}
:root[data-theme] :is(.message-body,.artifact-document) :is(strong,b,th) {font-weight:600}
:root[data-theme] :is(.reading-prose,.side-transcript pre,.task-step pre,.task-run>details>pre,.tool-result,.plugin-results pre,.research-notebook-content,.research-notebook-theme,.memory-card-content,.legacy-answer-content,.artifact-content>details pre,.pdf-accessible-text pre) {font-family:var(--font-ui);font-size:var(--type-answer)!important;font-weight:400;line-height:1.65;letter-spacing:normal;overflow-wrap:anywhere}
:root[data-theme] .unified-shell .launch-home h1 {font-family:var(--font-ui)!important;font-size:clamp(1.625rem,2.7vw,2rem)!important;font-weight:675!important;letter-spacing:normal}
:root :is(pre,code,kbd,samp,.cm-editor,.cm-content,.cm-gutters,#studio-source,.dock-editor,#action-json,#plan,#folders) {font-family:var(--font-code);font-size:var(--font-size-code);font-weight:400;line-height:1.6;letter-spacing:normal;font-variant-ligatures:none}
:root[data-theme] :is(.code-line-code,.code-line-code span,.code-line-num,.cm-content,.cm-line,.cm-gutterElement) {font-family:var(--font-code)!important;font-size:var(--font-size-code)!important;font-weight:400!important;letter-spacing:normal}
/* Override historical compact-font rules without reducing mobile type sizes. */
#arena-view :is(.response-actions-toolbar>button,.ledger-action-btn,.arena-section-nav button,.arena-model-dropdown,.arena-tools select),
#shell.unified-shell :is(.nav,.composer-toolbar button,.composer-toolbar #profile,.reading-mode-control select),
.artifact-viewer :is(button,select,input),.content-expansion button,:root[data-theme] .result-card :is(button,.response-btn,.result-expand) {font-size:var(--type-control)!important;font-weight:550}
#arena-view :is(.result-metrics,.arena-metric small,.arena-tools p,.arena-metric>span),
.artifact-viewer :is(.artifact-status,.artifact-details,.artifact-annotations),.reading-mode-control {font-size:var(--type-meta)!important;font-weight:450}
#shell.unified-shell .composer-size-toggle {min-width:fit-content}
:root[data-theme] #shell.unified-shell .shared-composer :is(button,select,summary,textarea):focus-visible {outline:2px solid var(--cyan)!important;outline-offset:3px!important}
#shell.unified-shell .composer-toolbar #profile {min-width:120px;max-width:210px}
#shell.unified-shell :is(.section-label,.company,.company small,.launch-footer,.disclaimer,.composer-hint,.subbar-tag,.subbar-breadcrumb,.connection) {font-family:var(--font-ui);font-size:var(--type-meta)!important;font-weight:450;letter-spacing:normal;line-height:1.5}
#shell.unified-shell .launch-footer {gap:6px 18px;padding:10px 16px;flex-direction:row}
#shell.unified-shell :is(.code-studio button,.code-studio select,.code-studio input,.dock-tabs button,.tool-view button) {font-family:var(--font-ui);font-size:var(--type-control);font-weight:550}
#shell.unified-shell :is(.cs-eyebrow,.cs-readiness,.cs-storage-note,.cs-save-state,.cs-cursor,.cs-preview-state,.task-progress,.task-empty,.task-feedback,.task-error,.tool-status,.artifact-owner) {font-family:var(--font-ui);font-size:var(--type-meta);font-weight:450;letter-spacing:normal}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact #prompt {font-size:var(--type-composer)!important;font-weight:450!important;line-height:1.6!important;white-space:pre-wrap!important}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar #profile {font-size:var(--type-control)!important}
.arena-run-options,.artifact-toolbar {flex-wrap:wrap}
.result-card .message-body {max-width:100%}
@media(max-width:700px) {
  :root {--type-title:1.5rem;--type-heading:1.25rem;--type-answer:1rem;--type-meta:.8125rem}
  #shell.unified-shell .workspace-subbar {display:none}
  #shell.unified-shell:not(.launch-empty) .launch-footer {display:none}
  :root[data-theme] #shell.unified-shell .composer:not(.expanded) {min-height:0}
  :root[data-theme] #shell.unified-shell .composer-toolbar #profile {order:0;flex:1 1 120px;max-width:145px}
  #arena-view .response-actions-toolbar {flex-wrap:wrap}
  .arena-run-options {align-items:end}
  .arena-run-options>label {flex:1 1 120px}
  .content-expansion>header {flex-wrap:wrap}
  #arena-view .arena-heading {margin:0;padding:0}
  #arena-view .arena-run-options {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;align-items:end}
  #arena-view .arena-run-options>label {font-size:0!important;gap:0;min-width:0}
  #arena-view .arena-run-options label select {font-size:var(--type-control);width:100%;padding:7px 5px;min-height:40px}
  #arena-view .arena-run-options .reading-mode-control>span {display:none}
  #arena-view .arena-export-menu>summary {font-size:0;min-height:40px;padding:7px 10px}
  #arena-view .arena-export-menu>summary::after {content:'↓';font-size:1rem}
  #arena-view .arena-section-nav {flex-wrap:nowrap;gap:1px}
  #arena-view .arena-section-nav button {padding:8px 5px;font-size:.875rem!important;min-height:40px}
  #arena-view .arena-section-nav button.arena-question-expand {font-size:0!important;min-width:32px}
  #arena-view .arena-question-expand>svg {display:none}
  #arena-view .arena-question-expand::after {content:'↗';font-size:1rem}
  #arena-view .arena-answer-tabs button {white-space:nowrap;padding:10px 3px}
  #arena-view .arena-answer-tabs svg {display:none}
  :root[data-theme] #shell.unified-shell #composer.dock-compact {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;max-height:45dvh;padding:8px!important}
  :root[data-theme] #shell.unified-shell #composer.dock-compact #prompt {grid-column:1;grid-row:1;min-height:38px!important;height:var(--prompt-height,38px)!important;max-height:24dvh!important;white-space:pre-wrap;overflow-y:auto}
  :root[data-theme] #shell.unified-shell #composer.dock-compact .composer-toolbar {grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;width:100%}
  :root[data-theme] #shell.unified-shell #composer.dock-compact .composer-size-toggle {font-size:0!important;min-width:32px;width:32px;flex:0 0 32px}
  :root[data-theme] #shell.unified-shell #composer.dock-compact .composer-toolbar #profile {display:block!important;min-width:120px;max-width:145px;flex:1 1 120px}
  :root[data-theme] #shell.unified-shell #composer.dock-compact .composer-toolbar .context-open {display:none!important}
  :root[data-theme] #shell.unified-shell #composer.dock-compact:has(#composer-activity:not([hidden])) {grid-template-rows:auto auto auto}
  :root[data-theme] #shell.unified-shell #composer.dock-compact:has(#composer-activity:not([hidden])) #prompt {grid-row:2}
  :root[data-theme] #shell.unified-shell #composer.dock-compact:has(#composer-activity:not([hidden])) .composer-toolbar {grid-row:3}
}