/* sim.css — the example workshop (simulation), beispiel-werkstatt.html.
   version: 0.1.0 · created 2026-10-31 by Pascal Ehlig, ITS · edited 2026-10-31 by Pascal Ehlig, ITS */
.sim-banner{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:baseline;margin:var(--s5) 0 0;padding:var(--s3) var(--s4);border:1px dashed var(--border);
  border-radius:var(--r);background:var(--sunken);color:var(--muted)}
.sim-banner strong{color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-size:var(--t-small)}
.sim-intro{padding-block:var(--s6) var(--s4)}.sim-intro h1{margin:0 0 var(--s3)}
.sim-intro .lead{color:var(--muted);max-width:52ch;margin:0}
.sim-part{padding-block:var(--s4)}
.sim-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3)}
.sim-head .cta{border:0;font:inherit;font-weight:600;cursor:pointer}
.sim-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:var(--s4);margin:var(--s4) 0 0;padding:0;list-style:none}
.sim-cards h3{margin:0}.sim-cards p{margin:0;color:var(--muted)}
.sim-cards .sim-fresh{border-style:dashed}
.sim-state{align-self:flex-start;padding:0 var(--s2);border-radius:999px;font-size:var(--t-small);font-weight:600;background:var(--sunken);color:var(--muted)}
.sim-live{color:var(--ok,#1f7a4d)}.sim-build{color:var(--warn,#9a6700)}
.sim-tools{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 0;padding:0;list-style:none}
.sim-tools li{padding:var(--s2) var(--s3);border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}
.sim-log{margin:var(--s3) 0 0;padding:0;list-style:none;display:grid;gap:var(--s2)}
.sim-log li{display:flex;gap:var(--s3)}.sim-log time{flex:none;color:var(--muted);font-variant-numeric:tabular-nums}
.sim-own{padding-block:var(--s4) var(--s7)}.sim-own .cta.ghost{margin:0}