.civil-workbench{--civil-canvas:#0b151c;--civil-grid:#263d4b;--civil-axis:#90a9ba;--civil-text:#e3edf4;--civil-muted:#92a8b7;--civil-primary:#e7a43a;--civil-secondary:#5eb8e6;--civil-tertiary:#db789c;min-width:0;color:var(--ink);gap:18px;display:grid}.civil-workbench__intro{justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 2px 14px;display:flex}.civil-workbench__intro h2{margin:3px 0 5px;font-size:1.35rem}.civil-workbench__intro p{max-width:820px;color:var(--muted);margin:0;font-size:.9rem}.civil-workbench__eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750}.civil-workbench__constants{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.civil-workbench__constants span{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:5px 9px;font:.72rem Cascadia Code,Consolas,monospace}.civil-workbench__tabs{border-bottom:1px solid var(--line);gap:6px;padding:4px 2px 10px;display:flex;overflow-x:auto}.civil-workbench button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;padding:7px 11px;font-size:.82rem}.civil-workbench__tabs button{white-space:nowrap}.civil-workbench button:hover{border-color:var(--accent);background:var(--accent-soft)}.civil-workbench__tabs button.is-active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft);font-weight:700}.civil-workbench input:focus-visible,.civil-workbench select:focus-visible,.civil-workbench textarea:focus-visible,.civil-workbench button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:1px}.civil-workbench__notice{min-height:0;color:var(--muted);font-size:.76rem}.civil-workbench__stack{gap:14px;display:grid}.civil-workbench__layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.civil-workbench__card{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 97%,var(--surface-2));border-radius:12px;min-width:0;padding:18px}.civil-workbench__card h3{margin:0 0 6px;font-size:1rem}.civil-workbench__section-head p{color:var(--muted);margin:0;font-size:.82rem}.civil-workbench__form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.civil-workbench__field{color:var(--muted);gap:5px;font-size:.78rem;font-weight:650;display:grid}.civil-workbench__field--wide{grid-column:1/-1}.civil-workbench__input-unit{grid-template-columns:minmax(0,1fr) auto;display:grid}.civil-workbench input,.civil-workbench select,.civil-workbench textarea{border:1px solid var(--line);width:100%;min-width:0;min-height:40px;color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 10px}.civil-workbench textarea{resize:vertical;font:.8rem/1.45 Cascadia Code,Consolas,monospace}.civil-workbench__input-unit input{border-radius:8px 0 0 8px}.civil-workbench__input-unit em{border:1px solid var(--line);min-width:58px;color:var(--muted);background:var(--surface-2);border-left:0;border-radius:0 8px 8px 0;place-items:center;padding:0 8px;font-size:.72rem;font-style:normal;display:grid}.civil-workbench__field small{font-size:.7rem;font-weight:450}.civil-workbench__formula{border-left:3px solid var(--accent);color:var(--accent-strong);background:var(--accent-soft);margin-top:12px;padding:11px 12px;font:700 .82rem/1.55 Cascadia Code,Consolas,monospace;overflow-x:auto}.civil-workbench__results{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;display:grid}.civil-workbench__result{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;gap:5px;min-width:0;padding:13px;display:grid}.civil-workbench__result>span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.civil-workbench__result strong{color:var(--accent-strong);overflow-wrap:break-word;font:700 clamp(.78rem,.55rem + .5vw,1rem)/1.25 Cascadia Code,Consolas,monospace}.civil-workbench__result small{color:var(--muted);font-size:.7rem}.civil-workbench__model-info,.civil-workbench__warning{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:9px;margin-top:10px;padding:10px 12px;font-size:.77rem}.civil-workbench__model-info strong{color:var(--ink);margin-bottom:3px;display:block}.civil-workbench__model-info p{margin:0}.civil-workbench__warning{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));color:var(--danger)}.civil-workbench__lesson{border:1px solid var(--line);border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent-soft) 34%,var(--surface));border-radius:12px;padding:16px 18px}.civil-workbench__lesson>span{color:var(--accent-strong);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:750}.civil-workbench__lesson h3{margin:4px 0 6px;font-size:1.02rem}.civil-workbench__lesson p{color:var(--muted);margin:0;font-size:.82rem}.civil-workbench__canvas-wrap{border:1px solid var(--line);background:var(--civil-canvas);border-radius:10px;width:100%;height:430px;min-height:430px;overflow:hidden}.civil-workbench__canvas-wrap canvas{width:100%;height:100%;display:block}.civil-workbench__section-head{margin-bottom:10px}.civil-reference{gap:16px;display:grid}.civil-reference__grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.civil-reference__item{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:5px;padding:14px;display:grid}.civil-reference__item strong{color:var(--ink)}.civil-reference__item span{color:var(--muted);font-size:.75rem}.civil-reference__detail{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:18px}.civil-reference__detail h3{margin-top:0}.civil-reference__detail dl{grid-template-columns:minmax(130px,.35fr) 1fr;gap:8px 14px;display:grid}.civil-reference__detail dt{font-weight:700}.civil-reference__detail dd{color:var(--muted);margin:0}@media (width<=980px){.civil-workbench__layout{grid-template-columns:1fr}}@media (width<=700px){.civil-workbench__intro{flex-direction:column}.civil-workbench__constants{justify-content:flex-start}.civil-workbench__card{padding:13px}.civil-workbench__form-grid{grid-template-columns:1fr}.civil-workbench__field--wide{grid-column:auto}.civil-workbench__canvas-wrap{height:350px;min-height:350px}.civil-reference__detail dl{grid-template-columns:1fr}.civil-reference__detail dd{margin-bottom:8px}}