/* ============================================================
   st-pages.css — markets, channel schedule, creators, moments of the
   week, AMA and Academy (2026-10). On top of styles.css; uses its
   colour and font variables. Markup: market.php, channel.php,
   creators.php, clip-vault.php, ama.php, academy.php.
   ============================================================ */
.sg{--sg-gold:#E3B341;--sg-green:#3FCB80;--sg-blue:#3B9EFF;--sg-purple:#8B7CF6;max-width:1180px;margin:0 auto;padding:clamp(18px,3vw,28px) clamp(16px,4vw,40px) 64px}
[data-theme=light] .sg{--sg-gold:#A0670F;--sg-green:#1E8F57}
.sg-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;font:500 12.5px var(--font-mono);color:var(--text-faint)}
.sg-crumb a{color:var(--text-dim);text-decoration:none}.sg-crumb em{font-style:normal}
.sg-eb{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font:600 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red-bright)}
.sg-eb i{width:7px;height:7px;border-radius:50%;background:var(--red-bright);box-shadow:0 0 0 4px rgba(217,40,46,.15)}
.sg h1{font:700 clamp(30px,4.4vw,50px)/1.08 var(--font-display);letter-spacing:-.015em;margin:0 0 12px;text-wrap:balance}
.sg h1 em{font-style:italic;color:#F25C61}
[data-theme=light] .sg h1 em{color:var(--red-bright)}
.sg h2{font:600 24px/1.25 var(--font-display);margin:0 0 14px}
.sg h3{font:600 16px/1.35 var(--font-ui);margin:0}
.sg p{margin:0;color:var(--text-dim);line-height:1.65}
.sg-lead{font-size:16.5px;max-width:640px}
.sg-card{border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-sec{margin:0 0 38px}
.sg-sec>h2{display:flex;align-items:center;gap:12px}
.sg-sec>h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}
.sg-sec>h2 small{order:2;font:500 12px var(--font-mono);color:var(--text-faint)}
.sg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.sg-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;font:600 12.5px var(--font-ui);color:var(--text-dim);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-chip b{color:var(--text)}
.sg-chip i{width:7px;height:7px;border-radius:50%;background:var(--red-bright)}
.sg-chip.is-off i{background:var(--text-faint)}
.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;border:0;font:600 14.5px var(--font-ui);color:#fff;text-decoration:none;cursor:pointer;background:linear-gradient(180deg,#EA3C42,#B81F24);box-shadow:0 2px 0 #7d1013,0 14px 28px -16px rgba(217,40,46,.95);white-space:nowrap}
.sg-btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:12px;border:0;font:600 14.5px var(--font-ui);color:var(--text);text-decoration:none;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);white-space:nowrap}
.sg-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.sg-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.55;color:var(--text-dim);background:var(--surface-2)}
.sg-tag{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:6px;font:700 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:var(--surface-2)}
.sg-tag.live{color:#fff;background:var(--red-bright)}
.sg-tag.gold{color:var(--sg-gold);background:rgba(227,179,65,.13)}
.sg-tag.green{color:var(--sg-green);background:rgba(63,203,128,.12)}
.sg-tag.blue{color:var(--sg-blue);background:rgba(59,158,255,.12)}
.sg-tag.purple{color:var(--sg-purple);background:rgba(139,124,246,.14)}
.sg-badge{width:var(--s,44px);height:var(--s,44px);border-radius:calc(var(--s,44px)*.28);flex:none;display:grid;place-items:center;font:700 calc(var(--s,44px)*.42)/1 var(--font-ui);color:var(--c,#F7931A);background:color-mix(in srgb,var(--c,#F7931A) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#F7931A) 40%,transparent)}
.sg-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:36px;align-items:center;padding:32px 34px;border-radius:24px;overflow:hidden;isolation:isolate;
  background:radial-gradient(60% 100% at 95% 0%,rgba(217,40,46,.18),transparent 60%),var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.45;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 100% at 90% 0%,#000,transparent 70%);mask-image:radial-gradient(70% 100% at 90% 0%,#000,transparent 70%)}
.sg-hero-x{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.sg-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.sg-cols-live{grid-template-columns:minmax(0,1fr) 360px}
.sg-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:90px}

/* price card */
.sg-price{padding:18px 20px;border-radius:18px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border)}
.sg-price-h{display:flex;align-items:center;gap:10px}
.sg-price-h b{font:600 15px var(--font-ui)}
.sg-price-h small{margin-left:auto;font:500 11px var(--font-mono);color:var(--text-faint)}
.sg-price-v{display:flex;align-items:baseline;gap:10px;margin:12px 0 4px}
.sg-price-v strong{font:700 34px/1 var(--font-mono);letter-spacing:-.02em}
.sg-dn{font:600 14px var(--font-mono);color:#F0565B}.sg-up{font:600 14px var(--font-mono);color:var(--sg-green)}
.sg-spark{display:block;width:100%;height:84px;margin:8px 0 10px}
.sg-hl{display:flex;justify-content:space-between;font:500 12px var(--font-mono);color:var(--text-faint)}
.sg-hl b{color:var(--text-dim);font-weight:600}

/* light player */
.sg-player{position:relative;display:block;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#06080a;box-shadow:inset 0 0 0 1px var(--border),0 30px 60px -36px rgba(0,0,0,.8)}
.sg-player-art{position:absolute;inset:0;background:radial-gradient(60% 80% at 70% 30%,rgba(217,40,46,.35),transparent 60%),linear-gradient(160deg,#141a20,#07090b)}
.sg-player-art svg{position:absolute;inset:auto 0 0 0;width:100%;height:70%;opacity:.45}
.sg-player-top{position:absolute;left:18px;top:16px;right:18px;display:flex;gap:10px;align-items:center;color:#fff}
.sg-player-top b{font:600 15px var(--font-ui);text-shadow:0 2px 8px rgba(0,0,0,.6)}
.sg-player-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(217,40,46,.92);box-shadow:0 0 0 10px rgba(217,40,46,.2),0 20px 40px rgba(0,0,0,.5)}
.sg-player-bot{position:absolute;left:18px;bottom:16px;right:18px;display:flex;justify-content:space-between;gap:10px;font:500 12px var(--font-mono);color:rgba(255,255,255,.75)}

/* lists */
.sg-rows{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--border);background:var(--surface)}
.sg-row{display:flex;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid var(--border);text-decoration:none;color:inherit}
.sg-row:first-child{border-top:0}
.sg-row>span:not([class]){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.sg-row b{font:600 15px/1.35 var(--font-ui)}
.sg-row small{font:500 12px var(--font-mono);color:var(--text-faint)}
.sg-row em{font:600 10.5px var(--font-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--red-bright)}
.sg-go{margin-left:auto;color:var(--text-faint);flex:none}
.sg-faq{display:flex;flex-direction:column;gap:8px}
.sg-faq div{padding:15px 18px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-faq b{display:flex;justify-content:space-between;gap:10px;font:600 15px/1.45 var(--font-ui)}
.sg-faq b::after{content:"+";color:var(--text-faint);font-weight:400}
.sg-faq div.open b::after{content:"–"}
.sg-faq p{margin-top:8px;font-size:14.5px}
.sg-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid var(--border);text-decoration:none;color:var(--text)}
.sg-links a:first-of-type{border-top:0}
.sg-links a span:not([class]){display:flex;flex-direction:column;gap:2px}
.sg-links a b{font:600 14.5px var(--font-ui)}
.sg-links a small{font-size:12.5px;color:var(--text-faint)}
.sg-box{padding:16px 18px}
.sg-box h3{margin:0 0 10px;font:600 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}

/* schedule */
.sg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.sg-stat{padding:14px 16px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-stat dt{font:600 10.5px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}
.sg-stat dd{margin:8px 0 0;font:700 22px/1.1 var(--font-display)}
.sg-stat dd small{display:block;margin-top:4px;font:500 12px var(--font-ui);color:var(--text-faint)}
.sg-heat{padding:18px 18px 14px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-heat-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:14px}
.sg-heat-h b{font:600 15px var(--font-ui)}.sg-heat-h small{font:500 12px var(--font-mono);color:var(--text-faint)}
.sg-hm{display:grid;grid-template-columns:36px repeat(24,minmax(0,1fr));gap:3px;align-items:center}
.sg-hm span{font:500 10.5px var(--font-mono);color:var(--text-faint)}
.sg-hm i{display:block;aspect-ratio:1;border-radius:3px;background:var(--surface-2)}
.sg-hm .x{font-size:9.5px;text-align:center}
.sg-legend{display:flex;align-items:center;gap:6px;margin-top:12px;font:500 11px var(--font-mono);color:var(--text-faint)}
.sg-legend i{width:14px;height:14px;border-radius:3px}
.sg-usually{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(217,40,46,.08);box-shadow:inset 0 0 0 1px rgba(217,40,46,.22);font-size:14px;color:var(--text)}

/* creator badge */
.sg-badgeprev{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:20px;border-radius:14px;background:repeating-linear-gradient(45deg,var(--surface-2) 0 10px,var(--surface) 10px 20px)}
.sg-lots{display:inline-flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border-radius:12px;font:600 13px var(--font-ui);text-decoration:none;color:#fff;background:#0b0f12;box-shadow:inset 0 0 0 1px #2a3138,0 8px 18px -10px rgba(0,0,0,.6)}
.sg-lots.light{color:#17181a;background:#fff;box-shadow:inset 0 0 0 1px #e3e0d8,0 8px 18px -12px rgba(0,0,0,.25)}
.sg-lots .m{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#12171b}
.sg-lots.light .m{background:#f1efea;color:#17181a}
.sg-lots span{display:flex;flex-direction:column;line-height:1.15}
.sg-lots small{font:600 9.5px var(--font-mono);letter-spacing:.12em;color:#F25C61}
.sg-code{margin-top:12px;padding:12px 14px;border-radius:12px;font:500 12px/1.6 var(--font-mono);color:var(--text-dim);background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);white-space:pre-wrap;word-break:break-all}
.sg-form{display:flex;flex-direction:column;gap:12px}
.sg-f{display:flex;flex-direction:column;gap:6px}
.sg-f>span{font:600 12.5px var(--font-ui);color:var(--text-dim)}
.sg-in{height:46px;padding:0 14px;border-radius:12px;display:flex;align-items:center;font:500 14.5px var(--font-ui);color:var(--text-faint);background:var(--bg);box-shadow:inset 0 0 0 1px var(--border)}
.sg-in.ta{height:86px;align-items:flex-start;padding-top:12px}
.sg-in.sel{justify-content:space-between}
.sg-chk{display:flex;gap:10px;align-items:center;font-size:13.5px;color:var(--text-dim)}
.sg-chk i{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--text-faint)}
.sg-steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sg-steps3 div{padding:16px 18px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-steps3 em{display:grid;place-items:center;width:30px;height:30px;margin-bottom:10px;border-radius:50%;font:700 13px var(--font-mono);font-style:normal;color:#fff;background:linear-gradient(180deg,#EA3C42,#B81F24)}
.sg-steps3 p{font-size:14px;margin-top:4px}
.sg-2c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}

/* moments */
.sg-tabs{display:flex;gap:6px;margin:18px 0 0;flex-wrap:wrap}
.sg-tabs span{height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font:600 13px var(--font-ui);color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--border)}
.sg-tabs span.on{color:#fff;background:var(--red-bright);box-shadow:none}
.sg-mom{display:grid;grid-template-columns:34px 210px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-mom+.sg-mom{margin-top:10px}
.sg-rank{font:700 22px var(--font-display);color:var(--text-faint);text-align:center}
.sg-mom.top .sg-rank{color:var(--sg-gold)}
.sg-thumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#1b232a,#0a0d10)}
.sg-thumb svg{position:absolute;inset:auto 0 0 0;width:100%;height:75%}
.sg-thumb .ts{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:6px;font:600 11px var(--font-mono);color:#fff;background:rgba(0,0,0,.75)}
.sg-thumb .pl{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(217,40,46,.9)}
.sg-mom-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.sg-mom-t b{font:600 16px/1.35 var(--font-display)}
.sg-mom-t small{display:flex;align-items:center;gap:8px;font:500 12.5px var(--font-ui);color:var(--text-faint)}
.sg-vote{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;padding:8px 10px;border-radius:12px;font:700 14px var(--font-mono);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}
.sg-vote.on{color:var(--red-bright);box-shadow:inset 0 0 0 1px rgba(217,40,46,.5);background:rgba(217,40,46,.08)}
.sg-sharecard{aspect-ratio:1;border-radius:18px;overflow:hidden;position:relative;padding:22px;color:#F2F0EB;background:radial-gradient(80% 70% at 85% 10%,rgba(217,40,46,.45),transparent 60%),linear-gradient(160deg,#151b21,#07090b);box-shadow:inset 0 0 0 1px #2a3138}
.sg-sharecard .k{font:700 11px var(--font-mono);letter-spacing:.14em;color:#F25C61}
.sg-sharecard h4{margin:12px 0 0;font:700 25px/1.15 var(--font-display)}
.sg-sharecard .bt{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:center;font:600 11px var(--font-mono);color:rgba(255,255,255,.7)}
.sg-sharecard svg.ch{position:absolute;left:0;right:0;bottom:56px;width:100%;height:42%}

/* social previews */
.sg-tg{max-width:430px;padding:10px;border-radius:18px;background:#0e1621}
.sg-tg-b{border-radius:14px;overflow:hidden;background:#182533;color:#fff}
.sg-tg-img{aspect-ratio:1.91/1;position:relative;background:radial-gradient(70% 90% at 85% 10%,rgba(217,40,46,.5),transparent 60%),linear-gradient(160deg,#151b21,#07090b)}
.sg-tg-img svg{position:absolute;inset:auto 0 0 0;width:100%;height:60%}
.sg-tg-img .l{position:absolute;left:16px;top:14px;display:flex;align-items:center;gap:8px;font:700 12px var(--font-mono);letter-spacing:.1em}
.sg-tg-img h5{position:absolute;left:16px;top:40px;right:16px;margin:0;font:700 22px/1.15 var(--font-display)}
.sg-tg-t{padding:10px 12px 8px;font:400 14.5px/1.5 -apple-system,Inter,sans-serif}
.sg-tg-t a{color:#6AB2F2;text-decoration:none}
.sg-tg-m{display:block;text-align:right;font-size:12px;color:#7a8a99;margin-top:4px}
.sg-tg-btn{margin-top:6px;padding:10px;border-radius:10px;text-align:center;font:600 14px -apple-system,Inter,sans-serif;color:#fff;background:#2b5278}
.sg-x{max-width:470px;padding:14px 16px;border-radius:18px;background:#000;color:#e7e9ea;box-shadow:inset 0 0 0 1px #2f3336;font:400 15px/1.45 -apple-system,Inter,sans-serif}
.sg-x-h{display:flex;gap:10px;align-items:center}
.sg-x-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#11161b;box-shadow:0 0 0 2px #d9282e}
.sg-x-h b{font-weight:700}.sg-x-h small{color:#71767b}
.sg-x-card{margin-top:10px;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #2f3336}
.sg-x-card .sg-tg-img{border-radius:0}
.sg-x-card div.u{padding:10px 12px;font-size:13px;color:#71767b}
.sg-rules{display:flex;flex-direction:column;gap:10px}
.sg-rules div{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font-size:14px;color:var(--text-dim);line-height:1.55}
.sg-rules b{color:var(--text)}
.sg-rules svg{flex:none;margin-top:2px;color:var(--red-bright)}

/* AMA */
.sg-ama-feat{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;padding:26px 28px;border-radius:22px;background:radial-gradient(60% 120% at 100% 0%,rgba(59,158,255,.14),transparent 60%),var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-proj{display:flex;align-items:center;gap:14px}
.sg-plogo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font:700 22px var(--font-ui);color:#fff;background:linear-gradient(150deg,#3B9EFF,#1d4f8a);box-shadow:0 10px 24px -12px rgba(59,158,255,.8)}
.sg-plogo.s{width:44px;height:44px;border-radius:12px;font-size:17px}
.sg-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}
.sg-cd div{padding:12px 4px;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border)}
.sg-cd b{display:block;font:700 26px/1 var(--font-mono)}
.sg-cd small{display:block;margin-top:6px;font:600 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}
.sg-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sg-amac{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-amac .f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px dashed var(--border);font:600 12px var(--font-mono);color:var(--text-faint)}
.sg-amac .f a{color:var(--red-bright);text-decoration:none}
.sg-q{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:14px 16px;border-top:1px solid var(--border)}
.sg-q:first-child{border-top:0}
.sg-q .sg-vote{min-width:56px}
.sg-q b{font:600 15px/1.45 var(--font-ui)}
.sg-q small{display:block;margin-top:5px;font:500 12px var(--font-mono);color:var(--text-faint)}
.sg-q.picked{background:rgba(63,203,128,.06)}
.sg-ask{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border)}
.sg-ask .sg-in{flex:1;box-shadow:none;background:none;height:40px;padding:0 6px}
.sg-chat{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);height:100%}
.sg-chat-h{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);font:600 14px var(--font-ui)}
.sg-chat-b{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px;font-size:13.5px;line-height:1.45;color:var(--text-dim)}
.sg-chat-b b{color:var(--text);margin-right:6px}
.sg-chat-b .hl{padding:10px 12px;border-radius:12px;background:rgba(63,203,128,.08);box-shadow:inset 0 0 0 1px rgba(63,203,128,.25);color:var(--text)}
.sg-chat-f{padding:10px;border-top:1px solid var(--border)}
.sg-sum li{margin:0 0 10px;color:var(--text);line-height:1.6}
.sg-qa{padding:18px 20px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-qa+.sg-qa{margin-top:10px}
.sg-qa .q{font:600 16px/1.45 var(--font-display);color:var(--text)}
.sg-qa .q span{font:700 11px var(--font-mono);color:var(--red-bright);margin-right:8px}
.sg-qa .a{margin-top:8px;font-size:15px}
.sg-qa .a span{font:700 11px var(--font-mono);color:var(--sg-blue);margin-right:8px}
.sg-qa .who{margin-top:8px;font:500 12px var(--font-mono);color:var(--text-faint)}

/* Academy */
.sg-tracks{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.sg-track{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);text-decoration:none;color:var(--text)}
.sg-track::before{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%)}
.sg-track-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}
.sg-track h3{font:600 20px/1.25 var(--font-display)}
.sg-track p{font-size:14px}
.sg-track .meta{display:flex;flex-wrap:wrap;gap:6px}
.sg-prog{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.sg-prog i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#B81F24,#EA3C42)}
.sg-track .f{display:flex;justify-content:space-between;align-items:center;font:600 12px var(--font-mono);color:var(--text-faint)}
.sg-track .f b{color:var(--sg-purple);font-weight:600}
.sg-how4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sg-how4 div{padding:16px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-how4 svg{color:var(--red-bright)}
.sg-how4 b{display:block;margin:10px 0 4px;font:600 15px var(--font-ui)}
.sg-how4 p{font-size:13.5px}
.sg-lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.sg-points{list-style:none;margin:0;padding:6px 18px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-points li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--border);font-size:15px;line-height:1.55;color:var(--text)}
.sg-points li:first-child{border-top:0}
.sg-points svg{flex:none;margin-top:2px;padding:3px;width:22px;height:22px;border-radius:50%;color:var(--sg-green);background:rgba(63,203,128,.12)}
.sg-practice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border-radius:20px;background:radial-gradient(60% 120% at 100% 0%,rgba(139,124,246,.2),transparent 60%),var(--surface);box-shadow:inset 0 0 0 1px rgba(139,124,246,.35)}
.sg-practice .g{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,#8B7CF6,#4b3fb8);box-shadow:0 12px 26px -12px rgba(139,124,246,.9)}
.sg-xp{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:700 12px var(--font-mono);color:var(--sg-gold);background:rgba(227,179,65,.13)}
.sg-btn.purple{background:linear-gradient(180deg,#9A8CFF,#6a5ae0);box-shadow:0 2px 0 #4433a8,0 14px 28px -16px rgba(139,124,246,.95)}
.sg-quiz{display:flex;flex-direction:column;gap:8px}
.sg-quiz div{display:flex;gap:12px;align-items:center;padding:13px 15px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font-size:14.5px;color:var(--text)}
.sg-quiz div i{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 11px var(--font-mono);font-style:normal;color:var(--text-faint);box-shadow:inset 0 0 0 1.5px var(--border)}
.sg-quiz div.ok{box-shadow:inset 0 0 0 1.5px var(--sg-green);background:rgba(63,203,128,.07)}
.sg-quiz div.ok i{color:#fff;background:var(--sg-green);box-shadow:none}
.sg-lnav{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.sg-tl{list-style:none;margin:0;padding:0}
.sg-tl li{display:flex;gap:12px;align-items:center;padding:10px 4px;border-top:1px solid var(--border);font-size:14px;color:var(--text-dim)}
.sg-tl li:first-child{border-top:0}
.sg-tl li i{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 11px var(--font-mono);font-style:normal;color:var(--text-faint);box-shadow:inset 0 0 0 1.5px var(--border)}
.sg-tl li.done i{color:#fff;background:var(--sg-green);box-shadow:none}
.sg-tl li.cur{color:var(--text);font-weight:600}
.sg-tl li.cur i{color:#fff;background:var(--red-bright);box-shadow:0 0 0 4px rgba(217,40,46,.2)}
.sg-tl li small{margin-left:auto;font:500 11.5px var(--font-mono);color:var(--text-faint)}
.sg-ring{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.sg-ring b{font:700 18px var(--font-display)}
.sg-ring small{display:block;font:500 12px var(--font-ui);color:var(--text-faint)}

@media(max-width:960px){
  .sg-hero,.sg-cols,.sg-ama-feat{grid-template-columns:1fr}
  .sg-side{position:static}
  .sg-grid3{grid-template-columns:1fr}
  .sg-how4{grid-template-columns:1fr 1fr}
  .sg-2c{grid-template-columns:1fr}
}
@media(max-width:640px){
  .sg-hero{padding:20px 16px;gap:20px;border-radius:20px}
  .sg h1{font-size:31px}
  .sg-acts .sg-btn,.sg-acts .sg-btn2{flex:1 1 100%}
  .sg-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .sg-stat{padding:12px}.sg-stat dd{font-size:18px}
  .sg-hm{grid-template-columns:28px repeat(24,minmax(0,1fr));gap:2px}
  .sg-hm i{border-radius:2px}
  .sg-steps3{grid-template-columns:1fr}
  .sg-mom{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px}
  .sg-mom .sg-rank{display:none}
  .sg-mom .sg-vote{grid-column:1/-1;flex-direction:row;justify-content:center;gap:8px}
  .sg-ama-feat{padding:20px 16px}
  .sg-cd b{font-size:22px}
  .sg-practice{grid-template-columns:auto minmax(0,1fr);padding:18px 16px}
  .sg-practice .sg-btn{grid-column:1/-1}
  .sg-how4{grid-template-columns:1fr}
  .sg-tracks{grid-template-columns:1fr}
  .sg-player-bot .lg{display:none}
  .sg-player-play{width:64px;height:64px;margin:-32px 0 0 -32px}
  .sg-lnav{flex-direction:column}.sg-lnav .sg-btn,.sg-lnav .sg-btn2{white-space:normal}
  .sg-chat{min-height:420px!important}
}

/* ---------- production pieces (real players, forms, states) ---------- */
.sg-player{display:block;width:100%;padding:0;border:0;cursor:pointer;color:#fff;text-align:left;font:inherit}
.sg-player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sg-player::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 30%,transparent 65%,rgba(0,0,0,.6));pointer-events:none}
.sg-player>span{z-index:1}
.sg-player:hover .sg-player-play{transform:scale(1.06)}
.sg-player-play{transition:transform .2s}
.sg-player.is-on{cursor:default}
.sg-player.is-on::after{display:none}
.sg-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.sg-off{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:280px;padding:34px 22px;border-radius:20px;text-align:center;overflow:hidden;
  background:radial-gradient(60% 80% at 50% 0%,rgba(217,40,46,.14),transparent 60%),var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-off h2{margin:0;font:600 26px/1.25 var(--font-display)}
.sg-off p{max-width:520px;font-size:15px}
.sg-off .sg-tag{margin-bottom:4px}
.sg-sub{margin:-6px 0 16px;font-size:14.5px}
.sg-plogo{position:relative;width:var(--s,58px);height:var(--s,58px);border-radius:calc(var(--s,58px)*.28);flex:none;display:grid;place-items:center;overflow:hidden;color:#fff;
  font:700 calc(var(--s,58px)*.38)/1 var(--font-ui);background:linear-gradient(150deg,#3B9EFF,#1d4f8a);box-shadow:0 10px 24px -12px rgba(59,158,255,.8)}
.sg-plogo::before{content:attr(data-l)}
.sg-plogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--surface-2)}
.sg-in{width:100%;height:46px;padding:0 14px;border:0;border-radius:12px;font:500 15px var(--font-ui);color:var(--text);background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);outline:0;-webkit-appearance:none;appearance:none}
.sg-in:focus{box-shadow:inset 0 0 0 1.5px var(--red-bright)}
textarea.sg-in{height:96px;padding:12px 14px;line-height:1.5;resize:vertical}
select.sg-in{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8d93' stroke-width='2'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.sg-chk input{width:18px;height:18px;margin:0;accent-color:var(--red-bright)}
.sg-msg{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-dim)}
.sg-msg:empty{display:none}
.sg-msg.ok{color:var(--sg-green)}.sg-msg.bad{color:#F0565B}
[data-theme=light] .sg-msg.bad{color:var(--red-bright)}
.sg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
button.sg-vote{border:0;background:none;cursor:pointer;font:700 14px var(--font-mono);color:var(--text);transition:box-shadow .15s,color .15s}
button.sg-vote:hover{box-shadow:inset 0 0 0 1px var(--text-faint)}
button.sg-vote:disabled{cursor:default}
.sg-copy{display:inline-flex;align-items:center;gap:6px}
.sg-code+.sg-acts{margin-top:12px}
.sg-codes h3{margin:16px 0 0;font:600 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}
.sg-empty{padding:22px;border-radius:16px;text-align:center;font-size:14.5px;color:var(--text-dim);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-row.is-live b{color:var(--text)}
.sg-heat-wait{padding:26px 18px;text-align:center;font-size:14px;color:var(--text-dim)}
.sg-hm i{transition:background .2s}
.sg-cd b{font-variant-numeric:tabular-nums}
.sg-lead a,.sg p a{color:var(--red-bright)}

/* markets hub */
.sg-mkts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.sg-mkt{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);text-decoration:none;color:var(--text);transition:box-shadow .15s,transform .15s}
.sg-mkt:hover{box-shadow:inset 0 0 0 1px var(--text-faint);transform:translateY(-2px)}
.sg-mkt-top{display:flex;align-items:center;gap:12px}
.sg-mkt-top b{font:600 18px var(--font-display)}
.sg-mkt-top small{display:block;font:500 12px var(--font-ui);color:var(--text-faint)}
.sg-mkt .f{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed var(--border);font:600 12px var(--font-mono);color:var(--text-faint)}
.sg-mkt .f em{font-style:normal;color:var(--red-bright)}

/* AMA chat, questions */
.sg-chat-b{max-height:460px;overflow-y:auto;overscroll-behavior:contain}
.sg-chat-b .me b{color:var(--red-bright)}
.sg-chat-b .host b{color:var(--sg-green)}
.sg-q .sg-tag{margin-left:6px;vertical-align:1px}
.sg-q.is-answered b{color:var(--text-dim)}
.sg-qform{display:flex;flex-direction:column;gap:8px}
.sg-qform .sg-ask{align-items:flex-start}
.sg-qform textarea{flex:1;min-height:44px;height:44px;border:0;background:none;color:var(--text);font:500 15px/1.45 var(--font-ui);resize:none;outline:0;padding:10px 6px}
.sg-qform .row{display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 12px var(--font-mono);color:var(--text-faint)}
.sg-qa .a a{color:var(--red-bright);text-decoration:none;font-family:var(--font-mono);font-size:12.5px}

/* Academy */
.sg-quiz button{display:flex;gap:12px;align-items:center;width:100%;padding:13px 15px;border:0;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font:500 14.5px var(--font-ui);color:var(--text);text-align:left;cursor:pointer}
.sg-quiz button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--text-faint)}
.sg-quiz button i{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 11px var(--font-mono);font-style:normal;color:var(--text-faint);box-shadow:inset 0 0 0 1.5px var(--border)}
.sg-quiz button.ok{box-shadow:inset 0 0 0 1.5px var(--sg-green);background:rgba(63,203,128,.07)}
.sg-quiz button.ok i{color:#fff;background:var(--sg-green);box-shadow:none}
.sg-quiz button.no{box-shadow:inset 0 0 0 1.5px #F0565B;background:rgba(240,86,91,.06)}
.sg-quiz button.no i{color:#fff;background:#F0565B;box-shadow:none}
.sg-quiz button:disabled{cursor:default}
.sg-done{display:flex;gap:12px;align-items:center;margin-top:12px;padding:14px 16px;border-radius:14px;font-size:14.5px;color:var(--text);background:rgba(63,203,128,.08);box-shadow:inset 0 0 0 1px rgba(63,203,128,.3)}
.sg-done[hidden]{display:none}
.sg-done svg{flex:none;color:var(--sg-green)}
.sg-done a,.sg-done button{margin-left:auto}
.sg-tl li a{color:inherit;text-decoration:none;flex:1;min-width:0}
.sg-tl li a:hover{color:var(--text)}
.sg-track-lessons{counter-reset:l;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sg-track-lessons a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);text-decoration:none;color:var(--text)}
.sg-track-lessons a:hover{box-shadow:inset 0 0 0 1px var(--text-faint)}
.sg-track-lessons i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--font-mono);font-style:normal;color:var(--text-dim);box-shadow:inset 0 0 0 1.5px var(--border)}
.sg-track-lessons .done i{color:#fff;background:var(--sg-green);box-shadow:none}
.sg-track-lessons b{display:block;font:600 16px/1.35 var(--font-ui)}
.sg-track-lessons small{font:500 12px var(--font-mono);color:var(--text-faint)}

@media(max-width:640px){
  .sg-off{min-height:220px;padding:26px 16px}
  .sg-off h2{font-size:22px}
  .sg-track-lessons a{grid-template-columns:34px minmax(0,1fr);gap:10px}
  .sg-track-lessons a>span:last-child{display:none}
  .sg-done{flex-wrap:wrap}
  .sg-done a,.sg-done button{margin-left:0}
}
.sg-faq details{border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.sg-faq details[open]{box-shadow:inset 0 0 0 1px var(--text-faint),inset 3px 0 0 var(--red-bright)}
.sg-faq summary{position:relative;padding:15px 50px 15px 18px;cursor:pointer;list-style:none;font:600 15px/1.45 var(--font-ui);color:var(--text)}
.sg-faq summary::-webkit-details-marker{display:none}
.sg-faq summary::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--text-faint);border-bottom:2px solid var(--text-faint);transform:rotate(45deg);transition:transform .2s}
.sg-faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.sg-faq details p{margin:0;padding:0 18px 16px;font-size:14.5px}

/* moments of the week (/clips) */
.sg-tabs a{height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font:600 13px var(--font-ui);color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--border);text-decoration:none}
.sg-tabs a.on{color:#fff;background:var(--red-bright);box-shadow:none}
.sg-tabs a:hover:not(.on){color:var(--text);box-shadow:inset 0 0 0 1px var(--text-faint)}
button.sg-thumb{display:block;width:100%;padding:0;border:0;cursor:pointer}
.sg-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sg-thumb .pl,.sg-thumb .ts{z-index:1}
.sg-sharecard img.ch{position:absolute;left:22px;right:22px;bottom:58px;width:calc(100% - 44px);height:42%;object-fit:cover;border-radius:12px;opacity:.9}
.sg-mom-t small a{color:inherit;text-decoration:none}
.sg-mom-t small a:hover{color:var(--text)}
.sg-linkbtn{all:unset;display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-faint);font:500 12.5px var(--font-ui)}
.sg-linkbtn:hover{color:var(--red-bright)}
.sg-weekh{margin:22px 0 10px;font:600 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}
.sg-mom-play{margin-top:10px}
.sg-mom-play .sg-player{aspect-ratio:16/9;position:relative;border-radius:16px;overflow:hidden}
.cv-wrap>.cv-submit-box{margin-top:30px}
.sg-vote.on{color:var(--red-bright);box-shadow:inset 0 0 0 1px rgba(217,40,46,.5);background:rgba(217,40,46,.08)}
[data-ac-ring][stroke-dasharray^="0 "]{opacity:0}
.sg-btn.is-on{background:linear-gradient(180deg,#2FB572,#1E8F57);box-shadow:0 2px 0 #12603a,0 14px 28px -16px rgba(47,181,114,.9)}
.sg-player img:not([src]),.sg-thumb img:not([src]){display:none}