/* Shared simulator kit: base components of the simulator series
   (page background, heading, cards, buttons, tabs, toast).
   Linked after sim-kit.css only by the simulators whose rules were exactly
   these; simulators with a different design do not link it, so foreign rules
   never mix into theirs. */
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);padding:18px 16px 60px}
h1{font-family:'Unbounded',sans-serif;font-size:20px;font-weight:700}
.card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:13px;margin-bottom:12px}
.btn{padding:10px 18px;border:none;border-radius:9px;font-size:12px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all .15s}
.btn:active{transform:scale(.97)}
.btn-accent{background:var(--accent);color:var(--on-accent)}
.btn-ghost{background:var(--bg);border:1px solid var(--border2);color:var(--text2)}
.tabs{display:flex;gap:4px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:18px}
.section{display:none}
.section.active{display:block}
.toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--bg);border:1px solid var(--border2);border-radius:10px;padding:9px 16px;font-size:12px;color:var(--text);box-shadow:var(--shadow);transition:transform .3s;z-index:99}
.toast.show{transform:translateX(-50%) translateY(0)}