/* ============================================================
   Soodino Symbol SEO — public experience
   Uses the public site's native design tokens from site.css/theme-core.css.
   No admin/dashboard visual primitives are used here.
   ============================================================ */

.sseo-public{
  font-family:Vazir,Tahoma,Arial,sans-serif;
  font-size:1rem;
  line-height:1.9;
  --sseo-radius-xl:28px;
  --sseo-radius-lg:22px;
  --sseo-radius-md:16px;
  --sseo-soft:color-mix(in srgb,var(--surface2) 76%,transparent);
  --sseo-soft-2:color-mix(in srgb,var(--surface3) 52%,transparent);
  --sseo-border:var(--line);
  --sseo-accent:var(--cyan);
  --sseo-accent-2:var(--cyan2);
  --sseo-border-accent:color-mix(in srgb,var(--sseo-accent) 24%,var(--line));
  --sseo-shadow:0 24px 80px rgba(0,0,0,.18);
  --sseo-shadow-soft:0 14px 45px rgba(0,0,0,.12);
  position:relative;
  direction:rtl;
  color:var(--text);
  isolation:isolate;
}
.sseo-public *{box-sizing:border-box}
.sseo-public a{color:inherit;text-decoration:none}
.sseo-public .num{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.sseo-public .positive{color:var(--green)!important}
.sseo-public .negative{color:var(--rose)!important}
.sseo-public .neutral{color:var(--muted)!important}

.sseo-tone-gold{--sseo-accent:#f5c451;--sseo-accent-2:#f59e0b}
.sseo-tone-silver{--sseo-accent:#cbd5e1;--sseo-accent-2:#94a3b8}
.sseo-tone-leverage{--sseo-accent:#a78bfa;--sseo-accent-2:#7c3aed}
.sseo-tone-commodity{--sseo-accent:#fb923c;--sseo-accent-2:#ea580c}
.sseo-tone-stocks{--sseo-accent:#2dd4bf;--sseo-accent-2:#14b8a6}
.sseo-tone-default{--sseo-accent:var(--cyan);--sseo-accent-2:var(--cyan2)}

/* Category-aware visual identity shared with homepage market cards. */
.sseo-public[class*="sseo-tone-"] .sseo-context-path a:hover,
.sseo-public[class*="sseo-tone-"] .sseo-eyebrow,
.sseo-public[class*="sseo-tone-"] .sseo-kicker,
.sseo-public[class*="sseo-tone-"] .sseo-analysis-note svg,
.sseo-public[class*="sseo-tone-"] .sseo-aside-title svg,
.sseo-public[class*="sseo-tone-"] .sseo-details-icon{
  color:var(--sseo-accent);
}
.sseo-public[class*="sseo-tone-"] .sseo-hero{
  border-color:color-mix(in srgb,var(--sseo-accent) 22%,var(--line));
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--sseo-accent) 13%,transparent),transparent 34%),
    radial-gradient(circle at 8% 100%,color-mix(in srgb,var(--sseo-accent-2) 7%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 91%,transparent),color-mix(in srgb,var(--bg2) 96%,transparent));
}
.sseo-public[class*="sseo-tone-"] .sseo-hero-glow{
  background:color-mix(in srgb,var(--sseo-accent) 20%,transparent);
}
.sseo-public[class*="sseo-tone-"] .sseo-ticker,
.sseo-public[class*="sseo-tone-"] .sseo-market-state{
  border-color:color-mix(in srgb,var(--sseo-accent) 20%,var(--line));
  background:color-mix(in srgb,var(--sseo-accent) 6%,transparent);
  color:color-mix(in srgb,var(--sseo-accent) 80%,var(--text));
}
.sseo-public[class*="sseo-tone-"] .sseo-btn-primary{
  color:#071019!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--sseo-accent) 84%,#fff),var(--sseo-accent-2));
  box-shadow:0 10px 28px color-mix(in srgb,var(--sseo-accent) 15%,transparent),inset 0 1px rgba(255,255,255,.42);
}
.sseo-public[class*="sseo-tone-"] .sseo-btn-primary:hover{
  box-shadow:0 14px 36px color-mix(in srgb,var(--sseo-accent) 23%,transparent);
}
.sseo-public[class*="sseo-tone-"] .sseo-btn-ghost:hover{
  border-color:color-mix(in srgb,var(--sseo-accent) 25%,var(--line));
  background:color-mix(in srgb,var(--sseo-accent) 6%,var(--surface2));
}
.sseo-public[class*="sseo-tone-"] .sseo-quote,
.sseo-public[class*="sseo-tone-"] .sseo-pulse article,
.sseo-public[class*="sseo-tone-"] .sseo-module,
.sseo-public[class*="sseo-tone-"] .sseo-analysis,
.sseo-public[class*="sseo-tone-"] .sseo-related,
.sseo-public[class*="sseo-tone-"] .sseo-details,
.sseo-public[class*="sseo-tone-"] .sseo-bottom-cta{
  border-color:color-mix(in srgb,var(--sseo-accent) 14%,var(--line));
}
.sseo-public[class*="sseo-tone-"] .sseo-pulse article,
.sseo-public[class*="sseo-tone-"] .sseo-analysis-aside,
.sseo-public[class*="sseo-tone-"] .sseo-reference-aside div,
.sseo-public[class*="sseo-tone-"] .sseo-extra-grid div,
.sseo-public[class*="sseo-tone-"] .sseo-related-grid>a{
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--sseo-accent) 3.5%,var(--surface2)),color-mix(in srgb,var(--surface) 72%,transparent));
}
.sseo-public[class*="sseo-tone-"] .sseo-pulse-icon{
  border-color:color-mix(in srgb,var(--sseo-accent) 22%,var(--line));
  background:color-mix(in srgb,var(--sseo-accent) 7%,transparent);
  color:var(--sseo-accent);
}
.sseo-public[class*="sseo-tone-"] .sseo-analysis-aside li:before{
  background:var(--sseo-accent);
  box-shadow:0 0 12px color-mix(in srgb,var(--sseo-accent) 30%,transparent);
}
.sseo-public[class*="sseo-tone-"] .sseo-details summary:hover{
  background:color-mix(in srgb,var(--sseo-accent) 4%,var(--surface2));
}
.sseo-public[class*="sseo-tone-"] .sseo-details-icon{
  border-color:color-mix(in srgb,var(--sseo-accent) 18%,var(--line));
  background:color-mix(in srgb,var(--sseo-accent) 5%,var(--surface2));
}
.sseo-public[class*="sseo-tone-"] .sseo-related-grid>a:hover{
  border-color:color-mix(in srgb,var(--sseo-accent) 28%,var(--line));
  background:color-mix(in srgb,var(--sseo-accent) 5%,var(--surface));
}
.sseo-public[class*="sseo-tone-"] .sseo-bottom-cta{
  background:
    radial-gradient(circle at 88% 50%,color-mix(in srgb,var(--sseo-accent) 11%,transparent),transparent 31%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface2) 72%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));
}
.sseo-public[class*="sseo-tone-"] .sseo-chart-stage{
  border-color:color-mix(in srgb,var(--sseo-accent) 20%,var(--line));
  background:
    radial-gradient(circle at 78% 10%,color-mix(in srgb,var(--sseo-accent) 9%,transparent),transparent 28%),
    linear-gradient(color-mix(in srgb,var(--text) 2.8%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--text) 2.8%,transparent) 1px,transparent 1px),
    linear-gradient(180deg,color-mix(in srgb,var(--surface2) 54%,transparent),color-mix(in srgb,var(--bg2) 70%,transparent));
  background-size:auto,40px 40px,40px 40px,auto;
}
.sseo-public[class*="sseo-tone-"] .symbol-seo-chart-svg.is-positive polyline{
  stroke:var(--sseo-accent);
}
.sseo-public[class*="sseo-tone-"] .symbol-seo-chart-svg .chart-badge{
  stroke:color-mix(in srgb,var(--sseo-accent) 24%,var(--line));
}

.sseo-shell{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  padding:34px 0 8px;
}

.sseo-context{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 2px 13px;
  color:var(--muted);
  font-size:.82rem;
}
.sseo-context-path,
.sseo-context-live{
  display:flex;
  align-items:center;
  gap:7px;
}
.sseo-context-path a{transition:color .2s ease}
.sseo-context-path a:hover{color:var(--cyan)}
.sseo-context-path svg{width:13px;height:13px;opacity:.55}
.sseo-context-live{font-weight:700}
.sseo-live-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 9%,transparent),0 0 16px color-mix(in srgb,var(--green) 32%,transparent);
}

.sseo-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:34px;
  overflow:hidden;
  padding:34px;
  border:1px solid var(--sseo-border);
  border-radius:var(--sseo-radius-xl);
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 34%),
    radial-gradient(circle at 8% 100%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 91%,transparent),color-mix(in srgb,var(--bg2) 96%,transparent));
  box-shadow:var(--sseo-shadow),inset 0 1px rgba(255,255,255,.035);
}
.sseo-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(110deg,#000,transparent 65%);
}
.sseo-hero-glow{
  position:absolute;
  width:320px;height:320px;
  top:-210px;right:-90px;
  border-radius:50%;
  background:color-mix(in srgb,var(--cyan) 18%,transparent);
  filter:blur(65px);
  pointer-events:none;
}

.sseo-identity{
  position:relative;
  z-index:1;
  display:block;
  min-width:0;
}
.sseo-identity-copy{min-width:0}
.sseo-eyebrow{
  color:color-mix(in srgb,var(--cyan) 78%,var(--text));
  font-size:.82rem;
  font-weight:800;
}
.sseo-heading{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:5px;
}
.sseo-heading h1{
  margin:0;
  color:var(--text);
  font-size:clamp(2rem,4vw,3.25rem);
  line-height:1.35;
  font-weight:900;
  letter-spacing:-.035em;
}
.sseo-ticker{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:4px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--surface2) 72%,transparent);
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}
.sseo-full-name{
  margin:6px 0 0;
  color:color-mix(in srgb,var(--text) 82%,var(--muted));
  font-size:1rem;
  font-weight:700;
}
.sseo-intro{
  max-width:760px;
  margin:18px 0 0;
  color:color-mix(in srgb,var(--text) 72%,var(--muted));
  font-size:1rem;
  line-height:2.05;
}
.sseo-meta-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px 17px;
  margin-top:15px;
  color:color-mix(in srgb,var(--muted) 82%,transparent);
  font-size:.82rem;
}
.sseo-meta-row span{display:inline-flex;align-items:center;gap:6px}
.sseo-meta-row svg{width:14px;height:14px}

.sseo-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:21px;
}
.sseo-btn{
  display:inline-flex;
  min-height:43px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 15px;
  border:1px solid transparent;
  border-radius:13px;
  font-size:.9rem;
  font-weight:850;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease;
}
.sseo-btn svg{width:16px;height:16px}
.sseo-btn:hover{transform:translateY(-1px)}
.sseo-btn-primary{
  color:#03120d!important;
  background:linear-gradient(135deg,var(--green),var(--cyan) 58%,var(--cyan2));
  box-shadow:0 10px 28px color-mix(in srgb,var(--cyan) 14%,transparent),inset 0 1px rgba(255,255,255,.42);
}
.sseo-btn-primary:hover{box-shadow:0 14px 34px color-mix(in srgb,var(--cyan) 22%,transparent)}
.sseo-btn-ghost{
  color:var(--text)!important;
  border-color:var(--line);
  background:color-mix(in srgb,var(--surface2) 58%,transparent);
}
.sseo-btn-ghost:hover{
  border-color:var(--sseo-border-accent);
  background:color-mix(in srgb,var(--cyan) 6%,var(--surface2));
}

.sseo-quote{
  position:relative;
  z-index:1;
  align-self:stretch;
  padding:21px;
  border:1px solid var(--line);
  border-radius:21px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 78%,transparent),color-mix(in srgb,var(--surface) 54%,transparent));
  box-shadow:inset 0 1px rgba(255,255,255,.045);
}
.sseo-quote-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--muted);
  font-size:.82rem;
}
.sseo-market-state{
  padding:4px 7px;
  border:1px solid color-mix(in srgb,var(--cyan) 15%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--cyan) 5%,transparent);
  color:color-mix(in srgb,var(--cyan) 72%,var(--text));
  font-weight:800;
}
.sseo-price{
  display:block;
  margin-top:13px;
  color:var(--text);
  font-size:clamp(2rem,4vw,2.9rem);
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
}
.sseo-change{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:10px;
  font-size:.85rem;
  font-weight:850;
}
.sseo-change svg{width:15px;height:15px}
.sseo-quote-separator{
  height:1px;
  margin:18px 0 14px;
  background:var(--line);
}
.sseo-quote-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.sseo-quote-pair div{
  min-width:0;
  padding:10px 11px;
  border-radius:12px;
  background:color-mix(in srgb,var(--surface3) 30%,transparent);
}
.sseo-quote-pair span{
  display:block;
  color:var(--muted);
  font-size:.82rem;
}
.sseo-quote-pair b{
  display:block;
  margin-top:5px;
  color:var(--text);
  font-size:.85rem;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sseo-pulse{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.sseo-pulse article{
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-width:0;
  padding:15px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--surface) 78%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.sseo-pulse-icon{
  display:grid;
  width:34px;height:34px;
  flex:0 0 34px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--cyan) 16%,var(--line));
  border-radius:11px;
  background:color-mix(in srgb,var(--cyan) 6%,transparent);
  color:var(--cyan);
}
.sseo-pulse-icon svg{width:16px;height:16px}
.sseo-pulse article>div{min-width:0}
.sseo-pulse small,
.sseo-pulse em{
  display:block;
  color:var(--muted);
  font-size:.82rem;
  font-style:normal;
}
.sseo-pulse strong{
  display:block;
  margin:5px 0 4px;
  overflow:hidden;
  color:var(--text);
  font-size:.96rem;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.sseo-module,
.sseo-analysis,
.sseo-related,
.sseo-collection-section{
  margin-top:20px;
  padding:27px;
  border:1px solid var(--line);
  border-radius:var(--sseo-radius-lg);
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--bg2) 80%,transparent));
  box-shadow:var(--sseo-shadow-soft),inset 0 1px rgba(255,255,255,.025);
}
.sseo-module-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:26px;
  margin-bottom:21px;
}
.sseo-module-head>div{min-width:0}
.sseo-module-head h2{
  margin:7px 0 0;
  color:var(--text);
  font-size:clamp(1.2rem,2vw,1.55rem);
  line-height:1.5;
  font-weight:900;
  letter-spacing:-.02em;
}
.sseo-module-head>p{
  max-width:560px;
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.95;
}
.sseo-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:color-mix(in srgb,var(--cyan) 78%,var(--text));
  font-size:.82rem;
  font-weight:850;
}
.sseo-kicker svg{width:15px;height:15px}

.sseo-chart-stage{
  position:relative;
  display:flex;
  min-height:300px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:
    linear-gradient(color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px),
    radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--cyan) 5%,transparent),transparent 35%),
    color-mix(in srgb,var(--surface2) 42%,transparent);
  background-size:36px 36px,36px 36px,auto,auto;
}
.sseo-chart-stage:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:46%;
  pointer-events:none;
  background:linear-gradient(to top,color-mix(in srgb,var(--cyan) 4%,transparent),transparent);
}
.sseo-chart-watermark{
  position:absolute;
  top:16px;left:18px;
  color:color-mix(in srgb,var(--muted) 38%,transparent);
  font-size:2.5rem;
  font-weight:900;
  letter-spacing:-.04em;
  pointer-events:none;
}
.sseo-chart-stage .symbol-seo-chart-svg{
  position:relative;
  z-index:2;
  width:100%;
  height:280px;
  padding:16px 12px 7px;
}
.sseo-chart-stage .symbol-seo-chart-svg polyline{stroke-width:2.5}
.sseo-chart-stage .symbol-seo-chart-svg.is-positive polyline{stroke:var(--cyan)}
.sseo-chart-stage .symbol-seo-chart-svg.is-negative polyline{stroke:var(--rose)}
.sseo-chart-stage .symbol-seo-chart-svg .grid-line{stroke:color-mix(in srgb,var(--muted) 18%,transparent);stroke-width:1}
.sseo-chart-stage .symbol-seo-empty,
.sseo-chart-empty{
  position:relative;
  z-index:2;
  padding:34px;
  color:var(--muted);
  text-align:center;
  font-size:.82rem;
}

.sseo-analysis{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:22px;
  border-color:color-mix(in srgb,var(--cyan) 15%,var(--line));
  background:
    radial-gradient(circle at 96% 0,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 31%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 91%,transparent),color-mix(in srgb,var(--bg2) 84%,transparent));
}
.sseo-analysis-main{min-width:0}
.sseo-analysis-head{align-items:flex-start}
.sseo-fact-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 9px;
  border:1px solid color-mix(in srgb,var(--green) 17%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--green) 5%,transparent);
  color:color-mix(in srgb,var(--green) 72%,var(--text));
  font-size:.82rem;
  font-weight:850;
  white-space:nowrap;
}
.sseo-fact-badge svg{width:14px;height:14px}
.sseo-analysis-lead{
  display:block;
  max-width:790px;
  margin-top:5px;
  color:var(--text);
  font-size:1.02rem;
  line-height:2;
  font-weight:850;
}
.sseo-analysis-copy{
  max-width:840px;
  margin-top:13px;
  color:color-mix(in srgb,var(--text) 82%,var(--muted));
  font-size:.96rem;
  line-height:2.2;
}
.sseo-analysis-copy p{margin:0 0 10px}
.sseo-analysis-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:16px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface2) 42%,transparent);
  color:var(--muted);
  font-size:.82rem;
  line-height:1.85;
}
.sseo-analysis-note svg{width:15px;height:15px;flex:0 0 15px;margin-top:2px;color:var(--cyan)}
.sseo-analysis-aside{
  align-self:start;
  padding:17px;
  border:1px solid var(--line);
  border-radius:17px;
  background:color-mix(in srgb,var(--surface2) 54%,transparent);
}
.sseo-aside-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--text);
  font-size:.82rem;
  font-weight:900;
}
.sseo-aside-title svg{width:16px;height:16px;color:var(--cyan)}
.sseo-analysis-aside ul{
  display:grid;
  gap:7px;
  margin:13px 0 0;
  padding:0;
  list-style:none;
}
.sseo-analysis-aside li{
  position:relative;
  padding:9px 24px 9px 9px;
  border:1px solid var(--line);
  border-radius:11px;
  background:color-mix(in srgb,var(--surface) 34%,transparent);
  color:color-mix(in srgb,var(--text) 80%,var(--muted));
  font-size:.82rem;
  line-height:1.75;
}
.sseo-analysis-aside li:before{
  content:"";
  position:absolute;
  right:10px;top:16px;
  width:5px;height:5px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--cyan) 7%,transparent);
}
.sseo-aside-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:12px;
}
.sseo-aside-metrics div{
  padding:9px 10px;
  border-radius:10px;
  background:color-mix(in srgb,var(--surface3) 32%,transparent);
}
.sseo-aside-metrics span{
  display:block;
  color:var(--muted);
  font-size:.82rem;
}
.sseo-aside-metrics b{
  display:block;
  margin-top:4px;
  color:var(--text);
  font-size:.82rem;
}

.sseo-reference-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:28px;
}
.sseo-prose{
  color:color-mix(in srgb,var(--text) 84%,var(--muted));
  font-size:.96rem;
  line-height:2.25;
}
.sseo-prose p{margin:0 0 12px}
.sseo-reference-aside{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  align-self:start;
}
.sseo-reference-aside div{
  min-width:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:color-mix(in srgb,var(--surface2) 38%,transparent);
}
.sseo-reference-aside span{
  display:block;
  color:var(--muted);
  font-size:.82rem;
}
.sseo-reference-aside b{
  display:block;
  margin-top:5px;
  overflow:hidden;
  color:var(--text);
  font-size:.82rem;
  text-overflow:ellipsis;
}

.sseo-accordion-stack{display:grid;gap:9px;margin-top:20px}
.sseo-details{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--surface) 72%,transparent);
}
.sseo-details summary{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:12px 16px;
  cursor:pointer;
  list-style:none;
  transition:background .2s ease;
}
.sseo-details summary::-webkit-details-marker{display:none}
.sseo-details summary:hover{background:color-mix(in srgb,var(--cyan) 3%,var(--surface2))}
.sseo-details-icon{
  display:grid;
  width:34px;height:34px;
  flex:0 0 34px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--cyan);
  background:color-mix(in srgb,var(--surface2) 55%,transparent);
}
.sseo-details-icon svg{width:16px;height:16px}
.sseo-details-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.sseo-details-copy b{color:var(--text);font-size:.8rem}
.sseo-details-copy small{color:var(--muted);font-size:.82rem}
.sseo-chevron{width:17px;height:17px;color:var(--muted);transition:transform .2s ease}
.sseo-details[open] .sseo-chevron{transform:rotate(180deg)}
.sseo-details[open] summary{border-bottom:1px solid var(--line)}
.sseo-table-wrap{overflow:auto;padding:5px 14px 15px}
.sseo-table-wrap table{width:100%;min-width:720px;border-collapse:collapse}
.sseo-table-wrap th,
.sseo-table-wrap td{
  padding:12px 10px;
  border-bottom:1px solid var(--line);
  color:color-mix(in srgb,var(--text) 80%,var(--muted));
  text-align:right;
  font-size:.82rem;
}
.sseo-table-wrap th{color:var(--muted);font-weight:800}
.sseo-table-wrap tbody tr:last-child td{border-bottom:0}
.sseo-extra-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:14px;
}
.sseo-extra-grid div{
  min-width:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface2) 40%,transparent);
}
.sseo-extra-grid span{display:block;color:var(--muted);font-size:.82rem}
.sseo-extra-grid b{display:block;margin-top:5px;color:var(--text);font-size:.82rem}

.sseo-related{
  background:transparent;
  box-shadow:none;
}
.sseo-related-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.sseo-related-grid>a{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:5px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--surface) 72%,transparent);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.sseo-related-grid>a:hover{
  transform:translateY(-2px);
  border-color:var(--sseo-border-accent);
  background:color-mix(in srgb,var(--cyan) 4%,var(--surface));
}
.sseo-related-grid>a b{font-size:.82rem}
.sseo-related-grid>a span,
.sseo-muted{color:var(--muted);font-size:.82rem}

.sseo-bottom-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:20px;
  padding:27px 30px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--cyan) 17%,var(--line));
  border-radius:var(--sseo-radius-lg);
  background:
    radial-gradient(circle at 88% 50%,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 31%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface2) 72%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));
}
.sseo-bottom-cta h2{margin:8px 0 0;font-size:1.2rem;font-weight:900}
.sseo-bottom-cta p{margin:6px 0 0;color:var(--muted);font-size:.82rem;line-height:1.8}
.sseo-bottom-cta .sseo-actions{margin-top:0;flex:0 0 auto}

.sseo-disclaimer{
  display:flex;
  align-items:flex-start;
  gap:9px;
  max-width:900px;
  margin:18px auto 0;
  padding:0 8px;
  color:color-mix(in srgb,var(--muted) 82%,transparent);
  font-size:.82rem;
  line-height:1.85;
}
.sseo-disclaimer svg{width:15px;height:15px;flex:0 0 15px;margin-top:3px}
.sseo-disclaimer p{margin:0}

/* Collections */
.sseo-collection-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  padding:34px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--sseo-radius-xl);
  background:
    radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--cyan) 11%,transparent),transparent 35%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 91%,transparent),color-mix(in srgb,var(--bg2) 90%,transparent));
  box-shadow:var(--sseo-shadow);
}
.sseo-collection-hero>div{max-width:760px}
.sseo-collection-hero h1{
  margin:9px 0 0;
  font-size:clamp(2rem,4vw,3rem);
  font-weight:900;
  letter-spacing:-.035em;
}
.sseo-collection-hero p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:.88rem;
  line-height:2;
}
.sseo-collection-section{box-shadow:none}
.sseo-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.sseo-category-grid>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:62px;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--surface2) 38%,transparent);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.sseo-category-grid>a:hover{
  transform:translateY(-2px);
  border-color:var(--sseo-border-accent);
  background:color-mix(in srgb,var(--cyan) 4%,var(--surface2));
}
.sseo-category-grid strong{font-size:.82rem}
.sseo-category-grid span{
  display:inline-flex;
  min-width:25px;height:25px;
  align-items:center;justify-content:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--surface3) 50%,transparent);
  color:var(--muted);
  font-size:.82rem;
}

.sseo-symbol-list{display:grid;gap:8px}
.sseo-symbol-list .symbol-seo-list-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  padding:15px 17px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--surface2) 34%,transparent);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.sseo-symbol-list .symbol-seo-list-card:hover{
  transform:translateY(-1px);
  border-color:var(--sseo-border-accent);
  background:color-mix(in srgb,var(--cyan) 3%,var(--surface2));
}
.sseo-symbol-list .symbol-seo-list-card h2{margin:3px 0;font-size:.9rem;font-weight:900}
.sseo-symbol-list .symbol-seo-list-card span,
.sseo-symbol-list .symbol-seo-list-card small{color:var(--muted);font-size:.82rem}
.sseo-symbol-list .symbol-seo-list-price{
  display:flex;
  align-items:center;
  gap:12px;
}
.sseo-symbol-list .symbol-seo-list-price strong{font-size:.88rem}
.sseo-symbol-list .symbol-seo-list-price b{font-size:.82rem}
.sseo-symbol-list .symbol-seo-list-price em{
  padding:5px 8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:color-mix(in srgb,var(--surface3) 38%,transparent);
  color:var(--muted);
  font-size:.82rem;
  font-style:normal;
}
.sseo-symbol-list .symbol-seo-empty,
.sseo-collection-section>.symbol-seo-empty{
  padding:36px 20px;
  border:1px dashed var(--line);
  border-radius:14px;
  color:var(--muted);
  text-align:center;
  font-size:.8rem;
}

/* Light mode gets the same composition, with lighter shadows rather than a separate visual system. */
html[data-theme="light"] .sseo-public{
  --sseo-shadow:0 20px 55px rgba(37,57,77,.08);
  --sseo-shadow-soft:0 12px 36px rgba(37,57,77,.055);
}
html[data-theme="light"] .sseo-hero,
html[data-theme="light"] .sseo-module,
html[data-theme="light"] .sseo-analysis,
html[data-theme="light"] .sseo-collection-section,
html[data-theme="light"] .sseo-collection-hero{
  box-shadow:var(--sseo-shadow-soft),inset 0 1px rgba(255,255,255,.8);
}

/* Responsive */
@media(max-width:980px){
  .sseo-hero{grid-template-columns:1fr;gap:20px}
  .sseo-quote{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
  .sseo-quote-top,.sseo-price,.sseo-change{grid-column:1}
  .sseo-quote-separator{display:none}
  .sseo-quote-pair{grid-column:2;grid-row:1/4;min-width:230px}
  .sseo-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sseo-analysis{grid-template-columns:1fr}
  .sseo-analysis-aside{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;width:100%}
  .sseo-analysis-aside ul{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
  .sseo-aside-metrics{align-self:center;min-width:210px}
  .sseo-reference-grid{grid-template-columns:1fr}
  .sseo-reference-aside{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sseo-related-grid,.sseo-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  .sseo-shell{width:min(100% - 22px,1180px);padding-top:22px}
  .sseo-context{align-items:flex-start}
  .sseo-context-live{display:none}
  .sseo-hero{padding:22px;border-radius:22px}
  .sseo-identity{display:block}
  .sseo-intro{font-size:.82rem}
  .sseo-meta-row{display:grid;gap:6px}
  .sseo-quote{display:block}
  .sseo-quote-pair{margin-top:14px}
  .sseo-pulse{grid-template-columns:1fr 1fr}
  .sseo-module,.sseo-analysis,.sseo-related,.sseo-collection-section{padding:19px;border-radius:18px}
  .sseo-module-head{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:17px}
  .sseo-module-head>p{max-width:none}
  .sseo-chart-stage{min-height:235px}
  .sseo-chart-stage .symbol-seo-chart-svg{height:225px}
  .sseo-analysis-aside{display:block}
  .sseo-analysis-aside ul{grid-template-columns:1fr}
  .sseo-aside-metrics{min-width:0}
  .sseo-reference-aside{grid-template-columns:1fr 1fr}
  .sseo-extra-grid{grid-template-columns:1fr 1fr}
  .sseo-bottom-cta{align-items:flex-start;flex-direction:column;padding:22px}
  .sseo-bottom-cta .sseo-actions{width:100%}
  .sseo-collection-hero{align-items:flex-start;flex-direction:column;padding:24px;border-radius:22px}
}

@media(max-width:480px){
  .sseo-shell{width:min(100% - 16px,1180px)}
  .sseo-context{font-size:.82rem}
  .sseo-hero{padding:18px}
  .sseo-identity{display:block}
  .sseo-heading{gap:8px}
  .sseo-heading h1{font-size:2rem}
  .sseo-actions{width:100%}
  .sseo-btn{flex:1;padding-inline:11px}
  .sseo-quote{padding:17px}
  .sseo-price{font-size:2.15rem}
  .sseo-pulse{grid-template-columns:1fr}
  .sseo-pulse article{padding:13px}
  .sseo-chart-watermark{font-size:1.8rem}
  .sseo-analysis-lead{font-size:.92rem}
  .sseo-analysis-copy{font-size:.81rem}
  .sseo-related-grid,.sseo-category-grid{grid-template-columns:1fr}
  .sseo-symbol-list .symbol-seo-list-card{grid-template-columns:1fr;gap:10px}
  .sseo-symbol-list .symbol-seo-list-price{justify-content:space-between}
  .sseo-collection-hero h1{font-size:2rem}
}

@media(prefers-reduced-motion:reduce){
  .sseo-public *,
  .sseo-public *:before,
  .sseo-public *:after{scroll-behavior:auto!important;transition:none!important}
  .sseo-market-category:hover,
  .sseo-market-symbols .symbol-seo-list-card:hover{transform:none!important}
}


/* ============================================================
   Public Symbol UI v6 — readability + visual hierarchy
   ============================================================ */
.sseo-public small,
.sseo-public em,
.sseo-public .sseo-kicker,
.sseo-public .sseo-context,
.sseo-public .sseo-meta-row,
.sseo-public .sseo-fact-badge,
.sseo-public .sseo-analysis-note,
.sseo-public .sseo-disclaimer,
.sseo-public .sseo-details-copy small,
.sseo-public .sseo-related-grid>a span,
.sseo-public .sseo-muted{
  font-size:.82rem;
  line-height:1.85;
}

.sseo-context{margin-bottom:16px}
.sseo-eyebrow{font-size:.86rem}
.sseo-ticker{font-size:.82rem;min-height:32px;padding:5px 11px}
.sseo-meta-row{margin-top:17px;gap:10px 20px}
.sseo-quote-top{font-size:.82rem}
.sseo-quote-pair span{font-size:.82rem}
.sseo-pulse small,.sseo-pulse em{font-size:.82rem;line-height:1.7}
.sseo-kicker{font-size:.84rem;letter-spacing:0}
.sseo-fact-badge{font-size:.82rem;padding:7px 10px}
.sseo-analysis-note{font-size:.82rem;padding:13px 14px}
.sseo-aside-title{font-size:.92rem}
.sseo-analysis-aside li{font-size:.86rem;line-height:1.9;padding:11px 27px 11px 11px}
.sseo-aside-metrics span{font-size:.82rem}
.sseo-aside-metrics b{font-size:.9rem}
.sseo-reference-aside span{font-size:.82rem}
.sseo-reference-aside b{font-size:.9rem;line-height:1.7}
.sseo-details-copy b{font-size:.92rem}
.sseo-table-wrap th,.sseo-table-wrap td{font-size:.84rem;line-height:1.75;padding:13px 11px}
.sseo-extra-grid span{font-size:.82rem}
.sseo-extra-grid b{font-size:.9rem}
.sseo-related-grid>a b{font-size:.94rem}
.sseo-bottom-cta p{font-size:.86rem;line-height:1.9}
.sseo-disclaimer{font-size:.82rem;line-height:1.95}
.sseo-category-grid strong{font-size:.9rem}
.sseo-category-grid span{font-size:.82rem}
.sseo-symbol-list .symbol-seo-list-card h2{font-size:1rem}
.sseo-symbol-list .symbol-seo-list-card span,
.sseo-symbol-list .symbol-seo-list-card small{font-size:.82rem}
.sseo-symbol-list .symbol-seo-list-price strong{font-size:1rem}
.sseo-symbol-list .symbol-seo-list-price b{font-size:.86rem}
.sseo-symbol-list .symbol-seo-list-price em{font-size:.82rem}
.sseo-symbol-list .symbol-seo-empty,
.sseo-collection-section>.symbol-seo-empty{font-size:.88rem}

/* Give the four market pulses different personalities instead of one repeated card. */
.sseo-pulse article{
  position:relative;
  overflow:hidden;
  min-height:92px;
  padding:17px 17px;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.sseo-pulse article:after{
  content:"";
  position:absolute;
  width:100px;height:100px;
  inset:auto -45px -58px auto;
  border-radius:50%;
  filter:blur(24px);
  opacity:.16;
  pointer-events:none;
}
.sseo-pulse article:nth-child(1){
  border-color:color-mix(in srgb,var(--cyan) 18%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 5%,var(--surface)),color-mix(in srgb,var(--surface) 80%,transparent));
}
.sseo-pulse article:nth-child(1):after{background:var(--cyan)}
.sseo-pulse article:nth-child(2){
  border-color:color-mix(in srgb,var(--green) 15%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--green) 4%,var(--surface)),color-mix(in srgb,var(--surface) 80%,transparent));
}
.sseo-pulse article:nth-child(2):after{background:var(--green)}
.sseo-pulse article:nth-child(3){
  border-color:color-mix(in srgb,var(--blue) 16%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 5%,var(--surface)),color-mix(in srgb,var(--surface) 80%,transparent));
}
.sseo-pulse article:nth-child(3):after{background:var(--blue)}
.sseo-pulse article:nth-child(4){
  border-color:color-mix(in srgb,var(--gold) 16%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 4%,var(--surface)),color-mix(in srgb,var(--surface) 80%,transparent));
}
.sseo-pulse article:nth-child(4):after{background:var(--gold)}
.sseo-pulse article:hover{transform:translateY(-2px);border-color:var(--sseo-border-accent)}

/* Sections no longer look like copies of one another. */
.sseo-chart-module{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--cyan) 17%,var(--line));
  background:
    radial-gradient(circle at 10% 0,color-mix(in srgb,var(--blue) 8%,transparent),transparent 30%),
    radial-gradient(circle at 93% 100%,color-mix(in srgb,var(--cyan) 7%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--bg2) 90%,transparent));
}
.sseo-analysis{
  border-color:color-mix(in srgb,var(--green) 16%,var(--line));
  background:
    radial-gradient(circle at 95% 3%,color-mix(in srgb,var(--green) 7%,transparent),transparent 31%),
    radial-gradient(circle at 8% 100%,color-mix(in srgb,var(--cyan) 5%,transparent),transparent 28%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--bg2) 88%,transparent));
}
.sseo-reference{
  border-color:color-mix(in srgb,var(--gold) 13%,var(--line));
  background:
    radial-gradient(circle at 4% 8%,color-mix(in srgb,var(--gold) 5%,transparent),transparent 27%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--bg2) 86%,transparent));
}
.sseo-related{
  border:1px solid color-mix(in srgb,var(--blue) 10%,var(--line));
  background:
    radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--blue) 5%,transparent),transparent 30%),
    color-mix(in srgb,var(--surface) 46%,transparent);
  box-shadow:none;
}

/* Premium chart surface; SVG itself stays server-rendered and script-free. */
.sseo-chart-stage{
  min-height:370px;
  border-radius:24px;
  border-color:color-mix(in srgb,var(--cyan) 16%,var(--line));
  background:
    radial-gradient(circle at 78% 10%,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 28%),
    linear-gradient(color-mix(in srgb,var(--text) 2.8%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--text) 2.8%,transparent) 1px,transparent 1px),
    linear-gradient(180deg,color-mix(in srgb,var(--surface2) 54%,transparent),color-mix(in srgb,var(--bg2) 70%,transparent));
  background-size:auto,40px 40px,40px 40px,auto;
  box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -50px 90px rgba(0,0,0,.10);
}
.sseo-chart-watermark{
  top:22px;left:24px;
  font-size:3rem;
  color:color-mix(in srgb,var(--muted) 25%,transparent);
}
.sseo-chart-stage .symbol-seo-chart-svg{
  height:335px;
  padding:10px 8px 4px;
  overflow:visible;
}
.symbol-seo-chart-svg .chart-grid{
  stroke:color-mix(in srgb,var(--muted) 14%,transparent);
  stroke-width:1;
  stroke-dasharray:3 7;
}
.symbol-seo-chart-svg .chart-area{opacity:.95}
.symbol-seo-chart-svg .chart-line{
  fill:none;
  stroke-width:3.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.symbol-seo-chart-svg .chart-glow{
  fill:none;
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.13;
  filter:blur(2px);
  vector-effect:non-scaling-stroke;
}
.symbol-seo-chart-svg .chart-point-halo{opacity:.17}
.symbol-seo-chart-svg .chart-point-core{stroke:var(--surface);stroke-width:2}
.symbol-seo-chart-svg .chart-axis-label{
  fill:color-mix(in srgb,var(--muted) 84%,transparent);
  font-family:Vazir,Tahoma,Arial,sans-serif;
  font-size:13px;
  font-weight:600;
}
.symbol-seo-chart-svg .chart-price-label{
  fill:var(--text);
  font-family:Vazir,Tahoma,Arial,sans-serif;
  font-size:14px;
  font-weight:800;
}
.symbol-seo-chart-svg .chart-badge{
  fill:color-mix(in srgb,var(--surface2) 94%,transparent);
  stroke:color-mix(in srgb,var(--cyan) 20%,var(--line));
  stroke-width:1;
}
.sseo-chart-head-side{
  display:grid;
  justify-items:end;
  gap:10px;
  max-width:610px;
}
.sseo-chart-head-side>p{
  max-width:610px;
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.95;
  text-align:right;
}
.sseo-chart-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.sseo-chart-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--surface2) 46%,transparent);
  color:var(--muted);
  font-size:.82rem;
  font-weight:700;
}
.sseo-chart-chip svg{width:15px;height:15px;color:var(--cyan)}

html[data-theme="light"] .sseo-chart-stage{
  box-shadow:inset 0 1px rgba(255,255,255,.85),0 16px 36px rgba(37,57,77,.04);
}

@media(max-width:720px){
  .sseo-public{font-size:.96rem}
  .sseo-chart-head-side{justify-items:start;max-width:none}
  .sseo-chart-head-side>p{text-align:right}
  .sseo-chart-stage{min-height:300px;border-radius:19px}
  .sseo-chart-stage .symbol-seo-chart-svg{height:280px}
  .sseo-chart-watermark{font-size:2.15rem}
}


/* ============================================================
   Symbols market hub — category-aware discovery experience
   ============================================================ */
.sseo-market-hub{
  --hub-gold:245,196,81;
  --hub-silver:203,213,225;
  --hub-leverage:167,139,250;
  --hub-commodity:251,146,60;
  --hub-stocks:45,212,191;
}

.sseo-market-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);
  gap:42px;
  align-items:center;
  overflow:hidden;
  padding:42px;
  border:1px solid color-mix(in srgb,var(--cyan) 13%,var(--line));
  border-radius:30px;
  background:
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--cyan) 11%,transparent),transparent 30%),
    radial-gradient(circle at 8% 100%,color-mix(in srgb,var(--blue) 7%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--bg2) 96%,transparent));
  box-shadow:var(--sseo-shadow),inset 0 1px rgba(255,255,255,.035);
}
.sseo-market-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(color-mix(in srgb,var(--text) 2.6%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--text) 2.6%,transparent) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(120deg,#000,transparent 68%);
}
.sseo-market-hero-glow{
  position:absolute;
  width:350px;
  height:350px;
  top:-220px;
  left:-100px;
  border-radius:50%;
  background:color-mix(in srgb,var(--cyan) 15%,transparent);
  filter:blur(72px);
  pointer-events:none;
}
.sseo-market-hero-copy,
.sseo-market-hero-side{position:relative;z-index:1}
.sseo-market-hub[class*="sseo-tone-"] .sseo-market-hero{
  border-color:color-mix(in srgb,var(--sseo-accent) 22%,var(--line));
  background:
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--sseo-accent) 13%,transparent),transparent 30%),
    radial-gradient(circle at 8% 100%,color-mix(in srgb,var(--sseo-accent-2) 7%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--bg2) 96%,transparent));
}
.sseo-market-hub[class*="sseo-tone-"] .sseo-market-hero-glow{
  background:color-mix(in srgb,var(--sseo-accent) 18%,transparent);
}
.sseo-market-hub[class*="sseo-tone-"] .sseo-market-hero-gradient{
  background:linear-gradient(135deg,#f8fafc 0%,color-mix(in srgb,var(--sseo-accent) 78%,#fff) 46%,var(--sseo-accent-2) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px color-mix(in srgb,var(--sseo-accent) 9%,transparent));
}
.sseo-market-hub[class*="sseo-tone-"] .sseo-market-hero-stats span,
.sseo-market-hub[class*="sseo-tone-"] .sseo-market-search{
  border-color:color-mix(in srgb,var(--sseo-accent) 16%,var(--line));
}
.sseo-market-hub[class*="sseo-tone-"] .sseo-market-hero-stats svg,
.sseo-market-hub[class*="sseo-tone-"] .sseo-market-search-box svg{
  color:var(--sseo-accent);
}
.sseo-market-hub[class*="sseo-tone-"] .sseo-market-search-box input:focus{
  border-color:color-mix(in srgb,var(--sseo-accent) 42%,var(--line));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--sseo-accent) 8%,transparent);
}
.sseo-market-hub[class*="sseo-tone-"] .sseo-market-result-count{
  border-color:color-mix(in srgb,var(--sseo-accent) 16%,var(--line));
  background:color-mix(in srgb,var(--sseo-accent) 5%,transparent);
  color:color-mix(in srgb,var(--sseo-accent) 82%,var(--text));
}
.sseo-market-category-hero .sseo-market-hero-copy>p{
  max-width:720px;
}

.sseo-market-hero-copy h1{
  max-width:760px;
  margin:9px 0 0;
  color:var(--text);
  font-size:clamp(1.9rem,3.8vw,3rem);
  line-height:1.52;
  font-weight:950;
  letter-spacing:-.035em;
}
.sseo-market-hero-gradient{
  display:inline-block;
  background:linear-gradient(135deg,#f8fafc 0%,#67e8f9 42%,#34d399 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px rgba(34,211,238,.075));
}
.sseo-market-hero-copy>p{
  max-width:760px;
  margin:17px 0 0;
  color:color-mix(in srgb,var(--text) 70%,var(--muted));
  font-size:1rem;
  line-height:2.1;
}
.sseo-market-hero-stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.sseo-market-hero-stats span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:6px 11px;
  border:1px solid color-mix(in srgb,var(--cyan) 12%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--surface2) 48%,transparent);
  color:var(--muted);
  font-size:.8rem;
  font-weight:750;
}
.sseo-market-hero-stats b{color:var(--text);font-size:.88rem}
.sseo-market-hero-stats svg{width:15px;height:15px;color:var(--cyan)}

.sseo-market-hero-side{
  display:grid;
  gap:13px;
}
.sseo-market-search{
  padding:18px;
  border:1px solid color-mix(in srgb,var(--cyan) 14%,var(--line));
  border-radius:20px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 62%,transparent),color-mix(in srgb,var(--surface) 52%,transparent));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.sseo-market-search label{
  display:block;
  margin-bottom:9px;
  color:var(--text);
  font-size:.86rem;
  font-weight:850;
}
.sseo-market-search-box{position:relative}
.sseo-market-search-box svg{
  position:absolute;
  top:50%;
  right:14px;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  color:var(--cyan);
  pointer-events:none;
}
.sseo-market-search-box input{
  width:100%;
  min-height:50px;
  padding:0 43px 0 14px;
  outline:none;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--bg2) 55%,transparent);
  color:var(--text);
  font-family:inherit;
  font-size:.9rem;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.sseo-market-search-box input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}
.sseo-market-search-box input:focus{
  border-color:color-mix(in srgb,var(--cyan) 42%,var(--line));
  background:color-mix(in srgb,var(--surface2) 50%,transparent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 7%,transparent);
}
.sseo-market-search small{
  display:block;
  margin-top:9px;
  color:var(--muted);
  font-size:.74rem;
  line-height:1.8;
}
.sseo-market-hero-side>.sseo-btn{width:100%}

.sseo-market-categories,
.sseo-market-symbols{
  margin-top:22px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 84%,transparent),color-mix(in srgb,var(--bg2) 78%,transparent));
  box-shadow:var(--sseo-shadow-soft),inset 0 1px rgba(255,255,255,.025);
}
.sseo-market-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:20px;
}
.sseo-market-section-head h2{
  margin:6px 0 0;
  color:var(--text);
  font-size:clamp(1.3rem,2vw,1.65rem);
  font-weight:900;
  letter-spacing:-.02em;
}
.sseo-market-result-count{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  padding:6px 11px;
  border:1px solid color-mix(in srgb,var(--cyan) 14%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--cyan) 4%,transparent);
  color:color-mix(in srgb,var(--cyan) 78%,var(--text));
  font-size:.8rem;
  font-weight:800;
}

.sseo-market-category-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.sseo-market-category{
  --market-rgb:29,228,189;
  --mouse-x:50%;
  --mouse-y:50%;
  position:relative;
  display:block;
  min-width:0;
  min-height:210px;
  overflow:hidden;
  isolation:isolate;
  padding:18px;
  border:1px solid rgba(var(--market-rgb),.18);
  border-radius:20px;
  background:
    radial-gradient(circle at 84% 10%,rgba(var(--market-rgb),.10),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface2) 52%,transparent),color-mix(in srgb,var(--surface) 73%,transparent));
  box-shadow:inset 0 1px rgba(255,255,255,.03);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease;
}
.sseo-market-category:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(
      245px circle at var(--mouse-x) var(--mouse-y),
      rgba(var(--market-rgb),.18) 0%,
      rgba(var(--market-rgb),.09) 24%,
      rgba(var(--market-rgb),.035) 43%,
      transparent 70%
    );
  transition:opacity .25s ease;
}
.sseo-market-category:after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  left:-95px;bottom:-115px;
  z-index:0;
  border-radius:50%;
  background:rgba(var(--market-rgb),.11);
  filter:blur(38px);
  pointer-events:none;
}
.sseo-market-category:hover{
  transform:translateY(-6px);
  border-color:rgba(var(--market-rgb),.40);
  box-shadow:
    0 26px 58px rgba(0,0,0,.22),
    0 0 34px rgba(var(--market-rgb),.08),
    inset 0 1px rgba(255,255,255,.045);
}
.sseo-market-category:hover:before{opacity:1}
.sseo-market-category--gold{--market-rgb:var(--hub-gold)}
.sseo-market-category--silver{--market-rgb:var(--hub-silver)}
.sseo-market-category--leverage{--market-rgb:var(--hub-leverage)}
.sseo-market-category--commodity{--market-rgb:var(--hub-commodity)}
.sseo-market-category--stocks{--market-rgb:var(--hub-stocks)}
.sseo-market-category-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.sseo-market-category-icon{
  display:grid;
  width:45px;height:45px;
  place-items:center;
  border:1px solid rgba(var(--market-rgb),.23);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(var(--market-rgb),.13),rgba(255,255,255,.02));
  color:rgb(var(--market-rgb));
  box-shadow:inset 0 1px rgba(255,255,255,.05);
}
.sseo-market-category-icon svg{width:21px;height:21px}
.sseo-market-category-count{
  padding:4px 8px;
  border:1px solid rgba(var(--market-rgb),.14);
  border-radius:999px;
  background:rgba(var(--market-rgb),.045);
  color:rgb(var(--market-rgb));
  font-size:.72rem;
  font-weight:800;
}
.sseo-market-category>strong{
  position:relative;
  z-index:1;
  display:block;
  margin-top:15px;
  color:var(--text);
  font-size:1rem;
  font-weight:900;
  transition:color .2s ease;
}
.sseo-market-category:hover>strong{color:rgb(var(--market-rgb))}
.sseo-market-category>p{
  position:relative;
  z-index:1;
  margin:7px 0 0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.85;
}
.sseo-market-category-link{
  position:absolute;
  z-index:1;
  right:18px;
  bottom:16px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:rgb(var(--market-rgb));
  font-size:.76rem;
  font-weight:850;
}
.sseo-market-category-link svg{width:14px;height:14px}

.sseo-market-symbols .sseo-symbol-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.sseo-market-symbols .symbol-seo-list-card{
  --market-rgb:29,228,189;
  --mouse-x:50%;
  --mouse-y:50%;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:18px;
  min-height:190px;
  overflow:hidden;
  isolation:isolate;
  padding:18px;
  border:1px solid rgba(var(--market-rgb),.15);
  border-radius:19px;
  background:
    radial-gradient(circle at 92% 3%,rgba(var(--market-rgb),.07),transparent 31%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface2) 40%,transparent),color-mix(in srgb,var(--surface) 70%,transparent));
  box-shadow:inset 0 1px rgba(255,255,255,.018);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease;
}
.sseo-market-symbols .symbol-seo-list-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(
      285px circle at var(--mouse-x) var(--mouse-y),
      rgba(var(--market-rgb),.19) 0%,
      rgba(var(--market-rgb),.085) 24%,
      rgba(var(--market-rgb),.03) 45%,
      transparent 72%
    );
  transition:opacity .24s ease;
}
.sseo-market-symbols .symbol-seo-list-card:after{
  content:"";
  position:absolute;
  width:145px;height:145px;
  inset:auto auto -100px -80px;
  z-index:0;
  border-radius:50%;
  background:rgba(var(--market-rgb),.10);
  filter:blur(34px);
  pointer-events:none;
}
.sseo-market-symbols .symbol-seo-list-card:hover{
  transform:translateY(-6px);
  border-color:rgba(var(--market-rgb),.38);
  box-shadow:
    0 26px 60px rgba(0,0,0,.22),
    0 0 34px rgba(var(--market-rgb),.085),
    inset 0 1px rgba(255,255,255,.04);
}
.sseo-market-symbols .symbol-seo-list-card:hover:before{opacity:1}
.sseo-market-symbols .symbol-seo-list-card--gold{--market-rgb:var(--hub-gold)}
.sseo-market-symbols .symbol-seo-list-card--silver{--market-rgb:var(--hub-silver)}
.sseo-market-symbols .symbol-seo-list-card--leverage{--market-rgb:var(--hub-leverage)}
.sseo-market-symbols .symbol-seo-list-card--commodity{--market-rgb:var(--hub-commodity)}
.sseo-market-symbols .symbol-seo-list-card--stocks{--market-rgb:var(--hub-stocks)}
.sseo-market-symbols .symbol-seo-list-main,
.sseo-market-symbols .symbol-seo-list-side{position:relative;z-index:1;min-width:0}
.sseo-market-symbols .symbol-seo-list-main{
  display:flex;
  flex-direction:column;
}
.sseo-market-symbols .symbol-seo-list-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.sseo-market-symbols .symbol-seo-list-meta>span{
  color:rgb(var(--market-rgb));
  font-size:.72rem;
  font-weight:800;
}
.sseo-market-symbols .symbol-seo-list-meta>b{font-size:.78rem}
.sseo-market-symbols .symbol-seo-list-card h2{
  margin:12px 0 0;
  font-size:1.2rem;
  font-weight:950;
}
.sseo-market-symbols .symbol-seo-list-card h2 a{
  color:var(--text);
  transition:color .2s ease;
}
.sseo-market-symbols .symbol-seo-list-card h2 a:hover{color:rgb(var(--market-rgb))}
.sseo-market-symbols .symbol-seo-list-card small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.7;
}
.sseo-market-symbols .symbol-seo-list-context{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:5px;
  margin-top:auto;
  padding-top:13px;
  color:color-mix(in srgb,rgb(var(--market-rgb)) 83%,var(--text));
  font-size:.7rem;
  font-style:normal;
  font-weight:800;
}
.sseo-market-symbols .symbol-seo-list-context svg{width:14px;height:14px}
.sseo-market-symbols .symbol-seo-list-side{
  display:flex;
  min-width:150px;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
  border-right:1px solid rgba(var(--market-rgb),.11);
  padding-right:16px;
}
.sseo-market-symbols .symbol-seo-list-price{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
}
.sseo-market-symbols .symbol-seo-list-price>span{
  color:var(--muted);
  font-size:.68rem;
}
.sseo-market-symbols .symbol-seo-list-price>strong{
  color:var(--text);
  font-size:1.05rem;
  font-weight:900;
  direction:ltr;
  unicode-bidi:isolate;
  font-variant-numeric:tabular-nums;
}
.sseo-market-symbols .symbol-seo-list-price>em{
  margin-top:4px;
  padding:4px 7px;
  border:1px solid rgba(var(--market-rgb),.11);
  border-radius:8px;
  background:rgba(var(--market-rgb),.035);
  color:var(--muted);
  font-size:.68rem;
  font-style:normal;
}
.sseo-market-symbols .symbol-seo-list-cta{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:rgb(var(--market-rgb));
  font-size:.72rem;
  font-weight:850;
  white-space:nowrap;
  transition:transform .22s ease,filter .22s ease;
}
.sseo-market-symbols .symbol-seo-list-cta svg{
  width:14px;height:14px;
  transition:transform .22s ease;
}
.sseo-market-symbols .symbol-seo-list-card:hover .symbol-seo-list-cta{
  transform:translateX(-3px);
  filter:brightness(1.08);
}
.sseo-market-symbols .symbol-seo-list-card:hover .symbol-seo-list-cta svg{
  transform:translateX(-2px);
}

.sseo-market-no-result{
  display:flex;
  min-height:180px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  margin-top:10px;
  border:1px dashed var(--line);
  border-radius:18px;
  color:var(--muted);
  text-align:center;
}
.sseo-market-no-result[hidden]{display:none}
.sseo-market-no-result svg{width:28px;height:28px;color:var(--cyan)}
.sseo-market-no-result strong{color:var(--text);font-size:.95rem}
.sseo-market-no-result span{font-size:.78rem}

html[data-theme="light"] .sseo-market-hero,
html[data-theme="light"] .sseo-market-categories,
html[data-theme="light"] .sseo-market-symbols{
  box-shadow:0 18px 48px rgba(37,57,77,.06),inset 0 1px rgba(255,255,255,.8);
}

@media(max-width:1080px){
  .sseo-market-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sseo-market-symbols .sseo-symbol-list{grid-template-columns:1fr}
}
@media(max-width:820px){
  .sseo-market-hero{grid-template-columns:1fr;gap:24px;padding:30px}
  .sseo-market-hero-side{grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .sseo-market-hero-side>.sseo-btn{width:auto;white-space:nowrap}
  .sseo-market-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .sseo-market-hero{padding:23px;border-radius:23px}
  .sseo-market-hero-copy h1{font-size:2rem}
  .sseo-market-hero-copy>p{font-size:.9rem}
  .sseo-market-hero-side{grid-template-columns:1fr}
  .sseo-market-hero-side>.sseo-btn{width:100%}
  .sseo-market-categories,.sseo-market-symbols{padding:19px;border-radius:19px}
  .sseo-market-section-head{align-items:flex-start}
  .sseo-market-category-grid{grid-template-columns:1fr}
  .sseo-market-category{min-height:185px}
  .sseo-market-symbols .symbol-seo-list-card{grid-template-columns:1fr;min-height:0}
  .sseo-market-symbols .symbol-seo-list-side{
    min-width:0;
    flex-direction:row;
    align-items:flex-end;
    border-top:1px solid rgba(var(--market-rgb),.10);
    border-right:0;
    padding-top:13px;
    padding-right:0;
  }
  .sseo-market-symbols .symbol-seo-list-price{align-items:flex-start}
}