/* ==========================================================================
   About page ≤767 px, part 2 — Figma "Về OHIO – Mobile" frame 3638:18337 (see ohio-about-mobile.css).
   Timeline, licences, expertise tabs, branches, promises, aspiration. The contact form section is shared
   (template-parts/ohio-contact-form-section.php) and keeps its own mobile rules.
   ========================================================================== */
@media (max-width:767px){
  /* timeline 3638:18630 — tint py 40; cards p 12 r 14 gap 14: 96 tile (photo r 12 | OHIO logo tile) + tag/H4/caption gap 4 */
  .ohio-ab__tl-sec{padding:40px 0}
  .ohio-ab__timeline{display:flex;flex-direction:column;gap:12px;margin:20px 0 0}
  .ohio-ab__timeline li{flex-direction:row;align-items:flex-start;gap:14px;padding:12px;border:1px solid var(--ohio-border);border-radius:14px;background:#fff}
  .ohio-ab__timeline img{flex:0 0 96px;width:96px;height:96px;border:0;border-radius:12px;object-fit:cover}
  .ohio-ab__timeline li.is-logo img{display:none}
  .ohio-ab__tl-logo{display:flex;flex:0 0 96px;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:96px;box-sizing:border-box;padding:0 6px;
    border:1px solid var(--ohio-purple-200);border-radius:12px;font:400 12px/16px var(--ohio-font-body);color:var(--ohio-text-muted);text-align:center}
  .ohio-ab__tl-logo b{font:600 18px/26px var(--ohio-font-head);color:var(--ohio-purple-700)}
  .ohio-ab__timeline li > div{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;min-height:0;margin:0;padding:0;border:0;background:none;text-align:left}
  .ohio-ab__tl-year{padding:4px 10px;border-radius:999px;background:var(--ohio-purple-700);font:600 12px/20px var(--ohio-font-body);color:#fff}
  .ohio-ab__timeline h3{margin:0}                                               /* h3 = guide H3 18/26 (frame: BVP 16/24) */
  .ohio-ab__timeline p{margin:0;padding:0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}

  /* licences 3638:18672 — white p 20; cards 280, scan 190 (contain), text p 16 gap 8: H3, GPHĐ lines, CCHN, L3 button 36 */
  .ohio-ab__legal-sec{padding:20px 0}
  .ohio-ab__legal{justify-content:flex-start;margin:20px 0 0}
  .ohio-ab__legal.ohio-ab__rail > *{flex-basis:280px}
  .ohio-ab__legal-item{display:flex;flex-direction:column;gap:8px;height:auto;padding:0 0 16px;overflow:hidden;border-color:var(--ohio-border);border-radius:16px}
  .ohio-ab__legal-item.is-noscan{padding-top:16px}
  .ohio-ab .ohio-ab__legal-item > *{position:static;margin:0 16px}
  .ohio-ab .ohio-ab__legal-item > :is(.ohio-ab__legal-ico,.ohio-ab__legal-corner){display:none}
  .ohio-ab .ohio-ab__legal-img{order:-1;width:100%;height:190px;margin:0 0 8px;object-fit:contain}
  .ohio-ab__legal-item .ohio-h4{color:var(--ohio-text-heading)}                 /* guide H4 (frame: Montserrat 18/26) */
  .ohio-ab__legal-item dl{display:block}
  .ohio-ab__legal-item :is(dt,dd){display:inline}
  .ohio-ab__legal-item dd::after{content:"\A";white-space:pre}
  .ohio-ab__legal-item :is(dt,dd),.ohio-ab__legal-item dd.is-num{font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-ab__legal-item dt::after{content:": "}
  .ohio-ab .ohio-ab__legal-sub{order:1;font:400 12px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-ab .ohio-ab__legal-btn{order:2;height:36px;padding:0 20px;font-size:13px;line-height:20px;letter-spacing:.52px}
  .ohio-ab__legal-btn img{display:none}

  /* expertise 3638:18712 — tint py 40; pill tabs (13/20, px 14 py 8); panel white p 16 r 16 gap 14 */
  .ohio-ab__cap-sec{padding:40px 0}
  .ohio-ab__cap-tabs{display:flex;gap:8px;margin:20px 0 0;padding:0;overflow-x:auto;border-radius:0;background:none;scrollbar-width:none}
  .ohio-ab__cap-tabs label{flex:none;height:auto;padding:8px 14px;border:1px solid var(--ohio-border);border-radius:999px;background:#fff;font:600 13px/20px var(--ohio-font-body);color:var(--ohio-text-body)}
  .ohio-ab__cap-tabs i{margin:0;font:inherit;white-space:pre}
  .ohio-ab__cap-tabs i::after{content:" · "}
  .ohio-ab__radio:nth-of-type(1):checked ~ .ohio-ab__cap-tabs label:nth-child(1),.ohio-ab__radio:nth-of-type(2):checked ~ .ohio-ab__cap-tabs label:nth-child(2),.ohio-ab__radio:nth-of-type(3):checked ~ .ohio-ab__cap-tabs label:nth-child(3){border-color:var(--ohio-purple-700);background:var(--ohio-purple-700);color:#fff}
  .ohio-ab__cap-panel{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px;padding:16px;border:1px solid var(--ohio-border);border-radius:16px;background:#fff}
  .ohio-ab__cap-txt,.ohio-ab__cap-media{display:contents}
  .ohio-ab__cap-big{order:-2;width:100%;height:210px;border:0;border-radius:12px}
  .ohio-ab__cap-thumbs{order:-1;gap:8px;margin:0}
  .ohio-ab__cap-thumbs img{height:64px;border:0;border-radius:8px}
  .ohio-ab__cap-txt ul{display:flex;flex-direction:column;gap:10px;margin:0}
  .ohio-ab__cap-txt li{margin:0;padding-left:32px;font:400 15px/24px var(--ohio-font-body);color:var(--ohio-text-body)}
  .ohio-ab__cap-txt li::before{top:1px;width:22px;height:22px;border-radius:11px;background:var(--ohio-purple-50) url(../img/about/m-check.svg) center/14px no-repeat}
  .ohio-ab__cap-txt .ohio-btn{width:100%;margin:0}
  .ohio-ab__cap-txt .ohio-caption{margin:0;font-size:13px;line-height:20px;color:var(--ohio-text-muted)}

  /* branches 3638:18784 — white p 20; rows px 14 py 12 r 12 gap 12 (36 icon tile); card border #C4AEE0 r 16, photo 240, body p 16 gap 12 */
  .ohio-ab__br-sec{padding:20px 0}
  .ohio-ab__br{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:20px}
  .ohio-ab__br > *{min-width:0}
  .ohio-ab__br-list label > span:nth-child(2){flex:1}
  .ohio-ab__br-list{gap:10px}
  .ohio-ab__br-list label{gap:12px;height:auto;padding:12px 14px;border-color:var(--ohio-border);color:var(--ohio-text-muted)}
  .ohio-ab__br-ico{width:36px;height:36px;border-radius:10px;background:var(--ohio-purple-50);color:var(--ohio-purple-700)}
  .ohio-ab__br-list label > span:nth-child(2){color:var(--ohio-text-heading)}
  .ohio-ab__br-list strong{white-space:normal;font:600 15px/24px var(--ohio-font-body)}
  .ohio-ab__br-list small{margin-top:2px;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-ab__radio:nth-of-type(1):checked ~ .ohio-ab__br-list label:nth-child(1) .ohio-ab__br-ico,.ohio-ab__radio:nth-of-type(2):checked ~ .ohio-ab__br-list label:nth-child(2) .ohio-ab__br-ico,
  .ohio-ab__radio:nth-of-type(3):checked ~ .ohio-ab__br-list label:nth-child(3) .ohio-ab__br-ico,.ohio-ab__radio:nth-of-type(4):checked ~ .ohio-ab__br-list label:nth-child(4) .ohio-ab__br-ico{background:var(--ohio-purple-600);color:#fff}
  .ohio-ab__br-card{grid-template-columns:minmax(0,1fr);height:auto;border-color:var(--ohio-purple-300);border-radius:16px}
  .ohio-ab__br-card > img{height:240px}
  .ohio-ab__br-body{gap:12px;padding:16px}
  .ohio-ab__br-rows{display:flex;flex-direction:column;gap:12px;margin:0}
  .ohio-ab__br-rows li{grid-template-columns:18px minmax(0,1fr);column-gap:10px;margin:0;font:500 13px/20px var(--ohio-font-body);color:var(--ohio-text-body)}
  .ohio-ab__br-rows img{justify-self:center;margin-top:1px}
  .ohio-ab__br-rows small{margin-bottom:2px;font:400 12px/20px var(--ohio-font-body);letter-spacing:0;text-transform:none;color:var(--ohio-text-muted)}
  .ohio-ab__br-btns{margin:0}
  .ohio-ab__br-btns .ohio-btn{flex:1}
  .ohio-ab__br-dir{display:none}

  /* promises 3638:18845 — tint py 40; cards #422666 p 20 r 16 gap 14: 48 white disc + H4 16/24, ticks 22 #5E3D8A + 13/20 */
  .ohio-ab__promise-sec{padding:40px 0}
  .ohio-ab__promise{gap:20px;margin-top:20px}
  .ohio-ab__promise-item{display:flex;flex-direction:column;gap:14px;height:auto;padding:20px;border-radius:16px}
  .ohio-ab__promise-title{gap:12px;max-width:none;font:600 16px/24px var(--ohio-font-body)}
  .ohio-ab__promise-title span{width:48px;height:48px}
  .ohio-ab__promise-title img{width:24px;height:24px}
  .ohio-ab__promise-item ul{display:flex;flex-direction:column;gap:8px;margin:0}
  .ohio-ab__promise-item li{min-height:22px;margin:0;padding-left:32px;font:400 13px/20px var(--ohio-font-body);color:#fff}
  .ohio-ab__promise-item li::before{left:0;top:-1px;width:22px;height:22px;border-radius:11px;background:var(--ohio-purple-600) url(../img/about/m-check-white.svg) center/14px no-repeat}

  /* aspiration 3638:18866 — dark py 40 gap 20; rows py 12 gap 14 (13/20 #FFE6C2 + 16/26 white); photo 350×400 r 16 */
  .ohio-ab__dream{padding:40px 0}
  .ohio-ab__dream-in{display:flex;flex-direction:column;gap:20px}
  .ohio-ab__dream ol{margin:20px 0 0}
  .ohio-ab__dream li{gap:14px;height:auto;padding:12px 0;border:0;font:400 16px/26px var(--ohio-font-body)}
  .ohio-ab__dream li span{flex:none;font:600 13px/20px var(--ohio-font-body);color:var(--ohio-orange-100)}
  .ohio-ab__dream img{height:400px;object-fit:cover;border-radius:16px}
}