/* r29: pages ported from chromia.com (/chr-2/, /chr-2/simulator/, /world/, /chat/) */
.lst{margin:18px 0;padding-left:1.25em;display:grid;gap:12px;max-width:76ch}
.lst li{line-height:1.6}
.wrap>p{max-width:76ch;line-height:1.65;margin:12px 0}
.sim{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:28px;align-items:start}
@media (max-width:860px){.sim{grid-template-columns:1fr}}
.sim-ctl{display:grid;gap:14px}
.sim-ctl label{display:grid;gap:6px;font-size:14px}
.sim-ctl label b{font-family:var(--mono,ui-monospace,monospace);font-weight:600}
.sim-ctl input[type=range]{width:100%;accent-color:#ff3d8f}
.sim-pre{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.sim-pre button{border:1px solid var(--pline,#ddd);background:transparent;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;color:inherit}
.sim-pre button[aria-pressed=true]{background:#ff3d8f;border-color:#ff3d8f;color:#fff}
.sim-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.sim-kpis div{border:1px solid var(--pline,#ddd);border-radius:14px;padding:12px 14px}
.sim-kpis span{display:block;font-size:12px;opacity:.7}
.sim-kpis b{font-size:22px;font-variant-numeric:tabular-nums}
.sim-chart{width:100%;height:auto;border:1px solid var(--pline,#ddd);border-radius:14px}
.sim-chart text{font-size:11px;fill:currentColor;opacity:.7}
.sim-sum{margin:12px 0;font-size:15px}
.sim-share{font-size:13px}
.tbl td,.tbl th{font-variant-numeric:tabular-nums}