/* r21 simulators */
.sim-wrap{max-width:980px}
.sim-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:18px 0}
.sim-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);color:var(--ink)!important;text-decoration:none!important}
.sim-card img{width:100%;height:auto;aspect-ratio:480/333;object-fit:cover;background:#ECE9E1;display:block}
.sim-card .b{padding:14px 16px 16px}
.sim-card h2,.sim-card h3{font-size:18px;margin:0 0 4px}
.sim-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.sim-card .en{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
a.sim-card:hover{border-color:var(--amber)}
.sim-card .go{display:inline-block;margin-top:10px;font-weight:800;color:var(--amber-tx)}
.sim-card.soon{opacity:.75;border-style:dashed}
.sim-card.soon .ph{display:grid;place-items:center;aspect-ratio:480/200;background:color-mix(in srgb,var(--amber) 8%,transparent);font-size:34px}
.sim-pill{display:inline-block;font-size:12px;font-weight:800;padding:2px 10px;border-radius:999px;background:var(--amber);color:#120C00;margin-inline-start:6px;vertical-align:middle}
.sim-pill.mut{background:transparent;border:1px solid var(--line);color:var(--muted)}
.sim-doc h2{margin-top:26px}
.sim-how{padding-inline-start:20px;line-height:1.8}
.sim-parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:0;list-style:none}
.sim-parts li{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card);line-height:1.6}
.sim-parts b{display:block;direction:ltr;unicode-bidi:isolate;text-align:start}
[dir=rtl] .sim-parts b{text-align:right}
.sim-fig{margin:16px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#F2EFE7}
.sim-fig figcaption{font-size:13px;color:var(--muted);padding:8px 12px;background:var(--card);border-top:1px solid var(--line)}
.sim-fig iframe{display:block;width:100%;height:860px;border:0}
@media (min-width:700px){.sim-fig iframe{height:720px}}
.sim-disc{border-inline-start:4px solid var(--amber);padding:10px 14px;background:color-mix(in srgb,var(--amber) 8%,transparent);border-radius:8px}
.sim-refs{direction:ltr;text-align:left;padding:0 0 0 22px;overflow-wrap:anywhere}
.sim-credit{font-size:13.5px;color:var(--muted)}
.sim-try{display:flex;align-items:center;gap:14px;margin:18px 0;padding:12px 14px;border-radius:14px;border:1.5px solid var(--amber);background:color-mix(in srgb,var(--amber) 9%,transparent);color:var(--ink)!important;text-decoration:none!important}
.sim-try img{width:96px;height:auto;border-radius:10px;flex:none;background:#ECE9E1}
.sim-try b{display:block;font-size:16.5px}
.sim-try span{font-size:14px;color:var(--muted);line-height:1.5}
.sim-try:hover{background:color-mix(in srgb,var(--amber) 16%,transparent)}
.hm-ql .sim a{border-color:var(--ha,#F5A524);color:var(--ha2,#FFCB6B)!important;gap:8px}
.hm-ql .nb{font-size:11.5px;font-weight:800;background:#E2483D;color:#fff;border-radius:999px;padding:1px 8px;line-height:1.5}