/* Robot shell/component variant; shared roles are pinned in onesa-foundation.css. */
:root{--ink:var(--onesa-text);--muted:var(--onesa-muted);--line:var(--onesa-divider);--paper:var(--onesa-surface);--blue:var(--onesa-focus);font-family:var(--onesa-font-body);color:var(--ink);background:var(--onesa-canvas)}
*{box-sizing:border-box}body{margin:0;background:var(--onesa-canvas);color:var(--ink)}a{color:inherit}a:hover{text-decoration-thickness:2px}p{line-height:1.7}main{min-height:60vh}[hidden]{display:none!important}
.skip{position:absolute;left:24px;top:-100px;background:var(--onesa-surface);padding:12px;z-index:2}.skip:focus{top:12px}
.site-header{padding:24px 6vw;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-size:2rem;font-weight:700;letter-spacing:-.07em;text-decoration:none;white-space:nowrap}.wordmark span{font-size:.6rem;letter-spacing:.12em;border:1px solid;padding:5px;vertical-align:middle}nav{display:flex;align-items:center;flex-wrap:wrap;gap:24px}nav a{text-decoration:none}.nav-action{color:var(--onesa-accent);font-weight:700}
h1,h2,h3{font-weight:600;letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(2.7rem,5.2vw,5rem);margin:1rem 0 2rem}h1 span{color:var(--onesa-accent)}h2{font-size:clamp(2rem,3.3vw,3.3rem)}h3{font-size:1.4rem}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em}.hero{padding:5rem 6vw;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;background:var(--onesa-surface);align-items:center}.intro{max-width:550px;color:var(--muted);font-size:1.1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--onesa-control-size);padding:12px 20px;border:1px solid var(--onesa-accent);border-radius:var(--onesa-radius);background:var(--onesa-accent);color:var(--onesa-on-accent);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.secondary{background:var(--onesa-canvas);color:var(--onesa-accent)}.button:hover,button:hover{filter:brightness(.93)}button:active{transform:translateY(1px)}button:disabled{background:var(--onesa-surface);color:var(--onesa-muted);border-color:var(--onesa-border);cursor:wait;filter:none}.scope-note{color:var(--muted);max-width:64ch;font-size:.9rem}.badge{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid var(--onesa-border);border-radius:var(--onesa-radius);font-size:.72rem;font-weight:700;letter-spacing:.05em;color:var(--ink);background:var(--onesa-canvas)}.scope-note .badge{margin:0 8px 8px 0}
.concept-figure{margin:0;border:1px solid var(--onesa-border);border-radius:var(--onesa-radius);background:var(--onesa-canvas);overflow:hidden}.concept-figure img{display:block;width:100%;height:auto}.concept-figure figcaption{border-top:1px solid var(--line);padding:16px;color:var(--muted);font-size:.85rem;line-height:1.6}
.section{padding:4rem 6vw}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cards article{border:1px solid var(--line);border-radius:var(--onesa-radius);padding:24px;background:var(--onesa-canvas)}.cards span{font-size:.75rem;color:var(--muted);letter-spacing:.08em}.cards p{color:var(--muted)}.architecture-overview{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;background:var(--onesa-surface)}.architecture-overview p{max-width:65ch}.architecture-overview aside{border-left:3px solid var(--onesa-accent);padding:0 24px}.architecture-overview a{color:var(--onesa-accent);font-weight:700}footer{padding:28px 6vw;border-top:1px solid var(--line);background:var(--onesa-surface);color:var(--muted);font-size:.85rem}footer nav{margin:24px 0}
.operator-shell .section{padding-top:2.5rem;max-width:1440px;margin:auto}.console-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.operator-shell h1{font-size:clamp(2rem,4vw,3rem);margin:.5rem 0 1rem}.context-labels{display:flex;flex-wrap:wrap;gap:8px}.toolbar{display:flex;flex-wrap:wrap;gap:16px}.stop{background:var(--onesa-error);border-color:var(--onesa-error);color:var(--onesa-canvas)}.operator-shell form{max-width:760px;padding:24px;border:1px solid var(--onesa-border);border-radius:var(--onesa-radius);background:var(--onesa-surface);margin:24px 0;display:grid;gap:12px}form h3{margin-top:0}input{width:100%;min-width:0;min-height:var(--onesa-control-size);padding:10px;border:1px solid var(--onesa-border);border-radius:var(--onesa-radius);font:inherit;background:var(--onesa-canvas);color:var(--ink)}label{line-height:1.5}dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:760px;gap:14px;padding:24px;border:1px solid var(--line);border-radius:var(--onesa-radius)}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere;font-family:var(--onesa-font-code);font-size:.95rem}.workspace-heading{font-size:1.5rem;margin-top:36px}#history{padding-left:24px;max-width:760px;overflow-wrap:anywhere}#history li{padding:12px 0;line-height:1.6}#history button{margin:8px}#notice{min-height:48px;max-width:760px;line-height:1.6}#proposed-id{overflow-wrap:anywhere}
@media(max-width:800px){.site-header{flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:3rem 24px}.architecture-overview{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.section{padding:3rem 24px}.console-heading{align-items:flex-start;flex-direction:column}.site-header nav{gap:16px}.concept-figure{max-width:600px}.operator-shell .section{padding:2rem 24px}}
@media(max-width:390px){.operator-shell form,dl{padding:16px}dl{grid-template-columns:1fr;gap:8px}dd{margin-bottom:12px}.site-header{padding:20px 24px}.hero-actions{display:grid}.hero-actions .button{width:100%}}
@media(forced-colors:active){.badge{border-color:CanvasText}}
@media print{.site-header nav,.hero-actions,.toolbar,button{display:none}.hero,.section{padding:24px}.hero,.architecture-overview{display:block}.concept-figure{max-width:400px}footer{break-inside:avoid}}