/* SINH TỰ ĐỘNG bằng build_blue_css.py — đừng sửa tay, hãy sửa portal.css. */
/* =====================================================================
   MTTQ 2026 — "Điện ảnh đỏ–vàng"
   Design system cho lớp giao diện mới. Chỉ nạp trên trang đã redesign.
   ===================================================================== */

:root{
  --red-900:#081E3B; --red-800:#0C2F5C; --red-700:#13407B;
  --red-600:#1858AC; --red-500:#2270D5;
  --gold-600:#C9942B; --gold-500:#F2C14E; --gold-400:#F8DA86; --gold-300:#FCEBBE;
  --ivory:#FBF7EE; --ivory-2:#F2E8D6; --paper:#FFFFFF;
  --ink:#101924; --ink-soft:#545B64; --line:rgba(8,30,59,.12);
  --shadow-sm:0 2px 10px rgba(8,30,59,.06);
  --shadow-md:0 18px 40px -18px rgba(8,30,59,.35);
  --shadow-lg:0 50px 90px -30px rgba(8,30,59,.55);
  --wrap:1220px;
}

/* ---- Base (chỉ áp cho trang 2026) ---- */
body.mttq2026{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:var(--ink);background:var(--ivory);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;margin:0}
body.mttq2026 *,body.mttq2026 *::before,body.mttq2026 *::after{box-sizing:border-box}
.mttq2026 h1,.mttq2026 h2,.mttq2026 h3,.mttq2026 .serif{font-family:'Playfair Display',Georgia,serif;margin:0}
.mttq2026 h4,.mttq2026 h5,.mttq2026 p,.mttq2026 ul,.mttq2026 figure,.mttq2026 blockquote{margin:0}
.mttq2026 a{color:inherit;text-decoration:none}
.mttq2026 .mttq-btn{color:#1653A2}/* nút gate-share chữ đỏ (ghi đè reset a{color:inherit} ở trên) */
.mttq2026 img{display:block;max-width:100%}
.mttq2026 ul{list-style:none;padding:0}
.m26 .wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}
.m26 .eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--red-600);display:inline-flex;align-items:center;gap:.7em}
.m26 .eyebrow::before{content:"";width:30px;height:2px;background:linear-gradient(90deg,var(--gold-500),var(--red-500))}
.m26 .eyebrow.on-dark{color:var(--gold-400)}
.m26 .eyebrow.on-dark::before{background:linear-gradient(90deg,var(--gold-300),var(--gold-500))}

/* ===== UTILITY BAR ===== */
.m26-util{background:#06162B;color:rgba(255,255,255,.85);font-size:.8rem;position:relative;z-index:60}
.m26-util .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;gap:16px}
.m26-util a{transition:color .2s}.m26-util a:hover{color:var(--gold-400)}
.m26-util .u-left{display:flex;gap:22px;align-items:center}
.m26-util .dot{width:6px;height:6px;border-radius:50%;background:var(--gold-500);display:inline-block;margin-right:8px;box-shadow:0 0 0 4px rgba(242,193,78,.18)}
.m26-util .u-right{display:flex;gap:16px;align-items:center}
.m26-util .soc{display:flex;gap:9px}
.m26-util .soc a{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:7px}
.m26-util .soc a:hover{background:var(--gold-500);color:var(--red-800);border-color:var(--gold-500)}
@media(max-width:760px){.m26-util .hide-sm{display:none}}

/* ===== HEADER ===== */
/* Chống một số trang con có rule header{display:none}/footer{display:none} (vd bản đồ hè) ẩn nhầm chrome 2026 */
header.m26-head{display:block!important}
footer.m26-foot{display:block!important}
.m26-head{position:sticky;top:0;z-index:55;background:rgba(251,247,238,.94);backdrop-filter:blur(14px);box-shadow:0 10px 30px -20px rgba(8,30,59,.4);transition:background .35s,box-shadow .35s}
.m26-head .head-inner{display:flex;align-items:center;gap:18px;height:78px;transition:height .3s}
.m26-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.m26-brand .logo{width:50px;height:50px;filter:drop-shadow(0 4px 10px rgba(8,30,59,.25))}
.m26-brand strong{display:block;font-family:'Playfair Display',serif;font-weight:800;font-size:.84rem;line-height:1.18;max-width:150px;color:var(--red-700);transition:color .35s}
.m26-brand span{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink-soft);transition:color .35s}
.m26-nav{margin-left:auto;display:flex;gap:2px;align-items:center}
.m26-nav li{position:relative;list-style:none}
.m26-nav>li>a{position:relative;display:block;white-space:nowrap;padding:9px 11px;font-size:.87rem;font-weight:600;color:var(--ink);border-radius:10px;transition:color .25s}
.m26-nav>li>a::after{content:"";position:absolute;left:11px;right:11px;bottom:6px;height:2px;background:linear-gradient(90deg,var(--gold-400),var(--gold-600));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.m26-nav>li>a:hover::after,.m26-nav>li.current-menu-item>a::after{transform:scaleX(1)}
.m26-nav li ul{position:absolute;top:100%;left:0;min-width:236px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:8px;margin:0;list-style:none;display:none;flex-direction:column;gap:2px;z-index:20}
.m26-nav li:hover>ul{display:flex}
.m26-nav li ul a{display:block;padding:9px 12px;font-size:.86rem;font-weight:600;border-radius:8px;color:var(--ink)}
.m26-nav li ul a:hover{background:var(--ivory-2);color:var(--red-700)}
.m26-head .cta{padding:11px 18px;border-radius:11px;font-size:.84rem;font-weight:700;background:var(--red-600);color:#fff;transition:transform .25s,box-shadow .25s;white-space:nowrap}
.m26-head .cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(24,88,172,.6)}
.m26-burger{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--red-700);cursor:pointer;place-items:center}
.m26-burger svg{width:24px;height:24px}

/* Header trong suốt khi nằm trên hero tối (trang chủ) */
.mttq2026-has-hero .m26-head:not(.scrolled){background:transparent;backdrop-filter:none;box-shadow:none}
.mttq2026-has-hero .m26-head:not(.scrolled) .m26-brand strong{color:#fff}
.mttq2026-has-hero .m26-head:not(.scrolled) .m26-brand span{color:var(--gold-400)}
.mttq2026-has-hero .m26-head:not(.scrolled) .m26-nav>li>a{color:rgba(255,255,255,.9)}
.mttq2026-has-hero .m26-head:not(.scrolled) .cta{background:var(--gold-500);color:var(--red-800)}
.mttq2026-has-hero .m26-head:not(.scrolled) .m26-brand .logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
.m26-head.scrolled .head-inner{height:66px}
@media(max-width:1220px){.m26-nav{display:none}.m26-head .cta{display:none}.m26-burger{display:grid}}
/* Mobile đã có bottom-nav → bỏ nút burger, canh giữa logo trong header sticky */
@media(max-width:820px){
  .m26-burger{display:none!important}
  .m26-head .head-inner{justify-content:center;gap:0}
  .m26-brand{gap:10px}
}
/* Khi popup/modal bản đồ đang mở → ẩn hết chrome của site (header sticky z:55, thanh util z:60, bottom-nav z:75)
   vì một số modal kẹt trong stacking-context z thấp nên bị các thanh này phủ lên đỉnh/đáy & nút đóng */
body.an-sinh-modal-open :is(.m26-head,.m26-util,.m26-bnav),
body.summer-modal-open :is(.m26-head,.m26-util,.m26-bnav),
body:has(.an-sinh-modal.is-open) :is(.m26-head,.m26-util,.m26-bnav),
body:has(.summer-mobile-modal.is-open) :is(.m26-head,.m26-util,.m26-bnav),
body:has(.ap-modal.is-open) :is(.m26-head,.m26-util,.m26-bnav){opacity:0;visibility:hidden;pointer-events:none}

/* Panel menu mobile */
.m26-drawer{position:fixed;inset:0;z-index:80;opacity:0;visibility:hidden;transition:opacity .3s}
.m26-drawer.open{opacity:1;visibility:visible}
.m26-drawer-in{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden auto;
  background:radial-gradient(120% 90% at 80% -8%,#13407B 0%,#0C2F5C 45%,#081E3B 100%);
  padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 16px);
  transform:translateY(-16px);opacity:0;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s}
.m26-drawer.open .m26-drawer-in{transform:none;opacity:1}
.m26-drawer-in::before{content:"";position:absolute;top:-14%;right:-22%;width:520px;height:520px;pointer-events:none;z-index:0;
  background:repeating-conic-gradient(from 0deg,rgba(242,193,78,.10) 0 1.5deg,transparent 1.5deg 9deg);
  -webkit-mask:radial-gradient(circle,#000,transparent 66%);mask:radial-gradient(circle,#000,transparent 66%)}
.m26-drawer-in>*{position:relative;z-index:1}
.m26-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(242,193,78,.22)}
.m26-drawer-brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.m26-drawer-brand img{width:44px;height:44px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.m26-drawer-brand strong{display:block;font-family:'Playfair Display',serif;font-size:.98rem;color:#fff;line-height:1.1}
.m26-drawer-brand small{display:block;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400);margin-top:2px}
.m26-drawer .x{width:44px;height:44px;flex:none;border:1px solid rgba(242,193,78,.3);border-radius:12px;background:rgba(255,255,255,.06);display:grid;place-items:center;cursor:pointer;color:var(--gold-300)}
.m26-drawer .x svg{width:22px;height:22px}
.m26-drawer-nav{flex:1;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.m26-drawer-nav .m26-mnav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.m26-drawer-nav>a,.m26-drawer-nav .m26-mnav>li>a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(242,193,78,.14);color:#fff;text-decoration:none;font-weight:600;font-size:1rem;
  transition:background .2s,border-color .2s,transform .12s}
.m26-drawer-nav>a:active,.m26-drawer-nav .m26-mnav>li>a:active{transform:scale(.985)}
.m26-drawer-nav a .di{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,#F7D77A,#E4A02F);color:#0F2F5A}
.m26-drawer-nav a .di svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.m26-drawer-nav a .dtx{flex:1;min-width:0}
.m26-drawer-nav a .dch{width:17px;height:17px;flex:none;opacity:.55;stroke:var(--gold-300);fill:none;stroke-width:2.4}
.m26-drawer-nav .current-menu-item>a,.m26-drawer-nav .current_page_item>a{background:rgba(242,193,78,.16);border-color:rgba(242,193,78,.5)}
.m26-drawer-nav .m26-mnav ul{list-style:none;margin:6px 0 2px;padding:0 0 0 51px;display:flex;flex-direction:column;gap:1px}
.m26-drawer-nav .m26-mnav ul a{display:block;padding:9px 10px;border-radius:9px;color:rgba(255,255,255,.82);font-size:.9rem;font-weight:500;text-decoration:none}
.m26-drawer-nav .m26-mnav ul a:active{background:rgba(255,255,255,.06)}
.m26-drawer-foot{margin-top:16px;padding-top:14px;border-top:1px solid rgba(242,193,78,.22);display:flex;flex-direction:column;gap:11px}
.m26-drawer-foot .drawer-cta{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(150deg,#F7D77A,#E4A02F);color:#0F2F5A;padding:14px;border-radius:14px;font-weight:800;font-size:.98rem;text-decoration:none;box-shadow:0 12px 26px -12px rgba(228,160,47,.7)}
.m26-drawer-foot .drawer-cta svg{width:20px;height:20px;stroke-width:2}
.m26-drawer .m26-drawer-hot{display:block;text-align:center;color:rgba(255,255,255,.92);font-size:.86rem;text-decoration:none}
.m26-drawer .m26-drawer-hot b{color:var(--gold-300)}

/* ===== HERO ===== */
.m26-hero{position:relative;min-height:calc(100vh - 116px);display:flex;align-items:center;padding:40px 0 70px;overflow:hidden;background:radial-gradient(120% 120% at 78% 8%,#13407B 0%,#0C2F5C 40%,#081E3B 100%);margin-top:-116px;padding-top:156px}
.m26-hero .rays{position:absolute;top:-30%;right:-10%;width:900px;height:900px;background:repeating-conic-gradient(from 0deg,rgba(242,193,78,.16) 0 1.6deg,transparent 1.6deg 8deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000 0%,transparent 68%);mask:radial-gradient(circle,#000 0%,transparent 68%);animation:m26spin 90s linear infinite;pointer-events:none}
.m26-hero .grain{position:absolute;inset:0;pointer-events:none;opacity:.5;background:
  radial-gradient(2px 2px at 20% 30%,rgba(248,218,134,.5),transparent),
  radial-gradient(2px 2px at 70% 60%,rgba(248,218,134,.4),transparent),
  radial-gradient(1.5px 1.5px at 40% 80%,rgba(255,255,255,.35),transparent),
  radial-gradient(1.5px 1.5px at 85% 25%,rgba(248,218,134,.4),transparent),
  radial-gradient(1.5px 1.5px at 15% 70%,rgba(255,255,255,.3),transparent)}
.m26-hero .spot{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(248,218,134,.16),transparent 60%);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:opacity .4s;opacity:0;z-index:1}
.m26-hero .hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;width:100%}
.m26-hero .copy{color:#fff}
.m26-hero .copy .eyebrow{opacity:0;animation:m26up .7s .1s forwards}
.m26-hero .hl{font-size:clamp(2.5rem,5.4vw,4.4rem);line-height:1.02;font-weight:800;letter-spacing:-.5px;margin:20px 0 14px;color:#fff}
.m26-hero .hl .line{display:block;overflow:hidden}
.m26-hero .hl .line span{display:inline-block;transform:translateY(110%);animation:m26rise .9s cubic-bezier(.2,.8,.2,1) forwards}
.m26-hero .hl .line:nth-child(1) span{animation-delay:.18s}
.m26-hero .hl .line:nth-child(2) span{animation-delay:.32s}
.m26-rotor{display:inline-block;position:relative;height:1.06em;overflow:hidden;vertical-align:bottom;color:var(--gold-400);font-style:italic}
.m26-rotor .track{display:inline-flex;flex-direction:column;animation:m26rotor 9.6s infinite}
.m26-rotor b{display:block;height:1.06em;line-height:1.06em;font-weight:800}
.m26-hero .lead{font-size:1.06rem;color:rgba(255,255,255,.82);max-width:46ch;margin:18px 0 30px;opacity:0;animation:m26up .8s .6s forwards}
.m26-hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:m26up .8s .75s forwards}
.m26 .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:14px;font-weight:700;font-size:.96rem;cursor:pointer;border:none;transition:transform .25s,box-shadow .25s}
.m26 .btn svg{width:18px;height:18px}
.m26 .btn-gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--red-900);box-shadow:0 18px 40px -14px rgba(242,193,78,.6);position:relative;overflow:hidden}
.m26 .btn-gold::after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);transition:left .6s}
.m26 .btn-gold:hover{transform:translateY(-3px)}.m26 .btn-gold:hover::after{left:130%}
.m26 .btn-line{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px)}
.m26 .btn-line:hover{transform:translateY(-3px);border-color:var(--gold-400);color:var(--gold-300)}
.m26-hero .mini{display:flex;gap:26px;margin-top:32px;flex-wrap:wrap;opacity:0;animation:m26up .8s .9s forwards}
.m26-hero .mini .m b{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--gold-400);font-weight:800;display:block;line-height:1}
.m26-hero .mini .m span{font-size:.8rem;color:rgba(255,255,255,.7)}
/* ===== BIỂU TRƯNG MTTQ + HOA SEN (thay lá cờ) ===== */
.m26-emblem-stage{position:relative;display:grid;place-items:center;width:100%;min-height:540px;opacity:0;transform:scale(.92);animation:m26fadeScale 1.1s .3s forwards}
.m26-emblem-stage>*{grid-area:1/1}
.m26-emblem-stage .halo{width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(248,218,134,.32),rgba(242,193,78,.10) 46%,transparent 68%);animation:m26halo 6s ease-in-out infinite;pointer-events:none;justify-self:center;align-self:center}
.m26-emblem-stage .drum-rays{width:508px;height:508px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(248,218,134,.5) 0 .45deg,transparent .45deg 7.5deg);-webkit-mask:radial-gradient(circle,transparent 44%,#000 47%,#000 49.5%,transparent 53%);mask:radial-gradient(circle,transparent 44%,#000 47%,#000 49.5%,transparent 53%);animation:m26spin 70s linear infinite;pointer-events:none;justify-self:center;align-self:center}
.m26-emblem-stage .drum-ring{pointer-events:none;justify-self:center;align-self:center}
.m26-emblem-stage .drum-ring.r1{width:472px;height:472px;animation:m26spinrev 84s linear infinite}
.m26-emblem-stage .drum-ring.r2{width:544px;height:544px;opacity:.55;animation:m26spin 120s linear infinite}
.m26-lotus{width:430px;justify-self:center;align-self:end;margin-bottom:14px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.4));transform-origin:50% 92%;animation:m26lotusSway 8s ease-in-out infinite;pointer-events:none;position:relative;z-index:2}
.m26-medallion{position:relative;z-index:3;width:276px;height:276px;border-radius:50%;overflow:hidden;display:grid;place-items:center;justify-self:center;align-self:center;background:radial-gradient(circle at 50% 40%,#FFFFFF 0%,#FFFBF0 46%,#F3E1B6 74%,#DDB65E 100%);box-shadow:0 0 0 5px rgba(242,193,78,.5),0 0 0 13px rgba(12,47,92,.28),0 34px 72px -20px rgba(0,0,0,.62),inset 0 2px 14px rgba(255,255,255,.7);animation:m26bobFloat 5.5s ease-in-out infinite}
.m26-medallion img{width:90%;height:90%;object-fit:contain}
.m26-birds{position:relative;width:600px;height:600px;justify-self:center;align-self:center;pointer-events:none;z-index:2;animation:m26spin 78s linear infinite}
.m26-birds .bird-slot{position:absolute;inset:0;display:flex;justify-content:center;padding-top:2px;transform-origin:center center}
.m26-bird-img{width:78px;height:auto;transform:rotate(20deg);opacity:.96;filter:drop-shadow(0 3px 6px rgba(8,30,59,.5))}
.m26-motes{position:relative;z-index:4;width:100%;height:100%;justify-self:stretch;align-self:stretch;pointer-events:none}
.m26-mote{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#FCEBBE,#F2C14E 60%,transparent);box-shadow:0 0 9px 1px rgba(242,193,78,.55);opacity:0;animation:m26mote 7s linear infinite}
.m26-scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:4;color:rgba(255,255,255,.7);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;animation:m26bob 2s infinite}
.m26-scroll-cue i{width:24px;height:38px;border:2px solid rgba(255,255,255,.4);border-radius:14px;position:relative}
.m26-scroll-cue i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;border-radius:3px;background:var(--gold-400);transform:translateX(-50%);animation:m26wheel 1.6s infinite}
@media(max-width:1040px){
  .m26-hero .hero-grid{grid-template-columns:1fr;gap:28px}
  .m26-emblem-stage{order:-1;min-height:460px}
  .m26-emblem-stage .halo,.m26-emblem-stage .drum-rays{width:440px;height:440px}
  .m26-emblem-stage .drum-ring.r1{width:404px;height:404px}
  .m26-emblem-stage .drum-ring.r2{width:470px;height:470px}
  .m26-lotus{width:372px}
  .m26-medallion{width:236px;height:236px}
  .m26-birds{width:524px;height:524px}
  .m26-birds .bird-slot{padding-top:2px}
  .m26-bird-img{width:82px}
}
@media(max-width:560px){
  /* Hero gọn lại: emblem nhỏ hơn để thấy ngay text bên dưới, bỏ ép cao full màn hình, canh giữa cả cụm */
  .m26-hero{min-height:auto;padding-top:112px;padding-bottom:40px}
  .m26-hero .hero-grid{gap:14px}
  .m26-hero .copy{text-align:center}
  .m26-hero .hl{margin:10px 0 10px}
  .m26-hero .lead{margin:12px auto 22px}
  .m26-hero .cta-row{justify-content:center}
  .m26-hero .mini{justify-content:center;gap:22px;margin-top:22px}
  .m26-emblem-stage{min-height:238px}
  .m26-emblem-stage .halo,.m26-emblem-stage .drum-rays{width:238px;height:238px}
  .m26-emblem-stage .drum-ring.r1{width:218px;height:218px}
  .m26-emblem-stage .drum-ring.r2{width:252px;height:252px}
  .m26-lotus{width:200px;margin-bottom:4px}
  .m26-medallion{width:134px;height:134px}
  .m26-birds{width:290px;height:290px}
  .m26-birds .bird-slot{padding-top:0}
  .m26-bird-img{width:52px}
  /* Truy cập nhanh (việc 3): thu gọn hero để lưới danh mục chính hiện ngay màn hình đầu, khỏi cuộn */
  .m26-hero .mini{display:none}
  .m26-scroll-cue{display:none}
  .m26-hero .lead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px auto 14px;font-size:.98rem}
  .m26-hero .cta-row{display:none}
  .m26-emblem-stage{min-height:184px}
  .m26-emblem-stage .halo,.m26-emblem-stage .drum-rays{width:184px;height:184px}
  .m26-emblem-stage .drum-ring.r1{width:170px;height:170px}
  .m26-emblem-stage .drum-ring.r2{width:196px;height:196px}
  .m26-lotus{width:150px}
  .m26-medallion{width:104px;height:104px}
  .m26-birds{width:224px;height:224px}
  .m26-hero .m26-quick{display:grid}
}

/* ===== TRUY CẬP NHANH (mobile) ===== */
.m26-quick{display:none;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px auto 2px;max-width:430px}
.m26-quick a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;text-decoration:none;padding:12px 6px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(248,218,134,.28);color:#fff;transition:background .2s,transform .12s}
.m26-quick a:active{transform:scale(.96);background:rgba(255,255,255,.14)}
.m26-quick .qi{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(248,218,134,.14);flex:0 0 auto}
.m26-quick .qi svg{width:20px;height:20px;color:var(--gold-400)}
.m26-quick a>span:last-child{font-size:.72rem;font-weight:600;line-height:1.15;color:rgba(255,255,255,.92)}

/* ===== MARQUEE ===== */
.m26-marquee{background:linear-gradient(90deg,var(--red-700),var(--red-600),var(--red-700));color:var(--gold-300);overflow:hidden;border-top:2px solid var(--gold-600);border-bottom:2px solid var(--gold-600)}
.m26-marquee .track{display:flex;gap:40px;padding:16px 0;width:max-content;animation:m26marq 32s linear infinite;white-space:nowrap}
.m26-marquee:hover .track{animation-play-state:paused}
.m26-marquee span{font-family:'Playfair Display',serif;font-weight:800;font-size:1.35rem;letter-spacing:.04em;display:inline-flex;align-items:center;gap:40px}
.m26-marquee svg{width:20px;height:20px;color:var(--gold-500)}

/* ===== SECTION base ===== */
.m26-sec{padding:92px 0}
.m26-sec .sec-head{max-width:680px;margin:0 auto 50px;text-align:center}
.m26-sec .sec-head.left{text-align:left;margin-left:0}
.m26-sec .sec-head h2{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800;margin:14px 0 12px;letter-spacing:-.4px}
.m26-sec .sec-head p{color:var(--ink-soft)}
.m26-sec .sec-head.left .head-flex{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}

/* ===== SERVICES BENTO ===== */
.m26-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:180px;gap:18px}
.m26-tile{position:relative;border-radius:20px;padding:26px;overflow:hidden;border:1px solid var(--line);background:var(--paper);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;justify-content:space-between}
.m26-tile:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.m26-tile .ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(24,88,172,.1),rgba(242,193,78,.2));color:var(--red-700);transition:.3s}
.m26-tile:hover .ico{background:linear-gradient(135deg,var(--red-600),var(--red-800));color:#fff}
.m26-tile .ico svg{width:26px;height:26px}
.m26-tile h3{font-family:'Be Vietnam Pro',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:3px}
.m26-tile p{font-size:.86rem;color:var(--ink-soft)}
.m26-tile .go{margin-top:8px;font-size:.82rem;font-weight:700;color:var(--red-600);display:inline-flex;gap:6px;align-items:center;transition:gap .25s}
.m26-tile:hover .go{gap:12px}
.m26-tile.feature{grid-column:span 1;grid-row:span 2;background:radial-gradient(120% 120% at 80% 10%,var(--red-600),var(--red-800));color:#fff;border:none}
.m26-tile.feature .ico{background:rgba(255,255,255,.16);color:var(--gold-300)}
.m26-tile.feature:hover .ico{background:rgba(255,255,255,.24)}
.m26-tile.feature h3{font-family:'Playfair Display',serif;font-size:1.7rem;line-height:1.15}
.m26-tile.feature p{color:rgba(255,255,255,.82)}
.m26-tile.feature .go{color:var(--gold-300)}
.m26-tile.feature .rays-sm{position:absolute;inset:-30% -30% auto auto;width:320px;height:320px;background:repeating-conic-gradient(from 0deg,rgba(248,218,134,.16) 0 2deg,transparent 2deg 9deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000,transparent 70%);mask:radial-gradient(circle,#000,transparent 70%);animation:m26spin 70s linear infinite}
.m26-tile.wide{grid-column:span 2}
@media(max-width:860px){.m26-bento{grid-template-columns:repeat(2,1fr)}.m26-tile.feature{grid-row:span 2}.m26-tile.wide{grid-column:span 2}}
@media(max-width:560px){.m26-bento{grid-template-columns:1fr;grid-auto-rows:auto}.m26-tile{min-height:150px}.m26-tile.wide,.m26-tile.feature{grid-column:span 1}}

/* ===== NEWS MAGAZINE ===== */
.m26-news{background:linear-gradient(180deg,var(--ivory),var(--ivory-2))}
.m26-mag{display:grid;grid-template-columns:1.5fr 1fr;gap:26px}
.m26-mag-lead{position:relative;border-radius:24px;overflow:hidden;min-height:460px;display:flex;align-items:flex-end;box-shadow:var(--shadow-md);isolation:isolate}
.m26-mag-lead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s}
.m26-mag-lead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,15,29,0) 30%,rgba(8,26,49,.6) 62%,rgba(8,30,59,.95) 100%)}
.m26-mag-lead:hover img{transform:scale(1.06)}
.m26-mag-lead .body{padding:36px;color:#fff}
.m26 .tag{display:inline-block;background:var(--gold-500);color:var(--red-800);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:8px;margin-bottom:14px}
.m26-mag-lead h3{font-size:1.8rem;line-height:1.22;font-weight:800;margin-bottom:12px;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.m26-mag-lead .meta{font-size:.82rem;opacity:.86;display:flex;gap:16px}
.m26-mag-side{display:flex;flex-direction:column;gap:16px}
.m26-mi{display:grid;grid-template-columns:120px 1fr;gap:15px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px;transition:transform .25s,box-shadow .25s}
.m26-mi:hover{transform:translateX(6px);box-shadow:var(--shadow-md)}
.m26-mi .thumb{width:120px;height:96px;border-radius:12px;overflow:hidden;background:var(--ivory-2)}
.m26-mi .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.m26-mi:hover .thumb img{transform:scale(1.09)}
.m26-mi .cat{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red-600)}
.m26-mi h4{font-size:.96rem;font-weight:700;line-height:1.34;margin:4px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m26-mi .date{font-size:.78rem;color:var(--ink-soft)}
@media(max-width:880px){.m26-mag{grid-template-columns:1fr}}

/* ===== CATEGORY SECTIONS (ACF repeater) ===== */
.m26-cat{margin-top:64px}
.m26-cat .cat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--line);position:relative}
.m26-cat .cat-head::before{content:"";position:absolute;left:0;bottom:-2px;width:80px;height:2px;background:linear-gradient(90deg,var(--red-600),var(--gold-500))}
.m26-cat .cat-head h3{font-size:1.5rem;font-weight:800;color:var(--red-800)}
.m26-cat .more{font-size:.84rem;font-weight:700;color:var(--red-600);display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.m26-cat .more:hover{gap:11px}
.m26-cardgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.m26-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.m26-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.m26-card .ph{display:block;aspect-ratio:16/9;overflow:hidden;position:relative;background-color:#13407B;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,8 61,39 95,39 67,59 78,92 50,72 22,92 33,59 5,39 39,39' fill='%23F8DA86' fill-opacity='0.45'/%3E%3C/svg%3E"),radial-gradient(120% 120% at 30% 15%,#1858AC,#13407B);background-repeat:no-repeat;background-position:center;background-size:32% auto,cover}
.m26-card .cbody{flex:1}
.m26-cat.style2 .m26-card .ph{aspect-ratio:16/12}
.m26-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.m26-card:hover .ph img{transform:scale(1.06)}
.m26-card .cbody{padding:16px 18px 20px}
.m26-card h4{font-size:.98rem;font-weight:700;line-height:1.34;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.m26-card .date{font-size:.8rem;color:var(--ink-soft);display:flex;align-items:center;gap:6px}
.m26-card .excerpt{font-size:.9rem;color:var(--ink-soft);margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m26-catlist{display:flex;flex-direction:column;gap:2px;justify-content:space-between}
.m26-catlist a{display:flex;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);align-items:flex-start}
.m26-catlist a:hover h5{color:var(--red-600)}
.m26-catlist .n{font-family:'Playfair Display',serif;font-weight:800;color:var(--gold-600);font-size:1.05rem;line-height:1.4;min-width:22px}
.m26-catlist h5{font-size:.94rem;font-weight:600;line-height:1.4;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m26-catlist .date{font-size:.76rem;color:var(--ink-soft);margin-top:3px}
.m26-cat.style2 .m26-cardgrid{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.m26-cardgrid{grid-template-columns:1fr}.m26-cat.style2 .m26-cardgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.m26-cat.style2 .m26-cardgrid{grid-template-columns:1fr}}

/* ===== TIMELINE ===== */
.m26-tl{position:relative;max-width:820px;margin:0 auto;padding-left:34px}
.m26-tl .line{position:absolute;left:6px;top:6px;bottom:6px;width:3px;background:var(--ivory-2);border-radius:3px;overflow:hidden}
.m26-tl .line::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--gold-500),var(--red-600));transform:scaleY(0);transform-origin:top;transition:transform 1.4s ease}
.m26-tl .line.in::after{transform:scaleY(1)}
.m26-tl .item{position:relative;padding:0 0 44px 34px}
.m26-tl .item::before{content:"";position:absolute;left:-33px;top:2px;width:19px;height:19px;border-radius:50%;background:var(--paper);border:3px solid var(--gold-500);box-shadow:0 0 0 5px rgba(242,193,78,.18);z-index:2}
.m26-tl .item .yr{font-family:'Playfair Display',serif;font-weight:800;color:var(--red-600);font-size:1.05rem}
.m26-tl .item h4{font-size:1.15rem;font-weight:700;margin:2px 0 5px}
.m26-tl .item p{color:var(--ink-soft);font-size:.92rem;max-width:56ch}
.m26-tl .item.is-next::before{border-style:dashed;box-shadow:none}
.m26-tl .item.is-next .yr{color:var(--ink-soft)}

/* ===== STATS ===== */
.m26-stats{position:relative;background:radial-gradient(120% 120% at 20% 10%,#0C2F5C,#081E3B 70%);color:#fff;overflow:hidden}
.m26-stats .stars{position:absolute;inset:0;background:
  radial-gradient(1.5px 1.5px at 10% 20%,rgba(248,218,134,.7),transparent),
  radial-gradient(1.5px 1.5px at 30% 70%,rgba(255,255,255,.5),transparent),
  radial-gradient(2px 2px at 60% 30%,rgba(248,218,134,.6),transparent),
  radial-gradient(1.5px 1.5px at 80% 60%,rgba(255,255,255,.5),transparent),
  radial-gradient(1.5px 1.5px at 90% 25%,rgba(248,218,134,.6),transparent),
  radial-gradient(1.5px 1.5px at 45% 85%,rgba(255,255,255,.45),transparent);
  animation:m26twinkle 4s ease-in-out infinite alternate}
.m26-stats .wrap{position:relative;z-index:2;padding:78px 26px}
.m26-stats .stats-head{text-align:center;margin-bottom:46px}
.m26-stats .stats-head h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.7rem);margin-top:12px}
.m26-stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.m26-stat b{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5.2vw,3.6rem);font-weight:900;color:var(--gold-400);display:block;line-height:1}
.m26-stat span{font-size:.9rem;color:rgba(255,255,255,.82);margin-top:8px;display:block}
.m26-stat{position:relative;padding:12px}
.m26-stat:not(:last-child)::after{content:"";position:absolute;right:-12px;top:22%;bottom:22%;width:1px;background:rgba(255,255,255,.16)}
@media(max-width:720px){.m26-stats .grid{grid-template-columns:repeat(2,1fr);gap:34px}.m26-stat::after{display:none!important}}

/* ===== QUOTE ===== */
.m26-quote{position:relative;text-align:center;padding:100px 0;background:var(--ivory)}
.m26-quote .star{width:56px;height:56px;margin:0 auto 24px;color:var(--gold-600);animation:m26pulse 3s ease-in-out infinite}
.m26-quote blockquote{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.6rem,3.6vw,2.5rem);line-height:1.38;max-width:920px;margin:0 auto 22px;color:var(--red-800);font-weight:700}
.m26-quote cite{font-style:normal;font-weight:700;color:var(--ink)}
.m26-quote cite small{display:block;font-weight:500;color:var(--ink-soft);font-size:.85rem;margin-top:5px}

/* ===== FOOTER ===== */
.m26-foot{background:linear-gradient(180deg,var(--red-900),#06162B);color:rgba(255,255,255,.82);padding:64px 0 26px;position:relative;overflow:hidden}
.m26-foot::before{content:"";position:absolute;top:-40%;right:-8%;width:520px;height:520px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(242,193,78,.1) 0 2deg,transparent 2deg 10deg);animation:m26spin 120s linear infinite}
.m26-foot .grid{position:relative;z-index:2;display:grid;grid-template-columns:1.6fr 1fr 1.3fr;gap:40px;margin-bottom:44px}
.m26-foot .fb{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;position:relative}
.m26-foot .fb>*{position:relative;z-index:1}
.m26-foot .fb::before{content:"";position:absolute;left:28px;top:28px;width:152px;height:152px;transform:translate(-50%,-50%);border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(242,193,78,.28),transparent 56%),repeating-conic-gradient(from 0deg,rgba(242,193,78,.17) 0 2deg,transparent 2deg 11deg);-webkit-mask:radial-gradient(circle,#000 16%,transparent 70%);mask:radial-gradient(circle,#000 16%,transparent 70%);animation:m26spin 100s linear infinite}
.m26-foot .fb img{width:56px;height:56px}
.m26-foot .fb strong{font-family:'Playfair Display',serif;font-size:1.1rem;color:#fff;line-height:1.2;display:block}
.m26-foot .fb span{font-size:.74rem;color:var(--gold-400);text-transform:uppercase;letter-spacing:.1em}
.m26-foot .col h5{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:15px}
.m26-foot .col a{display:block;font-size:.88rem;padding:5px 0;opacity:.82;transition:.2s}
.m26-foot .col a:hover{opacity:1;color:var(--gold-400);transform:translateX(4px)}
.m26-foot .info li{display:flex;gap:10px;font-size:.88rem;padding:6px 0;opacity:.88}
.m26-foot .info svg{width:17px;height:17px;color:var(--gold-400);flex-shrink:0;margin-top:3px}
.m26-foot .fp{font-size:.88rem;opacity:.82;max-width:36ch}
.m26-foot .bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.82rem;opacity:.75}
@media(max-width:860px){.m26-foot .grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:520px){.m26-foot .grid{grid-template-columns:1fr}}

/* ===================================================================
   TRANG TRONG: single / archive / search / page / 404
   =================================================================== */
.m26-phero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(120% 150% at 82% -10%,#13407B,#0C2F5C 46%,#081E3B 100%);margin-top:-116px;padding:140px 0 38px}
.m26-phero .rays{position:absolute;top:-45%;right:-6%;width:620px;height:620px;background:repeating-conic-gradient(from 0deg,rgba(242,193,78,.14) 0 1.4deg,transparent 1.4deg 8deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000,transparent 70%);mask:radial-gradient(circle,#000,transparent 70%);animation:m26spin 130s linear infinite;pointer-events:none}
.m26-phero .wrap{position:relative;z-index:2}
.m26-phero h1{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;color:#fff;line-height:1.24;max-width:52ch}
.m26-phero .p-sub{color:rgba(255,255,255,.82);margin-top:12px;max-width:62ch}
.m26-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.82rem;color:rgba(255,255,255,.72);margin-bottom:16px}
.m26-crumb a{color:rgba(255,255,255,.82);transition:color .2s}
.m26-crumb a:hover{color:var(--gold-400)}
.m26-crumb .sep{opacity:.5}
.m26-crumb #breadcrumbs{margin:0;padding:0}
.m26-crumb #breadcrumbs a{color:rgba(255,255,255,.82)}
/* Biểu trưng MTTQ + đài sen ở TÂM vầng sáng hero trang phụ (trùng khung .m26-phero .rays) */
.m26-phero .phero-emblem{position:absolute;top:-45%;right:-6%;width:620px;height:620px;z-index:1;display:grid;place-items:center;pointer-events:none}
.m26-phero .pe-stage{position:relative;width:200px;height:200px;display:grid;place-items:center}
.m26-phero .pe-stage>*{grid-area:1/1}
.m26-phero .pe-ring{width:100%;height:100%}
.m26-phero .pe-ring.r1{animation:m26spinrev 84s linear infinite}
.m26-phero .pe-ring.r2{opacity:.55;animation:m26spin 120s linear infinite}
.m26-phero .pe-lot{width:150px;align-self:end;margin-bottom:6px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4))}
.m26-phero .pe-med{width:92px;height:92px;border-radius:50%;overflow:hidden;display:grid;place-items:center;align-self:center;z-index:2;background:radial-gradient(circle at 50% 40%,#fff,#FFFBF0 46%,#F3E1B6 74%,#DDB65E 100%);box-shadow:0 0 0 4px rgba(242,193,78,.5),0 0 0 9px rgba(12,47,92,.2),0 14px 30px -12px rgba(0,0,0,.55)}
.m26-phero .pe-med img{width:90%;height:90%;object-fit:contain}
@media(max-width:820px){.m26-phero .pe-stage{width:162px;height:162px}.m26-phero .pe-lot{width:122px}.m26-phero .pe-med{width:75px;height:75px}}
@media(max-width:560px){.m26-phero .phero-emblem{opacity:.5}}
/* --- Hero HCM: biểu trưng MTTQ trên đài sen + hào quang (giống trang chủ) --- */
.m26-phero--hcm{padding-bottom:120px;min-height:330px}
.hcm-emblem{position:absolute;right:2%;top:50%;transform:translateY(-50%) scale(.5);transform-origin:right center;width:540px;z-index:1;pointer-events:none}
.hcm-emblem .m26-emblem-stage{min-height:540px;animation-delay:.15s}
@media(max-width:1180px){.hcm-emblem{right:-2%;transform:translateY(-50%) scale(.44)}}
@media(max-width:1040px){.hcm-emblem{right:-4%;transform:translateY(-50%) scale(.4);opacity:.85}.m26-phero--hcm{padding-bottom:96px}}
@media(max-width:760px){.hcm-emblem{transform:translateY(-50%) scale(.34);opacity:.42;right:-10%}.m26-phero--hcm{padding-bottom:80px}}
@media(max-width:520px){.hcm-emblem{transform:translateY(-46%) scale(.3);opacity:.3;right:-16%}.m26-phero--hcm{padding-bottom:64px}}
.m26-postmeta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;color:rgba(255,255,255,.85);font-size:.86rem;margin-top:16px}

.m26-body{background:var(--ivory);padding:54px 0 72px;position:relative;overflow:hidden}
.m26-body>*{position:relative;z-index:1}
.m26-body::before{content:"";position:absolute;inset:-12% -6%;z-index:0;pointer-events:none;background:radial-gradient(380px 380px at 8% 5%,rgba(34,112,213,.09),transparent 66%),radial-gradient(460px 460px at 95% 20%,rgba(201,148,43,.11),transparent 66%),radial-gradient(420px 420px at 20% 92%,rgba(201,148,43,.09),transparent 66%),radial-gradient(380px 380px at 84% 80%,rgba(34,112,213,.07),transparent 66%);animation:m26bodyglow 22s ease-in-out infinite alternate}
@keyframes m26bodyglow{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(2.2%,-3%,0) scale(1.1)}}
/* Hoa văn trống đồng chạy nhẹ trên nền body */
.m26-body::after{content:"";position:absolute;top:-170px;right:-170px;width:720px;height:720px;z-index:0;pointer-events:none;background:url("/apps/themes/mttq-2026/assets/images/trong-dong.png") center/contain no-repeat;mix-blend-mode:multiply;opacity:.2;animation:m26spin 220s linear infinite}
/* Đốm sáng vàng bay lơ lửng */
.m26-body>.m26-bmotes{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.m26-bmote{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#F2C14E,rgba(242,193,78,0) 70%);box-shadow:0 0 8px 1px rgba(242,193,78,.4);opacity:0;animation:m26bmoteUp linear infinite}
@keyframes m26bmoteUp{0%{opacity:0;transform:translateY(24px) scale(.5)}15%{opacity:.85}85%{opacity:.55}100%{opacity:0;transform:translateY(-130px) scale(1.15)}}
.m26-body .wrap{position:relative}
.m26-body--home{padding:0;background:transparent}
.m26-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:38px;align-items:start}
@media(max-width:960px){.m26-layout{grid-template-columns:1fr}}
.m26-narrow{max-width:900px;margin:0 auto}

/* Typography bài viết */
.m26-article{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px 36px;box-shadow:var(--shadow-sm)}
.m26-article .feat{border-radius:14px;overflow:hidden;margin-bottom:22px}
.m26-article .feat img{width:100%;height:auto;display:block}
.m26-article h2,.m26-article h3,.m26-article h4{font-family:'Playfair Display',serif;color:var(--red-800);line-height:1.25;margin:1.4em 0 .5em}
.m26-article h2{font-size:1.55rem}.m26-article h3{font-size:1.3rem}.m26-article h4{font-size:1.12rem}
.m26-article p{margin:0 0 1.05em;font-size:1.04rem;line-height:1.8;color:var(--ink)}
.m26-article a{color:var(--red-600);text-decoration:underline;text-underline-offset:2px}
.m26-article a:hover{color:var(--red-800)}
.m26-article ul,.m26-article ol{margin:0 0 1.05em 1.4em;padding:0}
.m26-article li{margin:.4em 0;line-height:1.75}
.m26-article ul li{list-style:disc}.m26-article ol li{list-style:decimal}
.m26-article img{max-width:100%;height:auto;border-radius:12px;margin:8px 0}
.m26-article figure{margin:18px 0}.m26-article figcaption{font-size:.85rem;color:var(--ink-soft);text-align:center;margin-top:6px}
.m26-article blockquote{margin:20px 0;padding:14px 22px;border-left:4px solid var(--gold-500);background:var(--ivory-2);border-radius:0 12px 12px 0;font-style:italic;color:var(--red-800)}
.m26-article table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem;display:block;overflow-x:auto}
.m26-article th,.m26-article td{border:1px solid var(--line);padding:10px 12px}
.m26-article th{background:var(--ivory-2);font-weight:700}
.m26-article iframe{max-width:100%;border-radius:12px;margin:10px 0}
.m26-article > *:first-child{margin-top:0}
/* Mobile: giảm padding chồng nhau (wrap 26 + card lớn) để nội dung rộng hơn, đỡ bó */
@media(max-width:560px){
  .m26 .wrap{padding:0 14px}
  .m26-article{padding:20px 15px;border-radius:16px}
  .m26 .m26-form{padding:22px 16px}                 /* trang Phản ánh: 34 → 16 */
  .m26 .m26-mag-lead .body{padding:20px 16px}        /* Không gian HCM (Tiêu điểm): 36 → 16 */
  .m26 .ab-cta{padding-left:18px;padding-right:18px} /* Giới thiệu CTA: 28 → 18 */
}

.m26-share{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.m26-share button,.m26-share a{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;width:auto;max-width:none;min-height:0;line-height:1.2;padding:9px 16px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink);transition:transform .2s,box-shadow .2s}
.m26-share button:hover,.m26-share a:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.m26-share svg{width:16px;height:16px;flex:0 0 auto}
.ab-share{display:flex;justify-content:center;margin-top:20px}
.ab-share .m26-share{margin-bottom:0}

.m26-related{margin-top:34px}
.m26-related h3{font-size:1.3rem;font-weight:800;color:var(--red-800);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--line);position:relative}
.m26-related h3::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:linear-gradient(90deg,var(--red-600),var(--gold-500))}
.m26-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:680px){.m26-rel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.m26-rel-grid{grid-template-columns:1fr}}

/* Lưới/danh sách bài (archive & search) */
.m26-list{display:flex;flex-direction:column}
.m26-list .row-item{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.m26-list .row-item:first-child{padding-top:0}
.m26-list .thumb{width:160px;height:106px;border-radius:12px;overflow:hidden;background:var(--ivory-2);display:block}
.m26-list .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.m26-list .row-item:hover .thumb img{transform:scale(1.06)}
.m26-list h4{font-size:1.1rem;font-weight:700;line-height:1.35;margin-bottom:6px}
.m26-list h4 a:hover{color:var(--red-600)}
.m26-list .date{font-size:.8rem;color:var(--ink-soft);margin-bottom:7px}
.m26-list .ex{font-size:.92rem;color:var(--ink-soft);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:520px){.m26-list .row-item{grid-template-columns:112px 1fr;gap:12px}.m26-list .thumb{width:112px;height:80px}.m26-list h4{font-size:.98rem}.m26-list .ex{display:none}}

.m26-pagination{display:flex;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap}
.m26-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 13px;border-radius:11px;border:1px solid var(--line);background:var(--paper);font-weight:700;font-size:.9rem;color:var(--ink);transition:.2s}
.m26-pagination a.page-numbers:hover{border-color:var(--gold-500);color:var(--red-700)}
.m26-pagination .page-numbers.current{background:var(--red-600);color:#fff;border-color:var(--red-600)}
.m26-pagination .page-numbers.dots{border:none;background:transparent}

/* Ô tìm kiếm dùng lại trong 404 / no-result */
.m26-searchform{display:flex;gap:8px;max-width:460px}
.m26-searchform input[type=search],.m26-searchform input:not([type]){flex:1;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--paper);font-family:inherit;font-size:.95rem;color:var(--ink)}
.m26-searchform button{padding:12px 20px;border-radius:12px;border:none;background:var(--red-600);color:#fff;font-weight:700;cursor:pointer}
.m26-searchform button:hover{background:var(--red-700)}
.m26-noresult{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px 32px;box-shadow:var(--shadow-sm)}
.m26-noresult h2{font-size:1.3rem;color:var(--red-800);margin-bottom:8px}
.m26-noresult p{color:var(--ink-soft);margin-bottom:18px}

/* Sidebar 2026 */
.m26-side{display:flex;flex-direction:column;gap:20px}
.m26-side .banner{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);display:block}
.m26-side .banner img{width:100%;height:auto;display:block;transition:transform .5s}
.m26-side .banner:hover img{transform:scale(1.04)}
.m26-widget{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-sm)}
.m26-widget h3{font-size:1rem;font-weight:800;color:var(--red-800);margin-bottom:14px;display:flex;align-items:center;gap:9px}
.m26-widget h3::before{content:"";width:6px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--gold-500),var(--red-600))}
.m26-doclist{display:flex;flex-direction:column}
.m26-doclist a{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);font-size:.92rem;font-weight:600;line-height:1.45;color:var(--ink)}
.m26-doclist a:last-child{border-bottom:none;padding-bottom:0}
.m26-doclist a:hover{color:var(--red-600)}
.m26-doclist svg{width:17px;height:17px;color:var(--red-600);flex-shrink:0;margin-top:2px}
.m26-widget select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font-family:inherit;font-size:.92rem;color:var(--ink)}
.m26-widget iframe{border-radius:10px;width:100%;border:none;display:block}

/* Thư viện media (audio / video / nhạc / bảo tàng) */
.m26-libgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:980px){.m26-libgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.m26-libgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.m26-libgrid{grid-template-columns:1fr}}
.m26-card .ph{position:relative}
.m26-badge2{position:absolute;left:10px;bottom:10px;z-index:2;background:var(--red-600);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.03em;padding:5px 10px;border-radius:8px;display:inline-flex;gap:5px;align-items:center;box-shadow:0 4px 10px -3px rgba(0,0,0,.45)}
.m26-badge2 svg{width:13px;height:13px}
.m26-card .cbody h4.tt{font-size:.98rem;font-weight:700;line-height:1.34;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.m26-card .cbody h4.tt a{color:var(--ink)}
.m26-card .cbody h4.tt a:hover{color:var(--red-600)}
/* Placeholder cho thẻ không có ảnh */
.m26-ph-empty{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 15%,var(--red-600),var(--red-800))}
.m26-ph-empty svg{width:34%;height:34%;color:rgba(248,218,134,.5)}

/* Chi tiết media (player) */
.m26-mediatop{display:grid;grid-template-columns:1.9fr 1fr;gap:26px;align-items:start;margin-bottom:12px}
@media(max-width:900px){.m26-mediatop{grid-template-columns:1fr}}
.m26-player{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}
.m26-player .frame{aspect-ratio:16/9;background:#000;position:relative}
.m26-player .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.m26-player .frame .noembed{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.7);font-size:.95rem}
.m26-player .cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ivory-2)}
.m26-player .cover img{width:100%;height:100%;object-fit:cover}
.m26-player .audio-wrap{padding:20px 22px}
.m26-player audio{width:100%;display:block}
.m26-mediainfo{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm)}
.m26-mediainfo h1{font-size:1.28rem;font-weight:800;line-height:1.32;color:var(--red-800);margin-bottom:14px}
.m26-views{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;color:var(--ink-soft);background:var(--ivory-2);padding:6px 12px;border-radius:9px}
.m26-views svg{width:16px;height:16px}
.m26-mediabtns{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.m26-mediabtns .b{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font-weight:700;font-size:.92rem;cursor:pointer;transition:.2s}
.m26-mediabtns .b-play{border:none;background:var(--red-600);color:#fff}
.m26-mediabtns .b-play:hover{background:var(--red-700)}
.m26-mediabtns .b-dl{border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.m26-mediabtns .b-dl:hover{border-color:var(--gold-500);color:var(--red-700)}
.m26-mediabtns .b[disabled],.m26-mediabtns .b.is-disabled{opacity:.5;pointer-events:none}
.m26-mediabtns .b svg{width:17px;height:17px}
.m26-secttl{display:flex;align-items:center;gap:14px;margin:44px 0 20px}
.m26-secttl h3{font-size:1.3rem;font-weight:800;color:var(--red-800);white-space:nowrap;margin:0}
.m26-secttl .ln{flex:1;height:2px;background:linear-gradient(90deg,var(--gold-500),transparent)}

/* Văn bản & Tài liệu */
.m26-docfilter{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:1fr 240px auto;gap:12px;align-items:end;margin-bottom:24px;box-shadow:var(--shadow-sm)}
.m26-docfilter label{font-size:.8rem;font-weight:600;color:var(--ink-soft);display:block;margin-bottom:5px}
.m26-docfilter input,.m26-docfilter select{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font-family:inherit;font-size:.95rem;color:var(--ink)}
.m26-docfilter button{padding:11px 22px;border-radius:10px;border:none;background:var(--red-600);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.m26-docfilter button:hover{background:var(--red-700)}
.m26-docfilter svg{width:16px;height:16px}
@media(max-width:760px){.m26-docfilter{grid-template-columns:1fr}}
.m26-doctable{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}
.m26-docrow{display:grid;grid-template-columns:52px 1fr auto auto;gap:16px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line)}
.m26-docrow:last-child{border-bottom:none}
.m26-docrow:hover{background:var(--ivory)}
.m26-docrow .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(24,88,172,.09),rgba(242,193,78,.18));color:var(--red-700);position:relative}
.m26-docrow .ic svg{width:23px;height:23px}
.m26-docrow .ic b{position:absolute;bottom:-3px;right:-4px;font-size:.52rem;font-weight:800;background:var(--red-600);color:#fff;padding:1px 4px;border-radius:5px;letter-spacing:.02em}
.m26-docrow .t a.tt{font-weight:700;color:var(--ink);font-size:1rem;line-height:1.35}
.m26-docrow .t a.tt:hover{color:var(--red-600)}
.m26-docrow .t .m{font-size:.85rem;color:var(--ink-soft);margin-top:3px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.m26-docrow .sz{font-size:.85rem;color:var(--ink-soft);white-space:nowrap}
.m26-docrow .dl{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid var(--red-600);color:var(--red-600);font-size:.85rem;font-weight:700;white-space:nowrap;transition:.2s}
.m26-docrow .dl:hover{background:var(--red-600);color:#fff}
.m26-docrow .dl svg{width:15px;height:15px}
@media(max-width:680px){.m26-docrow{grid-template-columns:44px 1fr;gap:12px}.m26-docrow .sz{display:none}.m26-docrow .dl{grid-column:2;justify-self:start;margin-top:4px}}
.m26-dlbtn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:13px;background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--red-900);font-weight:700;box-shadow:0 14px 30px -14px rgba(242,193,78,.7);transition:transform .2s}
.m26-dlbtn:hover{transform:translateY(-2px)}
.m26-dlbtn svg{width:19px;height:19px}
.m26-fileinfo{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink-soft);background:var(--ivory-2);padding:7px 14px;border-radius:10px;margin-bottom:18px}

/* Sách (chi tiết + danh sách) */
.m26-bookhero{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:start;margin-bottom:8px}
@media(max-width:760px){.m26-bookhero{grid-template-columns:1fr;justify-items:center;text-align:center}}
.m26-bookcover{width:100%;max-width:280px;aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);background:var(--ivory-2)}
.m26-bookcover img{width:100%;height:100%;object-fit:cover}
.m26-bookmeta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.m26-pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:6px 12px;border-radius:9px;background:var(--ivory-2);color:var(--red-700)}
.m26-pill.red{background:var(--red-600);color:#fff}
.m26-pill svg{width:14px;height:14px}
.m26-bookhero h1{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:var(--red-800);margin-bottom:14px;line-height:1.25}
.m26-bookdesc{color:var(--ink);line-height:1.7;margin-bottom:22px}
.m26-bookbtns{display:flex;flex-wrap:wrap;gap:10px;justify-content:inherit}
.m26-readbtn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:13px;border:none;background:var(--red-600);color:#fff;font-weight:700;cursor:pointer;transition:.2s}
.m26-readbtn:hover{background:var(--red-700)}
.m26-readbtn[disabled]{opacity:.5;pointer-events:none}
.m26-readbtn svg{width:18px;height:18px}
.m26-backbtn{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:600;font-size:.9rem;white-space:nowrap;transition:border-color .25s,color .25s,box-shadow .25s}
.m26-backbtn svg{width:18px;height:18px;flex:none;transition:transform .25s}
.m26-backbtn:hover{border-color:var(--gold-500);color:var(--red-700);box-shadow:0 10px 24px -12px rgba(8,30,59,.35)}
.m26-backbtn:hover svg{transform:translateX(-4px)}
.m26-bookgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
@media(max-width:1080px){.m26-bookgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.m26-bookgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:460px){.m26-bookgrid{grid-template-columns:repeat(2,1fr)}}
.m26-bookcard .cov{aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--ivory-2);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}
.m26-bookcard:hover .cov{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.m26-bookcard .cov img{width:100%;height:100%;object-fit:cover}
.m26-bookcard .bt{font-size:.9rem;font-weight:700;line-height:1.35;margin-top:10px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m26-bookcard:hover .bt{color:var(--red-600)}
.m26-bookcard .rc{font-size:.78rem;color:var(--ink-soft);margin-top:4px;display:flex;align-items:center;gap:5px}
.m26-bookcard .rc svg{width:13px;height:13px}

/* Bảo tàng 3D (iframe) */
.m26-iframe3d{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:var(--shadow-md)}
.m26-iframe3d iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:768px){.m26-iframe3d{aspect-ratio:3/4}}
.m26-iframe-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.m26-iframe-note{color:var(--ink-soft);font-size:.86rem}
.m26-fs-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:11px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:700;font-size:.86rem;cursor:pointer}
.m26-fs-btn:hover{border-color:var(--gold-500);color:var(--red-700)}
.m26-fs-btn svg{width:16px;height:16px}

/* Landing Không gian VH Hồ Chí Minh */
.m26-hcmsec{margin-bottom:58px}
.m26-hcmhead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--line);position:relative}
.m26-hcmhead::after{content:"";position:absolute;left:0;bottom:-2px;width:72px;height:2px;background:linear-gradient(90deg,var(--red-600),var(--gold-500))}
.m26-hcmhead h2{font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:800;color:var(--red-800);margin:0;text-transform:uppercase}
.m26-hcmhead .more{font-size:.85rem;font-weight:700;color:var(--red-600);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.m26-hcmhead .more:hover{gap:10px}
.m26-hcmbanner{width:100%;border-radius:16px;margin-bottom:26px;box-shadow:var(--shadow-sm)}

/* Gương sáng học Bác (giữ AJAX search + load-more) */
.guong-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.guong-type-summary{display:flex;gap:18px;font-size:.9rem;font-weight:600;color:var(--ink-soft)}
.guong-type-summary span{display:inline-flex;align-items:center;gap:6px}
.guong-search-wrap{position:relative;display:flex;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0 14px;min-width:min(320px,100%)}
.guong-search-wrap i{color:var(--ink-soft);font-style:normal}
.guong-search-input{border:none;background:none;padding:12px 10px;font-family:inherit;font-size:.92rem;color:var(--ink);width:100%;outline:none}
.guong-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;transition:opacity .2s}
@media(max-width:980px){.guong-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.guong-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.guong-grid{grid-template-columns:1fr}}
.guong-grid.is-loading{opacity:.5}
.guong-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .3s,box-shadow .3s}
.guong-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.guong-card-thumb{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(120% 120% at 30% 15%,#1858AC,#13407B)}
.guong-card-thumb img{width:100%;height:100%;object-fit:cover}
.guong-type-badge{position:absolute;left:10px;top:10px;background:var(--red-600);color:#fff;font-size:.68rem;font-weight:800;padding:5px 10px;border-radius:8px}
.guong-card-body{display:flex;flex-direction:column;gap:6px;padding:15px 17px 17px;flex:1}
.guong-item-type{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red-600)}
.guong-card-title{font-size:1rem;font-weight:700;line-height:1.32;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.guong-card-meta{font-size:.84rem;color:var(--ink-soft)}
.guong-card-quote{font-size:.85rem;color:var(--ink-soft);font-style:italic;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.guong-card-date{font-size:.78rem;color:var(--ink-soft);margin-top:auto;padding-top:4px}
.guong-card-action{font-size:.82rem;font-weight:700;color:var(--red-600)}
.guong-loadmore-wrap{text-align:center;margin-top:26px}
.guong-load-more{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:12px;border:none;background:var(--red-600);color:#fff;font-weight:700;cursor:pointer}
.guong-load-more:hover{background:var(--red-700)}
.guong-load-more[disabled]{opacity:.6}
.guong-empty{text-align:center;color:var(--ink-soft);padding:16px}
.guong-lightbox{display:none}
.d-none{display:none!important}

/* Form (Góp ý) */
.m26-form{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:30px 34px;box-shadow:var(--shadow-sm)}
.m26-form .intro{color:var(--ink-soft);margin-bottom:22px;line-height:1.7}
.m26-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.m26-form-grid .full{grid-column:1/-1}
@media(max-width:640px){.m26-form-grid{grid-template-columns:1fr}}
.m26-field label{display:block;font-size:.88rem;font-weight:600;color:var(--ink);margin-bottom:7px}
.m26-field label .req{color:var(--red-600)}
.m26-field label .opt{color:var(--ink-soft);font-weight:400;font-size:.82rem}
.m26-field input,.m26-field textarea,.m26-field select{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:var(--paper);font-family:inherit;font-size:.95rem;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.m26-field input:focus,.m26-field textarea:focus,.m26-field select:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px rgba(242,193,78,.22)}
.m26-field select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231858AC' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.m26-field textarea{resize:vertical;min-height:130px}
.m26-field input[type=file]{padding:9px 12px;cursor:pointer}
.m26-field .hint{font-size:.8rem;color:var(--ink-soft);margin-top:5px}
.m26-form .recaptcha-note{font-size:.82rem;color:var(--ink-soft)}
.m26-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.m26-form-actions .submit{padding:13px 30px;border-radius:12px;border:none;background:var(--red-600);color:#fff;font-weight:700;cursor:pointer;transition:.2s}
.m26-form-actions .submit:hover{background:var(--red-700)}
.m26-form-actions .submit[disabled]{opacity:.6;cursor:default}
.m26-form-actions .reset{padding:13px 24px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:700;cursor:pointer}
.m26-form-actions .reset:hover{border-color:var(--gold-500)}
.m26-form.was-validated input:invalid,.m26-form.was-validated textarea:invalid,.m26-form.was-validated select:invalid{border-color:var(--red-500);box-shadow:0 0 0 3px rgba(34,112,213,.15)}

/* Shim Bootstrap grid tối thiểu cho trang bản đồ (tự style, chỉ mượn grid) */
.m26 .container{width:100%;max-width:1200px;margin:0 auto;padding-right:16px;padding-left:16px}
.m26 .container-fluid{width:100%;padding-right:16px;padding-left:16px}
.m26 .row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}
.m26 [class*=" col-"],.m26 [class^="col-"]{position:relative;width:100%;padding-right:12px;padding-left:12px}
.m26 .col-12{flex:0 0 100%;max-width:100%}
.m26 .col-lg-12{flex:0 0 100%;max-width:100%}
.m26 .col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}
.m26 .col-lg-6,.m26 .col-md-6{flex:0 0 50%;max-width:50%}
.m26 .col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}
.m26 .col-lg-3{flex:0 0 25%;max-width:25%}
@media(max-width:992px){.m26 .col-lg-8,.m26 .col-lg-6,.m26 .col-lg-4,.m26 .col-lg-3{flex:0 0 100%;max-width:100%}}
@media(max-width:768px){.m26 .col-md-6{flex:0 0 100%;max-width:100%}}
.m26 .py-60{padding-top:40px;padding-bottom:40px}
.m26-mapintro{color:var(--ink-soft);margin:0 0 18px}

/* Ẩn breadcrumb yoast cũ (trang map giữ markup cũ) vì phero đã có breadcrumb 2026 */
.m26 #breadcrumbs{display:none}
.m26 .news_single > .container > .row > [class*="col-"] > .breadcrumb:empty{display:none}
/* Style nút chia sẻ cũ (.social-btn) còn sót trên vài trang map */
.m26 .social-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;margin-bottom:14px}
.m26 .social-btn:hover{border-color:var(--gold-500);color:var(--red-700)}

/* 404 */
.m26-404{text-align:center;padding:30px 0}
.m26-404 .big{font-family:'Playfair Display',serif;font-size:clamp(6rem,20vw,11rem);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--red-600),var(--gold-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.m26-404 p{color:var(--ink-soft);font-size:1.1rem;margin:6px 0 24px}
.m26-404 .m26-searchform{margin:22px auto 0}

/* ===== NÚT LÊN ĐẦU TRANG ===== */
.m26-top{position:fixed;right:20px;bottom:22px;z-index:70;width:48px;height:48px;border:none;border-radius:14px;background:var(--red-600);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-md);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .3s,background .25s}
.m26-top.show{opacity:1;transform:none;pointer-events:auto}
.m26-top:hover{background:var(--red-700)}
/* Ẩn badge reCAPTCHA (giữ nhánh chữ dẫn nguồn trong form để tuân thủ Google) */
.grecaptcha-badge{display:none!important}

/* ===== MÀN HÌNH CHỜ / SPLASH (mobile + PWA) ===== */
#m26-splash{display:none}
@media(max-width:820px){#m26-splash{display:flex}}
@media(display-mode:standalone){#m26-splash{display:flex}}
#m26-splash{position:fixed;inset:0;z-index:100000;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 40%,#174177 0%,#0E2748 56%,#081E3B 100%);
  opacity:1;transition:opacity .5s ease;
  animation:m26splashkill 0s linear 6s forwards} /* fallback: tự ẩn nếu JS không chạy */
#m26-splash.m26-splash--hide{opacity:0;pointer-events:none}
.m26-splash-in{display:flex;flex-direction:column;align-items:center;gap:20px;transform:translateY(-4%)}
.m26-splash-badge{position:relative;width:104px;height:104px;display:grid;place-items:center}
.m26-splash-badge img{width:82px;height:82px;border-radius:50%;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45));animation:m26splashpulse 1.6s ease-in-out infinite}
.m26-splash-badge::before{content:"";position:absolute;inset:0;border-radius:50%;
  border:3px solid rgba(242,193,78,.20);border-top-color:#F2C14E;animation:m26splashspin .9s linear infinite}
.m26-splash-txt{font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:.68rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:#F7D77A;text-align:center}
@keyframes m26splashspin{to{transform:rotate(360deg)}}
@keyframes m26splashpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes m26splashkill{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.m26-splash-badge img,.m26-splash-badge::before{animation:none}}

/* ===== BOTTOM NAV (MOBILE) ===== */
.m26-bnav{display:none}
@media(max-width:820px){
  .m26-bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:75;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg,#0F2F5A,#081E3B);border-top:1px solid rgba(242,193,78,.30);box-shadow:0 -8px 24px rgba(0,0,0,.30)}
  .m26-bn-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:58px;background:none;border:0;padding:0;cursor:pointer;text-decoration:none;color:rgba(255,255,255,.72);font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:color .2s}
  .m26-bnav .m26-bn-item{color:#fff}
  .m26-bn-item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .m26-bn-item span{white-space:nowrap;line-height:1}
  .m26-bn-item.is-active{color:var(--gold-300,#F2C14E)}
  .m26-bn-item.is-active::before{content:"";position:absolute;top:0;width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--gold-300,#F2C14E)}
  .m26-bn-fab{align-self:center;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;transform:translateY(-15px);font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:.6rem;font-weight:800}
  .m26-bn-fab svg{width:54px;height:54px;box-sizing:border-box;padding:14px;border-radius:50%;background:linear-gradient(150deg,#F7D77A,#E4A02F);color:#0F2F5A;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 6px 16px rgba(228,160,47,.5),0 0 0 4px #081E3B;transition:transform .15s}
  .m26-bn-fab span{color:#F7D77A}
  .m26-bn-fab:active svg{transform:scale(.94)}
  /* chừa chỗ cho thanh nav; dời Zalo + nút lên đầu trang lên phía trên nav */
  .m26-foot{margin-bottom:calc(58px + env(safe-area-inset-bottom))}
  .zalo-chat-widget{right:16px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important}
  .m26-top{left:auto;right:16px;bottom:calc(138px + env(safe-area-inset-bottom));width:44px;height:44px}
}

/* ===== REVEAL / KEYFRAMES ===== */
.m26 .reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.m26 .reveal.in{opacity:1;transform:none}
.m26 .reveal.d1{transition-delay:.08s}.m26 .reveal.d2{transition-delay:.16s}.m26 .reveal.d3{transition-delay:.24s}.m26 .reveal.d4{transition-delay:.32s}
@keyframes m26up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes m26rise{to{transform:translateY(0)}}
@keyframes m26spin{to{transform:rotate(360deg)}}
@keyframes m26fadeScale{to{opacity:1;transform:scale(1)}}
@keyframes m26marq{to{transform:translateX(-50%)}}
@keyframes m26bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(7px)}}
@keyframes m26wheel{0%{opacity:0;top:7px}40%{opacity:1}80%{opacity:0;top:20px}100%{opacity:0}}
@keyframes m26twinkle{from{opacity:.55}to{opacity:1}}
@keyframes m26pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes m26rotor{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-25%)}50%,70%{transform:translateY(-50%)}75%,95%{transform:translateY(-75%)}100%{transform:translateY(-100%)}}
@keyframes m26spinrev{to{transform:rotate(-360deg)}}
@keyframes m26halo{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes m26bobFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes m26lotusSway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes m26mote{0%{opacity:0;transform:translateY(30px) scale(.5)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(-140px) scale(1)}}
@media(prefers-reduced-motion:reduce){
  .m26 *{animation-duration:.001s!important;animation-iteration-count:1!important;transition:none!important}
  .m26 .reveal{opacity:1;transform:none}
  .m26-hero .hl .line span{transform:none!important}
  .m26-hero .copy .eyebrow,.m26-hero .lead,.m26-hero .cta-row,.m26-hero .mini,.m26-emblem-stage{opacity:1!important;transform:none!important}
  .m26-rotor .track{animation:none!important}
}

/* ===================== Trang Giới thiệu 2026 (thiết kế lại) ===================== */
.ab-body{overflow:hidden}
.ab-statgrid{grid-template-columns:repeat(3,1fr);max-width:840px;margin:0 auto}
@media(max-width:640px){.ab-statgrid{grid-template-columns:1fr;gap:30px;max-width:320px}.ab-statgrid .m26-stat:not(:last-child)::after{display:none}}
.m26 .reveal.d5{transition-delay:.4s}.m26 .reveal.d6{transition-delay:.48s}
.ab-sec{padding:26px 0}
.ab-head{text-align:center;max-width:720px;margin:0 auto 34px}
.ab-head .eyebrow{justify-content:center}
.ab-head h2{font-family:'Playfair Display',serif;color:var(--red-800);font-size:clamp(1.5rem,3vw,2.15rem);margin-top:12px;line-height:1.22}

/* Dấu mốc thành lập */
.ab-found{display:grid;grid-template-columns:1.35fr .9fr;gap:44px;align-items:center;padding:34px 0 18px}
.ab-found-txt .eyebrow{margin-bottom:14px}
.ab-found-txt h2{font-family:'Playfair Display',serif;color:var(--red-800);font-size:clamp(1.5rem,3vw,2.05rem);line-height:1.25;margin:0 0 16px}
.ab-found-txt p{color:var(--ink-soft);line-height:1.85;margin:0 0 14px}
.ab-found-txt strong{color:var(--red-700)}
.ab-seal{position:relative;width:min(300px,78vw);aspect-ratio:1;margin:0 auto}
.ab-seal-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(201,148,43,.55);animation:m26spin 55s linear infinite}
.ab-seal-ring::after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(201,148,43,.3)}
.ab-seal-body{position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#fff,#FBF7EE 58%,#F3E1B6);border:1px solid rgba(201,148,43,.5);box-shadow:0 22px 50px -22px rgba(8,30,59,.45),inset 0 2px 12px rgba(255,255,255,.7);display:grid;place-content:center;text-align:center;gap:3px;padding:22px}
.ab-seal-star{width:30px;color:var(--gold-600);margin:0 auto 6px;animation:abPulse 3.2s ease-in-out infinite;filter:drop-shadow(0 2px 5px rgba(201,148,43,.5))}
.ab-seal-body .k{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--red-600);font-weight:700}
.ab-seal-body strong{font-family:'Playfair Display',serif;color:var(--red-800);font-size:1.16rem;line-height:1.2;margin:2px 0 4px}
.ab-seal-body .d{font-size:.75rem;color:var(--ink-soft)}
@keyframes abPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.13);opacity:1}}

/* Avatar dùng chung */
.ab-ava{position:relative;width:104px;height:104px;flex:none;display:grid;place-items:center}
.ab-ava .ring{position:absolute;inset:0;border-radius:50%;border:2px dashed var(--gold-500);opacity:.7;animation:m26spin 44s linear infinite}
.ab-ava .mono{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-family:'Playfair Display',serif;font-weight:800;font-size:2rem;background:radial-gradient(circle at 50% 34%,#FFFBF0,#F3E1B6 68%,#DDB65E);color:var(--red-800);box-shadow:0 8px 20px -8px rgba(8,30,59,.5),inset 0 2px 8px rgba(255,255,255,.6)}
.ab-ava .badge{position:absolute;right:0;bottom:0;width:34px;height:34px;border-radius:50%;background:var(--red-600);color:var(--gold-400);display:grid;place-items:center;box-shadow:0 4px 12px -2px rgba(8,30,59,.5);border:2px solid #fff}
.ab-ava .pic{width:82px;height:82px;border-radius:50%;object-fit:cover;object-position:center 20%;box-shadow:0 8px 20px -8px rgba(8,30,59,.55),inset 0 2px 8px rgba(255,255,255,.25)}
.ab-ava-lead .pic{width:106px;height:106px}
.ab-ava .badge svg{width:18px;height:18px}

/* Chủ tịch nổi bật */
.ab-lead{position:relative;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;max-width:780px;margin:0 auto 40px;padding:30px 36px;border-radius:24px;color:#fff;overflow:hidden;background:linear-gradient(120deg,#10386C,#081E3B 72%);box-shadow:0 34px 74px -34px rgba(8,30,59,.7)}
.ab-lead::before{content:"";position:absolute;top:-46%;right:-12%;width:360px;height:360px;background:repeating-conic-gradient(from 0deg,rgba(248,218,134,.13) 0 1deg,transparent 1deg 9deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000,transparent 70%);mask:radial-gradient(circle,#000,transparent 70%);animation:m26spin 90s linear infinite;pointer-events:none}
.ab-lead>*{position:relative;z-index:1}
.ab-ava-lead{width:132px;height:132px}
.ab-ava-lead .mono{width:106px;height:106px;font-size:2.7rem}
.ab-ava-lead .ring{border-color:var(--gold-400);opacity:.85}
.ab-lead-info .pill{display:inline-block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--red-800);background:linear-gradient(90deg,var(--gold-400),var(--gold-500));padding:5px 14px;border-radius:999px}
.ab-lead-info h3{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);color:#fff;margin:13px 0 6px;line-height:1.15}
.ab-lead-info .role{color:var(--gold-400);font-weight:600;margin:0 0 4px}
.ab-lead-info .tag{color:rgba(255,255,255,.72);font-size:.9rem;margin:0}

/* Lưới 5 Phó Chủ tịch */
.ab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ab-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px 22px 24px;text-align:center;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.ab-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--gold-500),var(--red-500));transform:scaleX(0);transform-origin:left;transition:transform .45s}
.ab-card:hover{transform:translateY(-6px);box-shadow:0 26px 52px -26px rgba(8,30,59,.42);border-color:rgba(201,148,43,.4)}
.ab-card:hover::before{transform:scaleX(1)}
.ab-card:hover .ab-ava .ring{animation-duration:6s}
.ab-card .ab-ava{margin:0 auto 16px}
.ab-card h4{font-family:'Playfair Display',serif;color:var(--red-800);font-size:1.16rem;margin:0 0 4px}
.ab-card .role{color:var(--ink-soft);font-size:.85rem;margin:0 0 15px}
.ab-chip{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;color:var(--red-700);background:var(--ivory-2);border:1px solid rgba(201,148,43,.3);padding:7px 13px;border-radius:999px}
.ab-chip svg{width:15px;height:15px;color:var(--gold-600);flex:none}
.ab-tag{display:block;margin-top:11px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-700,#A9791F);font-weight:700}

/* Thư viện ảnh */
.ab-gallery{display:grid;grid-template-columns:1fr 1.55fr;gap:26px;align-items:stretch}
.ab-gallery.ab-gallery-single{grid-template-columns:1fr;max-width:880px;margin:0 auto}
.ab-photo{position:relative;margin:0;border-radius:18px;overflow:hidden;box-shadow:0 26px 60px -30px rgba(8,30,59,.5)}
.ab-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.ab-photo.tall img{min-height:430px}
.ab-photo.wide img{min-height:430px}
.ab-photo:hover img{transform:scale(1.06)}
.ab-photo .fr{position:absolute;inset:12px;border:1px solid rgba(248,218,134,.55);border-radius:11px;pointer-events:none;z-index:2}
.ab-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,30,59,.32),transparent 42%);pointer-events:none}

/* CTA */
.ab-cta{position:relative;text-align:center;color:#fff;border-radius:26px;padding:52px 28px;overflow:hidden;margin-top:22px;background:linear-gradient(120deg,#10386C,#081E3B 72%)}
.ab-cta::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg,rgba(248,218,134,.08) 0 1.2deg,transparent 1.2deg 9deg);-webkit-mask:radial-gradient(circle at 50% 40%,#000,transparent 62%);mask:radial-gradient(circle at 50% 40%,#000,transparent 62%);animation:m26spin 120s linear infinite;pointer-events:none}
.ab-cta>*{position:relative;z-index:1}
.ab-cta h2{font-family:'Playfair Display',serif;color:#fff;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 10px}
.ab-cta p{color:rgba(255,255,255,.82);max-width:54ch;margin:0 auto 24px;line-height:1.7}
.ab-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ab-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:12px;font-weight:700;font-size:.9rem;transition:transform .25s,box-shadow .25s}
.ab-btn svg{width:18px;height:18px}
.ab-btn.gold{background:linear-gradient(90deg,var(--gold-400),var(--gold-500));color:var(--red-800)}
.ab-btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.42)}
.ab-btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px -12px rgba(0,0,0,.5)}

@media(max-width:900px){.ab-found{grid-template-columns:1fr;gap:30px}.ab-found .ab-seal{order:-1}.ab-grid{grid-template-columns:repeat(2,1fr)}.ab-gallery{grid-template-columns:1fr}}
@media(max-width:600px){.ab-grid{grid-template-columns:1fr}.ab-lead{grid-template-columns:1fr;text-align:center;justify-items:center;padding:28px 22px}.ab-lead::before{display:none}}

/* ===== Huy hiệu búa liềm (Đảng) góc phải hero trang chủ ===== */
/* trùng khung .m26-hero .rays (top:-30%;right:-10%;900px) để logo nằm đúng TÂM vầng sáng */
.hero-dang{position:absolute;top:-30%;right:-10%;width:900px;height:900px;z-index:2;display:grid;place-items:center;pointer-events:none}
.hero-dang>*{grid-area:1/1}
.hero-dang .ring{width:132px;height:132px;animation:m26spin 90s linear infinite}
.hero-dang .logo{width:99px;height:99px;border-radius:50%;object-fit:cover;transform:scale(1.05);filter:drop-shadow(0 5px 14px rgba(0,0,0,.5))}
@media(max-width:1040px){.hero-dang .ring{width:106px;height:106px}.hero-dang .logo{width:80px;height:80px}}
@media(max-width:760px){.hero-dang{display:none}}

/* ===== Lightbox (gương sáng HCM) ===== */
.guong-card-thumb{cursor:zoom-in}
.m26-lb{position:fixed;inset:0;z-index:9999;background:rgba(4,11,20,.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}
.m26-lb.open{display:flex;opacity:1}
.m26-lb-fig{margin:0;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:14px}
.m26-lb-fig img{max-width:92vw;max-height:78vh;border-radius:12px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);object-fit:contain;background:#081629}
.m26-lb-fig figcaption{color:#F8DA86;font-weight:600;text-align:center;max-width:70ch;font-size:.95rem;padding:0 16px}
.m26-lb-close{position:absolute;top:18px;right:22px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(248,218,134,.4);background:rgba(0,0,0,.35);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.m26-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(248,218,134,.4);background:rgba(0,0,0,.35);color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.m26-lb-nav:hover,.m26-lb-close:hover{background:rgba(201,148,43,.55)}
.m26-lb-prev{left:20px}.m26-lb-next{right:20px}
@media(max-width:560px){.m26-lb-nav{width:44px;height:44px;font-size:1.6rem}.m26-lb-prev{left:8px}.m26-lb-next{right:8px}.m26-lb-close{top:10px;right:12px}}

/* ==================================================================
   HEADER: nút "…" cho mục tràn + ô tìm kiếm
   Menu + nút CTA cần ~1450px mới đủ chỗ, nhưng ngưỡng hamburger là
   1220px -> khoảng 1221–1679px bị bỏ rơi: menu hiện mà CTA bị cắt.
   JS (m26-nav-overflow) đo chỗ còn lại rồi dồn mục thừa vào nút "…".
   ================================================================== */

.m26-more{position:relative;flex:none}
.m26-more[hidden]{display:none}
.m26-more-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s}
.m26-more-btn svg{width:20px;height:20px}
.m26-more-btn:hover{background:rgba(0,0,0,.06)}
.m26-more-list{position:absolute;top:calc(100% + 6px);right:0;min-width:250px;max-height:70vh;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:8px;margin:0;list-style:none;display:none;z-index:30}
.m26-more.open .m26-more-list{display:block}
.m26-more-list li{list-style:none;position:relative}
.m26-more-list a{display:block;padding:9px 12px;font-size:.86rem;font-weight:600;border-radius:8px;color:var(--ink);white-space:normal}
.m26-more-list a:hover{background:var(--ivory-2);color:var(--red-700)}
/* Mục có menu con: đổ thẳng ra thành danh sách thụt vào, không xổ ngang trong dropdown */
.m26-more-list ul{list-style:none;margin:2px 0 6px;padding:0 0 0 12px;border-left:2px solid var(--line)}
.m26-more-list ul a{font-weight:500;font-size:.83rem;opacity:.9}

/* --- tìm kiếm --- */
.m26-search{position:relative;display:flex;align-items:center;flex:none}
.m26-search-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s}
.m26-search-btn svg{width:19px;height:19px}
.m26-search-btn:hover{background:rgba(0,0,0,.06)}
.m26-search-form{position:absolute;top:calc(100% + 6px);right:0;display:flex;align-items:center;gap:4px;width:0;padding:0;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:width .22s ease,opacity .18s ease,padding .22s ease;z-index:30}
.m26-search.open .m26-search-form{width:min(330px,calc(100vw - 40px));padding:6px;opacity:1;pointer-events:auto}
.m26-search-form input{flex:1;min-width:0;height:34px;padding:0 10px;border:0;outline:0;background:transparent;color:var(--ink);font-size:.88rem}
.m26-search-go{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:9px;background:var(--red-700);color:#fff;cursor:pointer}
.m26-search-go svg{width:17px;height:17px}

/* Trang có hero ảnh: chữ header màu trắng khi chưa cuộn -> icon phải theo */
.mttq2026-has-hero .m26-head:not(.scrolled) .m26-more-btn,
.mttq2026-has-hero .m26-head:not(.scrolled) .m26-search-btn{color:rgba(255,255,255,.9)}
.mttq2026-has-hero .m26-head:not(.scrolled) .m26-more-btn:hover,
.mttq2026-has-hero .m26-head:not(.scrolled) .m26-search-btn:hover{background:rgba(255,255,255,.14)}

/* Khối header được rộng hơn thân trang.
   --wrap = 1220px là bề ngang NỘI DUNG bài viết — hợp cho khổ chữ dễ đọc,
   nhưng header thì cần chỗ cho logo + 6 mục menu + tìm kiếm + nút CTA (~1450px).
   Trước đây header vẫn bó trong 1220 nên nội dung TRÀN ra ngoài khối: màn rộng
   thì không ai thấy, màn 13" thì nút CTA bị cắt mất. Nới khối header ra để màn
   lớn hiện đủ mục, còn màn hẹp thì nút "…" lo phần thừa. */
.m26-head .head-inner{max-width:1640px}

/* Dưới ngưỡng hamburger: menu ngang, "…" và tìm kiếm đều nhường chỗ cho drawer */
@media(max-width:1220px){
	.m26-more,.m26-search{display:none}
}