/* Shared styles for Cover & Protect blog articles (blog-*.html) */
:root{--navy:#0a1628;--deep:#0d1f3c;--teal:#0e7c7b;--teal-light:#14a8a7;--gold:#c9973a;--gold-light:#e5b657;--cream:#f5f0e8;--white:#fff;--text-muted:#8a9ab5;--ink:#1a2438;--border:rgba(10,22,40,0.08);}
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--ink);line-height:1.7;}
  .top-bar{background:var(--navy);color:#fff;padding:14px 24px;text-align:center;font-size:0.9rem;}
  .top-bar a{color:var(--gold-light);text-decoration:none;font-weight:600;}
  .wrap{max-width:760px;margin:0 auto;padding:0 24px;}
  header.post{padding:56px 0 32px;}
  .eyebrow{color:var(--teal);font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:0.78rem;margin-bottom:16px;}
  h1{font-family:'Playfair Display',serif;font-size:2.5rem;line-height:1.2;color:var(--navy);margin-bottom:18px;}
  .meta{color:var(--text-muted);font-size:0.9rem;border-bottom:1px solid var(--border);padding-bottom:24px;}
  .hero-img{width:100%;height:340px;object-fit:cover;border-radius:14px;margin:28px 0 8px;box-shadow:0 10px 40px rgba(10,22,40,0.18);}
  figure{margin:30px 0;}
  figure img{width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 8px 30px rgba(10,22,40,0.12);}
  figcaption{font-size:0.85rem;color:var(--text-muted);text-align:center;margin-top:10px;}
  article{padding:32px 0;font-size:1.08rem;}
  article h2{font-family:'Playfair Display',serif;font-size:1.7rem;color:var(--navy);margin:38px 0 14px;}
  article h3{font-size:1.2rem;color:var(--teal);margin:26px 0 10px;}
  article p{margin-bottom:18px;}
  article ul{margin:0 0 18px 22px;}
  article li{margin-bottom:8px;}
  .lead{font-size:1.2rem;color:var(--navy);font-weight:500;}
  .callout{background:#fff;border-left:4px solid var(--gold);padding:20px 24px;border-radius:8px;margin:26px 0;box-shadow:0 4px 20px rgba(10,22,40,0.05);}
  table{width:100%;border-collapse:collapse;margin:22px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(10,22,40,0.05);font-size:0.98rem;}
  th{background:var(--navy);color:#fff;text-align:left;padding:12px 16px;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.5px;}
  td{padding:12px 16px;border-bottom:1px solid var(--border);}
  tr:last-child td{border-bottom:none;}
  tr:nth-child(even) td{background:#faf7f1;}
  .cta-box{background:linear-gradient(135deg,var(--navy),var(--deep));color:#fff;border-radius:14px;padding:36px 32px;margin:40px 0;text-align:center;}
  .cta-box h3{font-family:'Playfair Display',serif;color:#fff;font-size:1.6rem;margin-bottom:12px;}
  .cta-box p{color:rgba(255,255,255,0.85);margin-bottom:22px;}
  .btn{display:inline-block;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--navy);font-weight:600;padding:15px 32px;border-radius:8px;text-decoration:none;font-size:1.05rem;}
  .disclaimer{font-size:0.85rem;color:var(--text-muted);border-top:1px solid var(--border);padding:24px 0 56px;}
  footer{background:var(--navy);color:rgba(255,255,255,0.7);text-align:center;padding:32px 24px;font-size:0.85rem;}
  footer .logo{font-family:'Playfair Display',serif;color:#fff;font-size:1.3rem;margin-bottom:8px;}
  footer .logo span{color:var(--gold);}
  @media(max-width:600px){h1{font-size:1.9rem;}article{font-size:1.02rem;}.hero-img{height:220px;}figure img{height:210px;}}
  picture{display:contents;}