/* Scoped workbench additions; the existing Karam design system is retained. */
.wb-hero{display:grid;grid-template-columns:1.3fr .8fr;align-items:center;gap:48px}.wb-hero h1{font-size:clamp(38px,5.2vw,72px);max-width:1050px;line-height:1.04}.wb-hero p{max-width:720px}.wb-hero-art{width:100%;max-height:460px;color:var(--citron)}.wb-hero-art text,.wb-topology text,.wb-chart svg text{fill:#fff;font:13px Arial,sans-serif}.wb-overline{font:12px var(--mono);color:var(--orchid);letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px}.wb-flow{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}.wb-flow a{display:flex;align-items:center;gap:12px;text-decoration:none!important;padding:12px 16px;background:var(--panel);border-radius:7px;flex:1;min-width:170px;font-weight:600}.wb-flow a span{color:var(--citron);font:13px var(--mono)}.wb-flow a[aria-current]{outline:1px solid var(--citron)}.wb-callout{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;border:1px solid var(--line);background:linear-gradient(120deg,#2b1b33,#18111f);border-radius:12px;padding:36px;margin:30px 0}.wb-callout h3{margin-top:0}.wb-callout p{max-width:800px}.wb-case-state{color:var(--citron);font-size:13px;font-family:var(--mono);line-height:1.7}.wb-mechanism{background:#1d1424;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:32px}.wb-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line)}.wb-tabs button{padding:18px 20px;border:0;border-right:1px solid var(--line);background:transparent;color:#fff;font:600 15px Arial,sans-serif;cursor:pointer;flex:1;min-width:130px}.wb-tabs button[aria-pressed=true]{background:var(--citron);color:#201126}.wb-mechanism-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:32px;align-items:center}.wb-mechanism-panel[hidden]{display:none}.wb-mechanism-panel svg{width:100%;max-height:300px}.wb-mechanism-panel svg text{fill:#fff;font:14px Arial,sans-serif}.wb-mechanism-panel p{margin-bottom:15px}.wb-case-bar{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.wb-case-bar label{display:block;font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--orchid)}.wb-case-bar input{display:block;margin:12px 0;width:100%;background:none;border:0;border-bottom:1px solid #796481;color:white;font:600 25px Arial,sans-serif;padding:12px 0}.wb-step-head{display:flex;gap:18px;align-items:baseline;margin-top:50px}.wb-step-head span{font:14px var(--mono);color:var(--citron)}.wb-step-head h2{font-size:36px;margin-bottom:15px}.wb-import-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.wb-import-grid>div{padding:22px;border:1px dashed #907799;border-radius:9px}.wb-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.wb-map-grid label{padding:16px;background:var(--deep);border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere}.wb-map-grid small{display:block;color:var(--muted);font-weight:normal;margin:10px 0}.wb-editor-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0}.wb-editor-controls select{max-width:320px}.wb-editor-controls p{margin:0}.wb-editor .bio-table input{min-width:150px;min-height:44px;font-size:14px;padding:10px}.wb-editor td{padding:8px!important}.wb-editor .bio-table{max-height:560px}.wb-editor th{position:sticky;top:0;z-index:1}.wb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}.wb-metrics>div{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:8px}.wb-metrics span,.wb-metrics small{display:block;color:var(--muted);font-size:13px}.wb-metrics strong{display:block;font-size:44px;line-height:1.4;color:var(--citron)}.wb-flags{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.wb-flags details,.wb-hierarchy details{margin:0!important;padding:20px}.wb-flags details ul{max-height:340px;overflow:auto;overflow-wrap:anywhere}.wb-flags li{margin:12px 0}.wb-count{float:right;color:var(--citron);font-family:var(--mono)}.wb-hierarchy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wb-hierarchy small{overflow-wrap:anywhere}.wb-empty{padding:30px;border:1px dashed #9c82a5;border-radius:9px;margin:25px 0}.wb-empty strong{font-size:24px}.wb-empty p{max-width:760px;margin-top:14px}.wb-chart{border:1px solid var(--line);padding:26px;border-radius:9px;background:var(--deep);margin:25px 0}.wb-chart h3{margin-top:0}.wb-chart svg{width:100%;max-height:440px}.wb-data-kind{font:12px var(--mono);color:var(--citron)}.wb-node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.wb-node{border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--deep);min-width:0}.wb-node legend{padding:0 8px;color:var(--citron);font-weight:600}.wb-topology{display:block;width:100%;max-height:220px;background:var(--deep);border-radius:8px;margin:24px 0}.wb-legend{display:inline-block;border-left:3px solid var(--cell);padding:0 10px;margin:4px 5px 4px 0;font-size:13px}.wb-source-table td:first-child{font-weight:600}.wb-claim-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.wb-claim-panel{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel)}.wb-claim-panel h3{margin-top:0}.wb-claim-numbers{display:flex;align-items:baseline;gap:18px;font-size:clamp(36px,4vw,58px);font-weight:600;letter-spacing:-.04em;margin:25px 0}.wb-claim-numbers span{font-size:20px;color:var(--orchid)}.wb-gates{counter-reset:gate;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0;list-style:none}.wb-gates li{padding:25px;border:1px solid var(--line);background:var(--panel);border-radius:8px}.wb-gates strong{display:block;margin-bottom:12px;font-size:18px}.wb-gates strong:before{counter-increment:gate;content:'0' counter(gate) ' / ';color:var(--citron);font-family:var(--mono);font-size:14px}.wb-actions{margin:25px 0;display:flex;gap:12px;flex-wrap:wrap}.wb-fine{font-size:13px;color:var(--muted);line-height:1.7}.wb-form input,.wb-form select,.wb-form textarea{max-width:100%}.wb-form button,.wb-form a.btn{min-height:44px}.wb-form .btn:disabled{opacity:.45;cursor:not-allowed}.wb-form a[aria-disabled=true]{opacity:.45}.wb-form :focus-visible,.wb-tabs :focus-visible{outline:3px solid var(--citron);outline-offset:4px}.wb-form [hidden]{display:none}.wb-form caption{padding:15px;text-align:left;color:var(--orchid);font-size:13px}.wb-export{border-top:2px solid var(--citron);padding:30px;background:var(--panel);margin:35px 0;border-radius:0 0 10px 10px}.wb-export h3{margin-top:0}#plan-review ul{padding-left:22px}#plan-review li{margin:16px 0}#plan-review{margin:20px 0}.wb-source-link{color:var(--orchid)}
@media(max-width:1000px){.wb-hero{grid-template-columns:1fr}.wb-hero-art{max-height:290px}.wb-map-grid{grid-template-columns:1fr 1fr}.wb-metrics{grid-template-columns:1fr 1fr}.wb-hierarchy{grid-template-columns:1fr 1fr}.wb-node-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wb-callout,.wb-mechanism-panel,.wb-import-grid,.wb-claim-panels,.wb-gates,.wb-flags,.wb-map-grid,.wb-node-grid,.wb-hierarchy{grid-template-columns:1fr}.wb-callout,.wb-mechanism-panel{padding:22px;gap:20px}.wb-case-bar{padding:18px}.wb-hero{gap:22px}.wb-metrics{gap:10px}.wb-metrics>div{padding:16px}.wb-metrics strong{font-size:34px}.wb-step-head h2{font-size:29px}.wb-flow{gap:8px}.wb-flow a{min-width:100%;padding:12px}.wb-tabs button{min-width:45%}.wb-actions .btn{white-space:normal;max-width:100%}.wb-chart{padding:14px}.wb-export{padding:22px}.wb-claim-panel{padding:22px}.wb-form .bio-table{width:100%}.wb-topology{min-height:100px}}
@media(prefers-reduced-motion:reduce){.wb-hero-art,.wb-form *,.wb-mechanism *{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}
@media print{.header,.footer,.wb-flow,.wb-actions,.wb-import-grid{display:none!important}.wb-form{color:#000;background:#fff}.bio-table{overflow:visible}.wb-flags details{break-inside:avoid}}
