body { margin: 0; background: #F7F6F2; color: #12233F; font-family: 'Be Vietnam Pro', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.wrap { max-width: 1200px; margin: 0 auto; padding-left: clamp(16px, 4vw, 32px); padding-right: clamp(16px, 4vw, 32px); }
.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.text-balance { text-wrap: balance; }
.text-pretty { text-wrap: pretty; }
.skeleton { background: linear-gradient(90deg, #eceef1 25%, #f5f6f8 37%, #eceef1 63%); background-size: 400% 100%; animation: sk 1.4s ease infinite; border-radius: 16px; }
@keyframes sk { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
#site-header:empty { display: block; min-height: 73px; background: #fff; border-bottom: 1px solid #E3E6EA; }

/* Nội dung soạn trong admin (TipTap) — reset của Tailwind xoá marker/gạch chân,
   nên style tường minh ở đây (PDF §05 "Tailwind eats editor output"). */
.rich-content { font-size: 17.5px; line-height: 1.8; color: #2B3A52; }
.rich-content > * + * { margin-top: 18px; }
.rich-content h2 { margin-top: 34px; font-size: 24px; line-height: 1.3; color: #12233F; font-weight: 800; }
.rich-content h3 { margin-top: 28px; font-size: 20px; line-height: 1.35; color: #12233F; font-weight: 700; }
.rich-content p:first-child { font-size: 19px; line-height: 1.7; color: #12233F; }
.rich-content a { color: #0B4EA2; text-decoration: underline; }
.rich-content ul { list-style: disc; padding-left: 24px; }
.rich-content ol { list-style: decimal; padding-left: 24px; }
.rich-content li + li { margin-top: 6px; }
.rich-content blockquote { margin-left: 0; padding: 22px 24px; border-radius: 14px; background: #EAF1F9; color: #12233F; font-size: 16px; line-height: 1.7; }
.rich-content blockquote p:first-child { font-size: inherit; }
.rich-content img { max-width: 100%; height: auto; border-radius: 14px; }
.rich-content strong { color: #12233F; }
.rich-content u { text-decoration: underline; }
.rich-content [style*="text-align: center"] { text-align: center; }
.rich-content [style*="text-align: right"] { text-align: right; }