/* Source: AVC_IOP_Method_Mobile_20260929 handoff (src/integration-mobile-only.css). Phone-only IOP Our Method component. Do not edit the handoff copy; this is the runtime source. */
/* Add data-avc-method-phone-installed="true" to body.iop-page ONLY after
   inserting the new component as a direct child of #iop-method.
   Load this file after existing site styles. It has ZERO declarations >=768px.
   Keep assets/reference/docs out of the public build except required runtime assets. */
@media (max-width:767.98px){
 body.iop-page[data-avc-method-phone-installed="true"] #iop-method.iop-method--existing{
   display:block!important;padding:0!important;margin-block:0!important;
   min-height:0!important;height:auto!important;background:transparent!important;
 }
 body.iop-page[data-avc-method-phone-installed="true"] #iop-method > .container,
 body.iop-page[data-avc-method-phone-installed="true"] .iop-method-result{display:none!important}
 /* Site integration (not in the handoff copy): the legacy phone band kept the
    "Our method" title 93px below the section edge, so /iop#iop-method landed
    with the 72px sticky header over padding only. The component's own top
    space is ~21px, so the fragment jump put the eyebrow and title under the
    header. Same deep-link offset convention as #open-roles/#about-cta/#philosophy
    in styles.css (audit LK-7); phone band only, no layout change. */
 body.iop-page[data-avc-method-phone-installed="true"] #iop-method.iop-method--existing{
   scroll-margin-top:calc(var(--site-header-height, 72px) + 12px);
 }
}