/* 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}
}

/* 14/10/2026 — Minh: tên đầy đủ của công ty chỉ xuất hiện MỘT chỗ trong hero và đứng trọn một dòng, không xuống dòng.
   Dòng dài 26.9em (đo trên Chromium) nên chữ co theo bề rộng cột chữ (cqw); dòng đầu là dự phòng cho trình duyệt chưa có cqw. */
.option-5 .science-copies{container-type:inline-size}
.option-5 .science-copy .science-org-name{white-space:nowrap;max-width:none;font-size:min(16px,1.6vw);font-size:clamp(10px,calc(100cqw/27.4),16px)}
@media(max-width:600px){.option-5 .science-copy .science-org-name{font-size:3.3vw;font-size:clamp(10px,calc(100cqw/27.4),16px)}}
/* chân trang: tên công ty cũng đứng trọn một dòng; màn hẹp thì co chữ cho vừa bề ngang (.wrap = 90vw, dòng chữ đậm dài tới 28.8em trên Firefox) */
@supports(font-size:min(1px,1vw)){.option-5 footer .co-name{white-space:nowrap;font-size:min(13px,calc(90vw/29.4))}}

/* 14/10/2026 — Minh: tin và hình ảnh mở ở đường link riêng (tin-tuc/, hinh-anh/), không còn popup.
   Thẻ ảnh chuyển từ <button> sang <a>: chép lại các quy tắc v2.css viết cho button. */
.option-5 a.round-photos{display:block;cursor:pointer}
.option-5 .photo-ribbon a{position:relative;display:block;padding:0 0 30px;color:inherit;overflow:hidden;outline-offset:-3px}
.option-5 .photo-ribbon a:hover img{transform:scale(1.035)}
.option-5 .future-exhibits .photo-ribbon a:nth-child(2n){padding-top:90px}
.option-5 .future-exhibits .photo-ribbon a:nth-child(2n) img{border-radius:0 0 120px 120px}
.option-5 .section-aside{display:grid;justify-items:start;gap:16px}
.option-5 .section-aside .text-link{font-size:14px;color:var(--red)}
@media(max-width:600px){
 .option-5 .photo-ribbon a{padding-bottom:33px}
 .option-5 .future-exhibits .photo-ribbon a:nth-child(2n){padding-top:50px}
 .option-5 .future-exhibits .photo-ribbon a:nth-child(2n) img{border-radius:0 0 85px 85px}
}
/* 15/10/2026: cơ cấu tổ chức thành trang riêng co-cau-to-chuc/; trang chủ chỉ còn dòng liên kết nằm ngay trên dòng thông tin cổ đông */
.option-5 .bulletin+.bulletin{border-top:0}
/* nhãn hai dòng rộng khác nhau → tiêu đề lệch cột; cho nhãn cùng độ rộng tối thiểu (≤600px nhãn và tiêu đề đã xếp hai dòng) */
@media(min-width:601px){.option-5 .bulletin>span{min-width:150px}}