/* H4H Step 4D.1 — Accountability & Governance */
.h4h-accountability-page-v1{background:#fff}
.h4h-accountability-hero-v1{height:560px;min-height:560px;position:relative;overflow:hidden;background:#111;isolation:isolate}
.h4h-accountability-hero-image-v1{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.h4h-accountability-hero-overlay-v1{position:absolute;inset:0;background:rgba(8,10,12,.36);z-index:1}
.h4h-accountability-hero-content-v1{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;max-width:920px}
.h4h-accountability-hero-content-v1>span{color:#f28a16;font-size:14px;font-weight:800;letter-spacing:.04em;margin-bottom:12px}
.h4h-accountability-hero-content-v1 h1{margin:0;font-size:clamp(42px,4.6vw,62px);line-height:1.13;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.h4h-accountability-hero-content-v1 p{max-width:760px;margin:20px auto 0;color:rgba(255,255,255,.92);font-size:17px;line-height:1.95;text-shadow:0 2px 6px rgba(0,0,0,.55)}
.h4h-accountability-content-v1{padding:86px 0 110px;background:#fff}
.h4h-accountability-shell-v1{max-width:1180px}
.h4h-accountability-intro-v1{max-width:900px;margin:0 auto 72px;padding:0 0 34px;border-bottom:1px solid #e9e2d8;font-size:17px;line-height:2;color:#555;text-align:center}
.h4h-accountability-heading-v1{max-width:780px;margin:0 auto 42px;text-align:center}
.h4h-accountability-heading-v1>span{display:block;color:#f28a16;font-size:13px;font-weight:800;margin-bottom:10px}
.h4h-accountability-heading-v1 h2{margin:0;color:#191919;font-size:clamp(30px,3.1vw,44px);line-height:1.25;font-weight:800}
.h4h-accountability-heading-v1 p{margin:15px auto 0;color:#777;font-size:15px;line-height:1.9}
.h4h-accountability-accordion-v1{display:grid;gap:14px;max-width:1000px;margin:0 auto}
.h4h-accountability-item-v1{border:1px solid #e6ded3;background:#fbf8f2;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.h4h-accountability-item-v1[open]{background:#fff;border-color:#e7c9a2;box-shadow:0 14px 36px rgba(18,18,18,.06)}
.h4h-accountability-item-v1 summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:52px 1fr 26px;gap:18px;align-items:center;padding:22px 26px;min-height:74px;color:#202020}
.h4h-accountability-item-v1 summary::-webkit-details-marker{display:none}
.h4h-accountability-number-v1{font-size:13px;font-weight:800;color:#f28a16;letter-spacing:.05em}
.h4h-accountability-item-v1 summary strong{font-size:18px;line-height:1.6;font-weight:700}
.h4h-accountability-toggle-v1{position:relative;width:22px;height:22px}
.h4h-accountability-toggle-v1:before,.h4h-accountability-toggle-v1:after{content:"";position:absolute;left:50%;top:50%;background:#202020;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease}
.h4h-accountability-toggle-v1:before{width:16px;height:2px}
.h4h-accountability-toggle-v1:after{width:2px;height:16px}
.h4h-accountability-item-v1[open] .h4h-accountability-toggle-v1:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}
.h4h-accountability-answer-v1{padding:0 96px 28px 96px;color:#555;font-size:15.5px;line-height:2}
.h4h-accountability-answer-v1 p:first-child{margin-top:0}
html[dir="rtl"] .h4h-accountability-item-v1 summary{text-align:right}
html[dir="ltr"] .h4h-accountability-item-v1 summary{text-align:left}
@media(max-width:900px){
  .h4h-accountability-hero-v1{height:430px;min-height:430px}
  .h4h-accountability-content-v1{padding:64px 0 82px}
  .h4h-accountability-intro-v1{margin-bottom:54px}
  .h4h-accountability-answer-v1{padding-inline:74px}
}
@media(max-width:640px){
  .h4h-accountability-hero-v1{height:360px;min-height:360px}
  .h4h-accountability-hero-content-v1{padding-inline:24px}
  .h4h-accountability-hero-content-v1 h1{font-size:34px}
  .h4h-accountability-hero-content-v1 p{font-size:14px;line-height:1.8;margin-top:14px}
  .h4h-accountability-content-v1{padding:48px 0 64px}
  .h4h-accountability-intro-v1{text-align:start;font-size:15px;margin-bottom:44px}
  .h4h-accountability-heading-v1{text-align:start;margin-bottom:28px}
  .h4h-accountability-heading-v1 h2{font-size:28px}
  .h4h-accountability-item-v1 summary{grid-template-columns:36px 1fr 22px;gap:10px;padding:18px 16px;min-height:66px}
  .h4h-accountability-item-v1 summary strong{font-size:16px}
  .h4h-accountability-answer-v1{padding:0 16px 22px 52px;font-size:14.5px}
  html[dir="rtl"] .h4h-accountability-answer-v1{padding:0 52px 22px 16px}
}
