/* Landing and entity pages: /crypto-trading-simulator, /about.
   Builds on styles.min.css tokens; every selector is .sim-* scoped. */

.sim-badges{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}
.sim-badges a{display:inline-block;line-height:0;border-radius:8px;transition:transform .2s ease,opacity .2s ease;opacity:.95}
.sim-badges a:hover{transform:translateY(-2px);opacity:1}
.sim-badges a:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}
.sim-badges img{height:48px;width:auto}
.sim-hero-note{font-size:.85rem;color:var(--text-muted);margin-top:14px}
@media(min-width:1024px){.hero .sim-badges{justify-content:flex-start}}
.hero--centered .sim-badges{margin-top:28px}
@media(min-width:1024px){.hero--centered .sim-badges{justify-content:center}}

.hero__phone.sim-hero-phone{max-width:230px;animation:none}
@media(min-width:1024px){.hero__phone.sim-hero-phone{max-width:300px}}

.sim-section{padding:clamp(48px,6vw,88px) 0}
.sim-section--tight{padding-top:0}
.sim-prose{max-width:760px;margin:0 auto}
.sim-prose h2{font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.2;letter-spacing:-.02em;margin-bottom:18px}
.sim-prose h3{font-size:1.15rem;margin:28px 0 8px}
.sim-prose p,.sim-prose li{color:var(--text-secondary);font-size:1rem;line-height:1.75}
.sim-prose p+p{margin-top:14px}
.sim-prose ul,.sim-prose ol{margin:14px 0 0 1.2em;list-style:disc}
.sim-prose ol{list-style:decimal}
.sim-prose li+li{margin-top:8px}
.sim-prose ul+p,.sim-prose ol+p,.sim-prose .sim-cards+p{margin-top:16px}
.sim-prose strong{color:var(--text-primary)}
.sim-prose a,.sim-note a,.sim-faq a{color:var(--accent-light);text-decoration:underline;text-underline-offset:3px}
.sim-prose a:hover,.sim-note a:hover,.sim-faq a:hover{color:#fff}

.sim-cards{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px}
@media(min-width:720px){.sim-cards{grid-template-columns:repeat(2,1fr)}}
.sim-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:22px 22px}
.sim-card h3{font-size:1.05rem;margin:0 0 6px;color:var(--text-primary)}
.sim-card p{font-size:.95rem;line-height:1.65;color:var(--text-secondary)}

.sim-steps{display:grid;grid-template-columns:1fr;gap:28px;max-width:1040px;margin:36px auto 0;counter-reset:step;list-style:none;padding:0}
@media(min-width:860px){.sim-steps{grid-template-columns:repeat(3,1fr)}}
.sim-step{text-align:center;counter-increment:step}
.sim-step img{width:200px;height:auto;margin:0 auto 18px}
.sim-step h3{font-size:1.1rem;margin-bottom:6px}
.sim-step h3::before{content:counter(step) ". ";color:var(--accent-light)}
.sim-step p{color:var(--text-secondary);font-size:.95rem;line-height:1.65;max-width:320px;margin:0 auto}

.sim-table-wrap{max-width:760px;margin:28px auto 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-md)}
.sim-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.sim-table caption{caption-side:bottom;text-align:left;padding:12px 16px;color:var(--text-muted);font-size:.8rem}
.sim-table th,.sim-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);line-height:1.5}
.sim-table thead th{color:var(--text-primary);font-weight:600;background:rgba(255,255,255,.03)}
.sim-table tbody th{color:var(--text-primary);font-weight:500}
.sim-table td{color:var(--text-secondary)}
.sim-table tr:last-child th,.sim-table tr:last-child td{border-bottom:none}
.sim-table .sim-us{color:var(--text-primary)}
.sim-table--plans{min-width:0}
.sim-table-wrap--wide,.sim-note--wide{max-width:960px}
@media(max-width:520px){.sim-table--plans th,.sim-table--plans td{padding:10px 10px;font-size:.86rem}}

.sim-note{max-width:760px;margin:12px auto 0;color:var(--text-muted);font-size:.82rem;line-height:1.6}

.sim-faq{max-width:760px;margin:28px auto 0}
.sim-faq__item{border-bottom:1px solid var(--border);padding:20px 0}
.sim-faq__q{font-size:1.08rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}
.sim-faq__a{color:var(--text-secondary);font-size:.97rem;line-height:1.7}

.sim-links{display:grid;grid-template-columns:1fr;gap:24px;max-width:760px;margin:28px auto 0}
@media(min-width:720px){.sim-links{grid-template-columns:2fr 1fr}}
.sim-links h3{font-size:1rem;margin-bottom:10px;color:var(--text-primary)}
.sim-links ul{list-style:none;padding:0;margin:0}
.sim-links li+li{margin-top:8px}
.sim-links a{color:var(--accent-light);font-size:.95rem}
.sim-links a:hover{color:#fff;text-decoration:underline}

.sim-figure{max-width:900px;margin:32px auto 0}
.sim-figure img{width:100%;height:auto}
.sim-figure figcaption{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:10px}

.sim-facts{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin-top:20px;font-size:.95rem}
.sim-facts dt{color:var(--text-muted)}
.sim-facts dd{color:var(--text-primary);margin:0}
.sim-facts a{color:var(--accent-light)}
@media(max-width:520px){.sim-facts{grid-template-columns:1fr;gap:2px}.sim-facts dd{margin-bottom:10px}}

.cta-banner .sim-badges{margin-top:20px}

/* Wide comparison tables become stacked cards on phones */
@media(max-width:640px){
  .sim-table--stack{min-width:0}
  .sim-table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sim-table--stack tr{display:block;padding:14px 16px;border-bottom:1px solid var(--border)}
  .sim-table--stack tr:last-child{border-bottom:none}
  .sim-table--stack th,.sim-table--stack td{display:block;border:0;padding:2px 0}
  .sim-table--stack tbody th{font-size:1rem;margin-bottom:4px}
  .sim-table--stack td::before{content:attr(data-label) ": ";color:var(--text-muted)}
}