:root { --fg:#111; --muted:#666; --brand:#ff8a00; --bg:#fafafa; }
html,body { margin:0; padding:0; background:var(--bg); color:var(--fg);
  font:16px/1.5 system-ui, Segoe UI, Roboto, Arial; }
.site-header { padding:1rem 1.25rem; border-bottom:1px solid #e6e6e6;
  display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }
.site-header h1 { margin:0; font-weight:700; letter-spacing:.04em; }
nav a { margin-right:1rem; text-decoration:none; color:#222; }
nav a:hover { color:var(--brand); }
.hero { padding:2rem 1.25rem; }
.cards { list-style:none; padding:0; display:grid; gap:.5rem; }
.cards li a { padding:.5rem; display:block; border:1px solid #e6e6e6; border-radius:.5rem; }
.muted { color:var(--muted); }
.console { background:#000; color:#ddd; }
.console #screen { padding:1rem; min-height:70vh; }
.console #cli { padding:0 1rem 2rem; }
.console input { width:100%; background:#111; color:#eee; border:1px solid #333; padding:.5rem; }
.visually-hidden { position:absolute; left:-9999px; }
.hint { color:#444; font-style:italic; }