/* ==========================================================================
   News & events page ".ohio-evp" (template-parts/ohio-archive-events.php + inc/v2/listing-events-blocks.php).
   Figma "Tin tức sự kiện - v2" frame 3409:14940 (1920; content x 314–1594), mobile 3638:11579. Frame px in comments.
   Card base: css/ohio-archive.css. Type = Style Guide 3655:10163.
   ========================================================================== */
.ohio-evp .ohio-container{max-width:1320px}
.ohio-evp .ohio-arch__head{padding:53px 0 0}                                   /* crumbs y 213.3 (header ends 160) */
.ohio-evp .ohio-arch__head .ohio-h1{margin:13px 0 0}                           /* H1 242.7 */
.ohio-evp .ohio-arch__head .ohio-text{margin:19px 0 0}                         /* text 320.6 */
.ohio-evp .ohio-pc{border-color:var(--ohio-purple-100)}
.ohio-evp .ohio-pc__chip{padding:4px 10px;font-size:12px;line-height:16px}
.ohio-evp .ohio-pc__head{display:flex;align-items:center;gap:12px}
.ohio-evp .ohio-pc__date{font:400 12px/15px var(--ohio-font-body);color:var(--ohio-text-muted)}
.ohio-evp .ohio-btn--link{font-size:14px;line-height:18px}

/* Tin nổi bật: big 314,464.3 (image 455.5 tall) + 2 side cards 428.7×437.4, gap 22 */
.ohio-evp__feat{margin-top:65px}                                                /* H2 408.8 */
.ohio-evp__feat > .ohio-h2{margin-bottom:12px}
.ohio-evp__feat-grid{display:grid;grid-template-columns:minmax(0,1fr) 428px;gap:16px;align-items:stretch}
.ohio-evp .ohio-pc--big .ohio-pc__img{aspect-ratio:auto;height:455px}
.ohio-evp .ohio-pc--big .ohio-pc__body{gap:0;padding:29px 29px 32px}
.ohio-evp .ohio-pc--big .ohio-pc__title{margin-top:13px;font:600 var(--ohio-h3-size)/var(--ohio-h3-lh) var(--ohio-font-head);color:var(--ohio-text-heading)} /* 987.1 */
.ohio-evp .ohio-pc--big .ohio-pc__ex{flex:none;margin-top:21px;font:400 var(--ohio-body-size)/var(--ohio-body-lh) var(--ohio-font-body);color:var(--ohio-text-body);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}                     /* 1074.8 */
.ohio-evp .ohio-pc--big .ohio-pc__cta{margin-top:14px}                         /* button 1138.3, 178×44 */
.ohio-evp__side{display:grid;grid-template-rows:1fr 1fr;gap:22px}
.ohio-evp__side .ohio-pc__img{aspect-ratio:auto;height:249px}
.ohio-evp__side .ohio-pc__body{gap:0;padding:10px 19px 17px}
.ohio-evp__side .ohio-pc__title{margin-top:9px;font:600 16px/24px var(--ohio-font-body)}                   /* 759.2 */
.ohio-evp__side .ohio-pc__ex,.ohio-evp__list .ohio-pc__ex{flex:none;margin-top:6px;font:400 var(--ohio-caption-size)/var(--ohio-caption-lh) var(--ohio-font-body);color:var(--ohio-text-body);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ohio-evp__side .ohio-btn--link{margin-top:14px}                               /* 851.6 */

/* Sự kiện OHIO: H2 1409.3, cards 1471.3 412.3×295 gap 21, date box 88×98 */
.ohio-ev{margin-top:48px}
.ohio-ev__head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.ohio-ev__all{display:inline-flex;align-items:center;gap:8px;flex:none;font:600 14px/20px var(--ohio-font-body);color:var(--ohio-purple-700)}
.ohio-ev__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.ohio-ev__card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:0 18px;min-height:295px;padding:20px;box-sizing:border-box;
  border:1px solid var(--ohio-purple-100);border-radius:var(--ohio-radius-l);background:#FCFBFE}
.ohio-ev__date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:98px;box-sizing:border-box;
  border:1px solid var(--ohio-purple-200);border-radius:var(--ohio-radius-m);background:#fff;color:var(--ohio-purple-700)}
.ohio-ev__date strong{font:700 24px/30px var(--ohio-font-body)}
.ohio-ev__date span{font:700 12px/15px var(--ohio-font-body);text-transform:uppercase}
.ohio-ev__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ohio-ev__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--ohio-neutral-100);font:600 12px/15px var(--ohio-font-body);color:#5A5168}
.ohio-ev__badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ohio-ev__t{margin:11px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ohio-ev__t a{color:inherit}
.ohio-ev__meta{display:flex;align-items:center;gap:8px;margin:8px 0 0;font:400 var(--ohio-caption-size)/var(--ohio-caption-lh) var(--ohio-font-body);color:var(--ohio-text-body)}
.ohio-ev__ex{margin:10px 0 0;font:400 var(--ohio-caption-size)/var(--ohio-caption-lh) var(--ohio-font-body);color:var(--ohio-text-body);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ohio-ev__btn{grid-column:1/-1;justify-self:center;align-self:end;margin-top:16px;gap:8px}
.ohio-ev__t{-webkit-line-clamp:3}
.ohio-ev__meta + .ohio-ev__meta{margin-top:6px}                                 /* place row 3409:15116 */
/* upcoming card (3409:15095): white card, Tim 700 date box, green badge #DDF3E6/#1F6B45, level-2 button + calendar */
.ohio-ev__date .ohio-ev__mm{font:inherit;text-transform:none}                     /* "THG [mm]" keeps the placeholder lowercase */
.ohio-ev__card.is-up{background:#fff}
.ohio-ev__card.is-up .ohio-ev__date{border-color:var(--ohio-purple-700);background:var(--ohio-purple-700);color:#fff}
.ohio-ev__card.is-up .ohio-ev__badge{background:#DDF3E6;color:#1F6B45}

/* Tin tức mới nhất: H2 1814.3, count 1862, cards 1899.8 410.7×433.9 gap 24 */
.ohio-evp__list{margin-top:48px}
.ohio-evp__list .ohio-arch__count{margin:3px 0 19px}
.ohio-evp__list .ohio-pc__body{gap:0;padding:18px 20px 28px}
.ohio-evp__list .ohio-pc__title{margin-top:11px;font:600 var(--ohio-lead-size)/var(--ohio-lead-lh) var(--ohio-font-body);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}               /* 2183.5 */
.ohio-evp__list .ohio-pc__ex{flex:1}
.ohio-evp__list .ohio-btn--link{margin-top:4px}
.ohio-evp .ohio-pager{gap:7px;margin:40px 0 16px}                               /* pager 2831, 44×44 */
.ohio-evp .ohio-pager .page-numbers{min-width:44px;height:44px;border-radius:var(--ohio-radius-s);border-color:var(--ohio-purple-200);color:var(--ohio-purple-900)}
.ohio-evp .ohio-pager .page-numbers.current{background:var(--ohio-purple-700);border-color:var(--ohio-purple-700);color:#fff}

/* Báo chí nói về OHIO: band 234–1674 × 2987.1–4180.8 #F7F3FB, cards 409.7×444.9 gap 25 */
.ohio-evp__press{max-width:1440px;margin:80px auto 0;padding:21px 0 54px;background:var(--ohio-bg-soft)}
.ohio-evp__press .ohio-caption{margin:8px 0 27px;color:var(--ohio-text-body)}   /* 3060.9 */
.ohio-evp__press .ohio-arch__grid--3{gap:25px}
.ohio-pc--press .ohio-pc__src{display:flex;justify-content:space-between;align-items:center;height:55px;padding:0 19px 0 15px}
.ohio-pc--press .ohio-pc__logo{display:block;width:86px;height:35px;overflow:hidden}
.ohio-pc--press .ohio-pc__logo img{width:100%;height:100%;object-fit:cover}
.ohio-pc--press .ohio-pc__tag{display:inline-flex;align-items:center;gap:5px;font:400 12px/15px var(--ohio-font-body);color:var(--ohio-text-muted)}
.ohio-pc--press .ohio-pc__body{gap:0;padding:16px 18px 24px}
.ohio-pc--press .ohio-pc__title{font:600 16px/21px var(--ohio-font-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* 3410.4 */
.ohio-pc--press .ohio-pc__ex{margin-top:10px;font:400 var(--ohio-caption-size)/var(--ohio-caption-lh) var(--ohio-font-body);color:var(--ohio-text-body);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ohio-pc__foot{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px;font:400 12px/15px var(--ohio-font-body);color:var(--ohio-text-muted)}
.ohio-pc__read{display:inline-flex;align-items:center;gap:6px;font:600 14px/18px var(--ohio-font-body);color:var(--ohio-purple-700)}
.ohio-evp__press-more{margin:52px 0 0;text-align:center}                        /* button 832.5,4074.4 243×52 */

/* Khoảnh khắc: H2 4228.9, grid 4290 (big 764×430 + 2 columns × 3 rows) */
.ohio-mo{margin-top:48px}
.ohio-mo .ohio-ev__head{margin-bottom:17px}
.ohio-mo__lib{gap:8px;flex:none}
.ohio-mo__grid{display:grid;grid-template-columns:minmax(0,764fr) minmax(0,252fr) minmax(0,252fr);grid-template-rows:repeat(3,1fr);gap:8px 6px;height:430px}
.ohio-mo__i{display:block;border-radius:var(--ohio-radius-s);overflow:hidden;background:var(--ohio-purple-100)}
.ohio-mo__i.is-big{grid-row:1/4;border-radius:var(--ohio-radius-m)}
.ohio-mo__i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ohio-mo__i:hover img{transform:scale(1.04)}
.ohio-mo__mlib{display:none}

/* Đặt lịch banner: 355.3,4805.9 1196.5×287.8, image 677×242 at +25,+23 */
.ohio-evp__book{margin-top:86px;margin-bottom:49px}
.ohio-evp__book-in{display:flex;align-items:center;gap:31px;max-width:1196px;margin:0 auto;padding:23px 25px;box-sizing:border-box;
  border:1px solid var(--ohio-purple-600);border-radius:var(--ohio-radius-l);background:#fff}
.ohio-evp__book-in picture{display:contents}
.ohio-evp__book-in source{display:none}
.ohio-evp__book-in img{flex:0 1 677px;min-width:0;width:677px;height:auto;aspect-ratio:677/242;border-radius:10px;object-fit:cover}
.ohio-evp__book-txt{flex:1;min-width:0}
.ohio-evp__book-txt .ohio-lead{margin:6px 0 24px;max-width:340px}
.ohio-evp__book-txt .ohio-btn{width:396px;max-width:100%}
.ohio-evp .qh_tuvan::before,.ohio-evp .qh_tuvan:not(.ohio-btn--arrow)::after{content:none;display:none}   /* legacy pulse ring on the popup trigger */
.ohio-evp .qh_tuvan.ohio-btn--arrow::after{content:"→";position:static;border:0;opacity:1;animation:none;transform:none}

@media (max-width:1024px){
  .ohio-evp__feat-grid{grid-template-columns:1fr}
  .ohio-evp__side{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .ohio-ev__grid{grid-template-columns:1fr 1fr}
  .ohio-mo__grid{grid-template-columns:2fr 1fr 1fr;height:auto;aspect-ratio:1280/430}
  .ohio-evp__book-in{flex-direction:column;align-items:stretch}
  .ohio-evp__book-in img{flex:none;width:100%;height:auto}
}
/* 767 and below: css/ohio-listing-events-mobile.css (Figma 3638:11580) */