/* Supplemental styles for Insights and Stevox Lab only.
   Existing Stevox styles.css remains unchanged.
   Rebuilt to use the site's current design tokens (var(--ease), var(--radius),
   var(--shadow-*)) and the accent-bar card/hover language used elsewhere. */

.sil-article-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:22px}
.sil-single-article{grid-template-columns:1fr}
.sil-single-article .sil-featured{max-width:800px}
.sil-intro{margin-bottom:44px}
.sil-intro .section-title{margin-bottom:12px}
.sil-article-card{position:relative;overflow:hidden;padding:30px;background:var(--paper,#fefefd);border:1px solid var(--line,#e5e9ef);border-radius:var(--radius,10px);transition:transform .25s var(--ease,ease),box-shadow .25s var(--ease,ease),border-color .25s var(--ease,ease)}
.sil-article-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan,#15b8ca);transform:scaleY(0);transform-origin:bottom;transition:transform .3s var(--ease,ease)}
.sil-article-card:hover{border-color:var(--cyan-dim,#0d8f9e);box-shadow:var(--shadow-md,0 16px 40px -14px rgba(10,22,34,.18));transform:translateY(-3px)}
.sil-article-card:hover::before{transform:scaleY(1);transform-origin:top}
.sil-featured{background:var(--paper,#fefefd)}
.sil-article-card h2,.sil-article-card h3{margin:10px 0 12px;color:var(--ink,#0a1622);font-weight:600}
.sil-article-card h2{font-size:27px}
.sil-article-card h3{font-size:19px}
.sil-article-card p{color:var(--muted,#5c6b7c)}
.sil-meta{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono,"JetBrains Mono",monospace);font-size:12px;color:var(--cyan-dim,#0d8f9e);text-transform:uppercase;letter-spacing:1px}

/* Article page */
.sil-article-page{padding:96px 0}
.sil-article-shell{max-width:760px}
.sil-article-header{padding-bottom:0;border-bottom:0;margin-bottom:44px}
.sil-article-header h1{margin:14px 0 18px;color:var(--ink,#0a1622);font-size:clamp(32px,4.6vw,46px);line-height:1.1;letter-spacing:-1.2px;font-weight:600}
.sil-deck{color:var(--muted,#5c6b7c);font-size:19px;line-height:1.55}
.sil-byline{margin-top:16px;color:var(--cyan-dim,#0d8f9e);font-weight:500;font-family:var(--mono,"JetBrains Mono",monospace);font-size:12.5px;letter-spacing:1px;text-transform:uppercase}
.sil-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:28px;color:var(--cyan-dim,#0d8f9e);font-weight:700;font-size:14px;text-decoration:none;transition:color .2s var(--ease,ease)}
.sil-back:hover{color:var(--ink,#0a1622)}
.sil-article-body{max-width:760px}
.sil-article-body p{margin-bottom:20px;color:var(--text,#141d29);font-size:17px;line-height:1.75}
.sil-article-body strong{color:var(--ink,#0a1622);font-weight:600}
.sil-article-body h2{margin:40px 0 14px;color:var(--ink,#0a1622);font-size:24px;font-weight:600}
.sil-article-body ol{list-style:none;counter-reset:silstep;margin:26px 0;padding:0}
.sil-article-body ol li{counter-increment:silstep;position:relative;padding:14px 0 14px 46px;border-bottom:1px solid var(--line,#e5e9ef);color:var(--text,#141d29);font-size:16.5px;line-height:1.6}
.sil-article-body ol li:last-child{border-bottom:0}
.sil-article-body ol li::before{content:counter(silstep,decimal-leading-zero);position:absolute;left:0;top:14px;color:var(--cyan-dim,#0d8f9e);font-family:var(--mono,"JetBrains Mono",monospace);font-size:13px;font-weight:500;letter-spacing:.5px}
.sil-pullquote{margin:36px 0;padding:32px 34px;background:linear-gradient(160deg,var(--ink-2,#0f2032),var(--ink,#0a1622));border-radius:var(--radius,10px);box-shadow:var(--shadow-md,0 16px 40px -14px rgba(10,22,34,.18))}
.sil-pullquote p{margin:0;font-family:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;font-size:23px;line-height:1.4;color:#fff;font-weight:600}
.sil-pullquote p.sil-pullquote-sub{margin-top:10px;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:15.5px;line-height:1.6;color:#c9d7e3;font-weight:400}
.sil-callout{margin:32px 0;padding:26px 28px;border-left:3px solid var(--cyan,#15b8ca);background:var(--paper-2,#f4f6f9);border-radius:6px}
.sil-callout strong{display:block;margin-bottom:8px;color:var(--ink,#0a1622)}
.sil-callout p{margin:0;color:var(--muted,#5c6b7c);font-size:15.5px}

/* Lab feature */
.sil-lab-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;padding:40px;background:var(--paper,#fefefd);border:1px solid var(--line,#e5e9ef);border-radius:var(--radius,10px);box-shadow:var(--shadow-sm,0 1px 2px rgba(10,22,34,.05))}
.sil-lab-feature h2{margin-bottom:14px;color:var(--ink,#0a1622);font-size:30px;font-weight:600}
.sil-lab-feature p{color:var(--muted,#5c6b7c);font-size:16.5px;margin-bottom:20px}
.sil-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.sil-tags span{padding:6px 12px;border:1px solid var(--line,#e5e9ef);border-radius:20px;background:var(--paper,#fefefd);color:var(--cyan-dim,#0d8f9e);font-family:var(--mono,"JetBrains Mono",monospace);font-size:11.5px;font-weight:500;letter-spacing:.6px;text-transform:uppercase}
.sil-preview{padding:26px;background:linear-gradient(160deg,var(--ink-2,#0f2032),var(--ink,#0a1622));color:#fff;border-radius:var(--radius,10px);box-shadow:var(--shadow-md,0 16px 40px -14px rgba(10,22,34,.18))}
.sil-preview-label{font-family:var(--mono,"JetBrains Mono",monospace);font-size:11px;letter-spacing:1.6px;color:var(--cyan,#15b8ca);margin-bottom:16px;text-transform:uppercase}
.sil-preview-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#c9d7e3;font-size:14px}
.sil-preview-row:last-child{border-bottom:0}
.sil-preview-row strong{color:#fff;font-family:var(--mono,"JetBrains Mono",monospace);font-weight:500}

/* Lab roadmap */
.sil-lab-roadmap{margin-top:60px}
.sil-lab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.sil-lab-card{position:relative;overflow:hidden;padding:26px;border:1px solid var(--line,#e5e9ef);border-radius:var(--radius,10px);background:var(--paper-2,#f4f6f9);transition:transform .25s var(--ease,ease),box-shadow .25s var(--ease,ease),border-color .25s var(--ease,ease)}
.sil-lab-card:hover{border-color:var(--cyan-dim,#0d8f9e);box-shadow:var(--shadow-md,0 16px 40px -14px rgba(10,22,34,.18));transform:translateY(-3px)}
.sil-lab-card h3{margin-bottom:8px;color:var(--ink,#0a1622);font-size:18px;font-weight:600}
.sil-lab-card p{color:var(--muted,#5c6b7c);margin-bottom:16px;font-size:15px}
.sil-lab-card span{display:inline-block;padding:4px 10px;border-radius:20px;background:var(--paper,#fefefd);border:1px solid var(--line,#e5e9ef);font-family:var(--mono,"JetBrains Mono",monospace);font-size:11px;color:var(--cyan-dim,#0d8f9e);letter-spacing:.6px;text-transform:uppercase}

/* Game page */
.sil-game-page{padding:90px 0 100px;background:var(--paper,#fefefd)}
.sil-game-shell{max-width:1000px}
.sil-game-heading{max-width:780px;margin-bottom:40px}
.sil-game-heading h1{margin:14px 0 16px;color:var(--ink,#0a1622);font-size:clamp(32px,4.4vw,44px);letter-spacing:-1px;font-weight:600}
.sil-game-heading p{color:var(--muted,#5c6b7c);font-size:17px}
.sil-game-heading strong{color:var(--ink,#0a1622)}

.sil-game-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line,#e5e9ef);border:1px solid var(--line,#e5e9ef);border-radius:var(--radius,10px);overflow:hidden;margin-bottom:18px}
.sil-game-dashboard-six{grid-template-columns:repeat(6,1fr)}
.sil-game-dashboard>div{padding:18px 14px;text-align:center;background:var(--paper,#fefefd)}
.sil-game-dashboard span{display:block;margin-bottom:6px;color:var(--muted,#5c6b7c);font-family:var(--mono,"JetBrains Mono",monospace);font-size:10.5px;letter-spacing:1px;text-transform:uppercase}
.sil-game-dashboard strong{display:block;color:var(--ink,#0a1622);font-family:var(--mono,"JetBrains Mono",monospace);font-size:20px;font-weight:500}

.sil-progress{display:flex;align-items:center;gap:16px;margin-bottom:24px;color:var(--muted,#5c6b7c);font-family:var(--mono,"JetBrains Mono",monospace);font-size:12px;letter-spacing:.4px}
.sil-progress>div{flex:1;height:4px;background:var(--line,#e5e9ef);border-radius:4px;overflow:hidden}
.sil-progress>div span{display:block;height:100%;background:var(--cyan,#15b8ca);transition:width .3s var(--ease,ease)}

.sil-event-card{margin:0 0 20px;padding:18px 22px;border:1px solid #d7b46a;border-left:3px solid #d7b46a;border-radius:var(--radius,10px);background:#fff9ec;color:var(--ink,#0a1622)}
.sil-event-card strong{display:block;margin-bottom:6px;font-family:var(--mono,"JetBrains Mono",monospace);font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#8a6c1f}
.sil-event-card p{margin:0;color:#5c513b;line-height:1.6;font-size:15px}

.sil-scenario-card,.sil-result-card{padding:36px;background:var(--paper,#fefefd);border:1px solid var(--line,#e5e9ef);border-radius:var(--radius,10px);box-shadow:var(--shadow-sm,0 1px 2px rgba(10,22,34,.05))}
.sil-scenario-kicker{margin-bottom:14px;font-family:var(--mono,"JetBrains Mono",monospace);font-size:12.5px;color:var(--cyan-dim,#0d8f9e);letter-spacing:1.6px;text-transform:uppercase}
.sil-scenario-card h2{margin-bottom:12px;color:var(--ink,#0a1622);font-size:24px;font-weight:600}
.sil-scenario-card>p{color:var(--muted,#5c6b7c);font-size:16px;max-width:760px}

.sil-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.sil-choice-card{min-height:170px;padding:20px;text-align:left;border:1px solid var(--line,#e5e9ef);border-radius:8px;background:var(--paper,#fefefd);cursor:pointer;display:flex;flex-direction:column;font:inherit;transition:border-color .2s var(--ease,ease),transform .2s var(--ease,ease),box-shadow .2s var(--ease,ease)}
.sil-choice-card:hover:not(:disabled){border-color:var(--cyan-dim,#0d8f9e);box-shadow:var(--shadow-sm,0 1px 2px rgba(10,22,34,.05));transform:translateY(-1px)}
.sil-choice-card:disabled{opacity:.45;cursor:not-allowed}
.sil-choice-card span{color:var(--text,#141d29);font-weight:600;font-size:15px;line-height:1.4}
.sil-choice-card strong{margin-top:auto;padding-top:18px;color:var(--cyan-dim,#0d8f9e);font-family:var(--mono,"JetBrains Mono",monospace);font-size:14px}
.sil-choice-card small{margin-top:4px;color:var(--muted,#5c6b7c);font-size:11.5px;font-family:var(--mono,"JetBrains Mono",monospace);text-transform:uppercase;letter-spacing:.5px}

.sil-result-card{text-align:center}
.sil-result-score{font-family:var(--mono,"JetBrains Mono",monospace);font-size:42px;color:var(--cyan-dim,#0d8f9e);margin:8px 0 10px;font-weight:500}
.sil-result-card h2{font-size:26px;color:var(--ink,#0a1622);margin-bottom:10px;font-weight:600}
.sil-result-card>p{color:var(--muted,#5c6b7c);font-size:16px;max-width:640px;margin:0 auto}

.sil-result-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line,#e5e9ef);border:1px solid var(--line,#e5e9ef);border-radius:8px;overflow:hidden;margin:28px 0}
.sil-result-breakdown-six{grid-template-columns:repeat(6,1fr)}
.sil-result-breakdown div{padding:16px;background:var(--paper,#fefefd)}
.sil-result-breakdown span{display:block;margin-bottom:6px;color:var(--muted,#5c6b7c);font-family:var(--mono,"JetBrains Mono",monospace);font-size:10px;letter-spacing:1px;text-transform:uppercase}
.sil-result-breakdown strong{display:block;color:var(--ink,#0a1622);font-family:var(--mono,"JetBrains Mono",monospace);font-size:18px;font-weight:500}

.sil-result-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}

.sil-achievements{margin:28px 0;text-align:left}
.sil-achievements h3{margin-bottom:12px;color:var(--ink,#0a1622);font-size:16px;font-weight:600}
.sil-achievements>div{display:flex;gap:8px;flex-wrap:wrap}
.sil-achievements span{padding:6px 12px;border:1px solid var(--line,#e5e9ef);border-radius:20px;background:var(--paper-2,#f4f6f9);font-family:var(--mono,"JetBrains Mono",monospace);font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--cyan-dim,#0d8f9e)}

.sil-history{margin:24px 0;padding:18px 20px;border:1px solid var(--line,#e5e9ef);border-radius:var(--radius,10px);text-align:left}
.sil-history summary{cursor:pointer;font-weight:600;color:var(--ink,#0a1622);font-size:15px}
.sil-history ol{margin:18px 0 0;padding-left:22px}
.sil-history li{margin:0 0 14px;padding-left:4px;color:var(--muted,#5c6b7c);font-size:14.5px}
.sil-history li strong{display:block;color:var(--ink,#0a1622);font-weight:600}
.sil-history li span{display:block;margin-top:2px;font-size:12px}

@media(max-width:900px){
  .sil-article-grid{grid-template-columns:1fr}
  .sil-lab-feature{grid-template-columns:1fr}
  .sil-choice-grid{grid-template-columns:1fr}
  .sil-game-dashboard,.sil-result-breakdown{grid-template-columns:repeat(2,1fr)}
  .sil-game-dashboard-six{grid-template-columns:repeat(3,1fr)}
  .sil-result-breakdown-six{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .sil-lab-grid{grid-template-columns:1fr}
  .sil-game-dashboard,.sil-result-breakdown,.sil-game-dashboard-six,.sil-result-breakdown-six{grid-template-columns:repeat(2,1fr)}
  .sil-scenario-card,.sil-result-card{padding:24px}
}