/* ══════════════════════════════════════════════════════════════
   seo-shared.css  —  Shared styles for all public/SEO pages
   Used by: profiles/*, rankings/*, intelligence/*, commodities/*
══════════════════════════════════════════════════════════════ */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#020409;--bg2:#060d18;--bg3:#0a1628;
  --amber:#F5A623;--red:#FF3B4A;--green:#00FF88;
  --cyan:#00D4FF;--purple:#A855F7;--text:#DCE4EE;
  --text2:#8A9AB0;--text3:#3A4D60;--border:#1A2A3A;
  --fm:'JetBrains Mono',monospace;
  --fd:'Inter',sans-serif;
  --fo:'Orbitron',monospace;
}
body{background:var(--bg);color:var(--text);font-family:var(--fd);line-height:1.6;min-height:100vh}
a{color:var(--amber);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}

/* Nav */
.lc-nav{background:var(--bg2);border-bottom:1px solid var(--border);
  padding:0 24px;height:56px;display:flex;align-items:center;
  justify-content:space-between;position:sticky;top:0;z-index:100}
.lc-nav-logo{font-family:var(--fo);font-size:18px;font-weight:700;
  color:var(--amber);letter-spacing:.06em;text-decoration:none}
.lc-nav-logo span{color:var(--text2);font-weight:400}
.lc-nav-links{display:flex;gap:20px;font-family:var(--fm);font-size:10px;
  letter-spacing:.08em;align-items:center}
.lc-nav-links a{color:var(--text2)}
.lc-nav-links a:hover{color:var(--amber);text-decoration:none}
.lc-nav-cta{background:var(--amber);color:#000;padding:7px 16px;
  font-family:var(--fm);font-size:10px;letter-spacing:.1em;
  font-weight:700;cursor:pointer;border:none;text-decoration:none}

/* Page wrapper */
.lc-page{max-width:1060px;margin:0 auto;padding:40px 24px 80px}

/* Breadcrumb */
.lc-breadcrumb{font-family:var(--fm);font-size:9px;letter-spacing:.1em;
  color:var(--text3);margin-bottom:24px;display:flex;gap:8px;align-items:center}
.lc-breadcrumb a{color:var(--text3)}
.lc-breadcrumb a:hover{color:var(--amber);text-decoration:none}
.lc-breadcrumb span{opacity:.4}

/* Score badge */
.lc-score-badge{display:inline-flex;align-items:center;gap:6px;
  font-family:var(--fm);font-size:9px;letter-spacing:.1em;padding:3px 10px;
  border:1px solid;color:var(--amber);border-color:rgba(245,166,35,.4)}

/* Signal tier badges */
.lc-tier-high{color:var(--red);border:1px solid rgba(255,59,74,.4);
  font-family:var(--fm);font-size:8px;padding:2px 8px;letter-spacing:.1em}
.lc-tier-emerging{color:var(--amber);border:1px solid rgba(245,166,35,.4);
  font-family:var(--fm);font-size:8px;padding:2px 8px;letter-spacing:.1em}
.lc-tier-watch{color:var(--text2);border:1px solid var(--border);
  font-family:var(--fm);font-size:8px;padding:2px 8px;letter-spacing:.1em}

/* Cards */
.lc-card{background:var(--bg2);border:1px solid var(--border);padding:20px;
  transition:border-color .2s}
.lc-card:hover{border-color:rgba(245,166,35,.4)}
.lc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}

/* CTA section */
.lc-cta-bar{background:rgba(245,166,35,.06);border:1px solid rgba(245,166,35,.2);
  padding:24px;text-align:center;margin:32px 0}
.lc-cta-title{font-family:var(--fo);font-size:18px;color:var(--text);margin-bottom:8px}
.lc-cta-sub{font-family:var(--fm);font-size:10px;color:var(--text2);margin-bottom:16px}
.lc-cta-btn{display:inline-block;background:var(--amber);color:#000;
  padding:11px 28px;font-family:var(--fm);font-size:10px;
  letter-spacing:.12em;font-weight:700;text-decoration:none}
.lc-cta-btn:hover{opacity:.88;text-decoration:none}

/* Footer */
.lc-footer{border-top:1px solid var(--border);padding:24px;text-align:center;
  font-family:var(--fm);font-size:9px;color:var(--text3);margin-top:60px}
.lc-footer a{color:var(--text3)}
.lc-footer a:hover{color:var(--amber);text-decoration:none}

/* Article body */
.lc-article-body h2{font-size:16px;font-weight:700;margin:24px 0 10px;
  color:var(--text);font-family:var(--fd)}
.lc-article-body p{margin-bottom:14px;color:var(--text2);font-size:14px;line-height:1.75}
.lc-article-body .sbox{background:rgba(245,166,35,.06);border-left:3px solid var(--amber);
  padding:14px 16px;margin:16px 0;font-size:13px}
.lc-article-body .sbox h4{font-family:var(--fm);font-size:9px;color:var(--amber);
  letter-spacing:.1em;margin-bottom:6px}

@media(max-width:768px){
  .lc-nav-links{display:none}
  .lc-page{padding:24px 16px 60px}
}