:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152033;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}a{color:#1d4ed8;text-decoration:none}a:hover{text-decoration:underline}header{position:sticky;top:0;z-index:3;background:#0f172a;color:white;padding:16px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #0002}header>div{display:flex;flex-direction:column}header span{font-size:12px;opacity:.7}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:#e2e8f0;font-size:14px}main{max-width:1500px;margin:auto;padding:24px}.hero{background:white;border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr minmax(280px,520px);gap:24px;align-items:end;box-shadow:0 4px 18px #0f172a0d}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:#64748b}h1{margin:.1em 0 .35em;font-size:clamp(28px,4vw,48px)}h2{margin-top:0}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0}.card,.panel{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 2px 12px #0f172a0a}.metric b{font-size:32px;display:block}.metric span{color:#64748b}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.clean{list-style:none;padding:0}.clean li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f7}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:12px;white-space:nowrap}.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#64748b;font-size:13px;margin:8px 0 16px}.muted{color:#64748b}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;vertical-align:top}th{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.04em}form{display:grid;gap:10px}.searchbar{display:flex}.searchbar input{flex:1}input,textarea,select,button{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:white}textarea{min-height:100px;resize:vertical}button{background:#0f172a;color:white;border:0;font-weight:700;cursor:pointer}.filters{display:flex;gap:8px;margin-bottom:14px}.result{padding:14px 0;border-bottom:1px solid #e5e7eb}.result h3{margin:0 0 6px}.result mark{background:#fde68a}pre{white-space:pre-wrap;word-break:break-word;max-height:70vh;overflow:auto;background:#f8fafc;padding:14px;border-radius:10px;font-size:12px}.note{padding:10px;background:#f8fafc;border-radius:10px;margin:8px 0}@media(max-width:900px){header{position:static;display:block}nav{margin-top:12px}.hero,.grid2{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}main{padding:14px}.panel{overflow-x:auto}.searchbar{display:grid}}
.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:#0f172a;color:white;font-weight:700;text-decoration:none}.button:hover{text-decoration:none}.secondary-button{background:#eef2ff;color:#1e3a8a}.investigation-title{display:flex;justify-content:space-between;gap:24px;align-items:center}.investigation-title h1{margin-bottom:8px}.investigation-question{font-size:18px;max-width:900px;margin:0}.title-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-heading h2{margin-bottom:6px}.investigation-overview{border:2px solid #dbeafe}.investigation-metrics{grid-template-columns:repeat(4,1fr)}.metric-good{background:#f0fdf4}.metric-warn{background:#fffbeb}.metric-alert{background:#fff7ed}.next-actions{margin:18px 0;padding:16px 18px;border-radius:14px;background:#f8fafc}.next-actions h3{margin:0 0 10px}.next-actions li{margin:9px 0}.tutorial,.action-box,.secondary-action,.content-list,.advanced-tools,.technical-panel>details{margin-top:16px;border:1px solid #dbe3ee;border-radius:14px;background:#fbfdff}.tutorial>summary,.action-box>summary,.secondary-action>summary,.content-list>summary,.advanced-tools>summary,.technical-panel>details>summary{cursor:pointer;font-weight:800;padding:14px 16px}.tutorial-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 16px 16px}.tutorial-steps div{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.tutorial-steps b{display:block;margin-bottom:6px}.tutorial-steps span{color:#475569;font-size:14px;line-height:1.45}.investigation-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.investigation-tabs a{padding:9px 12px;border-radius:999px;background:#eef2f7;color:#334155;font-weight:700;font-size:14px}.primary-form{padding:16px;border-radius:14px;background:#f8fafc;margin-top:14px}.action-box form,.secondary-action form,.content-list>div,.advanced-tools>*:not(summary),.technical-panel>details>*:not(summary){margin-left:16px;margin-right:16px}.action-box form,.secondary-action form{margin-bottom:16px}.advanced-tools{padding-bottom:16px}.advanced-tools>h2{margin-top:26px}.assistant-actions{display:flex;gap:8px;flex-wrap:wrap}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#334155;font-weight:900;font-size:13px;cursor:help;vertical-align:middle;flex:0 0 auto}.info-pop{position:absolute;right:0;top:30px;width:min(320px,80vw);padding:12px 14px;border-radius:12px;background:#0f172a;color:white;font-weight:500;font-size:13px;line-height:1.45;box-shadow:0 10px 30px #0f172a33;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.15s;z-index:20}.info-tip:hover .info-pop,.info-tip:focus .info-pop{opacity:1;visibility:visible;transform:translateY(0)}.publication-grid>div{padding:14px;border-radius:12px;background:#f8fafc}.technical-panel{background:#f8fafc}.technical-panel>.panel{background:transparent}
@media(max-width:900px){.investigation-title{display:block}.title-actions{justify-content:flex-start;margin-top:14px}.investigation-metrics{grid-template-columns:repeat(2,1fr)}.tutorial-steps{grid-template-columns:1fr}.assistant-actions{display:grid;grid-template-columns:1fr 1fr}.investigation-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.investigation-tabs a{white-space:nowrap}.info-pop{position:fixed;left:16px;right:16px;top:auto;width:auto}.section-heading{align-items:flex-start}}
