/* Bản 05 — nâng cỡ chữ (06/10/2026). Nạp SAU base.css, v2.css, hero-option5.css, org-option5.css.
   Nguyên tắc: nhãn in hoa giãn chữ ≥ 11px (mobile ≥ 10.5px), chú thích ≥ 12px, đoạn văn ≥ 14px, nút ≥ 13px.
   Mọi quy tắc có tiền tố .option-5 để thắng các @media của bốn file trước mà không cần !important. */
@font-face{font-family:Avo;src:url(assets/UTMAvo.ttf);font-display:swap}
@font-face{font-family:Signature;src:url(assets/NVN-Motherland-Signature.ttf);font-display:swap}

/* ───────── chung ───────── */
.option-5 .nav{font-size:14px}
.option-5 .eyebrow{font-size:12px;letter-spacing:.16em}
.option-5 .section-head p:not(.eyebrow){font-size:15px}
.option-5 .section-head .eyebrow{font-size:13px}
.option-5 .motion-toggle{font-size:12px;padding:11px 15px}
.option-5 footer{font-size:13px}
.option-5 .backtop{font-size:13px}
.option-5 dialog .news-meta{font-size:12px}
.option-5 dialog .source{font-size:13px}
.option-5 dialog .small,.option-5 dialog small{font-size:12px}
.option-5 .film-modal p{font-size:13px}

/* ───────── hero ───────── */
.option-5 .science-copy .eyebrow{font-size:11px;letter-spacing:.14em}
.option-5 .science-copy .science-org{font-size:16px}
.option-5 .science-copy .pill{font-size:13px}
.option-5 .hero-steps span{font-size:11px}
.option-5 .hero-steps button{width:46px}
.option-5 .disc-caption{font-size:12px}
.option-5 .disc-caption>span:first-child{font-size:11px}
.option-5 .hero-art-note{font-size:11px}

/* ───────── tin ───────── */
.option-5 .news-meta{font-size:12px}
.option-5 .news-card .read{font-size:13px}
.option-5 .filter-row button{font-size:13px}

/* ───────── giới thiệu + bộ ảnh ───────── */
.option-5 .future-about>p{font-size:15px;max-width:380px}
.option-5 .future-film>span{font-size:11px}
.option-5 .photo-ribbon span{font-size:11px}

/* ───────── lãnh đạo ───────── */
.option-5 .leadership-intro-note p{font-size:15px}
.option-5 .leadership-intro-note>span{font-size:11px}
.option-5 .leadership-path{font-size:13px}
.option-5 .leadership-group-head .eyebrow{font-size:11px}
.option-5 .leadership-term{font-size:11px}
.option-5 .leader-emblem i{font-size:10px}
.option-5 .leader-kicker{font-size:12px}
.option-5 .leader-honor{font-size:13px}
.option-5 .leader-feature-caption{font-size:14px;max-width:640px}
.option-5 .leader-profile{font-size:13px}
.option-5 .leader-feature-seal{font-size:10px}
.option-5 .leader-connector span{font-size:11px}
.option-5 .leader-role{font-size:13px;min-height:46px}
.option-5 .leader-more{font-size:12px}
.option-5 .leadership-bridge{font-size:11px}
.option-5 .leadership-phapha p{font-size:14px}
.option-5 .leadership-phapha strong{font-size:17px}
.option-5 .leadership-sources{font-size:13px}
.option-5 .leader-dialog .eyebrow{font-size:11px}
.option-5 .leader-dialog dl>div{font-size:13px}

/* ───────── tôn vinh, cổ đông, PhaPha ───────── */
.option-5 .award-panel p:not(.eyebrow){font-size:15px;max-width:400px}
.option-5 .award-panel small{font-size:11px;max-width:380px}
.option-5 .bulletin{font-size:14px}
.option-5 .bulletin>span{font-size:11px}
.option-5 .bulletin time{font-size:12px}
.option-5 .greeting p{font-size:15px}

/* ───────── tablet ───────── */
@media(max-width:1100px){
 .option-5 .nav{font-size:13px;gap:18px}
 .option-5 .science-copy .science-org{font-size:14px}
 .option-5 .hero-art-note{max-width:190px;text-align:right;line-height:1.6}
}
@media(max-width:800px){
 .option-5 .science-copy .eyebrow{font-size:10.5px;letter-spacing:.1em}
 .option-5 .science-copy .science-org{font-size:13px}
 .option-5 .science-copy .pill{font-size:12px}
 .option-5 .hero-steps button{width:34px}
 .option-5 .hero-steps{gap:8px}
 .option-5 .leader-role{font-size:12px}
}

/* ───────── mobile ───────── */
@media(max-width:600px){
 .option-5 .nav{font-size:16px}
 .option-5 .eyebrow{font-size:11px;letter-spacing:.12em;line-height:1.7}
 .option-5 .section-head .eyebrow{font-size:12px}
 /* nút nổi thu thành hình tròn chỉ còn biểu tượng (Ⅱ / ▶) để không che nội dung; trình đọc màn hình vẫn đọc đủ chữ */
 .option-5 .motion-toggle{width:44px;height:44px;padding:0 0 0 16px;font-size:14px;letter-spacing:14px;white-space:nowrap;overflow:hidden;border-radius:50%;text-align:left}

 /* hero: khối chữ cao thêm nên nới chiều cao khung cho vừa */
 .option-5 .science-carousel{height:900px}
 .option-5 .science-copies{height:390px}
 .option-5 .science-copy .eyebrow{font-size:10.5px;letter-spacing:.08em;margin-bottom:16px}
 .option-5 .science-copy .science-org{font-size:14px;line-height:1.6;margin:16px 0 20px}
 .option-5 .science-copy:not(:first-child) .science-org{max-width:310px}
 .option-5 .science-copy .pill{font-size:13px;padding:13px 20px;min-height:46px}
 .option-5 .hero-steps span{font-size:11px}
 .option-5 .hero-steps button{width:30px}
 .option-5 .disc-caption{font-size:12px;bottom:-56px}
 .option-5 .disc-caption>span:first-child{font-size:10.5px;padding:6px 9px}
 .option-5 .hero-art-note{font-size:10.5px;max-width:none;text-align:left}

 .option-5 .news-meta{font-size:12px}
 .option-5 .news-card .read{font-size:14px}
 .option-5 .filter-row button{font-size:14px}

 .option-5 .future-about>p{font-size:14px;max-width:none}
 .option-5 .future-film>span{font-size:10px;padding:9px 10px}
 .option-5 .photo-ribbon span{font-size:10.5px;letter-spacing:.06em}

 .option-5 .leadership-intro-note p{font-size:14px}
 .option-5 .leadership-path{font-size:13px}
 .option-5 .leadership-path>span{font-size:13px}
 .option-5 .leadership-term{font-size:10.5px}
 .option-5 .leader-emblem i{font-size:8px}
 .option-5 .leader-kicker{font-size:11px;letter-spacing:.14em}
 .option-5 .leader-feature-caption{font-size:13px}
 .option-5 .leader-profile{font-size:14px}
 .option-5 .leader-connector span{font-size:10.5px;letter-spacing:.05em;padding:8px 12px}
 .option-5 .leader-role{font-size:12px;min-height:0}
 .option-5 .leader-more{font-size:11px}
 .option-5 .leadership-bridge{font-size:10px;letter-spacing:.05em;gap:10px}
 .option-5 .leadership-sources{font-size:13px}

 .option-5 .award-panel{min-height:720px}
 .option-5 .award-panel>img{height:56%}
 .option-5 .award-panel:after{background:linear-gradient(#43090a 42%,#43090a66 60%,transparent 78%)}
 .option-5 .award-panel p:not(.eyebrow){font-size:14px;max-width:320px}
 .option-5 .award-panel small{font-size:11px;max-width:310px}
 .option-5 .bulletin strong{font-size:14px}
 .option-5 .bulletin>span{font-size:10.5px}
 .option-5 .bulletin time{font-size:11px}
 .option-5 .greeting p{font-size:14px}
 .option-5 footer{font-size:13px}
}