/* Bản 05 — trang riêng cho từng bài tin và từng hình ảnh (14/10/2026), thay cho popup.
   Dùng ở tin-tuc/, hinh-anh/ (sinh bởi build-pages-option5.py). Nạp SAU base.css, v2.css, type-option5.css. */
.subpage{background:#fff}
.skip-link{position:absolute;left:12px;top:-80px;z-index:30;background:var(--red);color:#fff;padding:12px 18px;border-radius:30px;font-size:14px}
.skip-link:focus{top:12px}
.subpage .nav a[aria-current]{color:var(--red)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;padding-top:30px;font-size:13px;color:var(--muted);line-height:1.6}
.crumbs a{color:var(--ink);border-bottom:1px solid var(--line)}
.crumbs a:hover{color:var(--red);border-color:currentColor}

/* ───────── bài viết ───────── */
.article-head{max-width:1000px;padding:42px 0 36px}
.article-head .eyebrow,.listing-head .eyebrow,.photo-info .eyebrow{color:var(--red);margin-bottom:18px}
.article-head h1{font-size:clamp(30px,3.3vw,50px);line-height:1.22;letter-spacing:-.04em;text-wrap:balance}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:24px;font-size:14px;color:var(--muted)}
.article-meta>*:not(:last-child):after{content:'';display:inline-block;width:4px;height:4px;margin:0 14px;border-radius:50%;background:var(--red);vertical-align:middle}
.article-lead{margin:0 0 60px}
.article-lead img{width:100%;max-height:660px;object-fit:cover;border-radius:0 90px 0 0;background:var(--paper)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(40px,6vw,100px);align-items:start}
.article-body{max-width:760px;font-size:17px}
.article-body p{line-height:1.85;margin:0 0 22px}
.article-body .sapo{font-size:20px;line-height:1.7;color:var(--wine);margin-bottom:28px}
.article-body h2{font-size:clamp(22px,2vw,28px);line-height:1.35;letter-spacing:-.03em;margin:46px 0 18px}
.article-body ul{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:12px}
.article-body li{position:relative;padding-left:28px;line-height:1.7}
.article-body li:before{content:'';position:absolute;left:0;top:.8em;width:14px;height:2px;background:var(--red)}
.article-gallery{margin:34px 0 40px}
.article-gallery .gallery-grid{display:grid;gap:10px}
.article-gallery.many .gallery-grid{grid-template-columns:1fr 1fr}
.article-gallery img{width:100%;height:auto;border-radius:3px;background:var(--paper)}
.article-gallery.many img{aspect-ratio:3/2;object-fit:cover}
.article-gallery.many img.wide{grid-column:1/-1;aspect-ratio:auto}
.article-gallery figcaption{margin-top:12px;padding-left:14px;border-left:2px solid var(--red);font-size:14px;line-height:1.6;color:var(--muted)}
.article-source{margin-top:44px!important;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.article-source a{color:var(--red);border-bottom:1px solid currentColor}
.article-aside{position:sticky;top:28px;display:grid;gap:24px;padding:30px;background:var(--paper);border-radius:0 44px 0 0}
.article-facts{margin:0;display:grid;gap:18px}
.article-facts div{display:grid;gap:4px}
.article-facts dt,.article-share p{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.article-facts dd{margin:0;font-size:16px}
.article-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:22px;border-top:1px solid var(--line)}
.article-share p{width:100%}
.article-share a,.article-share button{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:30px;background:#fff;color:var(--ink);font-size:14px}
.article-share a:hover,.article-share button:hover{border-color:var(--red);color:var(--red)}
.article-share [hidden]{display:none}
.article-aside .pill{justify-content:center}
.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:70px;padding-top:30px;border-top:1px solid var(--line)}
.article-pager a{display:grid;gap:8px;align-content:start}
.article-pager .older{text-align:right}
.article-pager small{font-size:13px;color:var(--red);letter-spacing:.04em}
.article-pager strong{font-size:20px;font-weight:400;line-height:1.4;letter-spacing:-.02em}
.article-pager a:hover strong{text-decoration:underline;text-underline-offset:4px}
.related{margin-top:90px;background:var(--paper)}
.subpage .news-card{display:block}
.subpage .news-card .read{display:block}
.subpage .news-card h2{font-size:21px;line-height:1.4;letter-spacing:-.03em}
.subpage .news-card:hover h2{text-decoration:underline;text-underline-offset:4px}

/* ───────── danh sách tin / bộ sưu tập ───────── */
.listing{padding-bottom:100px}
.listing-head{max-width:840px;padding:42px 0 50px}
.listing-head h1{font-size:clamp(40px,4.6vw,68px)}
.listing-head p:not(.eyebrow){margin-top:20px;max-width:620px;font-size:17px;color:var(--muted)}
.listing-head .listing-count{font-size:14px;color:var(--ink)}
.news-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4.5vw,70px);align-items:center;margin-bottom:70px;padding-bottom:64px;border-bottom:1px solid var(--line)}
.news-feature img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0 90px 0 0}
.news-feature h2{font-size:clamp(26px,2.5vw,38px);line-height:1.26;text-wrap:balance}
.feature-sapo{display:block;margin-top:20px;font-size:16px;line-height:1.75;color:var(--muted)}
.news-feature .read{display:inline-block;margin-top:24px;font-size:14px;color:var(--red)}
.news-feature:hover h2{text-decoration:underline;text-underline-offset:5px}

/* ───────── trang ảnh ───────── */
.photo-stage{display:flex;justify-content:center;margin:28px 0 0}
.photo-stage img{width:auto;height:auto;max-width:100%;max-height:min(80vh,820px);border-radius:0 90px 0 0;background:var(--paper)}
.photo-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:clamp(30px,5vw,90px);padding-top:44px;align-items:start}
.photo-info h1{font-size:clamp(32px,3.5vw,54px)}
.photo-info p:not(.eyebrow){margin-top:16px;font-size:17px}
.photo-info .photo-alt{color:var(--muted)}
.photo-info .photo-credit{font-size:13px;letter-spacing:.04em;color:var(--muted)}
.photo-pager{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.photo-pager a{display:grid;gap:6px;align-content:start}
.photo-pager img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-bottom:8px;border-radius:0 34px 0 0}
.photo-pager small{font-size:13px;color:var(--red)}
.photo-pager strong{font-size:16px;font-weight:400;line-height:1.45}
.photo-pager a:hover strong{text-decoration:underline;text-underline-offset:4px}
.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 22px}
.photo-tile{display:grid;gap:8px;align-content:start}
.photo-tile img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin-bottom:8px;border-radius:0 50px 0 0;transition:filter .3s}
.photo-tile:nth-child(2n) img{border-radius:0 0 50px 0}
.photo-tile span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.photo-tile h2,.photo-tile h3{font-size:19px;line-height:1.4;letter-spacing:-.02em}
.photo-tile:hover img{filter:saturate(1.15)}
.photo-tile:hover h2,.photo-tile:hover h3{text-decoration:underline;text-underline-offset:4px}

/* ───────── cơ cấu tổ chức (co-cau-to-chuc/, 15/10/2026) — khối .leadership-section/.gov-*/.orgchart-* ở org-option5.css ───────── */
.org-page{border-top:0;padding:0 0 100px}
.org-page .leadership-intro{padding-top:42px}
.org-page .gov-panel,.org-page .orgchart{scroll-margin-top:24px}

@media(max-width:1100px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
 .article-layout,.news-feature,.photo-info{grid-template-columns:1fr}
 .article-aside{position:static}
 .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .crumbs{padding-top:20px;font-size:12px}
 .article-head{padding:26px 0 26px}
 .article-head h1{font-size:28px;letter-spacing:-.03em}
 .article-meta{font-size:13px}
 .article-meta>*:not(:last-child):after{margin:0 10px}
 .article-lead{margin:0 calc(50% - 50vw) 36px}
 .article-lead img{max-height:none;border-radius:0 48px 0 0}
 .article-body{font-size:16px}
 .article-body .sapo{font-size:18px}
 .article-body h2{font-size:21px;margin-top:38px}
 .article-gallery.many .gallery-grid{grid-template-columns:1fr;gap:8px}
 .article-gallery.many img{aspect-ratio:auto}
 .article-aside{padding:24px}
 .article-pager{grid-template-columns:1fr;gap:22px;margin-top:50px}
 .article-pager .older{text-align:left}
 .article-pager strong{font-size:18px}
 .related{margin-top:60px}
 .listing{padding-bottom:70px}
 .listing-head{padding:26px 0 32px}
 .listing-head h1{font-size:36px}
 .listing-head p:not(.eyebrow){font-size:16px}
 .news-feature{margin-bottom:46px;padding-bottom:42px}
 .news-feature img{border-radius:0 48px 0 0}
 .news-feature h2{font-size:24px}
 .photo-stage{margin:20px calc(50% - 50vw) 0}
 .photo-stage img{max-height:none;border-radius:0 48px 0 0}
 .photo-info{padding-top:28px}
 .photo-info h1{font-size:30px}
 .photo-info p:not(.eyebrow){font-size:16px}
 .photo-grid{gap:30px 14px}
 .photo-tile img{border-radius:0 30px 0 0}
 .photo-tile:nth-child(2n) img{border-radius:0 0 30px 0}
 .photo-tile h2,.photo-tile h3{font-size:16px}
 .photo-tile span{font-size:10.5px;letter-spacing:.1em}
 .org-page{padding-bottom:70px}
 .org-page .leadership-intro{padding-top:26px}
}