/* SIMUL8OR EXTENSION PAGE LAYER — loads after s8-ui.css + s8-content.css. */
.s8x-page .s8c-head{max-width:760px;margin-left:auto;margin-right:auto}
.s8x-hero{display:flex;flex-direction:column;align-items:center;text-align:center}
.s8x-hero h1{max-width:18ch}
.s8x-hero .s8c-sub{margin-left:auto;margin-right:auto;text-align:center}
.s8x-store{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s8-3);margin-top:var(--s8-6)}
.s8x-store__btn{display:flex;align-items:center;gap:var(--s8-3);height:56px;padding:0 var(--s8-5) 0 var(--s8-4);border:1px solid var(--s8-line-2);border-radius:var(--s8-r);background:var(--s8-panel);color:var(--s8-fg);text-decoration:none;transition:border-color var(--s8-t) var(--s8-ease),background var(--s8-t) var(--s8-ease),transform var(--s8-t) var(--s8-ease)}
.s8x-store__btn:hover{border-color:var(--s8-line-3);background:var(--s8-panel-2);color:var(--s8-fg);transform:translateY(-1px)}
.s8x-store__btn svg{flex:none;width:19px;height:19px;stroke:var(--s8-fg-3);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.s8x-store__txt{display:flex;flex-direction:column;gap:1px;line-height:1.2}
.s8x-store__txt b{font-size:var(--s8-fs-base);font-weight:600;color:#fff}
.s8x-store__txt span{font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-weight:600;letter-spacing:var(--s8-ls-caps);text-transform:uppercase;color:var(--s8-fg-4)}
.s8x-store__btn--primary{background:var(--s8-accent);border-color:var(--s8-accent)}
.s8x-store__btn--primary:hover{background:var(--s8-accent-hi);border-color:var(--s8-accent-hi)}
.s8x-store__btn--primary svg{stroke:#fff}
.s8x-store__btn--primary .s8x-store__txt span{color:rgba(255,255,255,.72)}
.s8x-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s8-2) var(--s8-4);margin-top:var(--s8-4);font-size:var(--s8-fs-sm);color:var(--s8-fg-3)}
.s8x-meta span{display:inline-flex;align-items:center;gap:7px}
.s8x-meta span::before{content:"";width:5px;height:5px;border-radius:var(--s8-r-pill);background:var(--s8-up)}
.s8x-switcher{display:flex;align-items:center;justify-content:center;gap:1px;width:max-content;max-width:100%;margin:0 auto var(--s8-5);padding:3px;border:1px solid var(--s8-line);border-radius:var(--s8-r);background:var(--s8-inset)}
.s8x-switcher button{min-height:34px;padding:0 var(--s8-4);border:0;border-radius:var(--s8-r-sm);background:transparent;font-family:var(--s8-mono);font-size:var(--s8-fs-xs);font-weight:600;color:var(--s8-fg-3);cursor:pointer}
.s8x-switcher button:hover{color:var(--s8-fg)}
.s8x-switcher button[aria-selected="true"]{background:var(--s8-panel-2);box-shadow:inset 0 0 0 1px var(--s8-line-2);color:#fff}
.s8x-switcher button:focus-visible{outline:2px solid var(--s8-accent-hi);outline-offset:2px}
.s8x-demo{margin:0}
.s8x-win{border:1px solid var(--s8-line);border-radius:var(--s8-r-lg);background:var(--s8-panel);overflow:hidden}
.s8x-win--glow{box-shadow:0 0 0 1px var(--s8-accent-line),0 44px 120px -46px rgba(43,143,224,.42)}
.s8x-win__bar{display:flex;align-items:center;gap:var(--s8-3);height:var(--s8-h-lg);padding:0 var(--s8-3);background:var(--s8-panel-2);border-bottom:1px solid var(--s8-line)}
.s8x-dots{display:flex;gap:5px;flex:none}.s8x-dots i{width:8px;height:8px;border-radius:50%;background:var(--s8-line-3)}
.s8x-url{display:flex;align-items:center;gap:7px;flex:1;min-width:0;height:24px;padding:0 10px;border:1px solid var(--s8-line);border-radius:var(--s8-r-pill);background:var(--s8-inset);font-family:var(--s8-mono);font-size:var(--s8-fs-xs);color:var(--s8-fg-3);white-space:nowrap;overflow:hidden}
.s8x-url svg{flex:none;width:11px;height:11px;stroke:var(--s8-up);stroke-width:2;fill:none}
.s8x-pin{display:flex;align-items:center;gap:6px;flex:none;height:24px;padding:0 8px;border:1px solid var(--s8-accent-line);border-radius:var(--s8-r-sm);background:var(--s8-accent-tint);font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--s8-accent-fg)}
.s8x-pin::before{content:"";width:6px;height:6px;border-radius:var(--s8-r-pill);background:var(--s8-accent-hi)}
.s8x-win__chart{position:relative;min-height:0;aspect-ratio:2517/1250;background:var(--s8-inset)}
.s8x-win__chart img{display:block;width:100%;height:100%;object-fit:cover}
.s8x-cap{margin:var(--s8-3) 0 0;text-align:center;font-family:var(--s8-mono);font-size:var(--s8-fs-xs);color:var(--s8-fg-3)}
.s8x-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--s8-line);border:1px solid var(--s8-line);border-radius:var(--s8-r-lg);overflow:hidden}
.s8x-logos>div{display:flex;align-items:center;justify-content:center;padding:var(--s8-5);background:var(--s8-panel)}
.s8x-logos__slot{display:flex;align-items:center;justify-content:center;width:190px;height:62px;max-width:100%;padding:10px;background:var(--s8-inset);border:1px solid var(--s8-line);border-radius:var(--s8-r-sm);overflow:hidden}
.s8x-logos__slot img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.s8x-rows{display:grid;gap:1px;background:var(--s8-line);border:1px solid var(--s8-line);border-radius:var(--s8-r-lg);overflow:hidden}
.s8x-row{display:grid;grid-template-columns:34px 260px minmax(0,1fr);align-items:start;gap:var(--s8-4);padding:var(--s8-5);background:var(--s8-panel);transition:background var(--s8-t) var(--s8-ease)}
.s8x-row:hover{background:var(--s8-panel-2)}
.s8x-row__ico{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--s8-r);background:var(--s8-accent-tint);border:1px solid var(--s8-accent-line);color:var(--s8-accent-fg)}
.s8x-row__ico svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.s8x-row__t{margin:5px 0 0;font-size:var(--s8-fs-lg);line-height:1.3;letter-spacing:var(--s8-ls-tight);font-weight:600;color:#fff}
.s8x-row__p{margin:6px 0 0;font-size:var(--s8-fs-base);color:var(--s8-fg-2);text-wrap:pretty}
.s8x-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8-4)}
.s8x-card{position:relative;padding:var(--s8-6) var(--s8-5) var(--s8-5);background:var(--s8-panel-2);border:1px solid var(--s8-line);border-radius:var(--s8-r-lg)}
.s8x-card__n{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--s8-r);background:var(--s8-accent-tint);border:1px solid var(--s8-accent-line);font-family:var(--s8-mono);font-variant-numeric:tabular-nums;font-size:var(--s8-fs-sm);font-weight:600;color:var(--s8-accent-fg)}
.s8x-card h3{margin:var(--s8-4) 0 0;font-size:var(--s8-fs-lg);line-height:1.25;letter-spacing:var(--s8-ls-tight);font-weight:600;color:#fff}
.s8x-card p{margin:var(--s8-2) 0 0;font-size:var(--s8-fs-sm);color:var(--s8-fg-2);text-wrap:pretty}
@media(max-width:900px){.s8x-row{grid-template-columns:34px minmax(0,1fr);gap:var(--s8-3)}.s8x-row__p{grid-column:2}}
@media(max-width:760px){.s8x-logos,.s8x-cards{grid-template-columns:1fr}.s8x-switcher{width:100%}.s8x-switcher button{flex:1;min-width:0;padding:0 var(--s8-2)}.s8x-pin{display:none}}
@media(max-width:520px){.s8x-store{width:100%}.s8x-store__btn{width:100%;justify-content:center}.s8x-url{font-size:var(--s8-fs-micro)}}