/* TradeLens shared blog post styles */
:root, [data-theme="light"]{
  --bg:#fef9f3; --card:#ffffff; --card-hover:#faf6ee;
  --ink:#1a1d29; --ink-soft:#5a6072; --muted:#8b8fa3;
  --line:#ebe4d8; --purple:#8b5cf6; --pink:#ec4899;
  --green:#10b981; --green-soft:#d1fae5;
  --red:#ef4444; --red-soft:#fee2e2;
  --orange:#f97316; --orange-soft:#fed7aa; --orange-ink:#c2410c;
  --blue:#3b82f6; --blue-soft:#dbeafe;
  --purple-soft:#ede9fe; --pink-soft:#fce7f3;
  --yellow:#eab308; --yellow-soft:#fef3c7; --yellow-ink:#a16207;
}
[data-theme="dark"]{
  --bg:#0f1117; --card:#1a1d29; --card-hover:#22263a;
  --ink:#f5f7fb; --ink-soft:#a8aec1; --muted:#6b7186;
  --line:#2a2f42; --purple:#a78bfa; --pink:#f472b6;
  --green:#34d399; --green-soft:#0f3d2e;
  --red:#f87171; --red-soft:#4a1d1d;
  --orange:#fb923c; --orange-soft:#4a2a14; --orange-ink:#fdba74;
  --blue:#60a5fa; --blue-soft:#1e3a5f;
  --purple-soft:#2e1f4a; --pink-soft:#4a1f3a;
  --yellow:#facc15; --yellow-soft:#3d3214; --yellow-ink:#fde047;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{
  background:var(--bg);color:var(--ink);
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  min-height:100vh;font-size:17px;line-height:1.75;
  transition:background-color .25s,color .25s;
}
nav.top{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:color-mix(in srgb, var(--bg) 80%, transparent);border-bottom:1px solid var(--line)}
nav.top .inner{max-width:760px;margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--ink);text-decoration:none}
.brand-icon{width:34px;height:34px;border-radius:9px;box-shadow:0 6px 14px rgba(139,92,246,.3);display:block;flex-shrink:0}
.nav-actions{display:flex;gap:8px;align-items:center}
.nav-actions a{font-size:14px;font-weight:600;color:var(--ink-soft);padding:8px 12px;border-radius:8px;text-decoration:none}
.nav-actions a:hover{background:var(--card-hover);color:var(--ink)}
.nav-cta{background:linear-gradient(135deg,var(--purple),var(--pink)) !important;color:#fff !important;padding:9px 16px !important;border-radius:10px !important;font-weight:700 !important}
.theme-btn{background:var(--card);border:1px solid var(--line);width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;color:var(--ink)}

main.article{max-width:720px;margin:0 auto;padding:48px 24px 80px}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px;font-weight:600}
.breadcrumb a{color:var(--purple);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}

.post-tag{display:inline-block;background:var(--purple-soft);color:var(--purple);padding:5px 14px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}
.post-tag.blue{background:var(--blue-soft);color:var(--blue)}
.post-tag.green{background:var(--green-soft);color:var(--green)}
.post-tag.purple{background:var(--purple-soft);color:var(--purple)}
.post-tag.orange{background:var(--orange-soft);color:var(--orange-ink)}

h1.post-title{font-size:clamp(30px,5vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:18px;color:var(--ink)}
.post-meta{font-size:14px;color:var(--muted);font-weight:600;display:flex;gap:14px;align-items:center;margin-bottom:36px;flex-wrap:wrap}
.post-meta .dot{width:4px;height:4px;background:var(--muted);border-radius:50%}

article.content h2{font-size:26px;font-weight:800;color:var(--ink);margin:48px 0 16px;letter-spacing:-.02em;line-height:1.25}
article.content h3{font-size:20px;font-weight:800;color:var(--ink);margin:32px 0 12px;letter-spacing:-.01em}
article.content p{margin-bottom:18px;color:var(--ink);font-size:17px}
article.content ul,article.content ol{margin:14px 0 22px 28px;color:var(--ink)}
article.content li{margin-bottom:10px}
article.content strong{color:var(--ink);font-weight:700}
article.content em{color:var(--ink-soft);font-style:italic}
article.content a{color:var(--purple);font-weight:600;text-decoration:underline}
article.content a:hover{color:var(--pink)}
article.content code{background:var(--card);border:1px solid var(--line);padding:2px 6px;border-radius:4px;font-family:'DM Mono',monospace;font-size:.9em}

.callout{
  background:var(--card);border-left:4px solid var(--purple);
  padding:18px 22px;margin:24px 0;border-radius:8px;
  font-size:16px;color:var(--ink);
}
.callout.green{border-left-color:var(--green)}
.callout.red{border-left-color:var(--red)}
.callout.yellow{border-left-color:var(--yellow)}

table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:15px}
th{background:var(--card-hover);text-align:left;padding:12px 16px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line)}
td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink-soft)}
tr:last-child td{border-bottom:none}

blockquote{border-left:4px solid var(--purple);padding:6px 22px;margin:24px 0;color:var(--ink-soft);font-style:italic;font-size:18px;line-height:1.6}

.share-box{
  margin-top:48px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:14px;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
}
.share-box .label{font-size:14px;font-weight:700;color:var(--ink)}
.share-box .links{display:flex;gap:8px}
.share-box .links a{
  background:var(--input-bg,#faf6ee);border:1px solid var(--line);
  padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;
  color:var(--ink);text-decoration:none;transition:all .15s;
}
.share-box .links a:hover{background:var(--purple);color:#fff;border-color:var(--purple)}

.cta-bottom{
  margin-top:48px;background:linear-gradient(135deg,#8b5cf6,#ec4899);
  border-radius:18px;padding:32px;text-align:center;color:#fff;
}
.cta-bottom h3{color:#fff;font-size:22px;font-weight:800;margin-bottom:8px}
.cta-bottom p{color:#fff;opacity:.9;margin-bottom:18px;font-size:15px}
.cta-bottom a{
  background:#fff;color:#8b5cf6;padding:12px 28px;border-radius:10px;
  font-weight:800;text-decoration:none;display:inline-block;transition:transform .15s;
}
.cta-bottom a:hover{transform:translateY(-2px)}

.related{margin-top:60px;padding-top:36px;border-top:1px solid var(--line)}
.related h3{font-size:18px;font-weight:800;margin-bottom:18px;color:var(--ink)}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.related-grid{grid-template-columns:1fr}}
.related-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;display:block}
.related-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.05)}
.related-card .rel-tag{display:inline-block;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;margin-bottom:8px;background:var(--purple-soft);color:var(--purple)}
.related-card h4{font-size:15px;font-weight:800;color:var(--ink);line-height:1.3}

footer{border-top:1px solid var(--line);margin-top:60px;padding:32px 24px;text-align:center;font-size:13px;color:var(--muted)}
footer a{color:var(--ink-soft);margin:0 10px;text-decoration:none}