:root {
  --product-bg: var(--bg);
  --product-raised: var(--surface);
  --product-text: var(--text);
  --product-muted: var(--muted);
  --product-line: var(--line);
  --product-hover: var(--surface-alt);
  --product-critical: #ab3e34;
  --product-urgent: var(--accent);
  --product-planned: var(--dim);
}
:root[data-theme="dark"] {
  --product-bg: #16191e;
  --product-raised: #1d2026;
  --product-text: #f4f1ea;
  --product-muted: #b6b4ab;
  --product-line: #34383e;
  --product-hover: #1a1e24;
  --product-critical: #f1a5a0;
  --product-urgent: #e4c390;
  --product-planned: #babfca;
}
html { scroll-padding-top: 100px; }
body { font-feature-settings: 'ss01', 'cv11'; }
.wide { max-width: 1440px; padding-left: 80px; padding-right: 80px; }
.header-inner { height: 88px; padding: 0 64px; max-width: 1536px; }
.header-inner .brand { font-size: 19px; letter-spacing: -.035em; }
.header-inner .brand img { width: 23px; height: 27px; }
.header-inner nav { gap: 32px; }
.header-inner nav a { font-size: 13px; }
.header-cta { padding: 10px 18px; font-size: 12px; }
.icon-button { border: 1px solid var(--line-strong); width: 38px; height: 38px; }
.icon-button svg { width: 20px; height: 20px; }
.reading-progress { height: 1px; }
.opening { padding: 78px 0 52px; }
.opening-label { display: flex; align-items: center; gap: 12px; font-size: 14px; margin-bottom: 32px; }
.opening-label img { width: 22px; height: 26px; }
.opening-label span:last-child { margin-left: auto; color: var(--dim); font-size: 12px; }
.opening-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 88px; align-items: end; }
.opening h1 { font-size: clamp(78px, 7.7vw, 116px); line-height: .98; font-weight: 200; letter-spacing: -.058em; }
.opening-intro { padding-bottom: 4px; }
.opening-intro p { font-size: 19px; line-height: 1.65; max-width: 34ch; margin-bottom: 30px; }
.opening-actions { display: flex; align-items: flex-start; flex-direction: column; gap: 16px; }
.opening-actions .button { font-weight: 400; gap: 28px; min-height: 48px; padding: 12px 19px; }
.button svg, .opening-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.2; flex-shrink: 0; }
.opening-link { display: inline-flex; gap: 20px; align-items: center; font-size: 14px; line-height: 1.5; padding: 8px 0; border-bottom: 1px solid transparent; }
.opening-link:hover { border-bottom-color: var(--accent); }
.product-example { padding: 0 0 105px; }
.example-controls { display: flex; gap: 20px; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.example-title { display: flex; align-items: center; gap: 18px; font-size: 12px; }
.example-title span:last-child { color: var(--dim); font-size: 11px; padding-left: 18px; border-left: 1px solid var(--line-strong); }
.comparison-controls { display: flex; align-items: center; gap: 24px; }
.comparison-controls button { background: transparent; border: 0; border-bottom: 1px solid transparent; color: var(--dim); padding: 9px 0; font-size: 12px; }
.comparison-controls button[aria-pressed=true] { color: var(--text); border-bottom-color: var(--text); }
.product-surface { background: var(--product-bg); color: var(--product-text); border: 1px solid var(--product-line); border-radius: 3px; overflow: hidden; }
.product-toolbar { display: flex; justify-content: space-between; gap: 28px; padding: 21px 28px; align-items: center; border-bottom: 1px solid var(--product-line); }
.product-toolbar > span { display: flex; gap: 14px; align-items: center; font-size: 14px; }
.product-toolbar img { width: 20px; height: 24px; }
.product-toolbar i { color: var(--product-muted); font-style: normal; padding: 0 7px; }
.product-toolbar > span:last-child { font-size: 11px; color: var(--product-muted); gap: 24px; }
.product-toolbar b { font-weight: 400; border-left: 1px solid var(--product-line); padding-left: 24px; }
.example-table { padding: 0 28px; }
.example-table table { width: 100%; border-collapse: collapse; text-align: left; table-layout: fixed; }
.example-table th { font-size: 11px; color: var(--product-muted); font-weight: 400; padding: 16px 14px 14px 0; }
.example-table th:nth-child(1) { width: 17%; }
.example-table th:nth-child(2) { width: 39%; }
.example-table th:nth-child(3) { width: 25%; }
.example-table th:nth-child(4) { width: 19%; }
.example-table tr { position: relative; background: var(--product-bg); }
.example-table td { padding: 23px 18px 23px 0; border-top: 1px solid var(--product-line); vertical-align: middle; font-size: 13px; }
.example-table td:last-child { padding-right: 0; }
.example-table tbody tr:hover { background: var(--product-hover); }
.response-priority { display: inline-flex; gap: 8px; align-items: center; font-size: 12px; white-space: nowrap; }
.response-priority i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.priority-0 { color: var(--product-critical); }
.priority-1 { color: var(--product-urgent); }
.priority-2 { color: var(--product-planned); }
.cell-secondary { display: block; font-size: 11px; color: var(--product-muted); line-height: 1.5; margin-top: 8px; }
.finding-open { display: flex; align-items: center; text-align: left; gap: 10px; font-size: 14px; line-height: 1.45; background: none; border: 0; padding: 0; }
.finding-open svg { width: 14px; height: 14px; flex-shrink: 0; stroke: currentColor; stroke-width: 1.3; fill: none; opacity: 0; transform: translateX(-4px); transition: opacity .2s, transform .2s; }
.finding-open:hover svg, .finding-open:focus-visible svg { opacity: 1; transform: none; }
.finding-scores { display: flex; gap: 13px; margin-top: 8px; font-family: var(--mono); font-size: 9px; color: var(--product-muted); }
.finding-scores span { white-space: nowrap; }
.severity-1 { color: var(--product-critical); }
.asset-name { font-family: var(--mono); font-size: 10px; overflow-wrap: anywhere; }
.work-status { font-size: 12px; }
.priority-explanation { border-top: 1px solid var(--product-line); display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 18px; padding: 24px 28px; background: var(--product-raised); }
.explanation-symbol { align-self: start; font-size: 24px; color: var(--product-muted); line-height: 1.2; }
.priority-explanation h2 { font-size: 17px; font-weight: 400; line-height: 1.4; letter-spacing: -.015em; margin-bottom: 6px; }
.priority-explanation p { color: var(--product-muted); font-size: 12px; line-height: 1.7; margin: 0; max-width: 83ch; }
.priority-explanation button { display: inline-flex; gap: 18px; align-items: center; border: 0; border-bottom: 1px solid var(--line-strong); padding: 9px 0; background: none; font-size: 11px; margin-left: 22px; }
.priority-explanation svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.2; fill: none; }
.example-note { font-size: 11px; line-height: 1.7; color: var(--dim); max-width: none; margin: 18px 0 0; }
.drawer-is-open { overflow: hidden; }
.example-drawer { color: var(--product-text); background: var(--product-bg); border: 0; border-left: 1px solid var(--product-line); padding: 28px 40px 40px; width: min(580px,94vw); max-width: none; height: 100dvh; max-height: none; margin: 0 0 0 auto; inset: 0; overscroll-behavior: contain; }
.example-drawer[open] { animation: drawer-enter .38s cubic-bezier(.22,1,.36,1); }
.example-drawer::backdrop { background: rgba(7,10,13,.5); backdrop-filter: blur(3px); }
.drawer-top { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--product-muted); margin-bottom: 32px; }
.drawer-close { width: 40px; height: 40px; border: 1px solid var(--line-strong); color: var(--product-text); font-size: 26px; font-weight: 200; background: none; }
.example-drawer h2 { font-size: 34px; line-height: 1.14; font-weight: 300; margin: 20px 0 12px; }
.drawer-asset { color: var(--product-muted); font: 11px/1.7 var(--mono); }
.example-drawer section { margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--product-line); }
.example-drawer h3 { font-size: 18px; font-weight: 400; letter-spacing: -.02em; margin-bottom: 14px; }
.example-drawer p { font-size: 13px; line-height: 1.75; color: var(--product-muted); }
.example-drawer dl { margin: 0; }
.example-drawer dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 28px; font-size: 12px; padding: 9px 0; }
.example-drawer dt { color: var(--product-muted); }
.example-drawer dd { margin: 0; text-align: right; }
.drawer-work p { margin: 20px 0 0; }
.drawer-example { display: block; margin-top: 35px; color: var(--product-muted); font-size: 11px; }
.remediation-section { padding: 112px 0 85px; background: var(--surface-alt); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.remediation-intro { display: grid; grid-template-columns: 1.25fr 1fr; gap: 26px 120px; align-items: end; margin-bottom: 68px; }
.section-label { font-size: 12px; color: var(--dim); grid-column: 1/-1; }
.remediation-intro h2 { font-size: clamp(48px,4.6vw,68px); line-height: 1.06; }
.remediation-intro p { max-width: 32ch; font-size: 18px; margin: 0 0 3px; }
.remediation-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 120px; align-items: center; }
.remediation-steps { display: flex; flex-direction: column; }
.remediation-steps button { display: grid; grid-template-columns: 30px 1fr; gap: 24px; border: 0; border-top: 1px solid var(--line); background: none; padding: 26px 0 28px; text-align: left; position: relative; }
.remediation-steps button:before { content: ''; height: 1px; background: var(--text); position: absolute; top: -1px; left: 0; width: 0; transition: width .55s var(--ease); }
.remediation-steps button.active:before { width: 100%; }
.step-number { font: 11px var(--mono); color: var(--dim); margin-top: 5px; }
.remediation-steps strong { display: block; font-size: 27px; font-weight: 300; letter-spacing: -.03em; line-height: 1.2; margin-bottom: 14px; }
.remediation-steps button > span:last-child > span { color: var(--muted); display: block; font-size: 14px; line-height: 1.7; max-width: 39ch; }
.history-panel { border: 1px solid var(--line-strong); padding: 25px 32px 28px; background: var(--bg); }
.history-heading { display: flex; justify-content: space-between; gap: 18px; color: var(--dim); font-size: 10px; }
.history-heading span:last-child { font-family: var(--mono); }
.history-panel h3 { font-size: 25px; line-height: 1.2; letter-spacing: -.025em; margin: 28px 0 25px; }
.history-events { margin: 0; padding: 0; list-style: none; }
.history-events li { display: grid; grid-template-columns: 15px 1fr 18px; gap: 20px; padding: 0 0 26px; position: relative; opacity: .5; transition: opacity .4s; }
.history-events li.complete { opacity: 1; }
.history-events li:not(:last-child):before { content: ''; position: absolute; left: 5px; width: 1px; background: var(--line-strong); top: 13px; bottom: 0; }
.event-dot { width: 11px; height: 11px; border: 1px solid var(--dim); border-radius: 50%; margin-top: 5px; }
.complete .event-dot { background: var(--text); border-color: var(--text); box-shadow: inset 0 0 0 3px var(--bg); }
.history-events strong { font-size: 14px; font-weight: 400; display: block; }
.history-events li div > span { font-size: 11px; color: var(--dim); }
.event-state { font-size: 13px; padding-top: 2px; }
.history-result { border-top: 1px solid var(--line); margin: 0; padding-top: 16px; }
.history-result > div { display: flex; justify-content: space-between; gap: 22px; padding: 4px 0; font-size: 11px; }
.history-result dt { color: var(--dim); }
.history-result dd { margin: 0; text-align: right; }
.lifecycle-note { text-align: right; max-width: none; margin: 22px 0 0; font-size: 10px; color: var(--dim); }
.breadth-section { padding: 125px 0 100px; }
.breadth-intro { display: grid; grid-template-columns: 1.25fr 1fr; gap: 120px; align-items: end; margin-bottom: 70px; }
.breadth-intro h2 { font-size: clamp(48px,4.6vw,68px); }
.breadth-intro p { font-size: 18px; max-width: 33ch; margin-bottom: 20px; }
.breadth-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 45px; }
.breadth-links article { padding: 24px 0 28px; border-top: 1px solid var(--line-strong); position: relative; }
.breadth-links article > span { color: var(--dim); font-size: 11px; }
.breadth-links h3 { font-size: 28px; line-height: 1.12; margin: 32px 0 18px; max-width: 16ch; }
.breadth-links p { font-size: 14px; max-width: 32ch; margin-bottom: 30px; }
.breadth-links svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.2; fill: none; transition: transform .2s; }
.breadth-links article:hover svg { transform: translateX(6px); }
.agentic-note { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 120px; padding: 50px 0; border-top: 1px solid var(--line); margin-top: 55px; align-items: start; }
.agentic-note .development-label { grid-column: 1; justify-self: start; margin: 0; }
.agentic-note h3 { grid-column: 1; font-size: 40px; max-width: 17ch; }
.agentic-note p { grid-column: 2; grid-row: 2; font-size: 15px; max-width: 42ch; margin: 0; }
.agentic-note a { grid-column: 2; justify-self: start; }
.benchmark-note { display: flex; align-items: center; gap: 55px; border-top: 1px solid var(--line); padding-top: 36px; }
.benchmark-note h3 { font-size: 24px; min-width: 180px; }
.benchmark-note p { font-size: 13px; max-width: 47ch; margin: 0; }
.benchmark-note a { margin-left: auto; font-size: 12px; flex-shrink: 0; }
.price-plan { background: none; }
.price-plan.featured { background: var(--surface-alt); }
.pricing .section-intro { align-items: end; }
.closing { background: var(--surface-alt); color: var(--text); border-color: var(--line); }
[data-theme="dark"] .closing {
  --bg: #16191e;
  --text: #fff;
  --muted: #cdd0d3;
  --line: #34383e;
  --line-strong: #858a91;
  background: #202329;
}
.closing h2 { color: var(--text); }
.closing p { color: var(--muted); opacity: 1; }
.closing .button { background: var(--text); color: var(--bg); border-color: var(--text); }
.closing .button.secondary { background: transparent; color: var(--text); border-color: var(--line-strong); }
.closing .button:focus-visible { outline-color: var(--accent); }
.closing img { width: 145px; height: 168px; }
@keyframes drawer-enter { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media(min-width:1100px) {
  .remediation-section:not(.is-visible) .history-panel { transform: translateY(25px); }
  .history-panel { transition: transform .7s var(--ease); }
}
@media(min-width:1600px) {
  .opening { padding-top: 100px; padding-bottom: 70px; }
  .opening-grid { gap: 130px; }
}
@media(max-width:1100px) {
  .wide { padding-left: 48px; padding-right: 48px; }
  .header-inner { padding: 0 36px; gap: 22px; }
  .header-inner nav { gap: 22px; }
  .header-actions { gap: 12px; }
  .opening { padding-top: 65px; }
  .opening-grid { gap: 50px; grid-template-columns: 1.3fr 1fr; }
  .opening h1 { font-size: 84px; }
  .opening-intro p { font-size: 17px; }
  .example-table { padding: 0 20px; }
  .product-toolbar { padding: 18px 20px; }
  .example-table th:nth-child(1) { width: 17%; }
  .example-table th:nth-child(2) { width: 35%; }
  .example-table th:nth-child(3) { width: 27%; }
  .example-table th:nth-child(4) { width: 21%; }
  .finding-open { font-size: 12px; }
  .finding-scores { font-size: 8px; gap: 8px; }
  .response-priority { font-size: 10px; gap: 6px; }
  .cell-secondary { font-size: 10px; }
  .work-status { font-size: 11px; }
  .asset-name { font-size: 9px; }
  .priority-explanation { padding: 22px 20px; gap: 14px; }
  .priority-explanation p { font-size: 11px; }
  .priority-explanation button { margin-left: 10px; }
  .remediation-intro, .remediation-layout, .breadth-intro, .agentic-note { gap: 55px; }
  .remediation-intro { row-gap: 22px; }
  .remediation-steps strong { font-size: 24px; }
  .remediation-steps button { gap: 15px; }
  .history-panel { padding: 22px; }
  .history-panel h3 { font-size: 23px; }
  .history-heading { flex-wrap: wrap; gap: 6px; }
  .history-events li { gap: 14px; }
  .breadth-links { gap: 28px; }
  .breadth-links h3 { font-size: 25px; }
  .benchmark-note { gap: 28px; }
  .benchmark-note h3 { min-width: 120px; }
}
@media(max-width:800px) {
  .header-inner { height: 76px; padding: 0 28px; }
  .header-inner nav { display: none; }
  .header-actions { margin-left: auto; }
  .menu-button { display: block; font-size: 12px; }
  .header-inner nav.open { display: flex; position: absolute; left: 0; right: 0; top: 76px; flex-direction: column; padding: 25px 32px; background: var(--bg); border-bottom: 1px solid var(--line-strong); gap: 22px; }
  .header-inner nav.open a { font-size: 18px; }
  .header-cta { display: none; }
  .opening { padding: 60px 0 35px; }
  .opening-label { flex-wrap: wrap; gap: 10px; }
  .opening-label span:last-child { flex-basis: 100%; margin-left: 0; margin-top: 8px; font-size: 11px; }
  .opening-grid { grid-template-columns: 1fr; gap: 32px; }
  .opening h1 { font-size: clamp(68px,11vw,88px); }
  .opening-intro p { max-width: 49ch; font-size: 18px; margin-bottom: 23px; }
  .opening-actions { flex-direction: row; align-items: center; gap: 24px; }
  .product-example { padding-bottom: 70px; }
  .example-controls { align-items: start; }
  .example-title { flex-direction: column; align-items: start; gap: 5px; }
  .example-title span:last-child { border: 0; padding: 0; }
  .comparison-controls { gap: 18px; }
  .comparison-controls button { font-size: 11px; }
  .product-toolbar > span:last-child { font-size: 10px; gap: 12px; }
  .product-toolbar b { padding-left: 12px; }
  .example-table table, .example-table tbody { display: block; }
  .example-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .example-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; padding: 22px 0; border-bottom: 1px solid var(--product-line); }
  .example-table tr:last-child { border-bottom: 0; }
  .example-table td { padding: 0; border: 0; }
  .example-table td:nth-child(1) { grid-column: 2; grid-row: 2; align-self: end; }
  .example-table td:nth-child(1) .cell-secondary { display: none; }
  .example-table td:nth-child(2) { grid-column: 1/-1; grid-row: 1; }
  .example-table td:nth-child(3) { grid-column: 1; grid-row: 2; }
  .example-table td:nth-child(4) { grid-column: 2; grid-row: 3; }
  .example-table td:nth-child(1) { grid-row: 2; align-self: start; }
  .example-table td:nth-child(3) { grid-row: 3; }
  .example-table td:nth-child(4) { grid-column: 1; grid-row: 2; }
  .finding-open { font-size: 15px; }
  .finding-open svg { opacity: 1; transform: none; }
  .finding-scores { font-size: 10px; gap: 14px; }
  .asset-name { font-size: 10px; }
  .cell-secondary { font-size: 11px; margin-top: 5px; }
  .response-priority, .work-status { font-size: 12px; }
  .priority-explanation { grid-template-columns: 1fr; gap: 14px; }
  .explanation-symbol { display: none; }
  .priority-explanation button { margin: 0; justify-self: start; font-size: 12px; }
  .priority-explanation p { font-size: 13px; }
  .example-note { font-size: 10px; }
  .remediation-section { padding: 75px 0 55px; }
  .remediation-intro, .breadth-intro { grid-template-columns: 1fr; gap: 24px; margin-bottom: 40px; }
  .remediation-intro p { max-width: 42ch; font-size: 17px; }
  .remediation-layout { grid-template-columns: 1fr; gap: 35px; }
  .remediation-steps { flex-direction: row; gap: 25px; }
  .remediation-steps button { flex: 1; display: flex; flex-direction: column; gap: 14px; padding: 18px 0; }
  .remediation-steps strong { font-size: 21px; }
  .remediation-steps button > span:last-child > span { font-size: 12px; }
  .history-panel { padding: 26px 30px; }
  .history-heading { flex-wrap: nowrap; }
  .history-panel h3 { font-size: 28px; }
  .lifecycle-note { text-align: left; }
  .breadth-section { padding: 80px 0 65px; }
  .breadth-links { grid-template-columns: 1fr; gap: 0; }
  .breadth-links article { display: grid; grid-template-columns: 1fr 1fr 22px; gap: 15px 30px; padding: 27px 0; }
  .breadth-links article > span { grid-column: 1/-1; }
  .breadth-links h3 { margin: 0; }
  .breadth-links p { margin: 0; font-size: 13px; }
  .breadth-links svg { align-self: center; }
  .agentic-note { gap: 22px 40px; margin-top: 35px; }
  .agentic-note h3 { font-size: 34px; }
  .agentic-note p { font-size: 14px; }
  .benchmark-note { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 40px; }
  .benchmark-note a { grid-column: 2; margin: 0; justify-self: start; }
}
@media(max-width:500px) {
  .wide { padding-left: 24px; padding-right: 24px; }
  .header-inner { padding: 0 20px; height: 72px; gap: 12px; }
  .header-inner .brand { font-size: 18px; gap: 9px; }
  .header-actions { gap: 7px; }
  .header-inner nav.open { top: 72px; }
  .icon-button { border: 0; min-width: 30px; width: 30px; }
  .language-button { min-width: 28px; padding: 5px; }
  .menu-button { min-width: 40px; padding: 5px; }
  .opening { padding-top: 43px; padding-bottom: 30px; }
  .opening-label { margin-bottom: 29px; font-size: 13px; }
  .opening-label span:last-child { font-size: 10px; }
  .opening h1 { font-size: clamp(56px,14vw,70px); line-height: 1.02; }
  .opening-grid { gap: 28px; }
  .opening-intro p { font-size: 17px; }
  .opening-actions { gap: 20px; flex-wrap: wrap; }
  .opening-actions .button { font-size: 12px; gap: 20px; padding: 12px 15px; }
  .opening-link { font-size: 12px; gap: 12px; }
  .example-controls { flex-direction: column; gap: 12px; margin-bottom: 14px; }
  .example-title { width: 100%; flex-direction: row; justify-content: space-between; font-size: 11px; gap: 12px; }
  .example-title span:last-child { font-size: 10px; text-align: right; }
  .comparison-controls { gap: 25px; }
  .comparison-controls button { font-size: 12px; padding: 9px 0; min-height: 40px; }
  .product-toolbar { padding: 18px; }
  .product-toolbar > span { font-size: 12px; gap: 8px; }
  .product-toolbar i { padding: 0; }
  .product-toolbar > span:last-child { display: none; }
  .example-table { padding: 0 18px; }
  .example-table tr { gap: 15px 16px; }
  .finding-open { font-size: 14px; }
  .finding-scores { font-size: 9px; gap: 12px; }
  .example-table td:nth-child(3) { grid-column: 1/-1; }
  .priority-explanation { padding: 23px 18px; }
  .priority-explanation h2 { font-size: 19px; }
  .priority-explanation p { font-size: 12px; }
  .example-drawer { padding: 20px 24px 35px; width: 100%; }
  .example-drawer h2 { font-size: 32px; }
  .example-drawer dl > div { font-size: 11px; gap: 20px; }
  .remediation-intro h2, .breadth-intro h2 { font-size: clamp(39px,10vw,48px); }
  .remediation-steps { gap: 17px; }
  .remediation-steps strong { font-size: 17px; line-height: 1.3; margin-bottom: 0; }
  .remediation-steps button > span:last-child > span { display: none; }
  .history-panel { padding: 22px 20px; }
  .history-panel h3 { font-size: 25px; margin-top: 25px; }
  .history-heading { font-size: 9px; gap: 8px; }
  .history-heading span:last-child { font-size: 9px; }
  .history-events strong { font-size: 13px; }
  .history-events li div > span { font-size: 10px; }
  .history-result > div { font-size: 10px; gap: 15px; }
  .lifecycle-note { font-size: 10px; }
  .breadth-intro p { font-size: 17px; }
  .breadth-links article { grid-template-columns: 1fr 22px; gap: 15px; }
  .breadth-links article > span { grid-column: 1; }
  .breadth-links h3 { grid-column: 1; font-size: 28px; max-width: 19ch; }
  .breadth-links p { grid-column: 1; font-size: 14px; }
  .breadth-links svg { grid-column: 2; grid-row: 2; }
  .agentic-note { grid-template-columns: 1fr; gap: 22px; padding: 35px 0; }
  .agentic-note p { grid-column: 1; grid-row: auto; }
  .agentic-note a { grid-column: 1; }
  .benchmark-note { grid-template-columns: 1fr; gap: 18px; }
  .benchmark-note a { grid-column: 1; }
  .section { padding-top: 75px; padding-bottom: 75px; }
  .ribbon { margin-bottom: 40px; }
  .closing img { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  .example-drawer[open] { animation: none; }
  .history-panel, .remediation-steps button:before, .history-events li, .finding-open svg, .breadth-links svg { transition: none; transform: none; }
}
@media(min-width:1001px) and (min-height:740px) and (prefers-reduced-motion:no-preference) {
  .remediation-layout { align-items: start; }
  .remediation-steps button { min-height: 42vh; align-content: center; }
  .history-panel { position: sticky; top: 132px; }
  .remediation-steps button:not(.active) strong { color: var(--muted); }
  .history-panel { transform: none !important; }
}
.step-short { display: none; }
@media(max-width:500px) {
  .remediation-layout { grid-template-columns: minmax(0,1fr); }
  .remediation-steps, .remediation-steps button, .history-panel { min-width: 0; }
  .step-long { display: none; }
  .step-short { display: inline; }
}