/* ==========================================================================
   News & events page ".ohio-evp" at 767 px and below — Figma "Tin tức & sự kiện – Mobile" frame 3638:11580
   (390 wide; page px = frame px). Sections: title 3638:11658 (p20), featured 3638:11692 (p20, gap 20),
   events 3638:11779 (soft, p40/20), latest 3638:11839 (p20), press 3638:11934 (soft, p40/20),
   moments 3638:11955 (p20, gap 16), booking 3638:11965 (soft, p40/20). Desktop: css/ohio-listing-events.css.
   ========================================================================== */
@media (min-width:768px){.ohio-evp__next{display:none}}
@media (max-width:767px){
  /* title: crumbs 84 12/20, bar 116, H1 127, text 169 15/24 muted; ends 261 */
  .ohio-evp .ohio-arch__head{padding:20px 0}
  .ohio-evp .ohio-crumbs{gap:6px;font:400 12px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-evp .ohio-crumbs span:not([aria-current]){color:var(--ohio-neutral-300)}
  .ohio-evp .ohio-crumbs [aria-current]{font-weight:600;color:var(--ohio-purple-700)}
  .ohio-evp .ohio-arch__head .ohio-h1{margin:12px 0 0}
  .ohio-evp .ohio-arch__head .ohio-text{margin:8px 0 0;color:var(--ohio-text-muted)}
  .ohio-evp .ohio-arch__head .ohio-h1::before,.ohio-evp__feat > .ohio-h2::before,.ohio-ev .ohio-h2::before,
  .ohio-evp__list > .ohio-h2::before,.ohio-evp__press .ohio-h2::before,.ohio-mo .ohio-h2::before{
    content:"";display:block;width:32px;height:3px;margin:0 0 8px;border-radius:2px;background:var(--ohio-cta)}

  /* cards: white, 1px #eceaf0; chip 600 12/20 p4/10 purple-50 */
  .ohio-evp .ohio-pc{border-color:var(--ohio-border)}
  .ohio-evp .ohio-pc__chip{padding:4px 10px;font:600 12px/20px var(--ohio-font-body);background:var(--ohio-purple-50);color:var(--ohio-purple-700)}
  .ohio-evp .ohio-pc__date{font:400 12px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}

  /* featured: H2 281, big card 342 (image 210, body p16 gap 8), side rows 852 / 1070 (p12, image 110×90) */
  .ohio-evp__feat{margin:0;padding-top:20px;padding-bottom:20px}
  .ohio-evp__feat > .ohio-h2{margin:0 0 20px}
  .ohio-evp__feat-grid{gap:20px}
  .ohio-evp .ohio-pc--big .ohio-pc__img{height:210px;aspect-ratio:auto}
  .ohio-evp .ohio-pc--big .ohio-pc__body{gap:8px;padding:16px}
  .ohio-evp .ohio-pc--big .ohio-pc__head{flex-wrap:wrap;gap:6px}
  .ohio-evp .ohio-pc--big .ohio-pc__date{padding:4px 10px;border-radius:999px;background:var(--ohio-neutral-50);font-weight:600;color:var(--ohio-neutral-700)}
  .ohio-evp .ohio-pc--big .ohio-pc__title{margin:0;font:600 18px/26px var(--ohio-font-head);color:var(--ohio-purple-700)}
  .ohio-evp .ohio-pc--big .ohio-pc__ex{margin:0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted);-webkit-line-clamp:4}
  .ohio-evp .ohio-pc--big .ohio-pc__cta{height:36px;margin:0;padding:0 20px;gap:8px}
  .ohio-evp__side,.ohio-evp__list .ohio-arch__grid--3{display:flex;flex-direction:column;gap:20px}
  .ohio-evp__side > .ohio-pc,.ohio-evp__list .ohio-arch__grid--3 > .ohio-pc{flex-direction:row;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--ohio-radius-m)}
  .ohio-evp__side .ohio-pc__img,.ohio-evp__list .ohio-arch__grid--3 > .ohio-pc .ohio-pc__img{flex:0 0 110px;height:90px;aspect-ratio:auto;border-radius:10px}
  .ohio-evp__side .ohio-pc__body,.ohio-evp__list .ohio-arch__grid--3 > .ohio-pc .ohio-pc__body{gap:6px;padding:0;min-width:0}
  .ohio-evp__side .ohio-pc__head,.ohio-evp__list .ohio-pc__head{display:contents}
  .ohio-evp__side .ohio-pc__date,.ohio-evp__list .ohio-pc__date{order:3}
  .ohio-evp__side .ohio-pc__title,.ohio-evp__list .ohio-arch__grid--3 > .ohio-pc .ohio-pc__title{order:1;margin:0;font:600 15px/22px var(--ohio-font-body);color:var(--ohio-purple-700);
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .ohio-evp__side .ohio-pc__ex,.ohio-evp__list .ohio-arch__grid--3 > .ohio-pc .ohio-pc__ex{display:-webkit-box;order:2;margin:0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted);-webkit-line-clamp:2}
  .ohio-evp__side .ohio-btn--link,.ohio-evp__list .ohio-btn--link{display:none}

  /* events: soft band 1288, head 1328 (H2 + "Tất cả sự kiện"), cards 1389 p16 gap 12, date box 64×68 */
  .ohio-ev{margin:0;padding-top:40px;padding-bottom:40px;background:var(--ohio-bg-soft)}
  .ohio-ev__head{align-items:flex-end;margin:0 0 20px}
  .ohio-ev__head .ohio-h2{margin:0}
  .ohio-ev__all{gap:6px;height:20px;margin-bottom:9px;font:600 14px/20px var(--ohio-font-body);color:var(--ohio-purple-600)}   /* text y 1345 (H2 text 1339) */
  .ohio-ev__grid{grid-template-columns:1fr;gap:16px}
  .ohio-ev__card:nth-child(n+3){display:none}
  .ohio-ev__card{grid-template-columns:minmax(64px,auto) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 12px;min-height:0;padding:16px;border-color:var(--ohio-border);background:#fff}
  .ohio-ev__body{display:contents}
  .ohio-ev__date{grid-row:1/3;gap:2px;min-width:64px;width:auto;height:68px;padding:0 8px;border:0;border-radius:var(--ohio-radius-m);background:var(--ohio-purple-50)}
  .ohio-ev__date strong{font:600 18px/24px var(--ohio-font-body)}
  .ohio-ev__date span{font:600 12px/20px var(--ohio-font-body)}
  .ohio-ev__badge{grid-column:2;justify-self:start;padding:4px 10px;font:600 12px/20px var(--ohio-font-body);color:var(--ohio-neutral-700)}
  .ohio-ev__badge::before{display:none}
  .ohio-ev__t{grid-column:2;margin:6px 0 0;font:600 16px/24px var(--ohio-font-body);color:var(--ohio-purple-700)}
  .ohio-ev__meta{grid-column:1/-1;gap:6px;margin:12px 0 0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-ev__ex{grid-column:1/-1;margin:12px 0 0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-900)}
  .ohio-ev__btn{justify-self:stretch;height:36px;margin-top:12px}
  .ohio-ev__btn svg{display:none}
  .ohio-ev__meta + .ohio-ev__meta{margin-top:6px}                              /* place row 3638:11709 */
  .ohio-ev__card.is-up .ohio-ev__date{background:var(--ohio-purple-700);color:#fff}  /* 3638:11692 */
  .ohio-ev__card.is-up .ohio-ev__badge{background:#F6911C;color:#fff;font-size:14px}  /* 3638:11696 (12 in the frame; guide: white on orange ≥ 600 14) */
  .ohio-ev__card.is-up .ohio-ev__btn::after{content:"\2192";display:inline;position:static;border:0;opacity:1;animation:none;transform:none}

  /* latest: H2 1979, count 2040, rows 2080 (image 120×96, no border, gap 16), "Xem thêm" 3114 + "Trang 1 / 2" */
  .ohio-evp__list{margin:0;padding-top:20px;padding-bottom:20px}
  .ohio-evp__list > .ohio-h2{margin:0}
  .ohio-evp__list .ohio-arch__count{margin:20px 0;color:var(--ohio-text-muted)}
  .ohio-evp__list .ohio-arch__grid--3{gap:16px}
  .ohio-evp__list .ohio-arch__grid--3 > .ohio-pc{padding:0;border:0;border-radius:0;background:none}
  .ohio-evp__list .ohio-arch__grid--3 > .ohio-pc .ohio-pc__img{flex-basis:120px;height:96px}
  .ohio-evp__list .ohio-arch__grid--3 > .ohio-pc .ohio-pc__ex{-webkit-line-clamp:1}
  .ohio-evp__next{display:flex;width:100%;margin-top:20px}
  .ohio-evp__list .ohio-pager{display:none}
  .ohio-evp__list .ohio-pager__cap{margin:8px 0 0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}

  /* press: soft band 3206, H2 3246, caption 3295 15/24, grid 3411: 2 × 169×353 gap 12 (image 110 on top, body p16:
     logo box 114×38, title 600 14/19, excerpt 13/20, date 12/20, "Đọc bài →"), button 4514 */
  .ohio-evp__press{margin:0;padding:40px 0}
  .ohio-evp__press .ohio-h2{margin:0}
  .ohio-evp__press .ohio-caption{margin:8px 0 20px;font-size:15px;line-height:24px;color:var(--ohio-text-muted)}
  .ohio-evp__press .ohio-arch__grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ohio-evp__press .ohio-arch__grid--3 > .ohio-pc{flex-direction:column;min-height:353px;padding:0;gap:0}
  .ohio-evp__press .ohio-arch__grid--3 > .ohio-pc .ohio-pc__img{order:-1;flex:none;height:110px;aspect-ratio:auto;border-radius:0}
  .ohio-pc--press .ohio-pc__src{height:auto;padding:16px 16px 0}
  .ohio-pc--press .ohio-pc__logo{width:114px;height:38px;padding:6px 8px;border:1px solid var(--ohio-border);border-radius:var(--ohio-radius-s);background:#fff}
  .ohio-pc--press .ohio-pc__tag{display:none}
  .ohio-evp__press .ohio-arch__grid--3 > .ohio-pc .ohio-pc__body{gap:0;padding:8px 16px 6px}   /* r6: frame 3638:11878 rows land at 127/173/238/306/326, card 353 */
  .ohio-evp__press .ohio-arch__grid--3 > .ohio-pc .ohio-pc__title{font:600 14px/19px var(--ohio-font-body);color:var(--ohio-purple-700);-webkit-line-clamp:3}
  .ohio-evp__press .ohio-arch__grid--3 > .ohio-pc .ohio-pc__ex{display:-webkit-box;margin-top:8px;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted);-webkit-line-clamp:3}
  .ohio-pc--press .ohio-pc__foot{flex-direction:column;align-items:flex-start;margin-top:auto;padding-top:8px;font:400 12px/20px var(--ohio-font-body)}
  .ohio-pc--press .ohio-pc__read{font:600 14px/20px var(--ohio-font-body);color:var(--ohio-purple-600)}
  .ohio-evp__press-more{margin:20px 0 0}
  .ohio-evp__press-btn{display:flex;width:100%;gap:8px}
  .ohio-evp__press .ohio-pc__read{display:inline-flex;align-items:center;gap:6px}
  .ohio-evp__press .ohio-pc__read svg{display:none}   /* frame 3638:11861 icon/arrow-right 16, not ↗ */
  .ohio-evp__press .ohio-pc__read::after{width:16px!important;height:16px!important}
  .ohio-evp .ohio-btn--arrow::after,.ohio-evp .ohio-btn--arrow.qh_tuvan::after,.ohio-evp__press-btn::after,.ohio-evp__press .ohio-pc__read::after{content:"";width:18px;height:18px;background:currentColor;   /* r6: frame icon arrow-right 18, not the "→" glyph */
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3.75 9h10.5M9.75 4.5 14.25 9l-4.5 4.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3.75 9h10.5M9.75 4.5 14.25 9l-4.5 4.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

  /* moments: 4598 p20 gap 16: H2 (2 lines), photo 350×196 r16, 2 rows × 3 thumbs 66 tall gap 8 r8, button 44 */
  .ohio-mo{margin:0;padding-top:20px;padding-bottom:20px}
  .ohio-mo .ohio-ev__head{margin:0 0 16px}
  .ohio-mo__lib{display:none}
  .ohio-mo__grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:8px;height:auto;aspect-ratio:auto}
  .ohio-mo__i{height:66px;aspect-ratio:auto;border-radius:var(--ohio-radius-s)}
  .ohio-mo__i.is-big{grid-column:1/-1;grid-row:auto;height:196px;margin-bottom:8px;border-radius:var(--ohio-radius-l)}
  .ohio-mo__mlib{display:flex;width:100%;margin-top:16px;gap:8px}

  /* booking: soft band 5137 p40/20, banner #422666 r16: image 350×150, text p20/20/24 gap 10, orange L button */
  .ohio-evp__book{margin:0;padding-top:40px;padding-bottom:40px;background:var(--ohio-bg-soft)}
  .ohio-evp__book-in{gap:0;padding:0;border:0;border-radius:var(--ohio-radius-l);background:var(--ohio-purple-700);overflow:hidden}
  .ohio-evp__book-in img{height:150px;aspect-ratio:auto;border-radius:0}
  .ohio-evp__book-txt{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:20px 20px 24px}
  .ohio-evp__book-txt .ohio-h2{color:#fff}
  .ohio-evp__book-txt .ohio-lead{max-width:none;margin:0;font-size:15px;line-height:24px;color:#fff}
  .ohio-evp__book-txt .ohio-btn{width:100%;gap:8px;background:var(--ohio-grad-cta);filter:drop-shadow(0 6px 8px rgba(241,121,31,.28))}
}