:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;--bg:#faf9f6;--surface:#fff;--surface-warm:#f4f1eb;--text:#111;--muted:#67645f;--faint:#8d8982;--border:#dedbd6;--accent:#ff5600;--accent-dark:#c63d00;--good:#126b36;--warn:#ba4b00;--bad:#a91f14;--blue:#1a57a8;background:#faf9f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,textarea,select,input{font:inherit}a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:1px}button{cursor:pointer}.app-shell{min-height:100vh;padding:18px}.app-header{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.brand{align-items:center;gap:14px;display:flex}.mark{border:2px solid var(--accent);width:42px;height:42px;color:var(--accent);border-radius:4px;place-items:center;font-weight:800;display:grid}h1,h2,h3,p{margin:0}.brand h1{letter-spacing:0;font-size:28px;line-height:1}.brand p,.header-actions span,.panel-title small,.footer-note{color:var(--muted)}.header-actions{align-items:center;gap:14px;font-size:13px;display:flex}.benchmark-badge{border:1px solid color-mix(in srgb, var(--good) 35%, var(--border));background:color-mix(in srgb, var(--good) 8%, #fff);color:var(--good);border-radius:4px;padding:6px 8px;font-weight:800}.page-nav{flex-wrap:wrap;gap:6px;display:flex}.page-nav button{border:1px solid var(--border);background:var(--surface-warm);color:var(--text);border-radius:4px;padding:9px 12px;font-size:13px;font-weight:800}.page-nav button.active{border-color:var(--text);background:var(--text);color:#fff}.guardrail-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.guardrail-strip strong,.guardrail-strip span{border:1px solid var(--border);background:var(--surface-warm);border-radius:6px;align-items:center;min-height:42px;padding:10px 12px;font-size:13px;display:flex}.guardrail-strip strong{color:var(--accent-dark)}.workspace{grid-template-columns:minmax(280px,330px) minmax(430px,1fr) minmax(330px,440px);align-items:start;gap:10px;margin-top:10px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);border-radius:8px}.intake-panel,.results-panel,.detail-panel{min-height:720px;padding:16px}.panel-title{justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;display:flex}.panel-title span{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800}.question-box,.review-note{gap:8px;display:grid}.question-box span,.review-note span,.context-control span,.example-list span,.score-bar span,.detail-heading span,.source-grid span{color:var(--muted);font-size:12px;font-weight:700}textarea,select,input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:4px}textarea{resize:vertical;padding:12px;line-height:1.45}select,input{padding:10px}.question-box small{color:var(--faint);font-size:12px}.warning-box{border:1px solid color-mix(in srgb, var(--bad) 45%, var(--border));background:color-mix(in srgb, var(--bad) 8%, var(--surface));border-radius:6px;margin:12px 0;padding:12px}.warning-box p{color:var(--bad);margin-top:6px;font-size:13px;line-height:1.4}.context-grid{gap:8px;margin-top:14px;display:grid}.context-control{border:1px solid var(--border);background:var(--bg);border-radius:6px;grid-template-columns:120px 1fr;align-items:center;display:grid;overflow:hidden}.context-control span{padding:0 10px}.context-control select{border:0;border-left:1px solid var(--border);background:var(--surface);border-radius:0}.button-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.button-help{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.35}.progress-box{border:1px solid color-mix(in srgb, var(--blue) 35%, var(--border));background:color-mix(in srgb, var(--blue) 7%, var(--surface));border-radius:6px;gap:5px;margin-top:12px;padding:11px 12px;display:grid}.progress-box strong{color:var(--blue);font-size:13px}.progress-box span{color:var(--muted);font-size:12px;line-height:1.35}.result-progress{margin-bottom:12px}.primary-button,.secondary-button,.example-list button,.feedback-row button,.tab-row button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:4px;padding:10px 12px}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:800}.secondary-button:hover,.example-list button:hover,.feedback-row button:hover,.tab-row button:hover,.primary-button:hover{transform:translateY(-1px)}.example-list{gap:8px;margin-top:18px;display:grid}.example-list button{text-align:left}.results-title{align-items:center}.results-list{gap:10px;display:grid}.result-card{border:1px solid var(--border);background:#fffdf9;border-radius:8px;overflow:hidden}.result-card.selected{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.result-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:42px 1fr;gap:12px;padding:14px;display:grid}.rank{border:1px solid var(--border);background:var(--surface-warm);border-radius:4px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.selected .rank{border-color:var(--accent);background:var(--accent);color:#fff}.result-copy{gap:10px;min-width:0;display:grid}.result-heading{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:baseline;gap:12px;display:grid}.result-heading h2{font-size:24px;line-height:1}.result-heading strong{overflow-wrap:anywhere;font-size:15px}.result-heading span{color:var(--accent-dark);font-size:22px;font-weight:800}.version-row,.badge-row{flex-wrap:wrap;gap:6px;display:flex}.notice-chip{border:1px solid color-mix(in srgb, var(--warn) 35%, var(--border));background:color-mix(in srgb, var(--warn) 8%, #fff);color:var(--warn);border-radius:4px;padding:5px 7px;font-size:11px;font-weight:800}.version{border:1px solid var(--border);background:var(--bg);color:var(--muted);text-transform:uppercase;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:800}.version-current{border-color:color-mix(in srgb, var(--good) 45%, var(--border));background:color-mix(in srgb, var(--good) 10%, #fff);color:var(--good)}.version-warning,.version-proposed,.version-overhaul-deviation,.version-pre-overhaul{border-color:color-mix(in srgb, var(--warn) 45%, var(--border));background:color-mix(in srgb, var(--warn) 10%, #fff);color:var(--warn)}.result-copy p,.detail-section p,.footer-note{font-size:14px;line-height:1.45}.score-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.score-bar{gap:4px;display:grid}.score-bar div{flex-wrap:wrap;justify-content:space-between;gap:2px 8px;display:flex}meter{width:100%;height:8px}meter::-webkit-meter-bar{background:#ddd8cf;border:0;border-radius:0}meter::-webkit-meter-optimum-value{background:var(--good)}.risk-line{color:var(--warn)}.feedback-row{border-top:1px solid var(--border);justify-content:flex-end;gap:6px;padding:8px;display:flex}.feedback-row button{padding:7px 10px;font-size:12px}.feedback-row button.active{border-color:var(--text);background:var(--text);color:#fff}.no-match{border:1px dashed var(--border);border-radius:8px;gap:12px;padding:22px;display:grid}.detail-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.detail-heading h2{margin-top:4px;font-size:24px;line-height:1.05}.detail-heading small{margin-top:6px;font-size:14px;font-weight:500;display:block}.detail-panel .version-row{margin-top:12px}.tab-row{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:4px;margin-top:14px;display:grid}.tab-row button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0}.tab-row button.active{border-color:var(--accent);color:var(--accent-dark)}.detail-section{gap:12px;padding:16px 0;display:grid}.detail-section h3{text-transform:uppercase;letter-spacing:.04em;font-size:14px}.check-list,.related-list,.chain,.timeline,.source-grid,.eval-grid,.passport-grid,.diff-grid,.callout-grid,.redline-grid,.coverage-grid,.vintage-grid{gap:8px;display:grid}.check-row{border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr max-content;gap:4px 10px;padding:10px;display:grid}.check-row small{color:var(--muted);grid-column:1/-1}.met{color:var(--good)}.miss{color:var(--bad)}.unknown{color:var(--warn)}.chain{grid-template-columns:repeat(3,minmax(0,1fr))}.chain a,.related-list a,.timeline a,.source-grid a,.eval-item,.source-stat,.passport-item,.diff-grid div,.callout-grid div,.coverage-card,.redline-grid div{border:1px solid var(--border);background:var(--bg);border-radius:6px;gap:5px;padding:10px;text-decoration:none;display:grid}.chain a strong,.related-list a,.timeline a strong,.source-grid strong,.source-stat strong,.passport-item strong,.diff-grid strong,.callout-grid h3,.coverage-card h3{color:var(--text)}.chain a span,.related-list a span,.timeline a span,.timeline a small,.source-grid small,.source-stat span,.passport-item span,.diff-grid span{color:var(--muted);font-size:12px}.passport-grid,.diff-grid,.callout-grid,.redline-grid,.vintage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.coverage-card p,.coverage-card small,.coverage-card strong{font-size:13px;line-height:1.4}.coverage-card small{color:var(--muted)}.redline-list li{border-left:3px solid var(--border);padding-left:8px}.redline-list li.removed{border-color:var(--bad);color:var(--bad);text-decoration:line-through}.redline-list li.added{border-color:var(--good);color:var(--good)}.compact-list{color:var(--muted);margin:0;padding-left:20px;font-size:14px;line-height:1.45}.review-note{margin-top:10px}.empty-detail{align-content:center;gap:10px;display:grid}.lower-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.eval-panel,.source-panel{padding:16px}.eval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-eval{max-width:780px;margin-top:22px}.eval-item p{color:var(--muted);font-size:13px;line-height:1.35}.source-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-note{border:1px solid var(--border);background:var(--surface-warm);border-radius:8px;margin-top:10px;padding:12px 14px}.clarify-panel,.answer-panel{margin-top:10px;padding:16px}.clarify-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.clarify-question{border:1px solid var(--border);background:var(--bg);border-radius:6px;gap:8px;padding:12px;display:grid}.clarify-question strong{font-size:14px}.clarify-question span{color:var(--muted);font-size:12px;line-height:1.35}.clarify-actions{max-width:520px}.answer-panel{gap:12px;display:grid}.answer-panel p,.answer-panel li{max-width:980px;font-size:15px;line-height:1.48}.answer-panel ul{color:var(--muted);margin:0;padding-left:20px}.page-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:620px;margin-top:10px;padding:clamp(20px,4vw,44px)}.page-panel h2{letter-spacing:0;max-width:880px;font-size:clamp(34px,6vw,70px);line-height:.98}.page-panel p{max-width:780px;color:var(--muted);margin-top:18px;font-size:18px;line-height:1.48}.page-panel .source-grid{margin-top:28px}.page-panel h3,.section-label{text-transform:uppercase;letter-spacing:.04em;margin-top:28px;font-size:15px}.callout-grid{max-width:980px;margin-top:24px}.callout-grid p{margin-top:8px;font-size:15px}@media (width<=1180px){.workspace{grid-template-columns:320px 1fr}.detail-panel{grid-column:1/-1;min-height:auto}.source-grid,.passport-grid,.diff-grid,.callout-grid,.redline-grid,.coverage-grid,.vintage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{padding:10px}.app-header,.header-actions{flex-direction:column;align-items:flex-start}.page-nav{width:100%}.page-nav button{flex:1}.guardrail-strip,.workspace,.lower-grid,.eval-grid,.source-grid,.passport-grid,.diff-grid,.callout-grid,.redline-grid,.coverage-grid,.vintage-grid,.clarify-grid{grid-template-columns:1fr}.intake-panel,.results-panel,.detail-panel{min-height:auto}.score-grid,.chain,.tab-row{grid-template-columns:repeat(2,minmax(0,1fr))}.result-heading{grid-template-columns:1fr;gap:6px}}@media (width<=520px){.context-control,.score-grid,.chain,.button-row{grid-template-columns:1fr}.context-control span{padding:10px 10px 0}.context-control select,.context-control input{border-left:0}.result-main{grid-template-columns:1fr}}