/* style_modern.css */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;600;700&display=swap');

/* ===== BASE FONT SIZE ===== */
html { font-size: 18px; }
body { font-size: 18px; font-family: 'Sarabun', sans-serif; }

.container { max-width: 1100px; margin: 40px auto; padding: 0 20px; padding-bottom: 100px; }

.center-header-card { 
    background: linear-gradient(135deg, #8b0000 0%, #b22222 100%); 
    color: white; 
    padding: 40px; 
    border-radius: 20px 20px 0 0; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
}

.center-header-card h1 { margin: 0; font-size: 30px; font-weight: 700; }

.content-body { 
    background: white; 
    padding: 40px; 
    border-radius: 0 0 20px 20px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
}

.section-title { 
    display: flex; 
    align-items: center; 
    gap: 10px; 
    font-size: 22px; 
    font-weight: 700; 
    color: #8b0000; 
    margin: 30px 0 15px 0; 
    border-bottom: 2px solid #eee; 
    padding-bottom: 8px; 
}

.feature-list { list-style: none; padding: 0; }
.feature-list li { padding: 10px 0 10px 30px; position: relative; border-bottom: 1px dashed #eee; font-size: 17px; }
.feature-list li::before { content: '➜'; position: absolute; left: 0; color: #8b0000; font-weight: bold; }

.indicator-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 20px 0; }
.indicator-item { background: #fff5f5; padding: 15px; border-radius: 12px; border: 1px solid #ffe4e4; text-align: center; }
.indicator-value { display: block; font-size: 17px; color: #8b0000; font-weight: 600; }

.table-wrapper { overflow-x: auto; margin-top: 20px; border-radius: 10px; border: 1px solid #eee; }
.modern-table { width: 100%; border-collapse: collapse; min-width: 600px; }
.modern-table th { background: #f8f9fa; padding: 15px; text-align: left; color: #8b0000; border-bottom: 2px solid #eee; font-size: 17px; }
.modern-table td { padding: 15px; border-bottom: 1px solid #eee; vertical-align: top; font-size: 17px; }

.year-badge { background: #8b0000; color: white; padding: 4px 12px; border-radius: 50px; font-size: 15px; font-weight: bold; }

/* ===== NAV ===== */
.nav-item > a { font-size: 16px !important; }
.dropdown li a { font-size: 15px !important; }

/* ===== HERO ===== */
.hero h1 { font-size: 38px !important; }
.hero p  { font-size: 17px !important; }

/* ===== CARDS ===== */
.card-name { font-size: 16px !important; }
.card-more { font-size: 13px !important; }

/* ===== CENTER DETAIL ===== */
.center-title  { font-size: 32px !important; }
.info-label    { font-size: 18px !important; }
.info-text     { font-size: 17px !important; line-height: 2 !important; }
.file-row-name { font-size: 16px !important; }
.file-row-meta { font-size: 13px !important; }
.link-row-name { font-size: 16px !important; }
.sidebar-title { font-size: 14px !important; }