/* v197: COMPANY sections are disclosures only on phones; desktop layout is unchanged. */
.company-mobile-details > summary,
.company-mobile-intro{display:none}
.company-mobile-details{min-width:0}

@media(max-width:640px){
  .about-page .company-profile,
  .about-page .company-people,
  .about-page .company-organization,
  .about-page .company-related{padding-top:49px;padding-bottom:49px}
  .about-page .company-base{padding-top:49px;padding-bottom:49px}
  .about-page .section-heading{margin-bottom:20px}
  .about-page .profile-layout{gap:24px}
  .about-page .company-profile .profile-aside{padding-top:10px}
  .about-page .profile-aside p{margin-top:14px}
  .about-page .company-mobile-intro{
    display:block;margin:0 0 22px;color:#656565;
    font-size:13px;font-weight:500;line-height:1.8;
  }
  .about-page .company-base .company-mobile-intro{color:rgba(255,255,255,.86)}
  .about-page .company-mobile-details{display:block;position:relative;z-index:2;width:100%;}
  .about-page .company-mobile-details > summary{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    min-height:56px;padding:17px 2px;cursor:pointer;
    border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;
    color:var(--omega-red);background:transparent;
    font-size:13px;font-weight:750;line-height:1.5;letter-spacing:.03em;
    list-style:none;outline-offset:4px;
    -webkit-tap-highlight-color:transparent;
  }
  .about-page .company-mobile-details > summary::-webkit-details-marker{display:none}
  .about-page .company-mobile-details > summary::marker{content:""}
  .about-page .company-mobile-details > summary:focus-visible{outline:2px solid var(--omega-red)}
  .about-page .company-detail-action{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px}
  .about-page .company-detail-action i{position:relative;display:inline-block;width:15px;height:15px;flex:none}
  .about-page .company-detail-action i::before,
  .about-page .company-detail-action i::after{
    content:"";position:absolute;top:7px;left:1px;width:13px;height:2px;
    background:currentColor;transition:transform .2s ease;
  }
  .about-page .company-detail-action i::after{transform:rotate(90deg)}
  .about-page .company-mobile-details[open] > summary i::after{transform:rotate(0deg)}
  .about-page .company-detail-action-open,
  .about-page .company-mobile-details[open] .company-detail-action-closed{display:none}
  .about-page .company-mobile-details[open] .company-detail-action-open{display:inline}
  .about-page .company-mobile-details[open] > summary{border-bottom-color:transparent}
  .about-page .company-mobile-details[open] .profile-list,
  .about-page .company-mobile-details[open] .officer-grid,
  .about-page .company-mobile-details[open] .organization-content,
  .about-page .company-mobile-details[open] .base-grid,
  .about-page .company-mobile-details[open] .related-list{margin-top:12px}
  .about-page .company-mobile-details[open] .profile-list{border-top:0}
  .about-page .company-mobile-details[open] .officer-grid{border-top:0}
  .about-page .company-mobile-details[open] .organization-content{padding-top:18px}
  .about-page .company-mobile-details[open] .related-list{border-top:0}
  .about-page .company-base .company-mobile-details > summary{
    color:#fff;border-top-color:rgba(255,255,255,.55);
    border-bottom-color:rgba(255,255,255,.55);
  }
  .about-page .company-base .company-mobile-details > summary:focus-visible{outline-color:#fff}
  .about-page .company-base .company-mobile-details[open] > summary{border-bottom-color:transparent}
  /* Keep organization chart legible when expanded; no cropping of its content. */
  .about-page .company-organization .company-mobile-details{overflow:visible}
}