:root{
      --red:#d80c18;
      --bg:#ffffff;
      --text:#2b2b2b;
      --muted:#6b6b6b;
      --card:#f7f7f7;
      --border:#e0e0e0;
      --radius:12px;
    }
    body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.8}
    a{color:var(--red);text-decoration:none} a:hover{text-decoration:underline}
    header{padding:24px 20px;background:#fff;border-bottom:1px solid var(--border)}
    .container{max-width:960px;margin:0 auto;padding:0 20px}
    h1{font-size:30px;margin:6px 0 12px}
    h2{font-size:22px;margin:28px 0 12px;color:var(--red)}
    h3{font-size:18px;margin:18px 0 8px}
    p{margin:10px 0}
    .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:16px 0}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
    .btn{display:inline-block;border:1px solid var(--red);color:#fff;background:var(--red);padding:10px 14px;border-radius:8px;font-weight:700}
    footer{border-top:1px solid var(--border);margin-top:40px;padding:20px 0;color:var(--muted);font-size:13px}
    .related{margin-top:40px;padding:16px;border-radius:12px;border:1px solid var(--border);background:#fff}
    .related h2{font-size:20px;margin-bottom:12px}
    .related ul{list-style:none;padding:0;margin:0}
    .related li{margin:8px 0}
    .consult{margin-top:20px;text-align:center}
    @media (max-width:820px){ .grid{grid-template-columns:1fr} }

    /* image styles */
    .responsive-img {max-width: 100%;height: auto;border-radius: 8px;margin: 16px 0;}
    figure {margin:20px 0;text-align:center}
    figcaption {font-size:14px;color:var(--muted);margin-top:8px}