/* ============================================================
   THE MARKET WINNERS — SINGLE BLOG POST (custom template)
   Matches homepage-premium.html / blogs.html design system.
============================================================ */
:root{
  --gold-dk:#8a6315;--gold:#c9a227;--gold-lt:#f3d574;--gold-hi:#fff4d6;
  --gold-glow:rgba(201,162,39,.5);
  --green-dk:#0d3d22;--green:#1f8a4c;--green-lt:#4ade8a;--green-glow:rgba(74,222,138,.4);
  --purple:#7c3aed;--purple-lt:#c084fc;
  --dark:#120d08;--dark2:#1a130b;--dark3:#21190e;
  --text:rgba(255,248,232,.85);--text-dim:rgba(255,248,232,.6);--text-faint:rgba(255,248,232,.32);
  --font-head:'Fraunces','Georgia',serif;
  --font-body:'Inter','Arial',sans-serif;
  --tint:var(--gold-lt);--tint-soft:rgba(243,213,116,.09);--tint-ring:rgba(243,213,116,.2);
}
*,*::before,*::after{box-sizing:border-box}
body.tmw-single-post{
  margin:0;font-family:var(--font-body);color:var(--text-dim);cursor:none;overflow-x:hidden;
  background:
    radial-gradient(ellipse 1200px 800px at 15% -10%, rgba(243,213,116,.06), transparent 60%),
    radial-gradient(ellipse 900px 700px at 110% 20%, rgba(74,222,138,.04), transparent 55%),
    linear-gradient(165deg,#15100a 0%,#1a130b 30%,#120d08 60%,#1a130b 100%);
}
body.tmw-single-post a{text-decoration:none;color:inherit}
body.tmw-single-post img{max-width:100%;height:auto;display:block}
@media(max-width:768px){body.tmw-single-post{cursor:auto}#c,#c-ring{display:none}}

/* cursor */
#c{position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:exclusion;transition:transform .08s}
#c-dot{width:8px;height:8px;background:#fff;border-radius:50%;position:absolute;top:-4px;left:-4px;box-shadow:0 0 12px rgba(243,213,116,.8)}
#c-ring{position:fixed;pointer-events:none;z-index:9998;width:40px;height:40px;border:1px solid rgba(243,213,116,.55);border-radius:50%;top:0;left:0;transition:width .3s,height .3s,border-color .3s}
.gbar{height:3px;background:linear-gradient(90deg,var(--green),var(--gold),var(--purple),var(--gold),var(--green));background-size:400%;animation:gbar 6s linear infinite}
@keyframes gbar{to{background-position:400%}}

/* nav */
nav{position:sticky;top:0;z-index:400;background:rgba(18,13,8,.9);backdrop-filter:blur(28px);border-bottom:1px solid rgba(243,213,116,.12);padding:0 5%}
.ni{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px}
.ni img{height:48px;width:auto}
.nl{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}
.nl a{font-family:var(--font-body);font-size:15px;font-weight:600;color:rgba(255,255,255,.72);letter-spacing:.03em;transition:color .2s}
.nl a:hover{color:var(--gold-lt)}
.hdd{position:relative}
.hdd:hover .dd{opacity:1;pointer-events:auto;transform:translateY(0)}
.dd{position:absolute;top:100%;left:0;padding-top:14px;min-width:240px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s}
.dd-inner{background:#0d1710;border:1px solid rgba(243,213,116,.15);border-radius:8px;padding:8px 0;box-shadow:0 20px 60px rgba(0,0,0,.7)}
.dd-inner a{display:block;padding:11px 20px;font-size:14px;color:rgba(255,255,255,.55);font-weight:500}
.dd-inner a:hover{color:var(--gold-lt);background:rgba(243,213,116,.08);padding-left:26px}
.nb{background:linear-gradient(135deg,var(--green),var(--green-lt));color:#fff!important;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:700;letter-spacing:.06em;box-shadow:0 4px 20px var(--green-glow);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}
.hbg{display:none;flex-direction:column;gap:5px;cursor:none;padding:4px}
.hbg span{width:24px;height:2px;background:rgba(255,255,255,.7);border-radius:2px}
.mm{display:none;position:fixed;inset:0;top:72px;background:var(--dark);z-index:399;padding:28px 5%;overflow-y:auto}
.mm.open{display:block}
.mm a{display:block;padding:16px 0;font-size:16px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.6)}
.mm .ms a{padding-left:18px;font-size:14px;color:rgba(255,255,255,.3)}
@media(max-width:700px){.nl{display:none}.hbg{display:flex}}

/* post hero */
.post-hero{position:relative;overflow:hidden;padding:100px 5% 0;background:radial-gradient(ellipse 900px 600px at 10% -10%,var(--tint-soft),transparent 60%),linear-gradient(165deg,#15100a 0%,#1a130b 100%);border-bottom:1px solid rgba(243,213,116,.08)}
.geo-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.geo-sq1{position:absolute;top:-120px;right:-120px;width:420px;height:420px;border:1px solid var(--tint-ring);transform:rotate(25deg);animation:sqspin 24s linear infinite}
.geo-dots{position:absolute;left:4%;top:14%;width:200px;height:200px;background-image:radial-gradient(circle,var(--tint-ring) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,black 30%,transparent 75%)}
@keyframes sqspin{to{transform:rotate(385deg)}}
.post-hero-inner{max-width:820px;margin:0 auto;position:relative;z-index:1;padding-bottom:44px}
.bcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--text-faint);margin-bottom:22px}
.bcrumb a{color:var(--text-dim)}
.bcrumb a:hover{color:var(--gold-lt)}
.bcrumb span{opacity:.5}
.post-cat-pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-lt);background:rgba(31,138,76,.18);padding:6px 14px;border-radius:2px;margin-bottom:20px}
.post-title{font-family:var(--font-head);font-weight:800;font-size:clamp(30px,5vw,50px);line-height:1.1;color:#fff;margin:0 0 18px}
.post-meta{font-size:13px;font-weight:600;letter-spacing:.03em;color:var(--text-faint);text-transform:uppercase}
.post-hero-img{max-width:1100px;margin:0 auto;position:relative;z-index:1;border-radius:8px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(243,213,116,.08);transform:translateY(30px)}
.post-hero-img img{width:100%;height:auto;max-height:520px;object-fit:cover}

/* post body */
.post-wrap{max-width:760px;margin:0 auto;padding:80px 5% 30px}
.post-content{font-size:17px;line-height:1.9;color:var(--text-dim)}
.post-content p{margin:0 0 24px}
.post-content h2{font-family:var(--font-head);font-weight:700;font-style:italic;font-size:28px;color:#fff;margin:48px 0 18px}
.post-content h3{font-family:var(--font-head);font-weight:600;font-size:21px;color:#fff;margin:36px 0 14px}
.post-content ul,.post-content ol{margin:0 0 24px 22px}
.post-content li{margin-bottom:8px}
.post-content strong{color:var(--gold-lt);font-weight:700}
.post-content a{color:var(--gold-lt);border-bottom:1px solid rgba(243,213,116,.35)}
.post-content a:hover{border-color:var(--gold-lt)}
.post-content img{border-radius:6px;margin:36px 0;box-shadow:0 18px 44px rgba(0,0,0,.45)}
.post-content figure{margin:36px 0}
.post-content figcaption{font-size:13px;color:var(--text-faint);text-align:center;margin-top:10px;font-style:italic}
.post-content blockquote{margin:36px 0;padding:24px 28px;background:linear-gradient(145deg,#1a1306,#211a0e);border-left:3px solid var(--gold);border-radius:2px;font-family:var(--font-head);font-style:italic;font-size:19px;color:#fff}
.post-content hr{border:none;border-top:1px solid rgba(243,213,116,.14);margin:48px 0}

/* social CTA button */
.social-cta{
  display:inline-flex;align-items:center;gap:12px;margin:44px 0 8px;padding:16px 28px;
  background:linear-gradient(135deg,var(--purple),var(--purple-lt));color:#fff;font-weight:700;font-size:15px;
  border-radius:3px;box-shadow:0 8px 28px rgba(124,58,237,.35);transition:transform .25s;
  clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
}
.social-cta:hover{transform:translateY(-2px)}
.social-cta-ic{font-size:20px}

/* tags */
.tag-row{margin-top:36px;display:flex;flex-wrap:wrap;gap:8px}
.tag-pill{font-size:12px;font-weight:600;color:var(--gold);background:rgba(243,213,116,.1);padding:5px 12px;border-radius:2px}

/* related posts */
.related-section{padding:90px 5% 110px;background:linear-gradient(180deg,var(--dark2),var(--dark3))}
.related-inner{max-width:1200px;margin:0 auto}
.related-head{margin-bottom:44px}
.sey{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.related-h2{font-family:var(--font-head);font-size:clamp(26px,3.5vw,40px);font-weight:800;color:#fff}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rp-card{display:block;background:linear-gradient(145deg,#0d1710,#101a12);border:1px solid rgba(243,213,116,.08);overflow:hidden;transition:all .35s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.rp-card:hover{transform:translateY(-5px);border-color:rgba(243,213,116,.25)}
.rp-img{height:170px;overflow:hidden}
.rp-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}
.rp-body{padding:20px}
.rp-title{font-family:var(--font-head);font-size:17px;font-weight:600;font-style:italic;color:#fff;line-height:1.35;margin-bottom:8px}
.rp-date{font-size:12px;color:var(--text-faint)}
@media(max-width:900px){.related-grid{grid-template-columns:1fr}}

/* CTA (reuse) */
.ctasec{padding:130px 5%;position:relative;overflow:hidden;background:radial-gradient(ellipse 800px 500px at 50% 30%,rgba(243,213,116,.06),transparent 65%),linear-gradient(170deg,var(--dark2),var(--dark),#181009)}
.cta-orb1{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(243,213,116,.1),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.ctai{max-width:740px;margin:0 auto;text-align:center;position:relative;z-index:1}
.cta-ey{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:24px}
.ctah{font-family:var(--font-head);font-size:clamp(38px,6vw,80px);font-weight:900;letter-spacing:2px;line-height:.9;color:#fff;margin-bottom:24px}
.ctah .ca{background:linear-gradient(100deg,#8a6a1e 0%,#f3d574 18%,#fffbe9 32%,#f3d574 46%,#c9a227 60%,#fffbe9 75%,#8a6a1e 100%);background-size:250% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ctap{font-size:16px;line-height:1.78;margin-bottom:44px;max-width:520px;margin-left:auto;margin-right:auto}
.ctabtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.bwhite{background:#fff;color:#060608;padding:16px 36px;font-weight:800;font-size:15px;letter-spacing:.04em;box-shadow:0 6px 24px rgba(255,255,255,.1);display:inline-block;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}
.bghost{background:transparent;color:var(--text-dim);padding:16px 36px;font-weight:600;font-size:15px;border:1px solid rgba(255,255,255,.12);display:inline-block;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}
.bghost:hover{border-color:var(--gold-lt);color:var(--gold-lt)}

/* footer (reuse) */
footer{background:linear-gradient(180deg,#0d0a05,#15100a);padding:80px 5% 0;border-top:1px solid rgba(243,213,116,.1)}
.fi{max-width:1400px;margin:0 auto}
.ftop{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:54px;padding-bottom:54px;border-bottom:1px solid rgba(255,255,255,.05)}
.flogo img{width:160px;border-radius:6px;margin-bottom:18px}
.fdesc{font-size:14px;color:var(--text-dim);line-height:1.72;max-width:250px}
.fc h4{font-size:13px;font-weight:600;text-transform:uppercase;color:var(--gold);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(243,213,116,.12);letter-spacing:.3px}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
.fc ul a{font-size:14px;color:var(--text-dim);font-weight:500}
.fc ul a:hover{color:var(--gold-lt)}
.fcc p{font-size:14px;color:var(--text-dim);margin-bottom:11px}
.fcc a:hover{color:var(--gold-lt)}
.fsnote{font-size:13px;color:var(--text-dim);line-height:1.67}
.fbot{padding:22px 0;display:flex;justify-content:space-between;align-items:center}
.fbot p,.fbot a{font-size:13px;color:var(--text-faint)}
.fbot a:hover{color:var(--gold-lt)}
@media(max-width:1100px){.ftop{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ftop{grid-template-columns:1fr}.fbot{flex-direction:column;gap:10px;text-align:center}.ctabtns{flex-direction:column}}