/* Load Simulation (almirah tiles): styles, taken from notes/get-started/load-dataset/index.html. Needs the colour variables in ../_shared/page-base.css. */
.sim{width:min(1100px,94vw);margin-top:16px;background:#0d1320;border:1px solid var(--border);border-radius:16px;padding:16px 18px}
.sim-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.sim-status{font:600 clamp(13px,1.5vw,17px) 'JetBrains Mono';color:var(--muted);min-height:1.5em}
.sim-status b{color:var(--cyan)}
.sim.done .sim-status{color:var(--green)}
.sim-count{text-align:right;font:800 clamp(26px,4vw,46px) 'JetBrains Mono';letter-spacing:-1px;color:var(--text);line-height:1}
.sim-count small{display:block;font:600 12px Inter;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-top:4px}
.sim.done .sim-count{color:var(--green);text-shadow:0 0 24px #22c55e66}
.sim-bar{height:8px;background:#1a2236;border-radius:99px;overflow:hidden;margin-bottom:14px}
.sim-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--cyan),var(--green));border-radius:99px}
.sim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.sim-t{position:relative;background:#111a2b;border:1px solid #243049;border-radius:10px;padding:8px 10px 10px;overflow:hidden;min-height:62px;transition:border-color .3s,box-shadow .3s}
.sim-t .n{font:700 clamp(12px,1.25vw,15px) 'JetBrains Mono';color:#cbd5e1;display:flex;justify-content:space-between;gap:6px}
.sim-t .n em{font-style:normal;color:var(--muted);font-weight:500}
.sim-t .r{font:600 clamp(11px,1.1vw,13px) 'JetBrains Mono';color:var(--muted);margin-top:3px}
.sim-t .f{position:absolute;left:0;bottom:0;height:4px;width:0;background:linear-gradient(90deg,var(--accent),var(--cyan))}
.sim-t.on{border-color:var(--accent)}
.sim-t.ok{border-color:#22c55e88;box-shadow:inset 0 0 0 1px #22c55e22}
.sim-t.ok .f{background:var(--green)}
.sim-t.ok .n::after{content:"\2713";color:var(--green);margin-left:4px}
.sim-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.sim-foot span{color:var(--muted);font-size:13px}
.sim-foot button{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font:600 12px Inter;cursor:pointer}
@media (max-width:820px){.sim-grid{grid-template-columns:repeat(2,1fr)}}