/* Font cho text Regular */
@font-face {
    font-family: 'Title';
    src: url('title.woff2') format('woff2'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Text';
    src: url('text.woff2') format('woff2'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* --- Typography chung --- */
/* Cỡ chữ cơ bản lớn hơn */
html {
    font-size: 18px;   /* ~1.25 lần (16px → 20px) */
}

@media (min-width: 1200px) {
    html {
        font-size: 20px; /* ~1.375 lần cho màn to */
    }
}
/* Text body */
body {
    font-family: 'Text', Arial, sans-serif;
    font-size: 1rem;        /* cỡ chữ cơ bản */
    line-height: 1.5;       /* giãn dòng thoải mái */
    color: #222;            /* màu chữ mặc định */	
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Tiêu đề */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Title', Georgia, serif;
    line-height: 1.2;
	font-weight:400;
}

/* Cỡ chữ tiêu đề */
h1 { font-size: 3rem; }   /* ~35px */
h2 { font-size: 2.2rem; }   /* ~29px */
h3 { font-size: 1.8rem; }   /* ~24px */
h4 { font-size: 1.5rem; }   /* ~21px */
h5 { font-size: 1.2rem; }   /* ~18px */
h6 { font-size: 1rem; }     /* ~16px */


.entry-excerpt p:first-of-type::first-letter {
    font-size: 8rem; 
    font-weight: bold;
    float: left;
    margin: 0.2rem 0.5rem 0 0;
}


.entry-meta {
    font-size: 0.9rem; 
    color: #666;
}

.entry-content p{
    font-size: 1rem;
    line-height: 1.6;
	text-align: justify;
}
.entry-content p {
    margin: 1em 0;
}
.entry-content ul, 
.entry-content ol {
    margin: 1em 0 1em 2em;
}
.entry-content blockquote {
    font-size: 1.1rem;
    font-style: italic;
    border-left: 4px solid #ddd;
    padding-left: 1em;
    margin: 1.5em 0;
}