:root{--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.875rem;--text-md:.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;
  --paper: #faf9f6; --white: #fff; --ink: #252e27; --muted: #667064;
  --green: #294c3b; --green-dark: #203e30; --lime: #e7edb6;
  --soft: #eef0e7; --line: #dce1d5; --warm: #f5f1e7;
  --sans: 'Geist', Arial, sans-serif; --mono: 'Geist Mono', monospace;
  --serif: 'Instrument Serif', Georgia, serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 105px; }
body { margin: 0; background: var(--paper); color: var(--ink); font:400 var(--text-base)/1.65 var(--sans); -webkit-font-smoothing: antialiased; }
h1,h2,h3,p { margin: 0; }
h1,h2,h3 { text-wrap: balance; }
a { color: inherit; text-decoration: none; }
button,select,textarea { font: inherit; }
button { cursor: pointer; }
button,a,select,textarea { -webkit-tap-highlight-color: transparent; }
button,a { transition: background-color .18s, border-color .18s, box-shadow .18s, color .18s; }
button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline: 3px solid #789b68; outline-offset: 4px; }
[tabindex="-1"]:focus { outline: none; }
button:disabled { cursor: not-allowed; opacity: .5; }
[hidden] { display: none !important; }
.wrap { width: min(1240px, calc(100% - 80px)); margin-inline: auto; }
.icon-definitions { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 15px; height: 15px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; vertical-align: -2px; }
.skip-link { position: fixed; top: -80px; left: 20px; z-index: 5; background: var(--green); color: white; padding: 12px 18px; }
.skip-link:focus { top: 12px; }
.site-header { position: sticky; top: 0; z-index: 3; border-bottom: 1px solid var(--line); background: #faf9f6f5; backdrop-filter: blur(12px); }
.nav-inner { display: flex; align-items: center; gap: 20px; min-height: 80px; }
.brand { display: inline-flex; gap: 9px; align-items: center; font-weight: 650; font-size: 22px; letter-spacing: -1.1px; }
.brand svg { width: 31px; height: 31px; }
.brand rect { fill: var(--green); }
.brand path { stroke: var(--lime); stroke-width: 2; }
.brand circle { fill: var(--lime); }
.nav-divider { width: 1px; height: 21px; background: var(--line); }
.demo-word { color: var(--muted); font-size:var(--text-base); }
.nav-actions { margin-left: auto; display: flex; gap: 18px; align-items: center; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 13px 18px; min-height: 46px; background: var(--green); color: white; border: 1px solid var(--green); border-radius: 4px; font-size:var(--text-base); font-weight: 500; text-align: center; }
.button:hover { background: var(--green-dark); box-shadow: inset 0 2px 4px #102c2444, inset 0 -1px 0 #ffffff26; }
.button.small { min-height: 39px; padding: 9px 14px; gap: 18px; }
.button.secondary { background: var(--white); color: var(--green); border-color: #becab5; }
.button.secondary:hover { background: var(--soft); }
.text-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 8px 0; background: none; border: 0; color: var(--green); font-weight: 500; font-size:var(--text-base); }
.text-button:hover { color: #537b45; }
.quiet-button { border: 1px solid transparent; border-radius: 4px; background: none; padding: 9px 12px; font-size:var(--text-base); color: var(--muted); }
.quiet-button:hover { background: var(--soft); border-color: var(--line); box-shadow: inset 0 2px 3px #294c3b14, inset 0 -1px 0 white; }
.eyebrow { display: flex; align-items: center; gap: 8px; color: var(--muted); font:400 var(--text-xs)/1.5 var(--mono); letter-spacing: 1.2px; text-transform: uppercase; }
.status-dot { display: inline-block; width: 6px; height: 6px; background: #789064; border-radius: 50%; flex-shrink: 0; }
.welcome { padding: 65px 0 52px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 90px; align-items: center; }
h1 { font-size: 54px; font-weight: 450; line-height: 1.08; letter-spacing: -2.6px; margin-top: 22px; }
h1 em,.next-step em { font-family: var(--serif); color: var(--green); font-weight: 400; font-size: 1.1em; letter-spacing: -1.3px; }
.welcome-copy { max-width: 440px; color: var(--muted); font-size:var(--text-lg); line-height: 1.85; margin-top: 21px; }
.mission { padding: 29px 32px; background: var(--soft); border: 1px solid #dce2d1; border-radius: 8px; }
.mission ol { list-style: none; padding: 0; margin: 22px 0; display: grid; gap: 14px; }
.mission li { display: flex; align-items: center; gap: 15px; font-size:var(--text-base); }
.mission li span { font:var(--text-sm) var(--mono); color: #819170; }
.welcome-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.mission>p { margin-top: 16px; font-size:var(--text-md); color: var(--muted); }
.sandbox-notice { display: flex; gap: 20px; justify-content: space-between; align-items: center; padding: 14px 0; border-block: 1px solid var(--line); font-size:var(--text-md); color: var(--muted); }
.sample-label { display: flex; align-items: center; gap: 8px; color: var(--green); font-weight: 500; }
body.started .sandbox-notice { margin-top: 28px; }
.store-header { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 27px 0 24px; }
.store-header h2 { display: flex; align-items: baseline; gap: 15px; margin-top: 5px; font-size: 23px; font-weight: 550; letter-spacing: -.7px; }
.store-domain { font-size:var(--text-md); font-weight: 400; letter-spacing: 0; color: var(--muted); }
.store-actions { display: flex; align-items: flex-end; flex-direction: column; gap: 3px; }
.store-period { font:var(--text-sm) var(--mono); color: var(--muted); }
.workspace-navigation { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); padding-bottom: 13px; margin-bottom: 30px; gap: 16px; }
.step-navigation { display: flex; gap: 8px; }
.step-navigation button { display: inline-flex; align-items: center; gap: 10px; background: none; border: 1px solid transparent; border-radius: 4px; padding: 10px 13px; color: var(--muted); font-size:var(--text-base); min-height: 43px; }
.step-navigation button:hover { background: #eef0e7; border-color: var(--line); box-shadow: inset 0 2px 3px #294c3b14, inset 0 -1px 0 white; }
.step-navigation button[aria-current] { background: #e6ebdd; color: var(--green-dark); border-color: #cbd4c2; box-shadow: inset 0 2px 3px #294c3b1c, inset 0 -1px 0 white; }
.step-digit { font:var(--text-sm) var(--mono); color: #849376; }
.count { font:var(--text-xs) var(--mono); background: #f7f9f1; border: 1px solid var(--line); padding: 1px 5px; border-radius: 3px; }
.demo-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 36px; align-items: start; }
body.guided .demo-layout { grid-template-columns: 230px minmax(0,1fr); }
.guide-panel { position: sticky; top: 108px; padding-right: 26px; border-right: 1px solid var(--line); }
.guide-panel h3 { font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -.7px; margin-top: 17px; }
.guide-panel>p:not(.eyebrow) { color: var(--muted); font-size:var(--text-base); line-height: 1.85; margin-top: 16px; }
.guide-tip { border-left: 2px solid #b9c99f; padding-left: 13px; margin-top: 23px; color: #54684a; font-size:var(--text-md); line-height: 1.8; }
.guide-controls { display: flex; flex-wrap: wrap; gap: 20px; border-top: 1px solid var(--line); margin-top: 25px; padding-top: 9px; }
.guide-controls .text-button { font-size:var(--text-sm); }
.panels { min-width: 0; }
.panel-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 25px; }
.panel-heading .eyebrow { font-size:var(--text-xs); }
.panel-heading h2 { font-size: 27px; line-height: 1.25; letter-spacing: -.8px; font-weight: 500; margin-top: 9px; }
.panel-heading p:not(.eyebrow) { margin-top: 9px; font-size:var(--text-base); line-height: 1.8; color: var(--muted); max-width: 540px; }
.engine-filter { display: flex; flex-direction: column; gap: 5px; color: var(--muted); font-size:var(--text-sm); flex-shrink: 0; }
select { padding: 8px 10px; background: var(--white); border: 1px solid #cdd5c5; border-radius: 4px; font-size:var(--text-md); color: var(--ink); min-height: 36px; }
.overview-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 22px; }
.report-card,.data-card,.answer-card,.catalog-card { background: var(--white); border: 1px solid var(--line); border-radius: 7px; padding: 25px; min-width: 0; }
.report-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size:var(--text-base); font-weight: 500; }
.report-heading h3 { font-size:var(--text-lg); font-weight: 550; letter-spacing: -.2px; }
.subtle-tag { font:var(--text-xs) var(--mono); color: var(--muted); font-weight: 400; text-align: right; }
.big-metric { display: flex; align-items: center; gap: 25px; margin-top: 17px; }
.big-metric strong { font-size: 65px; line-height: 1.1; font-weight: 450; letter-spacing: -3px; font-variant-numeric: tabular-nums; }
.big-metric strong span { font-size: 34px; color: #7b896e; letter-spacing: -1px; }
.big-metric p { font-size:var(--text-md); line-height: 1.8; color: var(--muted); }
.range-label { font:var(--text-sm) var(--mono); color: #617352; margin-top: 12px; }
.chart { margin-top: 24px; }
.chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.chart-grid { stroke: #e5e9df; stroke-dasharray: 3 4; fill: none; }
.chart-label { font:var(--text-2xs) var(--mono); fill: #6b7664; }
.chart-band { fill: #e3ebd7; }
.chart-line { fill: none; stroke: var(--green); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.chart-end { fill: var(--green); stroke: white; stroke-width: 2; }
.chart-legend { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 12px; color: var(--muted); font-size:var(--text-xs); }
.chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.legend-line { width: 14px; height: 2px; background: var(--green); }
.legend-band { width: 12px; height: 8px; background: #e3ebd7; border: 1px solid #c7d4b9; }
.explanation { margin-top: 23px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size:var(--text-md); }
.explanation summary { cursor: pointer; color: var(--green); }
.explanation p { margin-top: 11px; line-height: 1.8; }
.next-move { background: #eef1e5; border: 1px solid #dce4ce; border-radius: 7px; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; }
.boot-mark { display: grid; place-items: center; width: 78px; height: 68px; border: 1px solid #cfdabf; border-radius: 5px; background: #e2e9d7; margin-top: 21px; }
.boot-mark svg { width: 59px; height: 49px; fill: #bacbac; stroke: #657e55; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.next-move h3 { font-weight: 500; font-size: 22px; line-height: 1.3; letter-spacing: -.5px; margin-top: 20px; }
.next-move>p { font-size:var(--text-base); line-height: 1.85; color: #606e55; margin-top: 13px; }
.small-note { font-size:var(--text-sm); line-height: 1.75; color: var(--muted); }
.next-move .button { margin-top: 22px; width: 100%; gap: 15px; }
.breakdown-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 22px; }
.card-description { font-size:var(--text-md); color: var(--muted); margin-top: 7px; }
.bar-list { display: grid; gap: 19px; margin-top: 24px; }
.bar-row { display: grid; grid-template-columns: minmax(95px,1fr) 1.15fr 82px; gap: 13px; align-items: center; font-size:var(--text-md); }
.bar-row.you { color: var(--green); font-weight: 600; }
.bar-track { position: relative; background: #edf0e7; height: 6px; border-radius: 2px; }
.bar-fill { position: absolute; inset: 0 auto 0 0; width: var(--rate); border-radius: 2px; background: #a7b29a; }
.bar-row.you .bar-fill { background: var(--green); }
.bar-number { text-align: right; font:var(--text-md) var(--mono); }
.bar-number small { display: block; color: var(--muted); font:var(--text-xs) var(--mono); margin-top: 4px; }
.data-card>.small-note { border-top: 1px solid var(--line); padding-top: 15px; margin-top: 21px; }
.question-box { padding: 25px 28px; background: #eef1e5; border: 1px solid #dae2ce; border-radius: 7px; }
.question-box>p { font-size: 24px; font-weight: 450; letter-spacing: -.6px; line-height: 1.4; margin-top: 12px; max-width: 690px; }
.question-box>div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 22px; font:var(--text-sm) var(--mono); color: var(--muted); }
.missing-label { color: #766446; }
.evidence-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 22px; }
blockquote { margin: 23px 0; padding: 0 0 0 16px; border-left: 2px solid #c5d0b8; color: #4f5e47; font-size:var(--text-lg); line-height: 1.85; }
.answer-outcome { display: flex; gap: 10px; align-items: flex-start; padding-top: 17px; border-top: 1px solid var(--line); font-size:var(--text-md); color: var(--muted); line-height: 1.9; }
.answer-outcome strong { color: var(--ink); font-weight: 500; }
.outcome-mark { color: #8b754d; background: #f2ecdd; line-height: 20px; width: 20px; text-align: center; border-radius: 3px; flex-shrink: 0; }
.product-name { display: flex; gap: 12px; align-items: center; margin: 23px 0 20px; }
.product-initials { display: grid; place-items: center; width: 40px; height: 45px; background: var(--soft); border: 1px solid var(--line); border-radius: 4px; color: #7b8f68; font:var(--text-base) var(--mono); }
.product-name strong { display: block; font-size:var(--text-lg); font-weight: 550; }
.product-name div>span { font:var(--text-xs) var(--mono); color: var(--muted); }
dl { margin: 0; }
dl>div { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #e9ece3; padding: 10px 0; font-size:var(--text-md); }
dt { color: var(--muted); }
dd { margin: 0; font-weight: 500; text-align: right; }
.existing-copy { padding: 17px; border-radius: 4px; background: #f5f4ef; margin-top: 17px; }
.existing-copy .eyebrow { font-size:var(--text-xs); }
.existing-copy p { font-size:var(--text-base); line-height: 1.8; margin-top: 9px; color: var(--muted); }
.finding { display: flex; gap: 17px; padding: 24px 0; margin-top: 8px; }
.finding-number { font:var(--text-md) var(--mono); color: #849571; padding-top: 4px; }
.finding h3 { font-size:var(--text-xl); font-weight: 500; letter-spacing: -.3px; }
.finding p { max-width: 760px; color: var(--muted); font-size:var(--text-base); line-height: 1.85; margin-top: 8px; }
.panel-bottom { display: flex; justify-content: space-between; align-items: center; gap: 25px; border-top: 1px solid var(--line); padding-top: 24px; }
.panel-bottom>p { color: var(--muted); font-size:var(--text-md); }
.queue-controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; }
.status-tabs { display: flex; gap: 6px; }
.status-tabs button { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--muted); font-size:var(--text-md); }
.status-tabs button[aria-selected="true"] { border-color: #cbd4c2; color: var(--green); background: #e6ebdd; box-shadow: inset 0 2px 3px #294c3b15, inset 0 -1px 0 white; }
.status-tabs button>span { font:var(--text-xs) var(--mono); }
.queue-filters { display: flex; align-items: center; gap: 13px; }
.queue-filters label { display: flex; gap: 6px; align-items: center; font-size:var(--text-sm); color: var(--muted); }
.queue-filters select { padding: 7px 8px; font-size:var(--text-sm); max-width: 155px; }
.draft-layout { display: grid; grid-template-columns: 275px minmax(0,1fr); gap: 22px; align-items: start; }
.draft-list { display: grid; gap: 8px; }
.draft-choice { display: block; width: 100%; text-align: left; border: 1px solid var(--line); border-radius: 5px; background: transparent; padding: 17px 16px; color: var(--ink); }
.draft-choice:hover { background: #f0f2e9; }
.draft-choice[aria-pressed="true"] { background: #eaf0e0; border-color: #a9bf93; box-shadow: inset 3px 0 0 #5f8050; }
.draft-choice strong { display: block; font-size:var(--text-base); font-weight: 550; }
.draft-choice p { font-size:var(--text-md); color: var(--muted); line-height: 1.7; margin-top: 6px; }
.draft-choice-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; font:var(--text-xs) var(--mono); color: #5a6e4f; }
.priority-label { color: #806d44; }
.draft-editor { border: 1px solid var(--line); border-radius: 7px; background: var(--white); padding: 27px; min-width: 0; }
.editor-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.editor-heading h3 { font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: -.6px; margin-top: 9px; }
.editor-heading>span { font:var(--text-xs) var(--mono); color: var(--muted); background: var(--soft); border: 1px solid var(--line); border-radius: 3px; padding: 5px 8px; white-space: nowrap; }
.editor-context { font-size:var(--text-base); color: var(--muted); line-height: 1.85; margin-top: 18px; }
.source-facts { padding: 14px 16px; background: #f0f3e9; border-radius: 4px; margin-top: 19px; }
.source-facts>p { font-size:var(--text-sm); font-weight: 550; color: var(--green); }
.source-facts ul { display: flex; gap: 7px 22px; flex-wrap: wrap; margin: 8px 0 0; padding-left: 14px; font-size:var(--text-md); color: #617252; }
.copy-comparison { margin-top: 23px; }
.before-copy { color: var(--muted); font-size:var(--text-base); line-height: 1.8; padding: 13px 15px; border: 1px solid #e1e4d9; border-radius: 4px; margin: 9px 0 18px; background: #f8f8f3; }
.copy-comparison label { display: block; color: var(--green); font-weight: 500; font-size:var(--text-md); margin-bottom: 9px; }
textarea { display: block; width: 100%; min-height: 137px; resize: vertical; border: 1px solid #bdcdb0; border-radius: 4px; background: #fcfdf9; padding: 14px 15px; color: #30402a; font-size:var(--text-base); line-height: 1.85; }
textarea:read-only { border-color: var(--line); color: var(--muted); background: #f7f8f2; }
.editor-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; justify-content: space-between; margin-top: 8px; }
.editor-tools>span { color: var(--muted); font-size:var(--text-sm); }
.editor-tools .text-button { font-size:var(--text-sm); padding: 4px 0; }
.editor-error { font-size:var(--text-md); color: #975136; margin-top: 8px; }
.editor-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 23px; padding-top: 20px; border-top: 1px solid var(--line); }
.editor-safety { color: var(--muted); font-size:var(--text-sm); margin-top: 12px; }
.decision-note { display: flex; align-items: flex-start; gap: 10px; border: 1px solid #c7d5b8; border-radius: 4px; background: #edf3e4; padding: 15px; margin-top: 22px; font-size:var(--text-base); color: var(--green); }
.decision-note .icon { margin-top: 4px; }
.decision-note small { display: block; font-size:var(--text-sm); margin-top: 4px; color: var(--muted); }
.empty-state { grid-column: 1/-1; padding: 42px 25px; text-align: center; background: var(--soft); border: 1px dashed #c7d2ba; border-radius: 6px; }
.empty-state h3 { font-size:var(--text-xl); font-weight: 500; }
.empty-state p { color: var(--muted); font-size:var(--text-base); margin: 12px auto 18px; max-width: 380px; }
body.guided .queue-controls,body.guided .draft-list { display: none; }
body.guided .draft-layout { grid-template-columns: minmax(0,1fr); }
.completion { display: flex; gap: 22px; align-items: flex-start; margin-top: 24px; padding: 30px; background: #eaf0dc; border: 1px solid #cedcbb; border-radius: 7px; }
.completion-check { display: grid; place-items: center; height: 37px; width: 37px; border: 1px solid #b7cba0; border-radius: 5px; background: #dce8ca; color: var(--green); flex-shrink: 0; }
.completion h3 { font-size: 25px; line-height: 1.3; font-weight: 500; letter-spacing: -.7px; margin-top: 8px; }
.completion p:not(.eyebrow) { margin-top: 12px; font-size:var(--text-base); color: #5d6d51; max-width: 540px; }
.completion-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 23px; }
.workspace-foot { display: flex; justify-content: space-between; gap: 18px; margin-top: 24px; color: var(--muted); font-size:var(--text-sm); }
.workspace-foot>span:first-child { display: flex; align-items: center; gap: 7px; }
.next-step { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin: 64px 0 0; padding: 39px 44px; background: #e9edda; border: 1px solid #dce2cc; border-radius: 8px; }
.next-step h2 { font-size: 38px; font-weight: 450; letter-spacing: -1.5px; line-height: 1.15; margin-top: 17px; }
.next-step p:not(.eyebrow) { color: var(--muted); font-size:var(--text-base); margin-top: 17px; }
.inline-link { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
.inline-link:hover { color: var(--green-dark); }
footer { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding-block: 32px; font-size:var(--text-sm); color: var(--muted); }
footer>div { display: flex; gap: 28px; }
footer a { display: flex; align-items: center; gap: 8px; }
.live-message { position: fixed; right: 24px; bottom: 24px; z-index: 4; max-width: min(430px,calc(100% - 48px)); background: var(--green-dark); color: white; padding: 14px 18px; border: 1px solid #526e52; border-radius: 5px; box-shadow: 0 5px 24px #203e301f; font-size:var(--text-base); }
.live-message:empty { display: none; }
.noscript-note { padding: 25px; text-align: center; }
@media(min-width:1101px){body.guided .overview-grid{grid-template-columns:1.25fr 1fr}body.guided .bar-row{grid-template-columns:minmax(80px,1fr) .65fr 77px;gap:9px}body.guided .breakdown-grid .report-heading{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:1100px){
  .wrap{width:calc(100% - 56px)}.welcome{gap:45px}.welcome h1{font-size:46px}.mission{padding:24px}.welcome-actions{gap:14px}
  body.guided .demo-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.guide-panel{padding-right:20px}.guide-panel h3{font-size:22px}
  body.guided .overview-grid,body.guided .breakdown-grid,body.guided .evidence-grid{grid-template-columns:1fr}
  body.guided .next-move .boot-mark{display:none}body.guided .next-move h3 br{display:none}body.guided .next-move .button{width:auto}
  .panel-heading{align-items:flex-start}.panel-heading h2{font-size:24px}
  .report-card,.data-card,.answer-card,.catalog-card{padding:21px}.bar-row{grid-template-columns:minmax(90px,1fr) .8fr 75px;gap:9px}
  .draft-layout{grid-template-columns:235px minmax(0,1fr);gap:18px}.queue-controls{align-items:flex-start}
}
@media(max-width:767px){
  html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.nav-inner{min-height:69px;gap:12px}.brand{font-size:20px;gap:7px}.brand svg{width:27px;height:27px}.nav-divider,.demo-word{display:none}.nav-actions{gap:4px}.nav-actions .quiet-button{font-size:var(--text-sm);padding:8px}.nav-actions .button{font-size:var(--text-sm);padding:9px 10px;gap:10px}
  .welcome{grid-template-columns:1fr;gap:29px;padding:39px 0 30px}h1{font-size:45px!important;letter-spacing:-2px;margin-top:20px}.welcome-copy{line-height:1.85;margin-top:19px}.eyebrow{letter-spacing:1px}.mission{padding:24px}.mission ol{gap:16px}.welcome-actions{gap:19px}
  .sandbox-notice{align-items:flex-start;flex-direction:column;gap:6px;padding-block:13px}.store-header{align-items:flex-start;padding-block:24px;gap:13px}.store-header h2{font-size:21px;flex-direction:column;gap:0}.store-actions{align-items:flex-end;max-width:150px}.store-period{text-align:right;line-height:1.7}.store-actions .text-button{text-align:right;gap:5px}
  .workspace-navigation{flex-wrap:wrap;gap:8px;margin-bottom:23px}.step-navigation{width:100%;justify-content:space-between;gap:4px}.step-navigation button{gap:6px;padding:9px 8px;min-height:42px}.count{padding:0 4px}.exit-tour{margin-left:auto;padding:4px 0}
  body.guided .demo-layout{grid-template-columns:1fr;gap:24px}.guide-panel{position:static;border:1px solid #dce2d1;border-radius:6px;padding:20px;background:var(--soft)}.guide-panel h3{font-size:23px;margin-top:9px}.guide-panel>p:not(.eyebrow){margin-top:10px}.guide-tip{margin-top:14px}.guide-controls{margin-top:16px;padding-top:7px}
  .panel-heading{flex-direction:column;gap:16px;margin-bottom:19px}.panel-heading h2{font-size:25px}.engine-filter{flex-direction:row;align-items:center;gap:12px;width:100%;justify-content:space-between}.engine-filter select{min-width:155px;}
  .overview-grid,.breakdown-grid,.evidence-grid{grid-template-columns:1fr;gap:18px}.big-metric strong{font-size:62px}.report-card,.data-card,.answer-card,.catalog-card{padding:21px}.report-heading{gap:12px}.chart{margin-top:24px}.chart-legend{gap:12px}.next-move{padding:24px}.next-move h3{font-size:25px}.next-move .button{min-height:47px}.bar-row{grid-template-columns:minmax(95px,1fr) .8fr 77px;gap:10px}
  .question-box{padding:22px}.question-box>p{font-size:22px}.question-box>div{gap:13px;line-height:1.7}.evidence-grid{margin-top:18px}.finding{gap:13px;padding-block:22px}.panel-bottom{align-items:stretch;flex-direction:column;gap:16px;padding-top:20px}.panel-bottom .button{width:100%}
  .queue-controls{gap:17px}.status-tabs{width:100%;gap:4px;justify-content:space-between}.status-tabs button{padding:9px 10px;gap:7px}.queue-filters{width:100%;gap:12px;align-items:flex-end}.queue-filters label{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:5px}.queue-filters select{width:100%;max-width:none;min-height:38px}
  .draft-layout{grid-template-columns:1fr}.draft-list{grid-template-columns:1fr 1fr;gap:8px}.draft-choice{padding:13px 12px}.draft-choice-meta{gap:5px;margin-top:9px}.draft-editor{padding:21px}.editor-heading{gap:10px}.editor-heading h3{font-size:21px}.source-facts ul{display:block}.source-facts li{margin-top:5px}textarea{min-height:200px;padding:12px;line-height:1.7}.editor-tools{align-items:flex-start;gap:8px}.editor-actions{gap:16px}.editor-actions .button{flex:1}.completion{padding:23px;gap:13px;flex-direction:column}.completion h3{font-size:24px}.completion-actions{align-items:stretch;flex-direction:column;gap:12px}.completion-actions .text-button{justify-content:flex-start}
  .workspace-foot{gap:7px;flex-direction:column}.next-step{margin-top:42px;padding:29px 25px;align-items:flex-start;flex-direction:column;gap:26px}.next-step h2{font-size:36px}.next-step .button{width:100%}footer{padding-block:26px;flex-direction:column;gap:16px;align-items:flex-start;}footer>div{gap:22px}.live-message{right:18px;bottom:18px;max-width:calc(100% - 36px);}
}
@media(max-width:360px){.nav-inner{gap:6px}.brand{font-size:18px}.brand svg{width:23px;height:23px}.nav-actions .quiet-button{font-size:var(--text-xs);padding:6px}.nav-actions .button{font-size:var(--text-xs);padding:8px;gap:7px}.step-navigation button{padding-inline:6px;gap:4px}.step-digit{display:none}.mission{padding:21px}.welcome-actions{gap:12px}.welcome-actions .button{padding-inline:14px}.store-actions{max-width:121px}.big-metric{gap:16px}.bar-row{grid-template-columns:1fr .55fr 72px;gap:7px}.status-tabs button{padding-inline:7px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.welcome h1 em { display: inline-block; text-wrap: balance; }