/* Portable Technical Clarity primitives. Load tokens.css first.
   Components add no global element resets and require no JS framework. */
.aero-panel{box-sizing:border-box;padding:var(--aero-panel-padding,24px);border:1px solid var(--tc-rule);border-radius:var(--tc-radius);background:var(--tc-surface);color:var(--tc-ink);font-family:var(--tc-font)}
.aero-stack{display:grid;gap:var(--aero-stack-gap,20px)}
.aero-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.aero-label{font:500 11px/1.6 var(--tc-mono);letter-spacing:.075em;color:var(--tc-muted)}
.aero-muted{color:var(--tc-muted)}
.aero-action{display:inline-flex;align-items:center;justify-content:center;gap:16px;box-sizing:border-box;min-height:44px;padding:11px 18px;border:1px solid var(--tc-accent);border-radius:4px;font:500 14px/1.4 var(--tc-font);text-decoration:none;cursor:pointer;background:var(--tc-accent);color:var(--tc-on-accent)}
.aero-action:hover{background:var(--tc-accent-hover);border-color:var(--tc-accent-hover)}
.aero-action[data-variant=secondary]{background:var(--tc-surface);border-color:var(--tc-control);color:var(--tc-ink)}
.aero-action[data-variant=secondary]:hover{background:var(--tc-tint);border-color:var(--tc-accent)}
.aero-field{display:grid;gap:8px;min-width:0;font:450 14px/1.5 var(--tc-font);color:var(--tc-ink)}
.aero-field :is(input,select,textarea){box-sizing:border-box;min-width:0;width:100%;min-height:46px;border:1px solid var(--tc-control);border-radius:4px;padding:10px 12px;font:400 16px/1.5 var(--tc-font);background:var(--tc-surface);color:var(--tc-ink);accent-color:var(--tc-accent)}
.aero-field :is(input,textarea)::placeholder{color:var(--tc-muted);opacity:1}
.aero-field [aria-invalid=true]{border-color:var(--tc-error)}
.aero-action:focus-visible,.aero-field :is(input,select,textarea):focus-visible{outline:3px solid var(--tc-focus);outline-offset:3px}
.aero-action:disabled{cursor:not-allowed;opacity:1;background:var(--tc-raised);border-color:var(--tc-control);color:var(--tc-muted)}
.aero-status{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid var(--tc-rule);border-radius:4px;font:500 12px/1.5 var(--tc-font);color:var(--tc-ink);background:var(--tc-raised)}
.aero-status::before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}
.aero-status[data-state=needs-information]{color:var(--tc-error);background:var(--tc-error-surface);border-color:var(--tc-error)}
.aero-status[data-state=review]{color:var(--tc-accent);background:var(--tc-tint);border-color:var(--tc-control)}
.aero-facts{display:grid;gap:0;margin:0}
.aero-facts>div{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--tc-rule)}
.aero-facts dt{font:400 12px/1.5 var(--tc-font);color:var(--tc-muted)}
.aero-facts dd{margin:0;font:400 14px/1.5 var(--tc-font);color:var(--tc-ink);overflow-wrap:anywhere}
[data-density=compact]{--aero-panel-padding:18px;--aero-stack-gap:12px}
[data-density=compact] .aero-facts>div{padding-block:9px}
@media(max-width:520px){.aero-facts>div{grid-template-columns:1fr;gap:5px}.aero-panel{--aero-panel-padding:18px}}
@media(prefers-reduced-motion:no-preference){.aero-action{transition:background-color 140ms ease,border-color 140ms ease}}
@media(prefers-reduced-motion:reduce){.aero-action{transition:none}}