:root {
  --sg-ink-950: #050a10;
  --sg-ink-900: #08111b;
  --sg-ink-850: #0b1622;
  --sg-ink-800: #0f1d2b;
  --sg-ink-700: #17293a;
  --sg-line: rgba(141, 171, 196, 0.18);
  --sg-line-strong: rgba(141, 171, 196, 0.32);
  --sg-text: #f1f6fa;
  --sg-muted: #96aabc;
  --sg-cyan: #55d8e5;
  --sg-cyan-soft: rgba(85, 216, 229, 0.12);
  --sg-amber: #f4ad48;
  --sg-amber-soft: rgba(244, 173, 72, 0.13);
  --sg-green: #57d59b;
  --sg-red: #ff6f75;
  --sg-gold: var(--sg-amber);
  --sg-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;
  --sg-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
  --sg-radius: 4px;
}

/* R13 category lanes and role progression */
.sg-role-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--sg-line);background:rgba(7,16,24,.78);margin:0 0 24px}.sg-role-chain div{display:flex;gap:12px;align-items:center;padding:16px;border-right:1px solid var(--sg-line)}.sg-role-chain div:last-child{border-right:0}.sg-role-chain span{font-family:var(--sg-mono);font-size:11px;color:var(--sg-cyan)}.sg-role-chain strong{font-size:12px;line-height:1.35;color:#d9e5ee}
.sg-lane-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.sg-lane-tabs button{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;text-align:left;padding:17px 18px;border:1px solid var(--sg-line);background:#09131c;color:#d8e5ee;min-height:78px}.sg-lane-tabs button:hover,.sg-lane-tabs button:focus-visible{border-color:rgba(80,233,224,.72)}.sg-lane-tabs button.active{border-color:var(--sg-cyan);background:linear-gradient(135deg,rgba(37,210,205,.14),rgba(9,19,28,.96));box-shadow:inset 0 -2px var(--sg-cyan)}.sg-lane-tabs span{grid-row:1/3;font-family:var(--sg-mono);font-size:11px;letter-spacing:.16em;color:var(--sg-cyan)}.sg-lane-tabs strong{font-size:15px}.sg-lane-tabs small{color:var(--sg-muted);font-size:11px}
.sg-lane-board{border:1px solid var(--sg-line);background:rgba(5,13,20,.82);padding:24px}.sg-lane-board>header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.sg-lane-board>header h2{font-size:clamp(25px,3vw,42px);margin:3px 0 0}.sg-lane-board>header>p{max-width:590px;color:var(--sg-muted);margin:0}.sg-cross-credit{display:grid;grid-template-columns:auto auto 1fr;gap:12px 20px;align-items:center;padding:15px 18px;border:1px solid rgba(244,183,74,.42);background:rgba(244,183,74,.07);margin-bottom:18px}.sg-cross-credit span{font-family:var(--sg-mono);font-size:10px;letter-spacing:.13em;color:var(--sg-gold);text-transform:uppercase}.sg-cross-credit strong{font-size:13px}.sg-cross-credit p{margin:0;color:var(--sg-muted);font-size:12px}
.sg-planned-pipeline{margin-top:24px;padding-top:22px;border-top:1px solid var(--sg-line)}.sg-planned-pipeline ol{list-style:none;margin:13px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sg-planned-pipeline li{display:grid;gap:6px;padding:14px;border:1px solid var(--sg-line);background:rgba(11,24,34,.72)}.sg-planned-pipeline li span,.sg-planned-pipeline li em{font-family:var(--sg-mono);font-size:9px;letter-spacing:.08em;color:var(--sg-muted);font-style:normal;text-transform:uppercase}.sg-planned-pipeline li strong{font-size:12px}.sg-planned-pipeline li em{color:var(--sg-gold)}
@media(max-width:900px){.sg-role-chain{grid-template-columns:1fr}.sg-role-chain div{border-right:0;border-bottom:1px solid var(--sg-line)}.sg-role-chain div:last-child{border-bottom:0}.sg-lane-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-planned-pipeline ol{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-cross-credit{grid-template-columns:1fr}}
@media(max-width:520px){.sg-lane-tabs{grid-template-columns:1fr}.sg-lane-board{padding:16px}.sg-lane-board>header{display:block}.sg-lane-board>header>p{margin-top:10px}.sg-planned-pipeline ol{grid-template-columns:1fr}.sg-mission-card .sg-card-footer{grid-template-columns:1fr}.sg-card-action{text-align:left}}

/* R14 pathway discoverability, return navigation, and competition */
.sg-lane-selector-intro{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin:0 0 12px;padding:17px 19px;border-left:3px solid var(--sg-gold);background:linear-gradient(90deg,rgba(244,173,72,.11),rgba(244,173,72,.02))}.sg-lane-selector-intro>span{color:var(--sg-gold);font-family:var(--sg-mono);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.sg-lane-selector-intro h2{margin:0 0 3px;font-size:17px!important;letter-spacing:-.015em!important}.sg-lane-selector-intro p{margin:0;color:var(--sg-muted);font-size:12px}.sg-lane-tabs.sg-lane-picker{gap:12px;margin-bottom:18px}.sg-lane-tabs.sg-lane-picker button{display:flex;flex-direction:column;align-items:flex-start;min-height:170px;padding:20px;text-align:left;transition:border-color .18s ease,transform .18s ease,background .18s ease}.sg-lane-tabs.sg-lane-picker button:hover{transform:translateY(-2px)}.sg-lane-tabs.sg-lane-picker button.active{box-shadow:inset 3px 0 var(--sg-cyan),0 16px 34px rgba(0,0,0,.18)}.sg-lane-tabs.sg-lane-picker span{display:block;grid-row:auto}.sg-lane-tabs.sg-lane-picker strong{display:block;margin:12px 0 7px;font-size:17px}.sg-lane-tabs.sg-lane-picker small{display:block;color:#849dac;font-size:11px;line-height:1.45}.sg-lane-tabs.sg-lane-picker em{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:14px;border-top:1px solid var(--sg-line);color:#c5d7df;font-family:var(--sg-mono);font-size:10px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sg-lane-tabs.sg-lane-picker em i{color:var(--sg-gold);font-style:normal}.sg-lane-tabs.sg-lane-picker button.active em{color:var(--sg-cyan)}
.sg-live-leaderboard{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:center;margin:26px 0 48px;padding:26px;border:1px solid rgba(244,173,72,.42);background:radial-gradient(circle at 10% 10%,rgba(244,173,72,.1),transparent 34%),#071018}.sg-live-leaderboard h2{margin:5px 0 8px;font-size:clamp(24px,3vw,38px)}.sg-live-leaderboard p{max-width:680px;margin:0;color:var(--sg-muted)}.sg-live-leaderboard>div:last-child{padding:18px;border:1px solid var(--sg-line);background:#061018}.sg-live-leaderboard>div:last-child>span,.sg-live-leaderboard>div:last-child>strong,.sg-live-leaderboard>div:last-child>small{display:block}.sg-live-leaderboard>div:last-child>span{color:#7892a1;font-family:var(--sg-mono);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sg-live-leaderboard>div:last-child>strong{margin:8px 0 3px;color:var(--sg-gold);font-family:var(--sg-mono);font-size:24px}.sg-live-leaderboard>div:last-child>small{color:#718a99}.sg-live-leaderboard a{display:flex;justify-content:space-between;align-items:center;min-height:46px;margin-top:16px;padding:0 13px;border:1px solid var(--sg-gold);color:#ffd18a!important;background:rgba(244,173,72,.08);font-family:var(--sg-mono);font-size:10px;font-weight:800;text-decoration:none;text-transform:uppercase}.sg-live-leaderboard a i{font-style:normal}
.sg-completion-actions,.receipt-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.sg-completion-actions a,.receipt-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border:1px solid var(--sg-line-strong);color:#c5d7df!important;background:#071119;font-family:var(--sg-mono);font-size:10px;font-weight:800;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.sg-completion-actions a:first-child,.receipt-actions a:first-child{border-color:var(--sg-gold);color:#ffd184!important;background:rgba(244,173,72,.08)}
.context-live .topbar a,#sg-engineering-workbench .topbar a{display:inline-flex;align-items:center;min-height:44px}
.sg-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sg-hero-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:0 15px;border:1px solid var(--sg-cyan);color:var(--sg-cyan)!important;background:var(--sg-cyan-soft);font-family:var(--sg-mono);font-size:10px;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.sg-hero-actions a:last-child{border-color:var(--sg-line-strong);color:#bdcfd7!important;background:#08131b}.sg-hero-actions a span{color:var(--sg-gold)}
@media(max-width:900px){.sg-lane-selector-intro{grid-template-columns:1fr}.sg-live-leaderboard{grid-template-columns:1fr}.sg-live-leaderboard>div:last-child{max-width:430px}}
@media(max-width:520px){.sg-lane-tabs.sg-lane-picker{grid-template-columns:1fr}.sg-lane-tabs.sg-lane-picker button{min-height:150px}.sg-completion-actions,.receipt-actions{flex-direction:column}.sg-completion-actions a,.receipt-actions a{width:100%}}

[x-cloak] { display: none !important; }

html { background: var(--sg-ink-950); }

body.sg-enterprise {
  min-width: 320px;
  background: var(--sg-ink-950);
  color: var(--sg-text);
  font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: -0.006em;
}

body.sg-enterprise > main { min-height: calc(100vh - 126px); }

body.sg-enterprise a { color: var(--sg-cyan); }
body.sg-enterprise a:hover { color: #8be9f1; }

body.sg-enterprise :focus-visible {
  outline: 2px solid var(--sg-amber) !important;
  outline-offset: 3px;
  box-shadow: none !important;
}

body.sg-enterprise h1,
body.sg-enterprise h2,
body.sg-enterprise h3,
body.sg-enterprise h4 {
  color: var(--sg-text);
  font-weight: 650;
  letter-spacing: -0.035em;
}

body.sg-enterprise .text-muted,
body.sg-enterprise .text-secondary { color: var(--sg-muted) !important; }

.sg-navbar {
  height: 72px;
  padding: 0;
  background: rgba(5, 10, 16, 0.97) !important;
  border-bottom: 1px solid var(--sg-line);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

.sg-nav-container { max-width: 1540px; height: 100%; padding: 0 32px; }

.sg-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-width: 166px;
  margin-right: 18px;
  padding: 0;
  color: var(--sg-text) !important;
}

.sg-brand-mark {
  position: relative;
  display: grid;
  width: 37px;
  height: 37px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(244, 173, 72, 0.62);
  color: var(--sg-amber);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.sg-brand-mark::before,
.sg-brand-mark::after,
.sg-brand-mark i::after {
  position: absolute;
  content: "";
  background: var(--sg-amber);
}

.sg-brand-mark::before { top: -1px; right: -1px; width: 11px; height: 2px; }
.sg-brand-mark::after { right: -1px; bottom: -1px; width: 2px; height: 11px; }
.sg-brand-mark i::after { left: -1px; bottom: -1px; width: 10px; height: 2px; }
.sg-brand-mark b { position: relative; z-index: 1; }

.sg-brand-copy { display: flex; flex-direction: column; line-height: 1; }
.sg-brand-copy strong { font-size: 14px; letter-spacing: 0.15em; }
.sg-brand-copy small { margin-top: 6px; color: var(--sg-muted); font-size: 9px; font-weight: 700; letter-spacing: 0.17em; }

.sg-env-badge {
  align-items: center;
  gap: 8px;
  margin-right: 22px;
  padding: 7px 10px;
  border: 1px solid var(--sg-line);
  color: var(--sg-muted);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sg-env-badge i,
.sg-system-label i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sg-green);
  box-shadow: 0 0 0 4px rgba(87, 213, 155, 0.1);
}

.sg-primary-nav { height: 100%; }
.sg-primary-nav .nav-item { display: flex; align-items: stretch; }

.sg-navbar .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 15px !important;
  border: 0;
  color: #a9b8c5 !important;
  background: transparent;
  font-size: 13px;
  font-weight: 580;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.sg-primary-nav .nav-link::after {
  position: absolute;
  right: 15px;
  bottom: -1px;
  left: 15px;
  height: 2px;
  content: "";
  background: transparent;
}

.sg-navbar .nav-link:hover,
.sg-navbar .nav-link.active { color: var(--sg-text) !important; }
.sg-primary-nav .nav-link.active::after { background: var(--sg-amber); }

.sg-premium-nav > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sg-amber);
  box-shadow: 0 0 12px rgba(244, 173, 72, 0.65);
}

.sg-account-nav { align-items: center; height: 100%; }
.sg-account-nav .nav-link { min-height: 42px; justify-content: center; }
.sg-account-trigger::after { margin-left: 7px; }

.sg-avatar {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border: 1px solid var(--sg-line-strong);
  border-radius: 50%;
  color: var(--sg-muted);
  font-size: 12px;
}

.sg-nav-cta { min-height: 36px !important; margin-left: 8px; border: 1px solid var(--sg-line-strong) !important; }
.sg-theme-switch { width: 39px; }

.sg-account-menu,
body.sg-enterprise .dropdown-menu {
  padding: 8px;
  border: 1px solid var(--sg-line-strong);
  border-radius: var(--sg-radius);
  background: var(--sg-ink-800);
  box-shadow: var(--sg-shadow);
}

body.sg-enterprise .dropdown-item { border-radius: 2px; color: #c1ced9; font-size: 14px; }
body.sg-enterprise .dropdown-item:hover { background: var(--sg-cyan-soft); color: var(--sg-text); }
body.sg-enterprise .dropdown-divider { border-color: var(--sg-line); }

.sg-shell {
  position: relative;
  min-height: calc(100vh - 72px);
  margin-top: 72px;
  overflow: hidden;
  background: var(--sg-ink-950);
}

.sg-grid-field {
  position: absolute;
  inset: 0;
  opacity: 0.34;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(85, 216, 229, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 216, 229, 0.035) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: linear-gradient(to bottom, black 0, transparent 72%);
}

.sg-content { position: relative; max-width: 1480px; margin: 0 auto; padding: 0 48px 80px; }

.sg-system-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 41px;
  border-bottom: 1px solid var(--sg-line);
  color: var(--sg-muted);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.sg-system-label { display: inline-flex; align-items: center; gap: 11px; color: #b5c7d5; }
.sg-system-meta b { margin: 0 8px; color: var(--sg-line-strong); }

.sg-command-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 64px;
  align-items: end;
  padding: 61px 0 44px;
}

.sg-eyebrow,
.sg-section-heading p,
.sg-clearance-kicker,
.sg-access-kicker {
  margin: 0 0 12px;
  color: var(--sg-amber);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.sg-command-copy h1 { margin: 0; font-size: clamp(42px, 5.2vw, 76px); line-height: 0.96; }
.sg-command-lede { max-width: 680px; margin: 23px 0 0; color: #9fb1c0; font-size: 18px; line-height: 1.65; }

.sg-clearance-panel {
  padding: 19px 20px 17px;
  border-top: 2px solid var(--sg-amber);
  border-right: 1px solid var(--sg-line);
  border-bottom: 1px solid var(--sg-line);
  border-left: 1px solid var(--sg-line);
  background: rgba(11, 22, 34, 0.78);
}

.sg-clearance-panel[data-state="active"] { border-top-color: var(--sg-green); }
.sg-clearance-line { display: flex; align-items: center; gap: 10px; margin: 8px 0 17px; }
.sg-clearance-line strong { color: var(--sg-text); font-size: 15px; font-weight: 650; }
.sg-clearance-light { width: 8px; height: 8px; border-radius: 50%; background: var(--sg-amber); }
.sg-clearance-panel[data-state="active"] .sg-clearance-light { background: var(--sg-green); }
.sg-clearance-panel[data-state="loading"] .sg-clearance-light { background: var(--sg-cyan); animation: sg-pulse 1.2s infinite; }
.sg-clearance-link { display: flex; align-items: center; justify-content: space-between; color: #b8c9d6 !important; font-size: 13px; text-decoration: none; }
.sg-clearance-link:hover { color: var(--sg-text) !important; }

.sg-telemetry {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) 1.45fr;
  border: 1px solid var(--sg-line);
  background: rgba(8, 17, 27, 0.66);
}

.sg-telemetry-card { min-height: 123px; padding: 22px 24px; border-right: 1px solid var(--sg-line); }
.sg-telemetry-card:last-child { border-right: 0; }
.sg-telemetry-card > span { display: block; color: var(--sg-muted); font-size: 11px; font-weight: 650; letter-spacing: 0.09em; text-transform: uppercase; }
.sg-telemetry-card strong { display: block; margin-top: 9px; color: var(--sg-text); font-family: "SFMono-Regular", Consolas, monospace; font-size: 27px; font-weight: 540; line-height: 1; }
.sg-telemetry-card small { display: block; margin-top: 11px; color: #71889a; font-size: 12px; }
.sg-progress-track { position: relative; height: 4px; margin: 21px 0 18px; overflow: hidden; background: #192a38; }
.sg-progress-track i { position: absolute; inset: 0 auto 0 0; background: var(--sg-cyan); transition: width 350ms ease; }

.sg-board-loading { display: flex; min-height: 340px; align-items: center; justify-content: center; gap: 20px; color: var(--sg-muted); }
.sg-board-loading strong, .sg-board-loading small { display: block; }
.sg-board-loading strong { color: var(--sg-text); font-size: 16px; }
.sg-board-loading small { margin-top: 4px; font-size: 13px; }
.sg-loader { width: 27px; height: 27px; border: 2px solid var(--sg-line-strong); border-top-color: var(--sg-cyan); border-radius: 50%; animation: sg-spin 0.8s linear infinite; }

.sg-category-block { padding-top: 56px; }
.sg-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.sg-section-heading > div { display: flex; align-items: end; gap: 17px; }
.sg-section-index { color: #4d6679; font-family: "SFMono-Regular", Consolas, monospace; font-size: 12px; padding-bottom: 4px; }
.sg-section-heading p { margin-bottom: 4px; color: #657e92; }
.sg-section-heading h2 { margin: 0; font-size: 25px; letter-spacing: -0.025em; }
.sg-section-count { padding-bottom: 5px; color: #657e92; font-family: "SFMono-Regular", Consolas, monospace; font-size: 11px; text-transform: uppercase; }

.sg-mission-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }

.sg-mission-card {
  position: relative;
  min-height: 265px;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--sg-line);
  border-radius: var(--sg-radius);
  background: rgba(15, 29, 43, 0.88);
  color: var(--sg-text);
  text-align: left;
  box-shadow: 0 15px 38px rgba(0, 0, 0, 0.15);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.sg-mission-card::before { position: absolute; top: 0; left: 0; width: 100%; height: 2px; content: ""; background: var(--sg-cyan); opacity: 0.72; }
.sg-mission-card.is-premium::before { background: var(--sg-amber); }
.sg-mission-card.is-solved::before { background: var(--sg-green); }
.sg-mission-card:hover { transform: translateY(-3px); border-color: rgba(85, 216, 229, 0.48); background: rgba(18, 35, 51, 0.98); }
.sg-mission-card.is-premium:hover { border-color: rgba(244, 173, 72, 0.5); }

.sg-card-topline { display: flex; align-items: center; justify-content: space-between; padding: 16px 17px 14px; border-bottom: 1px solid var(--sg-line); }
.sg-mission-id { color: #6f8799; font-family: "SFMono-Regular", Consolas, monospace; font-size: 10px; letter-spacing: 0.08em; }
.sg-access-badge { display: inline-flex; align-items: center; gap: 7px; color: #8ba0b1; font-size: 10px; font-weight: 680; letter-spacing: 0.06em; text-transform: uppercase; }
.sg-access-badge i { width: 5px; height: 5px; border-radius: 50%; background: var(--sg-cyan); }
.sg-access-badge[data-tier="premium"] { color: #c89a59; }
.sg-access-badge[data-tier="premium"] i { background: var(--sg-amber); }

.sg-card-body { display: flex; gap: 16px; min-height: 143px; padding: 24px 17px; }
.sg-threat-icon { position: relative; flex: 0 0 42px; height: 42px; border: 1px solid rgba(85, 216, 229, 0.36); background: var(--sg-cyan-soft); }
.is-premium .sg-threat-icon { border-color: rgba(244, 173, 72, 0.4); background: var(--sg-amber-soft); }
.sg-threat-icon::before, .sg-threat-icon::after, .sg-threat-icon i::before { position: absolute; content: ""; background: var(--sg-cyan); }
.is-premium .sg-threat-icon::before, .is-premium .sg-threat-icon::after, .is-premium .sg-threat-icon i::before { background: var(--sg-amber); }
.sg-threat-icon::before { top: 12px; left: 12px; width: 16px; height: 1px; }
.sg-threat-icon::after { top: 20px; left: 12px; width: 11px; height: 1px; }
.sg-threat-icon i::before { top: 28px; left: 12px; width: 7px; height: 1px; }
.sg-card-copy { display: flex; min-width: 0; flex-direction: column; }
.sg-card-copy small { margin-bottom: 7px; color: #70889b; font-size: 10px; font-weight: 650; letter-spacing: 0.08em; text-transform: uppercase; }
.is-solved .sg-card-copy small { color: var(--sg-green); }
.sg-card-copy strong { color: var(--sg-text); font-size: 17px; font-weight: 640; line-height: 1.28; }
.sg-card-copy > span { margin-top: 9px; color: #8499aa; font-size: 12px; line-height: 1.5; }
.is-locked .sg-card-copy { opacity: 0.72; }

.sg-card-footer { display: grid; grid-template-columns: auto auto 1fr; gap: 11px; align-items: center; min-height: 54px; padding: 12px 17px; border-top: 1px solid var(--sg-line); color: #71899b; font-size: 10px; letter-spacing: 0.045em; text-transform: uppercase; }
.sg-card-footer span + span { padding-left: 11px; border-left: 1px solid var(--sg-line); }
.sg-card-footer b { color: var(--sg-text); font-family: "SFMono-Regular", Consolas, monospace; }
.sg-card-action { justify-self: end; color: var(--sg-cyan); font-weight: 680; }
.is-premium .sg-card-action { color: var(--sg-amber); }

.sg-challenge-modal { z-index: 1060; }
.sg-challenge-modal .modal-dialog { max-width: 780px; }
.sg-challenge-modal .modal-content,
body.sg-enterprise .modal-content { border: 1px solid var(--sg-line-strong); border-radius: var(--sg-radius); background: var(--sg-ink-800); color: var(--sg-text); box-shadow: var(--sg-shadow); }
body.sg-enterprise .modal-header, body.sg-enterprise .modal-footer { border-color: var(--sg-line); }
body.sg-enterprise .modal-backdrop { z-index: 1050; }
body.sg-enterprise .modal-backdrop.show { opacity: 0.78; }

.sg-access-page .sg-content { max-width: 1240px; }
.sg-access-header { max-width: 780px; padding: 70px 0 42px; }
.sg-access-header h1 { margin: 0; font-size: clamp(39px, 5vw, 65px); line-height: 1.02; }
.sg-access-header > p:last-child { margin: 22px 0 0; color: var(--sg-muted); font-size: 18px; }
.sg-access-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; border: 1px solid var(--sg-line); background: rgba(8, 17, 27, 0.7); box-shadow: var(--sg-shadow); }
.sg-access-brief { padding: 42px; border-right: 1px solid var(--sg-line); }
.sg-access-form-panel { padding: 42px; background: rgba(15, 29, 43, 0.55); }
.sg-access-brief h2, .sg-access-form-panel h2 { margin: 0 0 15px; font-size: 25px; }
.sg-access-brief > p, .sg-access-form-panel > p { color: var(--sg-muted); }
.sg-access-list { display: grid; gap: 0; margin: 31px 0 0; padding: 0; list-style: none; }
.sg-access-list li { display: grid; grid-template-columns: 28px 1fr; gap: 13px; padding: 17px 0; border-top: 1px solid var(--sg-line); }
.sg-access-list i { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid rgba(85, 216, 229, 0.34); color: var(--sg-cyan); font-style: normal; font-size: 10px; }
.sg-access-list strong { display: block; color: var(--sg-text); font-size: 14px; }
.sg-access-list span { display: block; margin-top: 3px; color: #7e93a4; font-size: 12px; }
.sg-price-line { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin: 28px 0 24px; padding: 17px 0; border-top: 1px solid var(--sg-line); border-bottom: 1px solid var(--sg-line); }
.sg-price-line span { color: var(--sg-muted); font-size: 12px; text-transform: uppercase; letter-spacing: 0.07em; }
.sg-price-line strong { color: var(--sg-text); font-family: "SFMono-Regular", Consolas, monospace; font-size: 17px; }
.sg-field-label { display: block; margin-bottom: 9px; color: #b8c7d2; font-size: 13px; font-weight: 620; }
.sg-code-entry { display: grid; grid-template-columns: 1fr auto; }
.sg-code-entry .form-control { min-height: 48px; border-right: 0; border-radius: 2px 0 0 2px; font-family: "SFMono-Regular", Consolas, monospace; letter-spacing: 0.04em; }
.sg-primary-button, .sg-secondary-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0 19px; border-radius: 2px; font-size: 13px; font-weight: 680; text-decoration: none !important; }
.sg-primary-button { border: 1px solid var(--sg-amber); background: var(--sg-amber); color: #0b1117 !important; }
.sg-primary-button:hover { border-color: #ffc66f; background: #ffc66f; color: #0b1117 !important; }
.sg-secondary-button { border: 1px solid var(--sg-line-strong); background: transparent; color: var(--sg-text) !important; }
.sg-secondary-button:hover { border-color: var(--sg-cyan); background: var(--sg-cyan-soft); color: var(--sg-text) !important; }
.sg-form-note { margin: 15px 0 0; color: #71889a; font-size: 12px; }
.sg-active-state { margin-bottom: 23px; padding: 17px 18px; border-left: 2px solid var(--sg-green); background: rgba(87, 213, 155, 0.08); color: #bfe8d5; }

body.sg-enterprise .form-control,
body.sg-enterprise .form-select,
body.sg-enterprise textarea {
  border: 1px solid var(--sg-line-strong);
  border-radius: 2px;
  background: #09131e;
  color: var(--sg-text);
}
body.sg-enterprise .form-control::placeholder { color: #5f7587; }
body.sg-enterprise .form-control:focus { border-color: var(--sg-cyan); background: #09131e; color: var(--sg-text); box-shadow: 0 0 0 3px rgba(85, 216, 229, 0.1); }
body.sg-enterprise .btn { border-radius: 2px; font-weight: 650; }
body.sg-enterprise .btn-primary, body.sg-enterprise .btn-warning { border-color: var(--sg-amber); background: var(--sg-amber); color: #09111a; }
body.sg-enterprise .btn-dark { border-color: var(--sg-line-strong); background: var(--sg-ink-800); }

body.sg-enterprise .jumbotron { margin: 72px 0 0; padding: 55px 0 34px; border-bottom: 1px solid var(--sg-line); background: var(--sg-ink-900); }
body.sg-enterprise .jumbotron h1 { font-size: 44px; }
body.sg-enterprise main > .container:not(.sg-content) { padding-top: 34px; }
body.sg-enterprise .card { border: 1px solid var(--sg-line); border-radius: var(--sg-radius); background: var(--sg-ink-850); color: var(--sg-text); }
body.sg-enterprise .table { --bs-table-bg: transparent; --bs-table-color: #c5d1da; --bs-table-border-color: var(--sg-line); }
body.sg-enterprise .alert { border-radius: 2px; }
body.sg-enterprise .footer { padding: 28px 0; border-top: 1px solid var(--sg-line); background: var(--sg-ink-950); }

@keyframes sg-spin { to { transform: rotate(360deg); } }
@keyframes sg-pulse { 50% { opacity: 0.35; } }

.sg-pathway { margin: 18px 0 34px; padding: 24px; border: 1px solid var(--sg-line); background: linear-gradient(120deg, rgba(85, 216, 229, 0.045), rgba(8, 17, 24, 0.92) 46%, rgba(244, 173, 72, 0.04)); }
.sg-pathway-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.55fr); gap: 28px; align-items: end; }
.sg-pathway-heading h2 { margin: 5px 0 0; color: var(--sg-text); font-size: clamp(20px, 2.4vw, 30px); }
.sg-pathway-heading > p { margin: 0; color: #8299a8; font-size: 13px; line-height: 1.65; }
.sg-pathway-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.sg-pathway-steps li { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 15px; border: 1px solid #203746; background: #061018; }
.sg-pathway-steps li:not(:last-child)::after { position: absolute; z-index: 1; top: 50%; right: -11px; width: 11px; height: 1px; content: ""; background: #315267; }
.sg-pathway-steps li > span { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid #315267; color: var(--sg-cyan); font: 700 10px/1 "SFMono-Regular", Consolas, monospace; }
.sg-pathway-steps small, .sg-pathway-steps strong, .sg-pathway-steps em { display: block; }
.sg-pathway-steps small { color: #6f899a; font: 700 8px/1.25 "SFMono-Regular", Consolas, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.sg-pathway-steps strong { overflow: hidden; margin-top: 6px; color: #d7e4ec; font-size: 13px; text-overflow: ellipsis; }
.sg-pathway-steps em { margin-top: 7px; color: #6c8596; font-size: 10px; font-style: normal; }
.sg-pathway-steps li[data-state="available"] { border-color: rgba(85, 216, 229, 0.46); }
.sg-pathway-steps li[data-state="available"] em, .sg-pathway-steps li[data-state="complete"] em { color: #7fe4b5; }
.sg-pathway-steps li[data-state="premium"] { border-color: rgba(244, 173, 72, 0.42); }
.sg-pathway-steps li[data-state="premium"] > span, .sg-pathway-steps li[data-state="premium"] em { color: var(--sg-amber); }

/* R30 authoritative solve receipt and mission feedback */
.sg-completion-receipt { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); gap: 1px; margin: 22px 0 34px; border: 1px solid rgba(244, 173, 72, .62); background: #263844; box-shadow: 0 18px 60px rgba(0, 0, 0, .24); }
.sg-completion-receipt[hidden] { display: none; }
.sg-completion-confirmation, .sg-feedback-card { padding: 28px; background: #07121b; }
.sg-completion-confirmation { border-top: 3px solid var(--sg-amber); }
.sg-completion-confirmation h2, .sg-feedback-card h3 { margin: 6px 0 12px; color: var(--sg-text); }
.sg-completion-confirmation > p:not(.sg-eyebrow), .sg-feedback-card > p:not(.sg-eyebrow) { color: #9eb5c4; line-height: 1.65; }
.sg-receipt-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }
.sg-receipt-actions a, .sg-receipt-actions button { display: inline-flex; gap: 14px; padding: 12px 16px; border: 1px solid var(--sg-cyan); background: transparent; color: var(--sg-cyan); font: 700 10px/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; }
.sg-completion-award { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 18px 0; }
.sg-completion-award strong { color: var(--sg-amber); font: 700 28px/1 "SFMono-Regular", Consolas, monospace; }
.sg-completion-award span { padding-left: 12px; border-left: 1px solid #29404f; color: #b8c9d4; }
.sg-feedback-card { margin: 0; border: 0; border-left: 1px solid #263844; }
.sg-feedback-card fieldset { display: flex; gap: 12px; margin: 18px 0; padding: 0; border: 0; }
.sg-feedback-card legend { margin-bottom: 9px; color: #8ba4b4; font: 700 9px/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }
.sg-feedback-card fieldset label { display: flex; gap: 8px; align-items: center; padding: 11px 13px; border: 1px solid #29404f; color: #dce7ed; cursor: pointer; }
.sg-feedback-card > label { display: block; margin: 14px 0 7px; color: #b8c9d4; font-size: 12px; }
.sg-feedback-card > label span { color: #6f8999; }
.sg-feedback-card textarea { box-sizing: border-box; width: 100%; resize: vertical; border: 1px solid #29404f; background: #030a10; color: #eef5f8; padding: 12px; }
.sg-feedback-card button { margin-top: 12px; padding: 12px 16px; border: 1px solid var(--sg-amber); background: var(--sg-amber); color: #061018; font: 700 10px/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .05em; text-transform: uppercase; }
.sg-feedback-card [data-feedback-status] { display: block; min-height: 1.4em; margin-top: 12px; color: #7fe4b5; font-size: 11px; }

@media (max-width: 1199px) {
  .sg-mission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sg-telemetry { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sg-telemetry-card:nth-child(2) { border-right: 0; }
  .sg-telemetry-card:nth-child(-n + 2) { border-bottom: 1px solid var(--sg-line); }
}

@media (max-width: 991px) {
  .sg-navbar { height: auto; min-height: 68px; }
  .sg-nav-container { padding: 0 22px; }
  .sg-navbar .navbar-collapse { max-height: calc(100vh - 68px); overflow-y: auto; padding: 17px 0 21px; border-top: 1px solid var(--sg-line); background: var(--sg-ink-950); }
  .sg-navbar .navbar-toggler { border-color: var(--sg-line-strong); border-radius: 2px; }
  .sg-primary-nav, .sg-account-nav { align-items: stretch; height: auto; }
  .sg-primary-nav .nav-item { display: block; }
  .sg-navbar .nav-link { min-height: 44px; justify-content: flex-start; padding: 0 12px !important; }
  .sg-primary-nav .nav-link::after { top: 8px; right: auto; bottom: 8px; left: 0; width: 2px; height: auto; }
  .sg-account-nav .dropdown-menu { position: static; }
  .sg-nav-rule { border-color: var(--sg-line); }
  .sg-shell { margin-top: 68px; }
  .sg-content { padding-right: 28px; padding-left: 28px; }
  .sg-command-header { grid-template-columns: 1fr; gap: 32px; }
  .sg-clearance-panel { max-width: 420px; }
  .sg-access-grid { grid-template-columns: 1fr; }
  .sg-access-brief { border-right: 0; border-bottom: 1px solid var(--sg-line); }
  .sg-pathway-heading { grid-template-columns: 1fr; gap: 10px; }
  .sg-pathway-steps { grid-template-columns: repeat(2, 1fr); }
  .sg-pathway-steps li:nth-child(2)::after { display: none; }
}

@media (max-width: 640px) {
  .sg-completion-receipt { grid-template-columns: 1fr; }
  .sg-feedback-card { border-left: 0; border-top: 1px solid #263844; }
  .sg-feedback-card fieldset { flex-direction: column; }
  .sg-nav-container { padding: 0 16px; }
  .sg-content { padding: 0 18px 54px; }
  .sg-system-bar { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; padding: 8px 0; }
  .sg-system-meta { display: none; }
  .sg-command-header { padding: 42px 0 32px; }
  .sg-command-copy h1 { font-size: 43px; }
  .sg-command-lede { font-size: 16px; }
  .sg-telemetry { grid-template-columns: 1fr; }
  .sg-telemetry-card, .sg-telemetry-card:nth-child(2) { min-height: 105px; border-right: 0; border-bottom: 1px solid var(--sg-line); }
  .sg-telemetry-card:last-child { border-bottom: 0; }
  .sg-category-block { padding-top: 43px; }
  .sg-section-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .sg-section-count { padding-left: 38px; }
  .sg-mission-grid { grid-template-columns: 1fr; }
  .sg-mission-card { min-height: 245px; }
  .sg-access-header { padding-top: 48px; }
  .sg-access-brief, .sg-access-form-panel { padding: 29px 22px; }
  .sg-code-entry { grid-template-columns: 1fr; gap: 9px; }
  .sg-code-entry .form-control { border-right: 1px solid var(--sg-line-strong); border-radius: 2px; }
  .sg-pathway { padding: 18px; }
  .sg-pathway-steps { grid-template-columns: 1fr; }
  .sg-pathway-steps li::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

[data-bs-theme="light"] body.sg-enterprise {
  --sg-ink-950: #edf2f5;
  --sg-ink-900: #f5f7f9;
  --sg-ink-850: #ffffff;
  --sg-ink-800: #f8fafb;
  --sg-ink-700: #e2e9ee;
  --sg-line: rgba(23, 49, 68, 0.15);
  --sg-line-strong: rgba(23, 49, 68, 0.28);
  --sg-text: #0a1823;
  --sg-muted: #536a7a;
  --sg-cyan: #087f8c;
  --sg-cyan-soft: rgba(8, 127, 140, 0.09);
  --sg-amber: #a45a00;
  --sg-amber-soft: rgba(164, 90, 0, 0.09);
  --sg-green: #0a7b50;
  --sg-shadow: 0 24px 70px rgba(19, 42, 57, 0.12);
}

[data-bs-theme="light"] .sg-navbar { background: rgba(248, 250, 251, 0.97) !important; }
[data-bs-theme="light"] .sg-navbar .navbar-toggler-icon { filter: invert(1); }
[data-bs-theme="light"] .sg-navbar .nav-link { color: #4f6575 !important; }
[data-bs-theme="light"] .sg-navbar .nav-link:hover, [data-bs-theme="light"] .sg-navbar .nav-link.active { color: #071722 !important; }
[data-bs-theme="light"] .sg-command-lede, [data-bs-theme="light"] .sg-card-copy > span { color: #4f6575; }
[data-bs-theme="light"] .sg-mission-card { background: rgba(255, 255, 255, 0.94); }
[data-bs-theme="light"] .sg-mission-card:hover { background: #fff; }
[data-bs-theme="light"] body.sg-enterprise .form-control { background: #fff; }

/* R15 membership and guarded mission-coach surfaces. */
.sg-auth-shell{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:clamp(24px,6vw,80px);background:radial-gradient(circle at 70% 15%,rgba(54,230,220,.08),transparent 32%),#050b11;color:#eaf5ff}
.sg-auth-card{width:min(620px,100%);border:1px solid #23404d;background:rgba(7,17,24,.96);padding:clamp(24px,5vw,52px);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.sg-auth-card h1{font-size:clamp(2rem,7vw,4rem);margin:.3rem 0 1rem}.sg-auth-card form{display:grid;gap:12px;margin:28px 0 16px}.sg-auth-card label{font:700 .76rem/1.2 monospace;letter-spacing:.12em;text-transform:uppercase;color:#79dcd8}.sg-auth-card input{min-height:52px;border:1px solid #31515f;background:#061018;color:#fff;padding:0 14px;font-size:1rem}.sg-auth-result{border-left:3px solid #f4b95e;background:#111a20;padding:16px;margin:20px 0}.sg-auth-card .sg-secondary-button{margin-top:10px}
.sg-coach{width:min(1180px,calc(100% - 32px));margin:32px auto;border:1px solid #274451;background:linear-gradient(135deg,rgba(8,24,31,.98),rgba(5,13,19,.98));color:#dcecf3;padding:clamp(20px,4vw,36px);box-shadow:0 20px 60px rgba(0,0,0,.28)}
.sg-coach>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid #1f3843;padding-bottom:18px}.sg-coach>header p{margin:0;color:#f4b95e;font:700 .72rem/1.2 monospace;letter-spacing:.14em;text-transform:uppercase}.sg-coach h2{margin:6px 0 0;font-size:clamp(1.35rem,3vw,2rem)}.sg-coach>header>span{border:1px solid #2a5963;color:#76e6df;padding:8px 11px;font:700 .68rem/1 monospace;letter-spacing:.08em;text-transform:uppercase}.sg-coach-boundary{color:#9ab3bf;max-width:800px;margin:18px 0}.sg-coach-log{display:grid;gap:10px;max-height:330px;overflow:auto;margin:18px 0}.sg-coach-log p{display:grid;grid-template-columns:72px 1fr;gap:12px;margin:0;padding:12px;background:#07131a;border-left:2px solid #2edbd2}.sg-coach-log strong{color:#f4b95e;text-transform:uppercase;font:700 .7rem/1.5 monospace}.sg-coach form{display:grid;grid-template-columns:1fr auto;gap:10px}.sg-coach form label{grid-column:1/-1;font:700 .7rem/1.2 monospace;letter-spacing:.1em;text-transform:uppercase;color:#8bc7cb}.sg-coach textarea{resize:vertical;min-height:84px;border:1px solid #31515f;background:#040d13;color:#fff;padding:12px}.sg-coach button{border:0;background:#f4b95e;color:#071017;padding:0 22px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sg-coach>small{display:block;color:#7894a0;margin-top:10px}
@media(max-width:620px){.sg-coach{width:calc(100% - 20px);margin:20px 10px;padding:18px}.sg-coach>header{display:grid}.sg-coach form{grid-template-columns:1fr}.sg-coach button{min-height:48px}.sg-coach-log p{grid-template-columns:1fr}.sg-auth-shell{padding:20px 10px}.sg-auth-card{padding:22px 18px}}
.sg-live-board{min-height:100vh;background:#050b11;color:#eaf5ff;padding:100px clamp(14px,5vw,70px) 70px}.sg-live-board>.sg-page-return{display:inline-flex;margin-bottom:24px;color:#6ee4df}.sg-live-board>header{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:end;border-bottom:1px solid #243c47;padding-bottom:30px}.sg-live-board h1{font-size:clamp(2.3rem,6vw,5.2rem);max-width:900px;margin:.35rem 0 1rem}.sg-live-board>header>div:last-child{border:1px solid #284550;background:#08141b;padding:20px}.sg-live-board>header>div:last-child span,.sg-live-board>header>div:last-child small{display:block;color:#88a5b1}.sg-live-board>header>div:last-child strong{display:block;color:#f4b95e;font-size:1.35rem;margin:7px 0}.sg-live-board>section{max-width:1180px;margin:42px auto 0}.sg-board-controls{display:flex;justify-content:space-between;align-items:end;gap:20px}.sg-board-controls label{display:grid;gap:7px;font:700 .7rem/1.2 monospace;letter-spacing:.1em;text-transform:uppercase;color:#82c9c8}.sg-board-controls select{min-height:44px;background:#07131a;color:#fff;border:1px solid #2b4b57;padding:0 34px 0 12px}.sg-live-board-wrap{overflow:auto;border:1px solid #243c47;margin-top:20px}.sg-live-board table{width:100%;border-collapse:collapse;min-width:560px}.sg-live-board th,.sg-live-board td{padding:16px;border-bottom:1px solid #1c3039;text-align:left}.sg-live-board th{font:700 .7rem/1.2 monospace;letter-spacing:.1em;text-transform:uppercase;color:#71c9c6}.sg-live-board td:first-child,.sg-live-board td:last-child{color:#f4b95e;font-family:monospace}.sg-live-board [data-leaderboard-status]{color:#7794a0;margin-top:12px}@media(max-width:720px){.sg-live-board>header{grid-template-columns:1fr}.sg-board-controls{display:grid}.sg-live-board{padding-top:86px}}
