/* ================================================================
   Health Insurance page — styles extracted from inline <style> block
   ================================================================ */

.blog-hero { background: var(--charcoal); color: var(--white); padding: 52px 0 60px; position: relative; overflow: hidden; }
.blog-hero::before { content:''; position:absolute; top:-80px; left:-60px; width:500px; height:500px; background:radial-gradient(circle,rgba(212,121,28,.07) 0%,transparent 65%); pointer-events:none; }
.blog-hero .breadcrumb { color: rgba(255,255,255,.4); margin-bottom: 16px; }
.blog-hero .breadcrumb a { color: var(--amber-glow); }
.blog-hero h1 { font-family: var(--font-display); font-size: clamp(1.8rem,4.5vw,2.8rem); line-height:1.15; margin-bottom:12px; }
.blog-hero p { color: rgba(255,255,255,.55); font-size:1.05rem; max-width:620px; }
.blog-hero-wave { position:absolute; bottom:-2px; left:0; right:0; height:40px; background:var(--cream); clip-path:ellipse(55% 100% at 50% 100%); }

.blog-layout { display:grid; grid-template-columns:1fr 340px; gap:40px; align-items:start; padding:48px 0 60px; }
.blog-content h2 { font-family:var(--font-display); font-size:1.5rem; color:var(--charcoal); margin:36px 0 12px; }
.blog-content h2:first-child { margin-top:0; }
.blog-content h3 { font-family:var(--font-display); font-size:1.15rem; color:var(--charcoal); margin:28px 0 8px; }
.blog-content p { color:var(--text-soft); font-size:.95rem; line-height:1.75; margin-bottom:12px; }
.blog-content strong { color: var(--text); }

.carrier-card { background:var(--white); border:1px solid var(--border); border-radius:var(--radius); padding:28px; margin-bottom:20px; box-shadow:var(--shadow); position:relative; overflow:hidden; }
.carrier-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; }
.carrier-card::before { background: var(--amber); }
.carrier-card h3 { margin-top:0; display:flex; align-items:center; gap:10px; }
.carrier-card .carrier-dot { width:12px; height:12px; border-radius:50%; flex-shrink:0; }
.carrier-card .carrier-list { padding-left:0; margin:12px 0 0; }
.carrier-card .carrier-list li { position:relative; padding-left:20px; font-size:.9rem; color:var(--text-soft); margin-bottom:6px; line-height:1.5; }
.carrier-card .carrier-list li::before { content:''; position:absolute; left:0; top:7px; width:8px; height:8px; background:var(--amber); border-radius:50%; }

.metal-tiers { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:20px 0 28px; }
.tier-card { border-radius:var(--radius-sm); padding:18px 16px; text-align:center; min-height:140px; display:flex; flex-direction:column; justify-content:center; }
.tier-card h4 { font-size:.9rem; margin-bottom:4px; }
.tier-card p { font-size:.78rem; line-height:1.4; margin:0; }
.tier-bronze { background:#cd7f32; color:#fff; }
.tier-silver { background:#a8a8a8; color:#333; }
.tier-gold { background:#d4a929; color:#fff; }
.tier-platinum { background:#4a5568; color:#fff; }

.subsidy-box { background:linear-gradient(135deg,#eaf5ef,#f0f9f4); border:1px solid #bfe3cc; border-radius:var(--radius); padding:28px; margin:24px 0; }
.subsidy-box h3 { color:#1a6b3a; font-family:var(--font-display); margin-bottom:8px; }
.subsidy-box p { color:#3a6b4a; font-size:.9rem; }

.timeline { margin:24px 0; }
.timeline-item { display:flex; gap:16px; margin-bottom:20px; }
.timeline-dot { flex-shrink:0; width:36px; height:36px; background:var(--amber); color:var(--white); font-weight:700; font-size:.85rem; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.timeline-content h4 { font-size:.93rem; color:var(--charcoal); margin-bottom:2px; }
.timeline-content p { font-size:.86rem; color:var(--text-muted); margin:0; }

.inline-cta { background:linear-gradient(135deg, var(--charcoal) 0%, #2a2a2a 100%); color:var(--white); border-radius:var(--radius); padding:32px; text-align:center; margin:32px 0; }
.inline-cta h3 { font-family:var(--font-display); font-size:1.2rem; margin-bottom:8px; }
.inline-cta p { color:rgba(255,255,255,.55); font-size:.9rem; margin-bottom:18px; }

.blog-sidebar { position:sticky; top:88px; }
.sidebar-cta { background:var(--amber); color:var(--white); border-radius:var(--radius); padding:28px; text-align:center; margin-bottom:20px; }
.sidebar-cta h3 { font-family:var(--font-display); font-size:1.1rem; margin-bottom:8px; }
.sidebar-cta p { font-size:.86rem; color:rgba(255,255,255,.75); margin-bottom:16px; }
.sidebar-cta .btn-dark { background:var(--charcoal); color:var(--white); width:100%; }

.blog-faq { margin-top:36px; }
.blog-faq details { background:var(--white); border:1px solid var(--border); border-radius:var(--radius); margin-bottom:10px; box-shadow:var(--shadow); overflow:hidden; }
.blog-faq summary { padding:16px 20px; cursor:pointer; font-weight:700; font-size:.93rem; color:var(--charcoal); display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; }
.blog-faq summary::-webkit-details-marker { display:none; }
.blog-faq summary::after { content:'+'; font-size:1.2rem; color:var(--amber); font-weight:700; }
.blog-faq details[open] summary::after { content:'−'; }
.blog-faq .faq-answer { padding:0 20px 16px; font-size:.88rem; color:var(--text-soft); line-height:1.65; }

@media (max-width:960px) {
  .blog-layout { grid-template-columns:1fr; }
  .blog-sidebar { position:static; }
}
@media (max-width:800px) { .metal-tiers { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) { .metal-tiers { grid-template-columns:1fr 1fr; } }