/* Theme Name: Xem Tuổi Hợp Nhau – Google AI Studio Exact
Version: 1.4.0
Description: Giao diện WordPress chuyển trực tiếp từ source Google AI Studio.
*/
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Cinzel:wght@600;700&family=Lora:wght@400;500;600;700&display=swap');
html{scroll-behavior:smooth}body{font-family:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,sans-serif;background:#F9FAF8;color:#1E293B}.font-serif-title,.font-serif-heading,h1,h2,h3,h4{font-family:'Lora',Georgia,serif}.font-display{font-family:'Cinzel','Lora',serif}.entry-content p{margin-bottom:1.25rem;line-height:1.75;color:#334155}.entry-content h2{font-size:1.5rem;font-weight:700;color:#0F4C3A;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #E2E8F0}.entry-content h3{font-size:1.25rem;font-weight:600;color:#1E293B;margin-top:1.5rem;margin-bottom:.75rem}.entry-content ul,.entry-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.entry-content li{margin-bottom:.5rem;line-height:1.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.xth-admin-space{height:0}.xth-result-loading{opacity:.65}.xth-icon{display:inline-flex;vertical-align:middle}.xth-page-content a{color:#064E3B}.xth-page-content a:hover{color:#0F766E}

/* Branding */
.xth-brand-logo{display:block;width:210px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.xth-footer-logo{display:block;width:230px;height:auto;max-height:78px;object-fit:contain;object-position:left center}
@media (max-width:640px){
 .xth-brand-logo{width:175px;max-height:54px}
 .xth-footer-logo{width:210px;max-height:72px}
}

/* WordPress menu customization */
.xth-primary-menu,
.xth-mobile-menu{list-style:none;margin:0;padding:0}
.xth-primary-menu{display:flex;align-items:center;gap:.25rem}
.xth-primary-menu>li{position:relative}
.xth-primary-menu a{
 display:flex;align-items:center;gap:.35rem;
 padding:.5rem .75rem;border-radius:.5rem;
 color:#d1fae5;text-decoration:none;
 font-size:.875rem;font-weight:500;
 transition:background-color .2s,color .2s;
}
.xth-primary-menu a:hover,
.xth-primary-menu .current-menu-item>a,
.xth-primary-menu .current-menu-ancestor>a{
 color:#fff;background:#065F46;
}
.xth-primary-menu .sub-menu{
 display:none;position:absolute;left:0;top:100%;min-width:210px;
 margin:.25rem 0 0;padding:.4rem;list-style:none;
 background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;
 box-shadow:0 12px 30px rgba(15,23,42,.12);z-index:60;
}
.xth-primary-menu li:hover>.sub-menu,
.xth-primary-menu li:focus-within>.sub-menu{display:block}
.xth-primary-menu .sub-menu a{color:#334155;background:#fff;white-space:nowrap}
.xth-primary-menu .sub-menu a:hover,
.xth-primary-menu .sub-menu .current-menu-item>a{color:#064E3B;background:#f0fdf4}
.xth-mobile-menu{display:flex;flex-direction:column;gap:.25rem}
.xth-mobile-menu a{
 display:block;width:100%;padding:.7rem .875rem;border-radius:.6rem;
 color:#d1fae5;text-decoration:none;font-size:.875rem;font-weight:500;
}
.xth-mobile-menu a:hover,
.xth-mobile-menu .current-menu-item>a{background:#065F46;color:#fff}
.xth-mobile-menu .sub-menu{list-style:none;margin:.15rem 0 .25rem;padding:0 0 0 .75rem}
@media (max-width:767px){.xth-primary-menu{display:none}}

/* Article typography: căn đều hai bên cho nội dung bài viết */
.entry-content p,
.entry-content li,
.entry-content blockquote {
  text-align: justify;
  text-justify: inter-word;
}
.entry-content p {
  line-height: 1.8;
}