/*
Theme Name: Sức Khỏe Gia Đình
Theme URI: https://suckhoegiadinh.org
Author: SKGD Team
Description: Magazine-style health affiliate theme using Tailwind CSS design system. SEO-optimized, responsive, editorial layout with Material Design tokens.
Version: 3.0.0
License: GPL-2.0-or-later
Text Domain: skgd
*/

/* Tailwind is loaded via CDN in header.php — this file provides WordPress theme identity + minimal overrides */

/* Material Symbols vertical align fix */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.material-symbols-outlined.fill-1 {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Article content typography */
.article-content p { margin-bottom: 1.5rem; }
.article-content h2 { scroll-margin-top: 100px; }
.article-content h3 { scroll-margin-top: 100px; }
.article-content ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.5rem; }
.article-content ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1.5rem; }
.article-content li { margin-bottom: 0.5rem; }
.article-content blockquote { border-left: 4px solid #006422; padding: 1.25rem; background: #F1F8F3; border-radius: 0 0.75rem 0.75rem 0; margin: 1.5rem 0; }
.article-content table { width: 100%; border-collapse: collapse; }
.article-content th, .article-content td { border: 1px solid #E2E8F0; padding: 0.75rem 1rem; text-align: left; }
.article-content th { background: #E8F5E9; font-weight: 600; }
.article-content img { border-radius: 0.75rem; margin: 1.5rem auto; max-width: 100%; }
.article-content a { color: #006422; text-decoration: underline; }

/* WP specific */
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }