.simulations-main{max-width:1200px;margin:48px auto 96px;padding:0 32px;color:var(--landing-text)}.simulations-main h1{font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4vw,44px);font-weight:700;margin:0 0 12px;line-height:1.15;letter-spacing:-.02em}.simulations-lede{font-size:18px;color:var(--landing-text-muted);margin:0 0 32px;line-height:1.5;max-width:720px}.simulations-filter{position:sticky;top:0;z-index:5;display:flex;gap:8px;flex-wrap:wrap;padding:16px 0;margin:0 0 24px;background:linear-gradient(to bottom,var(--landing-bg) 0%,var(--landing-bg) 70%,transparent 100%);border-bottom:1px solid var(--landing-border)}.simulations-filter-chip{padding:7px 14px;border-radius:999px;border:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-text-muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.simulations-filter-chip:hover{background:var(--landing-surface-strong);color:var(--landing-text)}.simulations-filter-chip.is-active{background:color-mix(in srgb,var(--landing-accent) 15%,transparent);color:var(--landing-accent);border-color:var(--landing-accent)}@media (max-width: 700px){.simulations-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -32px 24px;padding:16px 32px}.simulations-filter::-webkit-scrollbar{display:none}}.simulations-section{margin:48px 0 0;scroll-margin-top:80px}.simulations-section h2{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em;color:var(--landing-text)}.simulations-section-blurb{font-size:15px;color:var(--landing-text-muted);margin:0 0 24px;max-width:720px;line-height:1.5}.simulations-main.filter-currents .simulations-section:not([data-topic=currents]),.simulations-main.filter-magnets .simulations-section:not([data-topic=magnets]),.simulations-main.filter-particles .simulations-section:not([data-topic=particles]),.simulations-main.filter-visualization .simulations-section:not([data-topic=visualization]),.simulations-main.filter-applications .simulations-section:not([data-topic=applications]),.simulations-main.filter-induction .simulations-section:not([data-topic=induction]){display:none}.simulations-main .landing-examples-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.simulations-card-standards{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px;padding-top:4px}.simulations-card-standards .chip{font-size:10.5px;font-weight:500;padding:3px 8px;border-radius:999px;background:var(--landing-surface-strong);color:var(--landing-text-muted);border:1px solid var(--landing-border);letter-spacing:.01em}.simulations-card-standards .chip-ngss{color:#81d4fa;border-color:#81d4fa4d}.simulations-card-standards .chip-ap{color:#ffb74d;border-color:#ffb74d4d}.simulations-card-standards .chip-ib{color:#a5d6a7;border-color:#a5d6a74d}.simulations-card-standards .chip-view{color:var(--landing-text-muted)}@media (max-width: 480px){.simulations-card-standards .chip-ngss,.simulations-card-standards .chip-ap,.simulations-card-standards .chip-ib{display:none}}.simulations-card-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--landing-border)}.simulations-card-buttons{display:flex;gap:8px}.simulations-open-btn{flex:1;padding:9px 12px;border-radius:8px;border:1px solid var(--landing-border);background:var(--landing-accent);color:#0a1930;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .12s}.simulations-open-btn:hover{background:color-mix(in srgb,var(--landing-accent) 85%,white)}.simulations-card-actions .landing-embed-btn{flex:1}.simulations-embed-options{font-size:12px;color:var(--landing-text-muted)}.simulations-embed-options summary{cursor:pointer;list-style:none;padding:4px 0;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:4px}.simulations-embed-options summary::-webkit-details-marker{display:none}.simulations-embed-options summary:before{content:"▸";font-size:9px;transition:transform .12s}.simulations-embed-options[open] summary:before{transform:rotate(90deg)}.simulations-embed-options-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin-top:8px;padding:10px;background:var(--landing-surface);border-radius:6px;border:1px solid var(--landing-border);align-items:center}.simulations-embed-options-grid label{font-size:11px;color:var(--landing-text-muted);font-weight:500}.simulations-embed-options-grid select,.simulations-embed-options-grid input{padding:4px 8px;background:var(--landing-bg-soft);color:var(--landing-text);border:1px solid var(--landing-border);border-radius:4px;font-family:inherit;font-size:12px}.simulations-main .landing-example-thumb-img[data-thumb-missing]{background:radial-gradient(circle at 25% 35%,rgba(77,208,225,.35),transparent 55%),radial-gradient(circle at 75% 65%,rgba(255,183,77,.25),transparent 55%),linear-gradient(135deg,#0f2547,#1a3a6e);color:transparent;font-size:0}.simulations-coming-soon{padding:24px;background:var(--landing-surface);border:1px dashed var(--landing-border);border-radius:16px;text-align:center;color:var(--landing-text-muted);font-size:14px}.simulations-coming-soon strong{display:block;color:var(--landing-text);font-size:16px;margin-bottom:6px;font-family:Space Grotesk,sans-serif}.simulations-coming-soon a{color:var(--landing-accent);text-decoration:underline;text-underline-offset:3px}.simulations-bottom-callout{margin:56px 0 0;padding:24px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:12px;font-size:15px;color:var(--landing-text-muted);line-height:1.6}.simulations-bottom-callout strong{color:var(--landing-text)}.simulations-bottom-callout a{color:var(--landing-accent);text-decoration:underline;text-underline-offset:3px}
