/* ==========================================================================
   Style Guide layer, front page sections — Figma 3655:10163. Owner rule (11/10 14:30): the guide decides the type of
   EVERY text; the page frame decides layout. Loaded last in css/home2/ so it wins over the frame values.
     §1 Montserrat only H1–H3 (+ banner display text, data-sg="display"); Be Vietnam Pro elsewhere. No Light. Min 12.
     §3 H2 700 36/44 UPPERCASE Tím 700; H4 BVP 600 24/26; lead 18/28; body 16/26; caption 14/20; scale steps only.
     §4 buttons 600 UPPERCASE tracking 4% radius 12; level-4 link 600 14.
   Owner exception: featured doctor description stays Be Vietnam Pro 300 16 (data-sg="owner").
   Audit: bash scripts/style-guide-audit.sh http://localhost:8085/  → 0 groups.
   ========================================================================== */

/* §1 content font */
.ohio-home2 :not(h1):not(h2):not(h3):not(h1 *):not(h2 *):not(h3 *):not([data-sg="display"]):not([data-sg="display"] *){font-family:var(--ohio-font-body)!important}

/* §3 H2 = section titles */
.ohio-h2doc__title,.ohio-h2svc__title,.ohio-h2res__title,.ohio-h2sto__title,.ohio-h2why__title,
.ohio-h2news__title,.ohio-h2ts__title,.ohio-h2pr__title{
  font:700 var(--ohio-h2-size)/var(--ohio-h2-lh) var(--ohio-font-head)!important;letter-spacing:0!important;text-transform:uppercase!important;height:auto!important}
.ohio-h2doc__title,.ohio-h2svc__title,.ohio-h2res__title,.ohio-h2sto__title,.ohio-h2why__title,
.ohio-h2news__title,.ohio-h2ts__title{color:var(--ohio-text-heading)!important}
.ohio-h2why__title,.ohio-h2news__title{width:max-content!important;left:calc(960 * var(--u))!important;transform:translateX(-50%)}
@media (max-width:849px){.ohio-h2why__title,.ohio-h2news__title{width:auto!important;transform:none}}

/* hero: banner headline is display text (Montserrat 700), uppercase like H1/H2; subtitle = 24 (H4 size) */
.ohio-h2hero__title{text-transform:uppercase!important}
.ohio-h2hero__sub{font-size:calc(24 * 100cqw / 1920)!important}

/* featured doctor: name = display (Montserrat 600 uppercase), role = H4, badge = body 16 */
.ohio-h2doc__fname{text-transform:uppercase}
.ohio-h2doc__frole{font:600 24px/26px var(--ohio-font-body)!important;text-transform:none!important;letter-spacing:0!important}
.ohio-h2doc__pill{font-size:16px!important;font-weight:500!important}
/* doctor cards: degree = lead 18, name = H4 24/26 600 */
.ohio-h2doc__deg{font-size:18px!important;line-height:22px!important}
.ohio-h2doc__name{font:600 24px/27px var(--ohio-font-body)!important}

/* services: tabs 15 (active 18 600), card names 15 600 */
.ohio-h2svc__name{font-size:15px!important}
.ohio-h2svc .is-active,.ohio-h2svc [aria-selected="true"]{font-size:18px!important}

/* results: numbers 28, labels 12 600 */
.ohio-h2res__num{font-size:28px!important;line-height:34px!important}

/* stories: featured excerpt = lead 18, item title 18 600, item excerpt 16, date = caption 14 */
.ohio-h2sto__fex{font-size:18px!important;line-height:25px!important}
.ohio-h2sto__ititle,.ohio-h2sto__ititle a,.ohio-h2sto__list a{font-size:18px!important;line-height:22px!important}
.ohio-h2sto__iex{font-size:16px!important;line-height:22px!important}
.ohio-h2sto__date{font-size:14px!important}

/* news: title 18 600, excerpt 14, date 12 */
.ohio-h2news__name,.ohio-h2news__name a{font-size:18px!important;font-weight:600!important}
.ohio-h2news__excerpt{font-size:14px!important}
.ohio-h2news__date{font-size:12px!important}

/* talkshow: topic name 18 */
.ohio-h2ts strong{font-size:18px!important}

/* §4 buttons (frame size L 52): 600 16 UPPERCASE tracking 4% radius 12 */
.ohio-h2news__more,.ohio-h2why__more,.ohio-h2ts__more,.ohio-h2res__cta,
.ohio-h2news__more *,.ohio-h2why__more *,.ohio-h2ts__more *,.ohio-h2res__cta *{
  font:600 16px/1 var(--ohio-font-body)!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.ohio-h2news__more,.ohio-h2why__more,.ohio-h2ts__more,.ohio-h2res__cta{border-radius:12px!important}
/* level-4 links in the frame's small pills ("Xem thêm"): 600 14 */
.ohio-h2doc__more,.ohio-h2svc__more,.ohio-h2news__pill,.ohio-h2why__pill,.ohio-h2sto__more,
.ohio-h2doc__more *,.ohio-h2svc__more *,.ohio-h2news__pill *,.ohio-h2why__pill *,.ohio-h2sto__more *{
  font-size:14px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;line-height:1!important}
.ohio-h2sto__more span{top:50%!important;transform:translateY(-50%)}
.ohio-h2sto__more{width:auto!important;min-width:calc(106.2 * var(--u));padding-right:calc(30 * var(--u))}

/* ≤767: hero band text follows the mobile frame (css/home2/hero.css); licence captions at the guide minimum 12px */
@media (max-width:767px){
  .ohio-h2why__lic b,.ohio-h2why__lic span{font-size:12px!important;line-height:16px!important}
}