/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 */
/* Hallmark · macrostructure: Workbench · theme: studied-DNA (user TTM screenshot) · anchor hue: cobalt
 * genre: modern-minimal · design-system: design.md · designed-as-app
 * Audience: brand and marketing teams · Use: diagnose, compare, improve */
@import url('/assets/tokens.css?v=20261013-cocs-1');
/* Map existing component tokens to one system; original entry styles stay intact. */
:root{--sans:var(--font-body);--mono:var(--font-outlier);--ink:var(--color-ink);--ink-2:var(--color-ink-2);--ink-3:var(--color-muted);--paper:var(--color-paper);--surface:var(--color-surface);--rule:var(--color-rule);--rule-strong:var(--color-boundary);--cheong:var(--color-accent);--cheong-deep:var(--color-accent-hover);--cheong-pale:var(--color-accent-soft);--cheong-band:var(--color-accent-soft);--jeok:var(--color-danger);--jeok-pale:var(--color-danger-soft);--hwang:var(--color-warning);--hwang-pale:var(--color-warning-soft);--radius:var(--radius-input);--rail:var(--rail-width);--gutter:var(--space-lg)}
html,body{overflow-x:clip}
.tgm-system{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65}
.tgm-system :is(h1,h2,h3,h4){font-family:var(--font-display);font-style:normal;font-weight:700;color:var(--color-ink);letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0}
.tgm-system h1{font-size:var(--text-2xl);line-height:1.3}.tgm-system h2{font-size:var(--text-lg);line-height:1.4}.tgm-system h3{font-size:var(--text-base);line-height:1.5}
.tgm-system :is(p,li,dd){overflow-wrap:anywhere}.tgm-system :is(input,select,textarea,button){font-family:var(--font-body);font-size:var(--text-sm)}
.tgm-system :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
.tgm-system :is(button,.button){display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:30px;padding:var(--space-2xs) var(--space-sm);border:var(--rule-width) solid var(--color-boundary);border-radius:var(--radius-input);font-size:var(--text-sm);line-height:1.4;font-weight:600;white-space:nowrap;text-decoration:none;background:var(--color-surface);color:var(--color-ink);box-shadow:none;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}
.tgm-system :is(.primary,.button-primary,.button.primary,.button.bright){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}
.tgm-system :is(button,.button):active:not(:disabled){transform:translateY(1px)}
.tgm-system :is(button,.button):disabled,.tgm-system [aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}
.tgm-system :is(button,.button)[aria-busy=true]{cursor:progress}
.tgm-system :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select,textarea){min-height:30px;border:var(--rule-width) solid var(--color-boundary);border-radius:var(--radius-input);padding:var(--space-2xs) var(--space-xs);background:var(--color-surface);color:var(--color-ink);box-shadow:none;max-width:100%}
.tgm-system :is(input,textarea)::placeholder{color:var(--color-muted);opacity:1}.tgm-system :is(input,select,textarea):disabled{background:var(--color-paper-2);color:var(--color-muted)}
.tgm-system :is(input,select,textarea)[aria-invalid=true]{border-color:var(--color-danger)}
.tgm-system :is(input[type=checkbox],input[type=radio]){accent-color:var(--color-accent);width:14px;height:14px;flex-shrink:0}
.tgm-system label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500}
.tgm-system :is(.small,.help-text,.heading-description,.section-note,.muted,.settings-caption,.audit-caption,.audit-guide-caution,.run-poll-feedback){font-size:var(--text-sm);line-height:1.65;color:var(--color-muted)}
.tgm-system :is(small,.micro,.eyebrow,.eyebrow-mono){font-size:var(--text-xs);line-height:1.5;letter-spacing:0;font-family:var(--font-body)}
.tgm-system a{color:var(--color-accent);text-underline-offset:4px}
.tgm-system :is(.actions,.page-heading,.panel-header,.question-start-actions,.question-toolbar){gap:var(--space-xs);flex-wrap:wrap}
.tgm-system .spacer{min-width:0}
/* App shell: a compact navigation rail, a real workspace, no duplicated title banners. */
.tgm-system .sidenav{width:var(--rail-width);background:var(--color-surface);border-right:var(--rule-width) solid var(--color-rule);padding:var(--space-lg) var(--space-sm);color:var(--color-ink-2);z-index:var(--z-sticky);gap:0}
.tgm-system .brand{padding:0 var(--space-2xs) var(--space-md);gap:var(--space-xs);color:var(--color-ink);font-size:var(--text-xl);font-weight:700;letter-spacing:-.025em}
.tgm-system .brand-symbol{background:var(--color-ink);color:var(--color-inverse);width:36px;height:36px;border-radius:var(--radius-input);font-size:var(--text-xl)}
.tgm-system .brand small{font-size:var(--text-xs);letter-spacing:0;font-weight:400;color:var(--color-muted)}
.tgm-system .workspace-picker{padding:var(--space-sm) 0 var(--space-md);margin:0 0 var(--space-sm);border-bottom:var(--rule-width) solid var(--color-rule)}
.tgm-system .workspace-picker label{font-size:var(--text-xs);margin-bottom:var(--space-2xs)}
.tgm-system .workspace-picker select{width:100%;max-width:none;font-weight:600}
.tgm-system .sidenav nav{display:block}.tgm-system .nav-group{margin:var(--space-md) var(--space-xs) var(--space-2xs);font-size:var(--text-xs);font-weight:600;color:var(--color-muted);letter-spacing:0}
.tgm-system .sidenav :is(nav a,.nav-bottom>a){display:flex;align-items:center;gap:var(--space-xs);min-height:30px;padding:var(--space-2xs) var(--space-xs);font-size:var(--text-sm);line-height:1.4;white-space:nowrap;color:var(--color-ink-2);border-radius:var(--radius-input);text-decoration:none;margin:var(--space-3xs) 0}
.tgm-system .sidenav nav a.active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:650;box-shadow:inset 3px 0 var(--color-accent)}
.tgm-system .nav-icon{color:inherit;width:18px;height:18px}.tgm-system .nav-section{margin-top:var(--space-xs)}
.tgm-system .nav-section>summary{padding:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500;cursor:pointer}
.tgm-system .nav-section[open]{padding-bottom:var(--space-xs)}
.tgm-system .nav-bottom{margin-top:auto;padding-top:var(--space-lg)}.tgm-system .nav-bottom>p{background:var(--color-ink);border-radius:var(--radius-input);padding:var(--space-xs);margin-top:var(--space-md)}
.tgm-system .nav-bottom>p>span{font-size:var(--text-xs);color:var(--color-inverse-muted)}
.tgm-system .app-body{margin-left:var(--rail-width);width:calc(100% - var(--rail-width));min-height:100dvh;background:var(--color-paper)}
.tgm-system .topbar{height:auto;min-height:68px;padding:var(--space-xs) var(--space-lg);border-bottom:var(--rule-width) solid var(--color-rule);background:var(--color-surface);gap:var(--space-sm)}
.tgm-system .breadcrumb{font-size:var(--text-sm);gap:var(--space-xs);min-width:0;color:var(--color-muted)}.tgm-system .breadcrumb strong{color:var(--color-ink);font-weight:600}
.tgm-system .topbar-right{gap:var(--space-xs);font-size:var(--text-xs)}.tgm-system .user-chip{font-size:var(--text-xs);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted)}
.tgm-system .user-avatar{background:var(--color-paper-2);color:var(--color-ink);border:0;min-width:32px;height:32px;font-size:var(--text-xs)}
.tgm-system :is(.link-button,.menu-toggle){background:transparent;border:0;padding:var(--space-2xs);color:var(--color-ink-2)}
.tgm-system .content{width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl);min-width:0}
.tgm-system .app-footer{font-size:var(--text-xs);color:var(--color-muted);padding:var(--space-md) var(--space-lg);border-top:var(--rule-width) solid var(--color-rule);background:var(--color-paper)}
/* Shared page language. Headings lead; secondary explanations have an explicit place. */
.tgm-system :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading){display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin:0 0 var(--space-lg);padding:0;border:0;min-width:0}
.tgm-system :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading)>div:first-child{min-width:0;flex:1}
.tgm-system :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading) h1{font-size:var(--text-2xl);line-height:1.35;margin:0 0 var(--space-xs)}
.tgm-system :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading) p{font-size:var(--text-base);color:var(--color-muted);line-height:1.65;max-width:72ch;margin:0}
.tgm-system :is(.panel,.form-aside){background:var(--color-surface);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-md);box-shadow:none;margin-bottom:var(--space-md)}
.tgm-system .panel-header{padding:0 0 var(--space-sm);margin:0 0 var(--space-sm);border-bottom:var(--rule-width) solid var(--color-rule)}
.tgm-system .panel .panel{border:0;border-radius:0;padding:var(--space-sm) 0;box-shadow:none}
.tgm-system .panel :is(h2,h3)+p{margin-top:var(--space-2xs)}
.tgm-system :is(.empty-state,.empty-readout){padding:var(--space-xl) var(--space-md);text-align:center;max-width:none;min-height:0;background:transparent}
.tgm-system .empty-state p{max-width:55ch;margin:var(--space-xs) auto var(--space-md);font-size:var(--text-sm);color:var(--color-muted)}
.tgm-system :is(.form-layout,.form-grid,.grid-2,.grid-3){gap:var(--space-md);min-width:0}
.tgm-system .form-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.3fr);align-items:start}
.tgm-system .form-aside{position:static;background:var(--color-paper-2);border:0;font-size:var(--text-sm);color:var(--color-ink-2)}
.tgm-system .form-aside :is(p,li){font-size:var(--text-sm);line-height:1.8}.tgm-system .form-aside h2{font-size:var(--text-base);margin-top:var(--space-md)}.tgm-system .form-aside h2:first-child{margin-top:0}
.tgm-system .form-section{padding:var(--space-md) 0;margin:0;border-bottom:var(--rule-width) solid var(--color-rule)}.tgm-system .form-section:first-of-type{padding-top:0}.tgm-system .form-section legend{font-size:var(--text-base);font-weight:700;padding:var(--space-xs) 0}
.tgm-system :is(.notice,.callout,.next-action,.measurement-targets,.campaign-context,.first-measurement,.page-feedback){background:var(--color-accent-soft);border:0;border-radius:var(--radius-input);color:var(--color-ink-2);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);font-size:var(--text-sm)}
.tgm-system .notice{background:var(--color-paper-2);padding:var(--space-xs) var(--space-sm)}.tgm-system .notice :is(summary,p,li){font-size:var(--text-sm)}
.tgm-system :is(.callout-alert,.form-error,.error,.exposure-caution){color:var(--color-danger);background:var(--color-danger-soft)}.tgm-system .callout-warn{background:var(--color-warning-soft);color:var(--color-warning)}
.tgm-system :is(.chip,.tag,.badge,.settings-status,.run-state){display:inline-flex;align-items:center;gap:var(--space-3xs);font-size:var(--text-xs);line-height:1.5;font-weight:600;padding:var(--space-3xs) var(--space-2xs);border:0;border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink-2);white-space:nowrap}
.tgm-system :is(.ok,.chip.ok,.tag.ok,.is-on){background:var(--color-success-soft);color:var(--color-success)}.tgm-system :is(.warn,.chip.warn,.tag.warn,.is-review){background:var(--color-warning-soft);color:var(--color-warning)}.tgm-system :is(.block,.chip.block,.tag.block){background:var(--color-danger-soft);color:var(--color-danger)}
/* Tables are records. Shared spacing fixes joined values and tiny metadata on every menu. */
.tgm-system table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums;background:var(--color-surface)}
.tgm-system th{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;line-height:1.5;color:var(--color-muted);background:var(--color-paper-2);text-align:left;border-bottom:var(--rule-width) solid var(--color-rule);white-space:nowrap}
.tgm-system td{padding:var(--space-sm);font-size:var(--text-sm);line-height:1.7;color:var(--color-ink);border-bottom:var(--rule-width) solid var(--color-rule);vertical-align:top}
.tgm-system tbody tr:last-child td{border-bottom:0}.tgm-system :is(th.num,td.num){text-align:right;font-size:var(--text-sm)}
.tgm-system table :is(.small,.help-text,small){font-size:var(--text-xs);line-height:1.6}.tgm-system .table-scroll{border-radius:var(--radius-input);max-width:100%;overflow-x:auto}
.tgm-system td .actions{margin:0}.tgm-system table .button{min-height:28px;font-size:var(--text-xs);padding:var(--space-2xs) var(--space-xs)}
.tgm-system .diagnosis-flow{display:flex;gap:var(--space-xs);flex-wrap:wrap;padding:var(--space-sm) 0;border:0;margin:0}.tgm-system .diagnosis-flow a{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-2xs);border:0;white-space:nowrap}.tgm-system .diagnosis-flow span{font-size:var(--text-xs)}
/* Editing: strong separation between preparation, candidates and the saved question list. */
.tgm-system .question-section-title{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.tgm-system .question-section-title h2{font-size:var(--text-lg)}.tgm-system .question-section-title p{font-size:var(--text-sm);color:var(--color-muted)}
.tgm-system .question-step{background:var(--color-accent-soft);color:var(--color-accent);border:0;border-radius:var(--radius-input);min-width:32px;height:32px;font-size:var(--text-sm)}
.tgm-system :is(.question-tabs,.tabs){gap:var(--space-2xs);border-bottom:var(--rule-width) solid var(--color-rule);margin-bottom:var(--space-md)}
.tgm-system :is(.question-tabs button,.tab){background:transparent;border:0;border-radius:0;color:var(--color-muted);min-height:30px;padding:var(--space-xs);font-size:var(--text-sm)}
.tgm-system :is(.question-tabs button,.tab)[aria-selected=true]{color:var(--color-accent);box-shadow:inset 0 -2px var(--color-accent);font-weight:650}
.tgm-system .question-quickstart{background:var(--color-accent-soft);border:0;border-radius:var(--radius-input);padding:var(--space-sm);gap:var(--space-sm)}.tgm-system .question-quickstart :is(strong,p){font-size:var(--text-sm)}
.tgm-system .question-toolbar{padding:var(--space-xs) 0 var(--space-sm)}.tgm-system .question-toolbar button{font-size:var(--text-xs);min-height:28px}.tgm-system .question-workspace{gap:var(--space-md)}
.tgm-system :is(.question-candidate,.question-row){border-bottom:var(--rule-width) solid var(--color-rule);padding:var(--space-sm);background:var(--color-surface);border-radius:0}.tgm-system :is(.question-candidate p,.question-row textarea){font-size:var(--text-sm)}
.tgm-system #question-finish{background:var(--color-paper-2);padding:var(--space-md);border:0;border-radius:var(--radius-input)}
/* Measurement: numbers, current action, three factual stages, optional schedule. */
.tgm-system .run-progress-card{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);background:var(--color-surface);border-color:var(--color-rule);border-radius:var(--radius-card)}
.tgm-system .run-progress-main{padding:var(--space-lg)}.tgm-system .run-schedule{padding:var(--space-lg);background:var(--color-paper-2);border-color:var(--color-rule)}
.tgm-system .run-progress-main h2{font-size:var(--text-xl);margin:var(--space-sm) 0 var(--space-xs)}.tgm-system .run-progress-main>p{font-size:var(--text-sm)}
.tgm-system .run-count{margin:var(--space-lg) 0 var(--space-sm)}.tgm-system .run-count>strong{font-size:2.25rem;color:var(--color-ink);letter-spacing:-.05em}.tgm-system .collection-percent{color:var(--color-accent)}
.tgm-system .run-progress-card progress{background:var(--color-paper-2);accent-color:var(--color-accent);height:8px}.tgm-system .run-progress-card progress::-webkit-progress-bar{background:var(--color-paper-2)}.tgm-system .run-progress-card progress::-webkit-progress-value{background:var(--color-accent)}.tgm-system .run-progress-card progress::-moz-progress-bar{background:var(--color-accent)}
.tgm-system .collection-stages{margin:var(--space-md) 0}.tgm-system .collection-stages p{font-size:var(--text-sm)}.tgm-system .collection-stages [data-state=active] .stage-number{background:var(--color-accent);border-color:var(--color-accent)}.tgm-system .collection-stages [data-state=active] .stage-state{color:var(--color-accent)}
.tgm-system .collection-countdown{background:var(--color-accent-soft);border-color:var(--color-accent);border-radius:var(--radius-input);padding:var(--space-sm);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3xs) var(--space-sm)}.tgm-system .collection-countdown[hidden]{display:none}.tgm-system .collection-countdown>span{color:var(--color-ink-2);font-size:var(--text-sm)}.tgm-system .collection-countdown strong{font-size:var(--text-xl);margin:0}.tgm-system .collection-countdown small{grid-column:1/-1}.tgm-system .collection-countdown[data-mode=checking]{background:var(--color-warning-soft);border-color:var(--color-warning)}
.tgm-system :is(.run-live-facts dd,.run-schedule dd){font-size:var(--text-sm);color:var(--color-ink)}.tgm-system :is(.run-live-facts dt,.run-schedule dt){font-size:var(--text-xs);color:var(--color-muted)}
.tgm-system .run-next{margin-top:var(--space-lg);gap:var(--space-md)}.tgm-system .run-next h2{font-size:var(--text-lg)}.tgm-system .run-next p{font-size:var(--text-sm)}
.tgm-system :is(.engine-option,.estimate-box){background:var(--color-paper-2);border:0;border-radius:var(--radius-input);padding:var(--space-sm);margin-bottom:var(--space-xs)}
/* Diagnostics and settings retain evidence, lose the nested coloured boxes. */
.tgm-system :is(.audit-screen,.settings-screen){max-width:none}.tgm-system :is(.audit-summary,.settings-section){background:var(--color-surface);padding:var(--space-md);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);margin-bottom:var(--space-lg)}
.tgm-system :is(.audit-section-heading,.settings-section-heading){margin-bottom:var(--space-md);gap:var(--space-sm)}
.tgm-system :is(.audit-section-heading p,.settings-section-heading p){font-size:var(--text-sm);color:var(--color-muted)}
.tgm-system .audit-summary strong{font-size:var(--text-2xl)}.tgm-system .audit-filters{padding:var(--space-sm) 0;gap:var(--space-sm)}
.tgm-system .audit-issue{background:var(--color-surface);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);margin-bottom:var(--space-sm)}.tgm-system .audit-issue>summary{padding:var(--space-md);gap:var(--space-sm)}
.tgm-system .audit-issue>summary :is(strong,h2,h3){font-size:var(--text-base)}.tgm-system .audit-issue-body{padding:0 var(--space-md) var(--space-md)}
.tgm-system .audit-guide{background:var(--color-paper-2);border:0;border-radius:var(--radius-input);padding:var(--space-md)}.tgm-system .audit-guide :is(p,li){font-size:var(--text-sm)}
.tgm-system .audit-page-evidence{border:0;border-top:var(--rule-width) solid var(--color-rule);border-radius:0;background:transparent;padding:var(--space-md) 0;margin:0}.tgm-system .audit-observations{background:var(--color-paper-2);padding:var(--space-sm);border-radius:var(--radius-input)}
.tgm-system .audit-url{font-size:var(--text-sm);color:var(--color-accent);overflow-wrap:anywhere}.tgm-system .audit-evidence pre{background:var(--color-paper-2);color:var(--color-ink-2);font-size:var(--text-xs)}
.tgm-system :is(.settings-engine,.settings-connection,.settings-unavailable,.settings-ruleset){background:transparent;border:0;border-radius:0;padding:var(--space-sm);border-bottom:var(--rule-width) solid var(--color-rule)}
.tgm-system .settings-engine-grid{gap:var(--space-lg)}.tgm-system .settings-engine h3{font-size:var(--text-xl)}.tgm-system .settings-model{background:var(--color-paper-2);border:0;border-radius:var(--radius-input);padding:var(--space-xs);font-size:var(--text-sm)}
.tgm-system .settings-provider-mark{background:var(--color-paper-2);color:var(--color-ink);border:0;border-radius:var(--radius-input);font-size:var(--text-lg)}
.tgm-system .settings-connection summary{gap:var(--space-sm)}.tgm-system .settings-connection-name strong{font-size:var(--text-base)}.tgm-system .settings-connection-name small{font-size:var(--text-sm)}
.tgm-system :is(.settings-disclosure-body,.settings-connection-detail){font-size:var(--text-sm);padding:var(--space-md)}
.tgm-system :is(.settings-secondary,.audit-secondary){margin-top:var(--space-lg);border-top:var(--rule-width) solid var(--color-rule)}
@media(hover:hover){.tgm-system :is(button,.button):hover:not(:disabled){background:var(--color-paper-2);transform:none}.tgm-system :is(.primary,.button-primary,.button.primary,.button.bright):hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-accent-ink)}.tgm-system .sidenav nav a:hover{background:var(--color-paper-2)}.tgm-system tbody tr:hover{background:var(--color-paper)}}
@media(max-width:70rem){.tgm-system .form-layout{grid-template-columns:minmax(0,1fr)}.tgm-system .form-aside{margin:0}.tgm-system .run-progress-card{grid-template-columns:minmax(0,1fr)}.tgm-system .run-schedule{border-left:0;border-top:var(--rule-width) solid var(--color-rule)}.tgm-system .user-chip{display:none}}
@media(max-width:60rem){.tgm-system .sidenav{transform:translateX(-100%);position:fixed;inset:0 auto 0 0;transition:transform var(--dur-medium) var(--ease-out);max-width:calc(100% - var(--space-xl))}.tgm-system.nav-open .sidenav{transform:translateX(0)}.tgm-system .app-body{margin-left:0;width:100%}.tgm-system .menu-toggle{display:inline-flex}.tgm-system .content{padding:var(--space-lg) var(--space-md) var(--space-xl)}.tgm-system .topbar{padding:var(--space-2xs) var(--space-md);min-height:64px}.tgm-system .top-help{display:none}}
@media(max-width:40rem){.tgm-system .content{padding:var(--space-md) var(--space-sm) var(--space-xl)}.tgm-system :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading){flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.tgm-system :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading) h1{font-size:var(--text-xl)}.tgm-system :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading) p{font-size:var(--text-sm)}.tgm-system :is(.panel,.run-progress-main,.run-schedule,.overview-next,.overview-readiness){padding:var(--space-sm)}.tgm-system .grid-3,.tgm-system .grid-2,.tgm-system .form-grid,.tgm-system .settings-engine-grid{grid-template-columns:minmax(0,1fr)}.tgm-system .breadcrumb{font-size:var(--text-xs);gap:var(--space-2xs)}.tgm-system .breadcrumb>span:first-child{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgm-system .user-avatar{display:none}.tgm-system .topbar-right{gap:0}.tgm-system .link-button{font-size:var(--text-xs)}.tgm-system .topbar{gap:var(--space-2xs);padding-inline:var(--space-xs)}.tgm-system :is(.run-count>span,.run-progress-caption){font-size:var(--text-xs)}.tgm-system .run-count>strong{font-size:2rem}.tgm-system .collection-countdown{grid-template-columns:minmax(0,1fr)}.tgm-system .settings-connection>summary{flex-wrap:wrap}.tgm-system .settings-connection-name{min-width:0;flex:1}.tgm-system .settings-status{margin-left:0}.tgm-system .app-footer{flex-wrap:wrap;padding:var(--space-sm)}.tgm-system table{min-width:560px}.tgm-system .panel:has(>table){overflow-x:auto}.tgm-system .diagnosis-flow{gap:var(--space-3xs)}.tgm-system .diagnosis-flow a{font-size:var(--text-xs)}}
@media(prefers-reduced-motion:reduce){.tgm-system *{scroll-behavior:auto;transition:none!important;animation:none!important}}
@media print{.tgm-system .sidenav,.tgm-system .topbar{display:none}.tgm-system .app-body{margin:0;width:100%}.tgm-system .content{padding:0}.tgm-system :is(.panel,.run-progress-card){break-inside:avoid}.tgm-system table{min-width:0}}
@media(min-width:60.001rem){.tgm-system .menu-toggle{display:none}}
.tgm-system .topbar .link-button{border:0;background:transparent;min-height:30px}
.tgm-system .sidenav .nav-group{margin-block:var(--space-sm) var(--space-3xs)}
.tgm-system .sidenav nav a{margin:0}
.tgm-system .exposure-card{border-color:var(--color-rule);background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-input)}
.tgm-system .exposure-card :is(p,small){color:var(--color-muted)}
.tgm-system .run-mail-notice{padding:var(--space-sm);border:0;border-radius:var(--radius-input);background:var(--color-paper-2);gap:var(--space-sm);margin-bottom:var(--space-md)}
.tgm-system .run-mail-notice strong{font-size:var(--text-sm);color:var(--color-ink)}
.tgm-system .run-mail-notice p{font-size:var(--text-xs);color:var(--color-muted)}
.tgm-system .first-measurement{background:transparent;border-bottom:1px solid var(--color-rule);border-radius:0;padding:0 0 var(--space-sm)}
.tgm-system .first-measurement a{white-space:nowrap;color:var(--color-muted);min-height:30px}
.tgm-system .first-measurement a[aria-current=step]{color:var(--color-accent);background:var(--color-accent-soft)}
.tgm-system .first-measurement a[aria-current=step] span{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}
.tgm-system .first-measurement a:hover{background:var(--color-paper-2)}
.tgm-system :is(.settings-engine-purpose,.settings-model dt,.settings-connection-name small,.settings-disclosure small){color:var(--color-muted)}
.tgm-system .settings-engine details{background:transparent;border-color:var(--color-rule)}
.tgm-system .settings-engine details summary{color:var(--color-ink-2);font-size:var(--text-sm)}
.tgm-system .settings-connections{border:0}
.tgm-system :is(.settings-connection,.settings-disclosure)>summary:hover{background:var(--color-paper-2)}
.tgm-system .settings-count{background:var(--color-paper-2);color:var(--color-muted)}
/* Compact records and typography from the user TTM reference. */
.tgm-system[data-page] .content{max-width:none;padding:var(--space-sm) var(--space-sm) var(--space-lg)}
.tgm-system[data-page] :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading){margin-bottom:var(--space-sm);gap:var(--space-xs);align-items:center}
.tgm-system[data-page] :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading) h1{font-size:20px;margin-bottom:var(--space-3xs);line-height:1.4;letter-spacing:-.025em}
.tgm-system[data-page] :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading) p{font-size:12px;line-height:1.6;margin:0;max-width:none}
.tgm-system[data-page] :is(.panel,.form-aside){padding:var(--space-sm);margin-bottom:var(--space-xs);border-radius:var(--radius-input)}
.tgm-system[data-page] .panel-header{padding-bottom:var(--space-xs);margin-bottom:var(--space-xs)}
.tgm-system[data-page] :is(button,.button){padding:var(--space-3xs) var(--space-2xs);min-height:28px;font-size:12px;font-weight:500;border-color:var(--color-rule)}
.tgm-system[data-page] :is(button.primary,.button.primary){border-color:var(--color-accent)}
.tgm-system[data-page] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select,textarea){min-height:28px;padding:var(--space-3xs) var(--space-2xs);font-size:12px;border-color:var(--color-rule)}
.tgm-system[data-page] :is(input,select,textarea):focus-visible{border-color:var(--color-accent)}
.tgm-system[data-page] table{font-size:12px}.tgm-system[data-page] th{padding:6px var(--space-xs);font-size:11px;background:var(--color-paper)}
.tgm-system[data-page] td{padding:var(--space-2xs) var(--space-xs);font-size:12px;line-height:1.6}
.tgm-system[data-page] :is(th.num,td.num){font-size:12px}
.tgm-system[data-page] :is(.empty-state,.empty-readout){padding:var(--space-lg) var(--space-sm)}
.tgm-system[data-page] .diagnosis-flow{padding:0;margin:0}.tgm-system[data-page] .diagnosis-flow a{font-size:11px}
.tgm-system[data-page] .run-progress-card{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}
.tgm-system[data-page] .run-progress-main,.tgm-system[data-page] .run-schedule{padding:var(--space-sm)}
.tgm-system[data-page] .run-progress-main h2{font-size:18px;margin:var(--space-xs) 0 var(--space-3xs)}
.tgm-system[data-page] .run-count{margin:var(--space-sm) 0 var(--space-xs)}
.tgm-system[data-page] .collection-stages{margin:var(--space-sm) 0}
.tgm-system[data-page] .collection-stages li{padding:var(--space-2xs) 0}
.tgm-system[data-page] .collection-stages strong{font-size:12px}.tgm-system[data-page] .collection-stages p{font-size:11px}
.tgm-system[data-page] .collection-countdown{padding:var(--space-xs);margin-block:var(--space-xs)}
.tgm-system[data-page] .run-mail-notice{padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm)}
.tgm-system[data-page] .run-mail-notice strong{font-size:12px}
.tgm-system[data-page] .run-live-facts{margin-top:var(--space-sm);padding-top:var(--space-sm);gap:var(--space-xs)}
.tgm-system[data-page] .run-schedule dl{gap:var(--space-sm)}
.tgm-system[data-page] .settings-section{padding:var(--space-sm);margin-bottom:var(--space-sm)}
.tgm-system[data-page] .settings-section-heading{margin-bottom:var(--space-sm)}
.tgm-system[data-page] .settings-engine-top{margin-bottom:var(--space-xs)}
.tgm-system[data-page] .settings-engine h3{font-size:18px}
.tgm-system[data-page] .settings-engine-purpose{margin-bottom:var(--space-xs);font-size:12px}
.tgm-system[data-page] .settings-model{margin-block:var(--space-xs)}
.tgm-system[data-page] .settings-model dd{font-size:13px}
.tgm-system[data-page] .settings-connection>summary{padding:var(--space-xs);gap:var(--space-xs)}
.tgm-system[data-page] .settings-connection-name strong{font-size:13px}.tgm-system[data-page] .settings-connection-name small{font-size:11px}
.tgm-system[data-page] .settings-secondary{margin-top:var(--space-sm)}.tgm-system[data-page] .settings-disclosure>summary{padding:var(--space-sm) 0}
.tgm-system[data-page] .settings-disclosure>summary strong{font-size:13px}.tgm-system[data-page] .settings-disclosure>summary small{font-size:11px}
.tgm-system[data-page] .audit-summary{padding:var(--space-sm);margin-bottom:var(--space-sm)}
.tgm-system[data-page] .audit-issue>summary{padding:var(--space-sm)}
.tgm-system[data-page] .audit-guide{padding:var(--space-xs)}
.tgm-system[data-page] .app-footer{padding:var(--space-xs) var(--space-sm);font-size:11px}
@media(min-width:75.001rem){.tgm-system[data-page] .menu-toggle{display:none}}
@media(max-width:75rem){.tgm-system[data-page] .sidenav{width:260px;height:100dvh;inset:0 auto 0 0;flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm);overflow-y:auto;transform:translateX(-100%)}.tgm-system[data-page].nav-open .sidenav{transform:translateX(0)}.tgm-system[data-page] .sidenav nav{display:flex;flex-direction:column;align-items:stretch;flex:0}.tgm-system[data-page] .sidenav nav>a,.tgm-system[data-page] .nav-section>summary{min-height:36px;font-size:13px}.tgm-system[data-page] .nav-dropdown{position:static;width:auto;margin-top:var(--space-3xs);box-shadow:none}.tgm-system[data-page] .sidenav .topbar-right{margin: auto 0 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.tgm-system[data-page] .sidenav .link-button{min-height:36px}.tgm-system[data-page] .app-body{padding-top:0}.tgm-system[data-page] .menu-toggle{display:inline-flex;min-height:32px}.tgm-system[data-page] .content{padding:var(--space-xs)}.tgm-system[data-page] .topbar{padding:var(--space-2xs) var(--space-xs)}.tgm-system[data-page] .workspace-picker select{width:145px;min-height:32px}.tgm-system[data-page] .run-progress-card{grid-template-columns:minmax(0,1fr)}.tgm-system[data-page] .run-schedule{border-left:0;border-top:1px solid var(--color-rule)}}
@media(max-width:40rem){.tgm-system[data-page] .breadcrumb>span{display:none}.tgm-system[data-page] .breadcrumb{margin-left:auto}.tgm-system[data-page] :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading){align-items:flex-start}.tgm-system[data-page] :is(button,.button,input:not([type=checkbox]):not([type=radio]),select){min-height:36px}.tgm-system[data-page] .workspace-picker select{width:130px}.tgm-system[data-page] :is(.page-heading,.settings-heading,.audit-heading,.run-heading,.overview-heading) h1{font-size:18px}.tgm-system[data-page] .topbar{gap:var(--space-2xs)}.tgm-system[data-page] .run-mail-notice .actions{margin-top:0}}
@media print{.tgm-system[data-page] .sidenav,.tgm-system[data-page] .topbar{display:none}.tgm-system[data-page] .app-body{padding:0}.tgm-system[data-page] .content{padding:0}}
.tgm-system[data-page] .settings-screen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}
.tgm-system[data-page] .settings-heading,.tgm-system[data-page] .settings-section:first-of-type,.tgm-system[data-page] .settings-secondary{grid-column:1/-1;margin:0}
.tgm-system[data-page] .settings-section{margin:0}
.tgm-system[data-page] .settings-engine{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:var(--space-2xs) var(--space-xs);padding:var(--space-xs);align-content:start}
.tgm-system[data-page] .settings-engine-top{display:contents}
.tgm-system[data-page] .settings-engine .settings-provider-mark{grid-column:1;grid-row:1/3;width:32px;height:32px;font-size:16px}
.tgm-system[data-page] .settings-engine .settings-status{grid-column:3;grid-row:1;align-self:start;justify-self:end}
.tgm-system[data-page] .settings-engine h3{grid-column:2;grid-row:1;margin:0;font-size:16px}
.tgm-system[data-page] .settings-engine-purpose{grid-column:2/-1;grid-row:2;margin:0;font-size:12px}
.tgm-system[data-page] .settings-model{grid-column:1/-1;display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-2xs) 0 0;padding:var(--space-2xs) var(--space-xs)}
.tgm-system[data-page] .settings-model dt,.tgm-system[data-page] .settings-model dd{margin:0;font-size:12px}
.tgm-system[data-page] .settings-engine-help{grid-column:1/-1;margin:0}
.tgm-system[data-page] .settings-engine-help summary{padding:var(--space-xs) 0}
.tgm-system[data-page] .settings-provider-mark{width:28px;height:28px;font-size:14px}
.tgm-system[data-page] .settings-connection{padding:0}
.tgm-system[data-page] .settings-connection>summary{min-height:64px}
.tgm-system[data-page] .settings-section-meta{font-size:11px}
@media(max-width:56rem){.tgm-system[data-page] .settings-screen{grid-template-columns:minmax(0,1fr)}}
.tgm-system .audit-preview-content{max-width:760px;background:var(--color-surface);color:var(--color-ink);padding:var(--space-sm);border-color:var(--color-rule)}
.tgm-system .audit-preview-content h4{font-size:14px}.tgm-system .audit-preview-content p{font-size:12px;color:var(--color-ink-2)}
.tgm-system .audit-preview-addresses{display:grid;grid-template-columns:70px minmax(0,1fr);gap:4px 8px;font-size:11px;margin:0 0 12px}
.tgm-system .audit-preview-addresses dt{color:var(--color-muted)}.tgm-system .audit-preview-addresses dd{margin:0;overflow-wrap:anywhere}
.tgm-system .audit-preview-excerpt{max-height:180px;overflow-y:auto;white-space:pre-wrap;padding:8px;background:var(--color-paper)}
.tgm-system .audit-preview-content ul{font-size:12px;padding-left:20px;margin:8px 0}
.tgm-system .audit-preview-sharing{border-top:1px solid var(--color-rule);padding-top:8px;margin-block:12px}
.tgm-system .audit-preview-sharing summary{cursor:pointer;font-size:12px;padding-block:4px}
/* Hallmark · Workbench result comparison · question first, compact provider rows */
.tgm-system .run-results{max-width:none;margin-inline:0}
.tgm-system .exposure-comparison{scroll-margin-top:80px;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-input);margin:0 0 var(--space-lg);padding:var(--space-sm);min-width:0}
.tgm-system .comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}
.tgm-system .comparison-heading h2{font-size:var(--text-lg);margin:0}.tgm-system .comparison-heading p{font-size:var(--text-sm);color:var(--color-muted);margin:var(--space-3xs) 0 0}
.tgm-system .comparison-summary>p{margin:0 0 var(--space-xs);font-size:var(--text-sm);color:var(--color-muted)}
.tgm-system .comparison-summary>p strong{color:var(--color-ink)}
.tgm-system .comparison-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--color-rule);padding:var(--space-xs) 0;margin:0}
.tgm-system .comparison-total{padding:0 var(--space-sm);border-right:1px solid var(--color-rule)}.tgm-system .comparison-total:first-child{padding-left:0}.tgm-system .comparison-total:last-child{border:0}
.tgm-system .comparison-total dt{font-size:var(--text-sm)}.tgm-system .comparison-total dt a{color:var(--color-ink-2)}
.tgm-system .comparison-total .exposure-count{font-size:var(--text-2xl);margin:var(--space-3xs) 0 0;line-height:1.4;font-variant-numeric:tabular-nums}
.tgm-system .comparison-total .exposure-count small{font-size:var(--text-xs);margin-left:var(--space-2xs);color:var(--color-muted)}
.tgm-system .comparison-next{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-xs);font-size:var(--text-sm);padding:var(--space-xs) 0}
.tgm-system .comparison-next>strong{color:var(--color-accent)}.tgm-system .comparison-next>a{margin-left:auto}
.tgm-system .comparison-empty{padding:var(--space-sm);background:var(--color-paper-2);border-radius:var(--radius-input);font-size:var(--text-sm)}
.tgm-system .comparison-empty>strong{font-size:var(--text-base)}.tgm-system .comparison-empty p{margin:var(--space-2xs) 0;color:var(--color-ink-2)}
.tgm-system :is(.comparison-exclusions,.comparison-filter-note,.comparison-key){font-size:var(--text-xs);color:var(--color-muted);margin:var(--space-2xs) 0}
.tgm-system .comparison-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-xs);border-top:1px solid var(--color-rule);padding:var(--space-xs) 0;margin-top:var(--space-2xs);scroll-margin-top:100px}
.tgm-system .comparison-toolbar h3{font-size:var(--text-base);margin:0}.tgm-system .comparison-toolbar h3 span{font-size:var(--text-xs);color:var(--color-muted);font-weight:400;margin-left:var(--space-2xs)}
.tgm-system .comparison-filter{display:flex;align-items:center;gap:var(--space-2xs);margin:0;max-width:100%}.tgm-system .comparison-filter select{width:auto;min-width:0;max-width:19rem}.tgm-system .comparison-filter label{white-space:nowrap}
.tgm-system .comparison-question{border-top:1px solid var(--color-rule);padding:var(--space-2xs) 0;min-width:0}
.tgm-system .comparison-question>header{display:flex;align-items:baseline;gap:var(--space-2xs);margin-bottom:var(--space-2xs)}
.tgm-system .comparison-question h3{font-size:var(--text-base);line-height:1.6;margin:0}
.tgm-system .comparison-number{font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums;flex-shrink:0}
.tgm-system .comparison-engine{display:grid;grid-template-columns:minmax(14rem,1fr) minmax(13rem,.8fr) 7rem 6rem;align-items:center;gap:var(--space-xs);padding:var(--space-3xs) var(--space-xs);font-size:var(--text-sm);min-width:0}
.tgm-system .comparison-engine:nth-child(odd){background:var(--color-paper)}.tgm-system .comparison-engine.is-matched{box-shadow:inset 2px 0 var(--color-accent)}
.tgm-system .comparison-engine-name{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2xs);min-width:0}.tgm-system .comparison-engine-name>strong{min-width:4rem;overflow-wrap:anywhere}
.tgm-system .comparison-state{color:var(--color-muted);font-size:var(--text-xs)}.tgm-system .comparison-state:is(.state-competitor_only,.state-neither){color:var(--color-warning)}.tgm-system .comparison-state:is(.state-both,.state-ours_only){color:var(--color-success)}
.tgm-system .comparison-observed{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);color:var(--color-muted);white-space:nowrap}
.tgm-system .comparison-observed>span{display:flex;justify-content:space-between;gap:var(--space-2xs)}.tgm-system .comparison-observed strong{color:var(--color-ink);font-weight:600;font-variant-numeric:tabular-nums}
.tgm-system .comparison-samples{font-size:var(--text-xs);color:var(--color-muted);text-align:right;white-space:nowrap}.tgm-system .comparison-source{text-align:right;white-space:nowrap}
.tgm-system .comparison-detail{margin:var(--space-2xs) 0 0}.tgm-system .comparison-detail>summary,.tgm-system .comparison-method>summary{font-size:var(--text-xs);color:var(--color-ink-2);cursor:pointer;width:fit-content;min-height:28px;padding:var(--space-3xs) 0}
.tgm-system .comparison-detail-body{padding:var(--space-xs);background:var(--color-paper);margin-top:var(--space-2xs)}.tgm-system .comparison-detail-body p{font-size:var(--text-sm);margin:0 0 var(--space-2xs)}
.tgm-system .comparison-advice{border-top:1px solid var(--color-rule);padding-top:var(--space-2xs);margin-top:var(--space-2xs)}.tgm-system .comparison-advice h4{font-size:var(--text-sm);margin:0 0 var(--space-3xs)}.tgm-system .comparison-detail-body .actions{margin:var(--space-xs) 0 0;gap:var(--space-xs);font-size:var(--text-sm)}
.tgm-system .comparison-method{border-top:1px solid var(--color-rule);padding-top:var(--space-xs);margin-top:var(--space-xs)}.tgm-system .comparison-method p{font-size:var(--text-sm);color:var(--color-muted);margin:var(--space-2xs) 0}
.tgm-system .comparison-followup{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}
@media(max-width:64rem){.tgm-system .comparison-engine{grid-template-columns:minmax(9rem,1fr) minmax(11rem,1fr) 6rem}.tgm-system .comparison-samples{display:none}}
@media(max-width:42rem){.tgm-system .comparison-heading,.tgm-system .comparison-followup{flex-direction:column;align-items:flex-start}.tgm-system .comparison-totals{grid-template-columns:1fr 1fr;gap:var(--space-sm) 0}.tgm-system .comparison-total:nth-child(3){padding-left:0}.tgm-system .comparison-total:nth-child(2){border:0}.tgm-system .comparison-filter{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto}.tgm-system .comparison-filter select{width:100%;max-width:none}.tgm-system .comparison-engine{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2xs)}.tgm-system .comparison-engine-name{grid-column:1/-1}.tgm-system .comparison-observed{font-size:var(--text-xs);gap:var(--space-xs)}.tgm-system .comparison-source{font-size:var(--text-xs);min-height:32px;display:flex;align-items:center}.tgm-system .comparison-detail>summary,.tgm-system .comparison-method>summary{min-height:36px;display:flex;align-items:center;gap:var(--space-2xs)}.tgm-system .comparison-detail>summary::before,.tgm-system .comparison-method>summary::before{content:'+'}.tgm-system .comparison-detail[open]>summary::before,.tgm-system .comparison-method[open]>summary::before{content:'−'}.tgm-system .comparison-next>a{margin-left:0}}
