.blog-magazine{--navy:#0f2440;--navy-light:#1a3455;--blue:#5bc8f5;--blue-dark:#2a9fd6;--white:#fff;--off-white:#f8fafc;--text:#334155;--text-light:#64748b;--border:#e2e8f0;background-color:var(--off-white);color:var(--text);font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.8}.blog-magazine *{box-sizing:border-box}.blog-magazine .hero{background:var(--navy);text-align:center;padding:80px 40px 60px;position:relative;overflow:hidden}.blog-magazine .hero:before{content:"";pointer-events:none;background:radial-gradient(#5bc8f514,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.blog-magazine .hero .category{color:var(--blue);letter-spacing:3px;text-transform:uppercase;background:#5bc8f526;border:1px solid #5bc8f566;border-radius:20px;margin-bottom:28px;padding:6px 16px;font-family:"Source Serif 4",serif;font-size:11px;display:inline-block}.blog-magazine .hero h1{color:var(--white);max-width:780px;margin:0 auto 24px;font-family:Playfair Display,serif;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.15}.blog-magazine .hero h1 em{color:var(--blue);font-style:normal}.blog-magazine .hero .meta{color:#94a3b8;letter-spacing:.5px;font-family:"Source Serif 4",serif;font-size:14px}.blog-magazine .hero .meta span{color:#64748b;margin:0 10px}.blog-magazine .article-wrap{max-width:740px;margin:0 auto;padding:60px 24px 80px}.blog-magazine .article-wrap p{color:var(--text);margin-bottom:24px;font-size:18px;line-height:1.85}.blog-magazine .article-wrap h2{color:var(--navy);margin:48px 0 20px;font-family:Playfair Display,serif;font-size:28px;font-weight:700;line-height:1.3}.blog-magazine .article-wrap h3{color:var(--navy);margin:32px 0 14px;font-family:Playfair Display,serif;font-size:20px}.blog-magazine .article-wrap strong{color:var(--navy);font-weight:600}.blog-magazine .pull-quote{border-left:4px solid var(--blue);background:#f0f9ff;border-radius:0 8px 8px 0;margin:40px 0;padding:20px 28px}.blog-magazine .pull-quote p{font-style:italic;color:var(--navy)!important;margin:0!important;font-size:20px!important;line-height:1.6!important}.blog-magazine .pull-quote cite{color:var(--text-light);letter-spacing:.5px;margin-top:12px;font-size:13px;font-style:normal;display:block}.blog-magazine .callout{background:var(--navy);color:var(--white);border-radius:12px;margin:40px 0;padding:32px 36px}.blog-magazine .callout .callout-label{letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:14px;font-family:"Source Serif 4",serif;font-size:11px;font-weight:600}.blog-magazine .callout p{color:#cbd5e1!important;margin-bottom:0!important;font-size:16px!important}.blog-magazine .callout strong{color:var(--white)!important}.blog-magazine .compare-grid{grid-template-columns:1fr 1fr;gap:16px;margin:32px 0;display:grid}.blog-magazine .compare-col{border-radius:10px;padding:24px}.blog-magazine .compare-col.good{background:#f0fdf4;border:1px solid #86efac}.blog-magazine .compare-col.bad{background:#fef2f2;border:1px solid #fca5a5}.blog-magazine .compare-col h4{margin-bottom:14px;font-family:Playfair Display,serif;font-size:15px;font-weight:700}.blog-magazine .compare-col.good h4{color:#166534}.blog-magazine .compare-col.bad h4{color:#991b1b}.blog-magazine .compare-col ul{margin:0;padding:0;list-style:none}.blog-magazine .compare-col ul li{color:var(--text);border-bottom:1px solid #0000000f;padding:6px 0;font-size:14px;line-height:1.6}.blog-magazine .compare-col ul li:last-child{border-bottom:none}.blog-magazine .compare-col.good ul li:before{content:"✅ "}.blog-magazine .compare-col.bad ul li:before{content:"❌ "}.blog-magazine .funny-box{background:var(--navy-light);border-radius:12px;margin:40px 0;padding:32px 36px;position:relative}.blog-magazine .funny-box .quote-mark{color:var(--blue);opacity:.3;font-family:Playfair Display,serif;font-size:80px;line-height:1;position:absolute;top:10px;left:24px}.blog-magazine .funny-box .funny-label{letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:14px;font-family:"Source Serif 4",serif;font-size:11px;font-weight:600}.blog-magazine .funny-box p{z-index:1;position:relative;color:#cbd5e1!important;font-size:16px!important}.blog-magazine .funny-box .punchline{background:#5bc8f51a;border-radius:8px;padding:16px;font-style:italic;font-weight:600;color:var(--blue)!important;margin:16px 0!important;font-size:18px!important}.blog-magazine .cta-section{background:var(--blue);text-align:center;border-radius:12px;margin:48px 0;padding:48px 40px}.blog-magazine .cta-section h2{color:var(--navy);font-family:Playfair Display,serif;font-size:30px;margin:0 0 12px!important}.blog-magazine .cta-section p{opacity:.85;color:var(--navy)!important;margin-bottom:28px!important;font-size:16px!important}.blog-magazine .cta-btn{background:var(--navy);color:var(--blue);letter-spacing:1.5px;text-transform:uppercase;border-radius:6px;padding:16px 36px;font-family:"Source Serif 4",serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.blog-magazine .cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f24404d}.blog-magazine .divider{border:none;border-top:2px solid var(--border);margin:40px 0}.blog-magazine .index-wrap{max-width:880px;margin:0 auto;padding:60px 24px 80px}.blog-magazine .index-wrap h1{color:var(--navy);margin-bottom:12px;font-family:Playfair Display,serif;font-size:clamp(32px,4vw,44px);font-weight:900}.blog-magazine .index-wrap .lede{color:var(--text-light);max-width:620px;margin-bottom:40px;font-size:17px}.blog-magazine .post-card{background:var(--white);border:1px solid var(--border);color:inherit;border-radius:12px;margin-bottom:20px;padding:32px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.blog-magazine .post-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 12px 32px #0f244014}.blog-magazine .post-card .category{color:var(--blue-dark);letter-spacing:3px;text-transform:uppercase;background:#5bc8f51f;border-radius:20px;margin-bottom:16px;padding:5px 14px;font-family:"Source Serif 4",serif;font-size:11px;display:inline-block}.blog-magazine .post-card h2{color:var(--navy);margin-bottom:12px;font-family:Playfair Display,serif;font-size:28px;font-weight:800;line-height:1.25}.blog-magazine .post-card h2 em{color:var(--blue-dark);font-style:normal}.blog-magazine .post-card p.excerpt{color:var(--text);margin-bottom:14px;font-size:16px;line-height:1.7}.blog-magazine .post-card .meta{color:var(--text-light);letter-spacing:.5px;font-family:"Source Serif 4",serif;font-size:13px}.blog-magazine .post-card .meta span{margin:0 8px}.blog-magazine .back-link{color:var(--blue-dark);letter-spacing:.5px;margin-bottom:24px;font-family:"Source Serif 4",serif;font-size:14px;text-decoration:none;display:inline-block}.blog-magazine .back-link:hover{color:var(--navy)}@media(max-width:600px){.blog-magazine .hero{padding:50px 20px 40px}.blog-magazine .article-wrap{padding:40px 20px 60px}.blog-magazine .compare-grid{grid-template-columns:1fr}.blog-magazine .cta-section{padding:36px 24px}.blog-magazine .post-card{padding:24px}}