/* ==========================================================================
   Doctor cards + FAQ accordion (shared: /bac-si/, talkshow, branch, landing, media) + doctor single (qh-bs-page).
   The /bac-si/ archive layout (Figma "Đội Ngũ Bác Sĩ - v2" 3409:5923) lives in css/ohio-doctors-archive.css.
   ========================================================================== */

/* cards */
.ohio-doc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ohio-border);border-radius:var(--ohio-radius-l);overflow:hidden;
  box-shadow:0 8px 24px rgba(36,19,58,.06)}
.ohio-doc__photo{display:block;aspect-ratio:4/4.1;background:linear-gradient(180deg,#F7F3FB,#C4AEE0);overflow:hidden}
.ohio-doc__photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.ohio-doc__body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 16px 20px;flex:1}
.ohio-doc__badge{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--ohio-purple-700);color:#fff;font:600 11px/16px var(--ohio-font-body)}
.ohio-doc__name{margin:4px 0 0;font:700 18px/24px var(--ohio-font-head);text-transform:uppercase;color:var(--ohio-purple-700)}
.ohio-doc__name a{color:inherit}
.ohio-doc__title{margin:0;font:400 13px/18px var(--ohio-font-body);color:var(--ohio-text-muted)}
.ohio-doc__spec-h{margin:6px 0 0;font:600 13px/18px var(--ohio-font-body);color:var(--ohio-purple-900)}
.ohio-doc__specs{margin:0 0 8px;padding:0;list-style:none;flex:1}
.ohio-doc__specs li{position:relative;margin:0 0 4px;padding-left:20px;font:400 13px/19px var(--ohio-font-body);color:var(--ohio-neutral-700)}
.ohio-doc__specs li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ohio-purple-600);font-weight:700}
.ohio-doc__more{align-self:stretch;gap:6px}
.ohio-btn .ohio-icon{flex:0 0 auto}

.ohio-docs__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ohio-gap-card)}

/* faq accordion */
.ohio-faq{border:1px solid var(--ohio-border);border-radius:var(--ohio-radius-l);background:#fff;margin:0 0 12px;padding:0 20px}
.ohio-faq[open]{border-color:var(--ohio-purple-200);box-shadow:0 8px 20px rgba(36,19,58,.06)}
.ohio-faq summary{display:flex;align-items:center;gap:14px;min-height:60px;list-style:none;cursor:pointer;font:600 17px/24px var(--ohio-font-body);color:var(--ohio-purple-900)}
.ohio-faq summary::-webkit-details-marker{display:none}
.ohio-faq summary::after{content:"+";margin-left:auto;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--ohio-purple-100);color:var(--ohio-purple-700);font-weight:700}
.ohio-faq[open] summary::after{content:"−";background:var(--ohio-purple-700);color:#fff}
.ohio-faq__n{font:500 13px/1 var(--ohio-font-body);color:var(--ohio-text-muted)}
.ohio-faq p{margin:0 0 18px 34px}

@media (max-width:1024px){
  .ohio-docs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .ohio-docs__grid{gap:12px}
  .ohio-doc__body{padding:12px}
  .ohio-doc__name{font-size:15px;line-height:21px}
  .ohio-doc__more-x{display:none}
  .ohio-doc__more{height:40px;padding:0 8px;font-size:13px}
  .ohio-faq summary{font-size:15px;line-height:22px}
  .ohio-faq p{margin-left:0}
}

/* ---------- doctor single (single-bac_si.php → [qh_bacsi]) : v2 type, colours, buttons, team cards ----------
   Structure stays the existing shortcode output; Figma 3409:6986 adds blocks without data yet (parked, item 13). */
.qh-bs-page h3,.qh-bs-page .qh-bs-h2,.qh-bs-page .qh-bs-team-title{font-family:var(--ohio-font-head)!important;font-weight:700!important;
  text-transform:uppercase;letter-spacing:0;color:var(--ohio-text-heading)!important}
.qh-bs-page .qh-bs-h2,.qh-bs-page .qh-bs-team-title{font-size:var(--ohio-h2-size)!important;line-height:var(--ohio-h2-lh)!important}
.qh-bs-page .qh-bs-team-title{text-align:center}
.qh-bs-page .qh-bs-btn{height:48px;padding:0 28px;border:0!important;border-radius:var(--ohio-radius-m)!important;background:var(--ohio-grad-cta)!important;
  color:#fff!important;font:600 15px/1 var(--ohio-font-body)!important;letter-spacing:.04em;text-transform:uppercase}
.qh-bs-page .qh-bs-btn::after{content:" →"}
.qh-bs-page .qh-bs-more-btn{height:44px;padding:0 24px;border:0!important;border-radius:var(--ohio-radius-m)!important;background:#fff!important;
  box-shadow:inset 0 0 0 1.5px var(--ohio-purple-700);color:var(--ohio-purple-700)!important;font:600 15px/1 var(--ohio-font-body)!important;
  letter-spacing:.04em;text-transform:uppercase}
.qh-bs-page .qh-bs-card{border:1px solid var(--ohio-border)!important;border-radius:var(--ohio-radius-l)!important;overflow:hidden;
  box-shadow:0 8px 24px rgba(36,19,58,.06)!important;background:#fff}
.qh-bs-page .qh-bs-card-name{font:700 16px/22px var(--ohio-font-head)!important;text-transform:uppercase;color:var(--ohio-purple-700)!important}
.qh-bs-page .qh-bs-card-more{display:inline-flex;align-items:center;height:30px;padding:0 12px;margin-top:6px;border-radius:var(--ohio-radius-s);
  box-shadow:inset 0 0 0 1px var(--ohio-purple-300);font:600 12px/1 var(--ohio-font-body)!important;color:var(--ohio-purple-700)!important;text-transform:none!important}
.qh-bs-page .qh-bs-card-more::after{content:" →"}