@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+SC:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:IBM Plex Sans SC,system-ui,sans-serif;color:#20262b;background:#f3f5f6;font-synthesis:none;--ink: #20262b;--muted: #69757d;--line: #d4dce0;--line-soft: #e7ebed;--surface: #fff;--paper: #fafbfb;--green: #087f5b;--green-soft: #e8f7f1;--red: #c92a2a;--red-soft: #fff0f0;--blue: #1864ab;--blue-soft: #eaf3fb;--amber: #9a5700;--amber-soft: #fff4df}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f5f6}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app-shell{min-height:100vh}.review-header{position:sticky;top:0;z-index:20;background:#fafbfbfa;border-bottom:1px solid var(--line)}.brand-row{min-height:64px;padding:7px 12px;display:grid;grid-template-columns:180px 128px 160px minmax(350px,1fr) 125px;align-items:center;gap:8px}.brand-lockup{display:flex;align-items:center;gap:9px;min-width:0}.brand-mark{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:#fff;font:600 11px IBM Plex Mono,monospace}.brand-lockup div{display:flex;flex-direction:column;min-width:0}.brand-lockup strong{font-size:13px;white-space:nowrap}.brand-lockup span{color:var(--muted);font:9px IBM Plex Mono,monospace}.strategy-identity{min-height:42px;padding-left:12px;border-left:3px solid var(--green);display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.strategy-label-row{display:flex;align-items:center;gap:8px;min-width:0}.strategy-label-row>span:first-child{color:var(--muted);font-size:9px;white-space:nowrap}.strategy-identity strong{font:600 19px IBM Plex Mono,monospace;overflow-wrap:anywhere}.strategy-identity i{padding:0 8px;color:#9aa4aa;font-style:normal}.header-context{min-width:0;display:flex;flex-direction:column;gap:4px}.header-context span{overflow:hidden;color:var(--muted);font:8px IBM Plex Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.header-context span:first-child{color:var(--ink);font:500 10px IBM Plex Sans SC,sans-serif}.header-context b{margin-right:6px;color:var(--muted);font-size:8px;font-weight:400}.preset-config{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(40px,.8fr)) minmax(76px,1.35fr);align-items:center}.preset-config>div{min-width:0;padding:0 7px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.preset-config span{color:var(--muted);font-size:8px}.preset-config strong{overflow:hidden;font:600 10px IBM Plex Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.header-meta{min-width:0;display:flex;flex-direction:column;gap:4px;color:var(--muted);font:9px IBM Plex Mono,monospace}.header-meta span{overflow-wrap:anywhere}.mode-tag{padding:3px 6px;color:var(--green);background:var(--green-soft);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font:600 9px IBM Plex Sans SC,sans-serif}.mode-tag.comparison{color:var(--blue);background:var(--blue-soft)}.view-tabs{height:47px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:end;gap:2px}.view-tabs button{height:40px;padding:0 15px;border:0;border-bottom:3px solid transparent;background:transparent;color:#68747c;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.view-tabs button:hover{color:var(--ink);background:#f5f7f8}.view-tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.page-content{width:min(1500px,100%);margin:0 auto;padding:22px 24px 48px;display:flex;flex-direction:column;gap:26px}.section-block,.case-section{display:flex;flex-direction:column;gap:12px}.section-title{min-height:42px;padding-bottom:8px;border-bottom:1px solid #c8d0d4;display:flex;align-items:end;justify-content:space-between;gap:16px}.section-title h1{margin:0;font-size:17px;font-weight:600}.section-title span{color:var(--muted);font-size:11px;text-align:right}.reading-guide{display:grid;grid-template-columns:repeat(4,1fr);background:#f8fafb;border:1px solid var(--line)}.reading-guide.single{grid-template-columns:repeat(3,1fr)}.reading-guide>div{min-height:72px;padding:10px 12px;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;gap:4px}.reading-guide>div:last-child{border-right:0}.reading-guide strong{font-size:11px}.reading-guide span{color:#657178;font-size:10px;line-height:1.5}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.family-panel{background:var(--surface);border:1px solid var(--line);border-top:3px solid #9ba5aa}.family-panel.target{border-top-color:var(--green)}.family-panel>header{min-height:68px;padding:12px 14px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.family-name{margin:3px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:14px}.family-name small{color:var(--muted);font:9px IBM Plex Mono,monospace;font-weight:400;letter-spacing:0}.family-role{color:var(--muted);font-size:10px;display:inline-flex;align-items:center;gap:4px}.family-panel.target .family-role{color:var(--green)}.family-panel header button{width:32px;height:32px;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer}.family-panel header button:hover{color:var(--green);border-color:var(--green)}.checkpoint-grid{min-height:40px;padding:0 14px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:56px 1fr 1fr 88px;align-items:center;gap:8px;font-size:11px}.checkpoint-grid.header{min-height:30px;color:var(--muted);background:#f4f6f7;font-size:9px}.checkpoint-grid strong,.checkpoint-grid b{font-family:IBM Plex Mono,monospace}.family-panel footer{padding:8px 14px;color:var(--muted);font-size:10px}.delta{font:600 11px IBM Plex Mono,monospace}.delta.improved{color:var(--green)}.delta.regressed{color:var(--red)}.delta.unchanged{color:var(--muted)}.objective-value{display:inline-flex;flex-direction:column;gap:2px}.objective-value small{font-size:9px}.muted{color:var(--muted)}.results-layout{min-height:calc(100vh - 210px);display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.case-browser{position:sticky;top:76px;height:calc(100vh - 100px);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.tree-search,.run-search{min-height:42px;padding:0 11px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;color:var(--muted)}.tree-search input,.run-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:11px}.browser-help{margin:0;padding:7px 11px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.45}.tree-scroll{overflow:auto;padding-bottom:10px}.tree-family-label{width:100%;min-height:38px;padding:0 10px;border:0;border-bottom:1px solid var(--line-soft);background:#f3f6f7;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:5px;color:inherit;cursor:pointer;text-align:left;font-size:11px;font-weight:600}.tree-family-label small{color:var(--muted);font:10px IBM Plex Mono,monospace}.tree-family-label:hover{background:#e9eeee}.tree-family>button:not(.tree-family-label){width:100%;min-height:38px;padding:0 10px 0 29px;border:0;border-bottom:1px solid #f0f2f3;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left}.tree-family>button:not(.tree-family-label) span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px IBM Plex Mono,monospace}.tree-family>button:not(.tree-family-label) small{color:var(--muted);font:9px IBM Plex Mono,monospace}.tree-family>button:not(.tree-family-label):hover{background:#f6f9f8}.tree-family>button:not(.tree-family-label).selected{color:var(--green);background:var(--green-soft);box-shadow:inset 3px 0 var(--green)}.empty-tree{padding:16px;color:var(--muted);font-size:11px}.case-detail{min-width:0;display:flex;flex-direction:column;gap:28px}.case-heading{min-height:94px;padding:14px 18px;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:minmax(220px,1fr) 2fr;align-items:center;gap:20px}.case-heading>div>span{color:var(--muted);font-size:10px}.case-heading h1{margin:4px 0 0;font:600 20px IBM Plex Mono,monospace;overflow-wrap:anywhere}.case-heading dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.case-heading dl div{min-width:0;padding-left:10px;border-left:1px solid var(--line)}.case-heading dt{color:var(--muted);font-size:9px}.case-heading dd{margin:4px 0 0;font:500 11px IBM Plex Mono,monospace;overflow-wrap:anywhere}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line)}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap;font-size:10px}th{color:#5e6970;background:#f2f5f6;font-weight:600}td{font-family:IBM Plex Mono,monospace}tbody tr:hover{background:#f8faf9}.inline-explanation{margin:-1px 0 0;padding:9px 12px;border-left:3px solid #aeb8bd;background:#f7f9fa;color:#58656c;font-size:10px;line-height:1.55}.chart-legend{min-height:34px;padding:7px 11px;border:1px solid var(--line);border-bottom:0;background:var(--surface);display:flex;align-items:center;gap:18px;color:var(--muted);font-size:10px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:22px;height:3px;display:inline-block}.chart-legend .current-line{background:var(--green)}.chart-legend .baseline-line{background:var(--blue)}.chart-legend b{margin-left:auto;color:var(--ink)}.chart-frame{height:350px;padding:8px;background:var(--surface);border:1px solid var(--line)}.chart{width:100%;height:100%;min-height:180px}.verification{width:fit-content;padding:3px 6px;display:inline-flex;align-items:center;gap:4px;font:500 9px IBM Plex Sans SC,sans-serif}.verification.passed{color:var(--green);background:var(--green-soft)}.verification.failed{color:var(--red);background:var(--red-soft)}.run-search{width:min(360px,100%);background:var(--surface);border:1px solid var(--line)}.incompatible{max-width:900px;padding:24px;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:34px 1fr;gap:12px;color:var(--amber)}.incompatible h1{margin:0 0 5px;color:var(--ink);font-size:17px}.incompatible p,.incompatible li{color:var(--muted);font-size:11px}.state-page{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted)}.state-page strong{color:var(--ink)}.state-page p{max-width:640px;margin:0;color:var(--red);font-size:11px;text-align:center}@media (max-width: 1120px){.reading-guide,.reading-guide.single{grid-template-columns:repeat(2,1fr)}.reading-guide>div:nth-child(2){border-right:0}.reading-guide>div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}.results-layout{grid-template-columns:250px minmax(0,1fr)}.case-heading{grid-template-columns:1fr}}@media (max-width: 980px){.brand-row{grid-template-columns:180px 130px minmax(0,1fr);gap:8px 12px}.preset-config{grid-column:1 / -1}.header-meta{grid-column:1 / -1;padding-top:5px;border-top:1px solid var(--line-soft);flex-direction:row;gap:16px}}@media (max-width: 760px){.review-header{position:static}.brand-row{padding:10px 12px;grid-template-columns:minmax(0,1.15fr) minmax(112px,.85fr);gap:10px 12px}.brand-lockup strong{font-size:12px}.strategy-identity{min-height:38px;padding-left:9px}.strategy-label-row>span:first-child{display:none}.strategy-identity strong{font-size:18px}.mode-tag{font-size:8px}.header-context,.preset-config,.header-meta{grid-column:1 / -1}.preset-config{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:7px}.header-meta{padding-top:6px;flex-wrap:wrap;gap:5px 12px}.view-tabs{padding:0 8px;overflow-x:auto}.view-tabs button{flex:1 0 auto;padding:0 10px}.page-content{padding:14px 12px 32px}.reading-guide,.reading-guide.single{grid-template-columns:1fr}.reading-guide>div{min-height:0;border-right:0;border-bottom:1px solid var(--line-soft)}.family-grid{grid-template-columns:1fr}.checkpoint-grid{grid-template-columns:46px 1fr 1fr 72px;padding:0 10px}.results-layout{display:flex;flex-direction:column}.case-browser{position:static;width:100%;height:280px}.case-detail{width:100%}.case-heading{padding:12px}.case-heading dl{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{align-items:flex-start;flex-direction:column;gap:3px}.section-title span{text-align:left}.chart-frame{height:300px}}