/* FitPlus AI — shared blog styles */
:root{
  --bg:#0A0A0A;--bg2:#0D0D0D;--bg3:#141414;
  --red:#FF3B30;--red-glow:rgba(255,59,48,0.45);
  --cyan:#00C8FF;--cyan-glow:rgba(0,200,255,0.3);
  --green:#22C55E;--gold:#FFD700;
  --white:#F0F0F0;--gray:#999;
  --glass:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased;}

.blog-nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0.8rem 1.5rem;background:rgba(10,10,10,0.96);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,59,48,0.18);}
.blog-nav a.brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.blog-nav img{height:36px;}
.blog-nav .nav-cta{background:var(--red);color:#fff;padding:0.5rem 1.1rem;border-radius:9999px;font-weight:700;font-size:0.85rem;text-decoration:none;white-space:nowrap;transition:all 0.3s;}
.blog-nav .nav-cta:hover{transform:scale(1.05);box-shadow:0 0 25px var(--red-glow);}

.blog-wrap{max-width:760px;margin:0 auto;padding:3rem 1.4rem 4rem;}
.blog-wrap.wide{max-width:1000px;}

.eyebrow{font-family:'Share Tech Mono',monospace;font-size:0.75rem;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:0.8rem;}
h1.post-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.3rem,6vw,3.8rem);line-height:1.05;letter-spacing:1px;margin-bottom:1rem;}
.post-meta{color:var(--gray);font-size:0.9rem;margin-bottom:2.2rem;border-bottom:1px solid var(--glass-border);padding-bottom:1.4rem;}

.blog-wrap h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:1px;margin:2.4rem 0 0.9rem;color:#fff;}
.blog-wrap h3{font-size:1.25rem;margin:1.8rem 0 0.6rem;color:var(--cyan);}
.blog-wrap p{margin-bottom:1.1rem;color:#d8d8d8;font-size:1.05rem;}
.blog-wrap ul,.blog-wrap ol{margin:0 0 1.2rem 1.3rem;color:#d8d8d8;}
.blog-wrap li{margin-bottom:0.5rem;}
.blog-wrap a{color:var(--cyan);}
.blog-wrap strong{color:#fff;}
.blog-wrap blockquote{border-left:3px solid var(--cyan);background:var(--glass);padding:1rem 1.3rem;margin:1.6rem 0;border-radius:0 10px 10px 0;color:#ccc;}

.key-takeaway{background:rgba(0,200,255,0.08);border:1px solid rgba(0,200,255,0.25);border-radius:14px;padding:1.3rem 1.5rem;margin:1.8rem 0;}
.key-takeaway strong{color:var(--cyan);}

.cta-box{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:1px solid rgba(255,59,48,0.3);border-radius:18px;padding:2rem;margin:2.8rem 0 1rem;text-align:center;}
.cta-box h3{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:#fff;margin-bottom:0.5rem;letter-spacing:1px;}
.cta-box p{color:#bbb;margin-bottom:1.3rem;}
.cta-box a{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:700;padding:0.95rem 2rem;border-radius:9999px;transition:all 0.3s;}
.cta-box a:hover{transform:scale(1.05);box-shadow:0 0 30px var(--red-glow);}

.disclaimer{color:#777;font-size:0.8rem;border-top:1px solid var(--glass-border);margin-top:2.5rem;padding-top:1.2rem;}

/* Blog index cards */
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;}
.post-card{display:block;text-decoration:none;background:var(--bg2);border:1px solid var(--glass-border);border-radius:18px;padding:1.6rem;transition:all 0.3s;}
.post-card:hover{transform:translateY(-4px);border-color:rgba(0,200,255,0.4);box-shadow:0 14px 40px rgba(0,0,0,0.5);}
.post-card .tag{font-family:'Share Tech Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);}
.post-card h2{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:0.5px;margin:0.6rem 0 0.5rem;color:#fff;}
.post-card p{color:#aaa;font-size:0.95rem;margin:0;}

.blog-footer{text-align:center;padding:2.5rem 1.5rem;border-top:1px solid var(--glass-border);color:#666;font-size:0.85rem;}
.blog-footer a{color:var(--cyan);text-decoration:none;}