:root { --bg:#f8f8f5; --surface:#fff; --text:#101010; --muted:#666; --line:#a9a9a3; --accent:#ef3e2f; --node-bg:#fff; --selected-bg:#ef3e2f; --selected-text:#fff; color:var(--text); background:var(--bg); }
body{color:var(--text);background:var(--bg);font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif}.chrome{background:rgba(248,248,245,.94);border-bottom:1px solid var(--text)}.identity>b{background:var(--accent);color:#fff}.identity small,.chrome nav a,.hero>p{color:var(--muted)}.chrome nav a.active{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:7px}
.canvas{padding-top:2.5rem}.hero{display:grid;grid-template-columns:150px 1fr 280px;grid-template-areas:"kick title copy" "actions actions actions";gap:2rem;min-height:490px;align-items:start;padding-top:2rem}.hero-kicker{grid-area:kick;display:block;color:var(--accent)}.hero-kicker i{display:block;margin:1rem 0;width:100%;background:var(--accent)}.hero h1{grid-area:title;margin-top:0;font-size:clamp(4rem,7vw,8rem);font-weight:800;text-transform:uppercase}.hero h1 em{color:var(--accent)}.hero>p{grid-area:copy;border-top:6px solid var(--text);padding-top:1rem;line-height:1.65}.hero-actions{grid-area:actions;justify-content:flex-end}.hero-actions a,.hero-actions button{border:1px solid var(--text);background:#fff;color:var(--text)}.hero-actions .primary-action,.hero-actions button.selected{background:var(--text);color:#fff}
.metrics{border-top:1px solid var(--text);border-left:1px solid var(--text)}.metrics article{border-right:1px solid var(--text);border-bottom:1px solid var(--text)}.metrics span,.metrics small{color:var(--muted)}.metrics strong{font-weight:800}.metrics .metric-alert{background:var(--accent);color:#fff}.metrics .metric-alert span,.metrics .metric-alert small{color:#fff}
.module{border:1px solid var(--text);background:#fff;border-radius:0;margin-top:1px}.module-heading span,.module-heading>a,.module-heading>b{color:var(--accent)}.module-heading h2{text-transform:uppercase;font-size:1.45rem}
.workflow{display:grid;grid-template-columns:220px 1fr;gap:2rem}.workflow>.module-heading{display:block;border-right:1px solid var(--text);padding-right:1.5rem}.workflow ol{margin-top:0}.workflow .complete>b{background:var(--text);color:#fff}.workflow .current>b{background:var(--accent);color:#fff;border-color:var(--accent)}
.ontology{padding:0}.ontology>.module-heading{padding:1.7rem;border-bottom:1px solid var(--text)}.ontology-stage{margin:0}.ontology-stage aside{border-left:1px solid var(--text)}
.bottom-grid{gap:1px;background:var(--text)}.bottom-grid .module{margin-top:1px;border:0}.task-list a{border-color:var(--text)}.task-list a>b,.healthy{color:var(--accent)}.compute-chain>div{border:1px solid var(--text);background:var(--bg)}
.page-footer{border-top:1px solid var(--text);color:var(--muted)}
@media(max-width:980px){.hero{grid-template-columns:100px 1fr;grid-template-areas:"kick title" "copy copy" "actions actions";min-height:520px}.workflow{display:block}.workflow>.module-heading{border-right:0;padding-right:0;margin-bottom:2rem}}