/* ===========================
   MEMO GENESIS - blog-style.css
   =========================== */
:root{--primary:#0a2463;--accent:#3b82f6;--accent2:#06b6d4;--gold:#f59e0b;--green:#10b981;--red:#ef4444;--bg:#f0f4ff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow:0 4px 24px rgba(10,36,99,0.12);--radius:16px;--transition:all 0.3s ease;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:'Open Sans',sans-serif;color:var(--text);background:var(--bg);line-height:1.7;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4{font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.2;}
h1{font-size:clamp(24px,4vw,42px);margin-bottom:18px;}
h2{font-size:clamp(20px,3vw,30px);color:var(--primary);margin:36px 0 14px;}
h3{font-size:clamp(17px,2.5vw,22px);color:var(--primary);margin:24px 0 10px;}
p{margin-bottom:14px;}
ul,ol{padding-left:20px;margin-bottom:16px;}
li{margin-bottom:8px;font-size:15px;}
strong{color:var(--primary);}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}

/* Nav */
.navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 20px;box-shadow:var(--shadow);}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;color:var(--primary);}
.logo-accent{color:var(--accent);}
.nav-links-desk{display:flex;align-items:center;gap:24px;}
.nav-links-desk a{font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;color:var(--text);transition:var(--transition);}
.nav-links-desk a:hover{color:var(--accent);}
.btn-nav{background:linear-gradient(135deg,var(--primary),var(--accent));color:white !important;padding:10px 22px;border-radius:50px;font-weight:700 !important;font-size:14px;}

/* Blog Layout */
.blog-main{padding:60px 0;}
.blog-container{max-width:860px;}
.blog-article{background:white;border-radius:var(--radius);padding:clamp(24px,5vw,56px);box-shadow:var(--shadow);}
.article-header{border-bottom:2px solid var(--bg);padding-bottom:28px;margin-bottom:36px;}
.post-tag{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:1px;padding:5px 14px;border-radius:20px;margin-bottom:14px;}
.article-meta{font-size:14px;color:var(--text-muted);margin-bottom:10px;}
.article-stars{font-size:18px;color:var(--gold);}
.article-body{font-size:16px;color:var(--text);}
.article-body p{line-height:1.8;margin-bottom:16px;}

/* Inline CTA */
.cta-inline{background:linear-gradient(135deg,var(--bg),#e8eeff);border:2px solid var(--accent);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;flex-wrap:wrap;}
.cta-inline p{font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;color:var(--primary);margin:0;}
.btn-inline{background:linear-gradient(135deg,var(--primary),var(--accent));color:white;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;padding:12px 24px;border-radius:50px;white-space:nowrap;transition:var(--transition);}
.btn-inline:hover{opacity:0.9;transform:scale(1.04);}

/* Review Box */
.review-box{background:var(--bg);border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;padding:24px;margin:24px 0;}
.review-stars{font-size:18px;color:var(--gold);margin-bottom:10px;}
.review-box em{font-size:15px;color:var(--text);line-height:1.8;display:block;margin-bottom:10px;}
.review-box strong{font-size:13px;color:var(--text-muted);}

/* CTA Box */
.cta-box{background:linear-gradient(135deg,var(--primary),#1e40af);border-radius:var(--radius);padding:40px 36px;text-align:center;margin:40px 0;color:white;}
.cta-box h3{font-size:22px;color:white;margin:0 0 12px;}
.cta-box p{color:rgba(255,255,255,0.85);margin-bottom:24px;}
.btn-cta-big{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--gold),#d97706);color:white;font-family:'Montserrat',sans-serif;font-weight:700;font-size:18px;padding:18px 36px;border-radius:50px;transition:var(--transition);box-shadow:0 8px 30px rgba(245,158,11,0.4);}
.btn-cta-big:hover{transform:scale(1.05);}

/* Related Posts */
.related-posts{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.related-link{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 20px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;color:var(--primary);transition:var(--transition);display:block;}
.related-link:hover{background:var(--primary);color:white;border-color:var(--primary);}

/* Info Box */
.info-box{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px solid var(--accent);border-radius:var(--radius);padding:24px;margin:24px 0;}
.info-box h4{font-size:16px;color:var(--primary);margin-bottom:10px;}
.info-box p{font-size:14px;color:var(--text-muted);margin:0;}

/* Warning Box */
.warning-box{background:#fff7ed;border:1px solid var(--gold);border-radius:var(--radius);padding:24px;margin:24px 0;}
.warning-box p{font-size:14px;color:#92400e;margin:0;}

/* Footer */
.footer{background:var(--primary);color:white;padding:40px 0;text-align:center;}
.footer p{font-size:14px;opacity:0.6;margin-bottom:12px;}
.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:12px;}
.footer-links a{font-size:13px;color:rgba(255,255,255,0.7);transition:var(--transition);}
.footer-links a:hover{color:white;}

@media(max-width:768px){
  .nav-links-desk{display:none;}
  .cta-inline{flex-direction:column;text-align:center;}
  .blog-article{padding:24px 18px;}
}