/*
Theme Name:  HealthTopics
Theme URI:   https://healthtopics.com
Author:      HealthTopics.com
Description: HealthTopics.com — WebMD-style health information site with full E-E-A-T signals.
Version:     4.0.0
License:     GNU General Public License v2 or later
Text Domain: healthtopics
*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
    --ht-blue:       #0063a3;
    --ht-blue-dark:  #004a7c;
    --ht-blue-light: #e6f2fa;
    --ht-blue-pale:  #f0f7ff;
    --ht-green:      #2e7d32;
    --ht-red:        #c62828;
    --ht-orange:     #e65100;
    --ht-teal:       #00838f;
    --ht-text:       #1a1a1a;
    --ht-body:       #2d3748;
    --ht-muted:      #6b7280;
    --ht-light:      #9ca3af;
    --ht-bg:         #ffffff;
    --ht-bg-grey:    #f7f8fa;
    --ht-bg-dark:    #0a1628;
    --ht-border:     #e2e8f0;
    --font-head:     'Merriweather', Georgia, serif;
    --font-body:     'Source Sans 3', Arial, sans-serif;
    --radius:        8px;
    --radius-lg:     14px;
    --shadow:        0 2px 12px rgba(0,0,0,.1);
    --shadow-lg:     0 4px 24px rgba(0,0,0,.14);
    --container:     1200px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); font-size: 17px; line-height: 1.7; color: var(--ht-body); background: #fff; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--ht-blue); text-decoration: none; }
a:hover { color: var(--ht-blue-dark); }
.ht-wrap { max-width: var(--container); margin: 0 auto; padding: 0 20px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }