.animated.fadeInLeft{
  animation-duration: 2s;
}.animated.fadeInRight{
  animation-duration: 2s;
}.fadeInLeft{
  animation-name: fadeInLeft;
}.fadeInRight{
  animation-name: fadeInRight;
}@layer utilities{.relative{
    position: relative;
  }}@layer utilities{.z-\[3\]{
    z-index: 3;
  }}@layer utilities{.order-first{
    order: -9999;
  }}@layer utilities{.order-last{
    order: 9999;
  }}@layer utilities{.container{
    width: 100%;
    @media (width >= 414px) {
      max-width: 414px;
    }
    @media (width >= 480px) {
      max-width: 480px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 992px) {
      max-width: 992px;
    }
    @media (width >= 1200px) {
      max-width: 1200px;
    }
    @media (width >= 1400px) {
      max-width: 1400px;
    }
  }}@layer utilities{.\!m-0{
    margin: calc(var(--spacing) * 0) !important;
  }}@layer utilities{.mx-\[calc\(-0\.5\*_1\.5rem\)\]{
    margin-inline: calc(-0.5 * 1.5rem);
  }}@layer utilities{.mr-\[15px\]{
    margin-right: 15px;
  }}@layer utilities{.mr-\[30px\]{
    margin-right: 30px;
  }}@layer utilities{.ml-\[30px\]{
    margin-left: 30px;
  }}@layer utilities{.inline-block{
    display: inline-block;
  }}@layer utilities{.list-item{
    display: list-item;
  }}@layer utilities{.h-px{
    height: 1px;
  }}@layer utilities{.w-full{
    width: 100%;
  }}@layer utilities{.max-w-full{
    max-width: 100%;
  }}@layer utilities{.flex-\[0_0_auto\]{
    flex: 0 0 auto;
  }}@layer utilities{.flex-wrap{
    flex-wrap: wrap;
  }}@layer utilities{.justify-center{
    justify-content: center;
  }}@layer utilities{.scroll-smooth{
    scroll-behavior: smooth;
  }}@layer utilities{.\!rounded-\[4px\]{
    border-radius: 4px !important;
  }}@layer utilities{.bg-transparent{
    background-color: transparent;
  }}@layer utilities{.bg-\[linear-gradient\(90deg\,rgba\(206\,211\,246\,0\)_0\,\#bbb_38\%\,\#bbb_64\%\,rgba\(206\,211\,246\,0\)_99\%\)\]{
    background-image: linear-gradient(90deg,rgba(206,211,246,0) 0,#bbb 38%,#bbb 64%,rgba(206,211,246,0) 99%);
  }}@layer utilities{.px-\[calc\(0\.5\*_1\.5rem\)\]{
    padding-inline: calc(0.5 * 1.5rem);
  }}@layer utilities{.py-\[100px\]{
    padding-block: 100px;
  }}@layer utilities{.pt-\[100px\]{
    padding-top: 100px;
  }}@layer utilities{.pb-\[100px\]{
    padding-bottom: 100px;
  }}@layer utilities{.pl-0{
    padding-left: calc(var(--spacing) * 0);
  }}@layer utilities{.\!text-center{
    text-align: center !important;
  }}@layer utilities{.opacity-40{
    opacity: 40%;
  }}@layer utilities{.\!\[border\:none\]{
    border: none !important;
  }}@layer utilities{.xsm\:max-sm\:m-\[0_2\%_35px\]{
    @media (width >= 414px) {
      @media (width < 480px) {
        margin: 0 2% 35px;
      }
    }
  }}@layer utilities{.xsm\:max-sm\:mx-\[8px\]{
    @media (width >= 414px) {
      @media (width < 480px) {
        margin-inline: 8px;
      }
    }
  }}@layer utilities{.xsm\:max-sm\:\!mb-\[15px\]{
    @media (width >= 414px) {
      @media (width < 480px) {
        margin-bottom: 15px !important;
      }
    }
  }}@layer utilities{.xsm\:max-sm\:px-\[4\%\]{
    @media (width >= 414px) {
      @media (width < 480px) {
        padding-inline: 4%;
      }
    }
  }}@layer utilities{.xsm\:max-sm\:py-0{
    @media (width >= 414px) {
      @media (width < 480px) {
        padding-block: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.sm\:max-md\:mx-0{
    @media (width >= 480px) {
      @media (width < 768px) {
        margin-inline: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.sm\:max-md\:mx-\[3\%\]{
    @media (width >= 480px) {
      @media (width < 768px) {
        margin-inline: 3%;
      }
    }
  }}@layer utilities{.md\:w-6\/12{
    @media (width >= 768px) {
      width: calc(6/12 * 100%);
    }
  }}@layer utilities{.md\:w-8\/12{
    @media (width >= 768px) {
      width: calc(8/12 * 100%);
    }
  }}@layer utilities{.md\:max-lg\:order-2{
    @media (width >= 768px) {
      @media (width < 992px) {
        order: 2;
      }
    }
  }}@layer utilities{.md\:max-lg\:mx-0{
    @media (width >= 768px) {
      @media (width < 992px) {
        margin-inline: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.md\:max-lg\:mr-0{
    @media (width >= 768px) {
      @media (width < 992px) {
        margin-right: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.md\:max-lg\:mr-\[10px\]{
    @media (width >= 768px) {
      @media (width < 992px) {
        margin-right: 10px;
      }
    }
  }}@layer utilities{.md\:max-lg\:ml-\[15px\]{
    @media (width >= 768px) {
      @media (width < 992px) {
        margin-left: 15px;
      }
    }
  }}@layer utilities{.md\:max-lg\:w-6\/12{
    @media (width >= 768px) {
      @media (width < 992px) {
        width: calc(6/12 * 100%);
      }
    }
  }}@layer utilities{.md\:max-lg\:py-\[70px\]{
    @media (width >= 768px) {
      @media (width < 992px) {
        padding-block: 70px;
      }
    }
  }}@layer utilities{.md\:max-lg\:pt-\[70px\]{
    @media (width >= 768px) {
      @media (width < 992px) {
        padding-top: 70px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:order-2{
    @media (width >= 992px) {
      @media (width < 1200px) {
        order: 2;
      }
    }
  }}@layer utilities{.lg\:max-xl\:mx-0{
    @media (width >= 992px) {
      @media (width < 1200px) {
        margin-inline: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.lg\:max-xl\:mr-\[5px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        margin-right: 5px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:mr-\[12px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        margin-right: 12px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:ml-\[15px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        margin-left: 15px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:w-6\/12{
    @media (width >= 992px) {
      @media (width < 1200px) {
        width: calc(6/12 * 100%);
      }
    }
  }}@layer utilities{.lg\:max-xl\:w-8\/12{
    @media (width >= 992px) {
      @media (width < 1200px) {
        width: calc(8/12 * 100%);
      }
    }
  }}@layer utilities{.lg\:max-xl\:py-\[80px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        padding-block: 80px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:pt-\[80px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        padding-top: 80px;
      }
    }
  }}@layer utilities{.xl\:order-2{
    @media (width >= 1200px) {
      order: 2;
    }
  }}@layer utilities{.xl\:w-6\/12{
    @media (width >= 1200px) {
      width: calc(6/12 * 100%);
    }
  }}@layer utilities{.xl\:w-8\/12{
    @media (width >= 1200px) {
      width: calc(8/12 * 100%);
    }
  }}ul.simple-list{
  margin-left: 15px;
  list-style-type: disc;
}.btn--tra-black{
  border-color: #353f4f;
  background-color: transparent;
  color: #353f4f;
}.btn--tra-black:focus{
  color: #353f4f;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}.hero-7-txt h2{
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-inline: 6%;
    }
  }
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
}#hero-7{
  padding-top: 140px;
  padding-bottom: 100px;
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-block: 80px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-block: 80px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-top: 140px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-bottom: 90px;
    }
  }
}.hero-7-img{
  padding-left: 30px;
  @media (width >= 414px) {
    @media (width < 480px) {
      margin-top: 35px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-left: 5px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-left: 15px;
    }
  }
}.banner-section .btns-group .btn:first-child{
  @media (width >= 414px) {
    @media (width < 480px) {
      margin-bottom: 15px;
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      margin-right: calc(var(--spacing) * 2);
    }
  }
}ul.simple-list li:not(:last-child) p{
  @media (width >= 768px) {
    @media (width < 992px) {
      margin-bottom: 8px;
    }
  }
}.container{
  position: relative;
  z-index: 3;
}.gr--perl{
  background-image: linear-gradient(180deg,rgba(236,234,253,0.8) 50%,rgba(236,234,253,0.05) 100%);
}.hero-section .owl-dots{
  display: none;
}.white-scroll .btn--tra-black{
  @media (width >= 768px) {
    @media (width < 992px) {
      border-color: #353f4f;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      background-color: #353f4f;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      color: var(--color-white);
    }
  }
}.btn--tra-black{
  border-color: #353f4f !important;
  background-color: transparent !important;
  color: #353f4f !important;
}.division{
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-inline: 10px;
    }
  }
}.container{
  margin-inline: auto;
  width: 100%;
  padding-inline: calc(1.5rem * 0.5);
  @media (width >= 414px) {
    max-width: 100% !important;
  }
  @media (width >= 480px) {
    max-width: 540px !important;
  }
  @media (width >= 768px) {
    max-width: 720px !important;
  }
  @media (width >= 992px) {
    max-width: 960px !important;
  }
  @media (width >= 1200px) {
    max-width: 1140px !important;
  }
  @media (width >= 1400px) {
    max-width: 1320px !important;
  }
}.theme--dark hr.divider{
  background-image: linear-gradient(90deg,rgba(122,125,147,0) 0,#7a7d93 38%,#7a7d93 64%,rgba(122,125,147,0) 99%);
}.theme--dark .btn--tra-black{
  border-color: #b1b7cd !important;
  background-color: transparent !important;
  color: #b1b7cd !important;
}@media (max-width: 767px){.py--100{
    padding-block: 70px !important;
  }}@media (max-width: 767px){.pt--100{
    padding-top: 70px !important;
  }}@media (max-width: 767px){.pb--100{
    padding-bottom: 70px !important;
  }}@media (max-width: 767px){.white-scroll .btn--tra-black{
    border-color: #353f4f !important;
    background-color: #353f4f !important;
    color: var(--color-white) !important;
  }}@media (max-width: 767px){#hero-7{
    padding-top: 80px !important;
    text-align: center !important;
  }}@media (max-width: 767px){.hero-7-img{
    margin-top: 40px !important;
    padding-left: calc(var(--spacing) * 0) !important;
  }}@media (max-width: 767px){.txt-block .btn{
    margin-top: 10px !important;
  }}@media (max-width: 767px){.ct-02 .img-block{
    margin-right: calc(var(--spacing) * 0) !important;
    margin-bottom: 40px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.container{
    margin: calc(var(--spacing) * 0) !important;
    max-width: 100% !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.division{
    padding-inline: 3px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.btns-group .btn:first-child{
    margin-inline: calc(var(--spacing) * 2) !important;
    margin-bottom: 15px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.btns-group .btn:last-child{
    margin-inline: calc(var(--spacing) * 2) !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){#hero-7{
    padding-block: calc(var(--spacing) * 20) !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.hero-7-txt h2{
    padding-inline: 5% !important;
    padding-block: calc(var(--spacing) * 0) !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.hero-7-img{
    margin-top: 35px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.txt-block .btn{
    margin-top: 18px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.ct-02 .img-block{
    margin-inline: 2% !important;
    margin-top: calc(var(--spacing) * 0) !important;
    margin-bottom: 35px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.banner-section .btns-group .btn:first-child{
    margin-inline: calc(var(--spacing) * 0) !important;
    margin-bottom: 15px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.container{
    margin: calc(var(--spacing) * 0) !important;
    max-width: 100% !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.division{
    padding-inline: 3px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.btns-group .btn:first-child{
    margin-inline: 5px !important;
    margin-bottom: 15px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){#hero-7{
    padding-top: 70px !important;
    padding-bottom: calc(var(--spacing) * 20) !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.hero-7-txt h2{
    padding-inline: 4% !important;
    padding-block: calc(var(--spacing) * 0) !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.hero-7-img{
    margin-top: 35px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.txt-block .btn{
    margin-top: 18px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.ct-02 .img-block{
    margin-inline: 2% !important;
    margin-top: calc(var(--spacing) * 0) !important;
    margin-bottom: 35px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.banner-section .btns-group .btn:first-child{
    margin-inline: calc(var(--spacing) * 0) !important;
    margin-bottom: 15px !important;
  }}@media (max-width: 320.98px){.container{
    margin: calc(var(--spacing) * 0) !important;
    max-width: 100% !important;
  }}@media (max-width: 320.98px){.py--100{
    padding-block: 60px !important;
  }}@media (max-width: 320.98px){.pt--100{
    padding-top: 60px !important;
  }}@media (max-width: 320.98px){.pb--100{
    padding-bottom: 60px !important;
  }}@media (max-width: 320.98px){.btns-group .btn:first-child{
    margin-inline: 5px !important;
    margin-bottom: 15px !important;
  }}@media (max-width: 320.98px){#hero-7{
    padding-block: 70px !important;
  }}@media (max-width: 320.98px){.hero-7-txt h2{
    padding-inline: 3% !important;
    padding-block: calc(var(--spacing) * 0) !important;
  }}@media (max-width: 320.98px){.hero-7-img{
    margin-top: 30px !important;
  }}@media (max-width: 320.98px){.txt-block .btn{
    margin-top: 16px !important;
  }}@media (max-width: 320.98px){.ct-02 .img-block{
    margin-inline: 2% !important;
    margin-top: calc(var(--spacing) * 0) !important;
    margin-bottom: 30px !important;
  }}@media (max-width: 320.98px){.banner-section .btns-group .btn:first-child{
    margin-inline: calc(var(--spacing) * 0) !important;
    margin-bottom: 12px !important;
  }}.sr-anchor{ display: block; height: 0; scroll-margin-top: 96px; }@media (max-width: 767.98px){#hero-7{ padding-top: 80px; padding-bottom: 80px; text-align: center; }}@media (min-width: 390px) and (max-width: 413.98px){#hero-7 .hero-7-txt h2{ padding: 0 5%; }}@media (min-width: 321px) and (max-width: 389.98px){#hero-7{ padding-top: 70px; }}@media (min-width: 321px) and (max-width: 389.98px){#hero-7 .hero-7-txt h2{ padding: 0 4%; }}@media (max-width: 320.98px){#hero-7{ padding-top: 70px; padding-bottom: 70px; }}@media (max-width: 320.98px){#hero-7 .hero-7-txt h2{ padding: 0 3%; }}@media (min-width: 992px) and (max-width: 1199.98px){.ct-02.content-section{ padding-bottom: 80px; }}@media (min-width: 768px) and (max-width: 991.98px){.ct-02.content-section{ padding-bottom: 70px; }}
/* Reduce hero image size and push it away from the header */
#hero-7 .hero-7-img img{display:block;max-height:560px;width:auto;max-width:100%;margin-inline:auto}
@media (min-width:992px) and (max-width:1199.98px){#hero-7 .hero-7-img img{max-height:510px}}
@media (max-width:767.98px){#hero-7 .hero-7-img img{max-height:400px}}

/* Provider marquee copied from the homepage. */
.sr-wordpress-providers { padding-block: 50px; }
@media (min-width: 768px) and (max-width: 991.98px) { .sr-wordpress-providers { padding-block: 35px; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .sr-wordpress-providers { padding-block: 40px; } }
.sr-wordpress-providers .mh-marquee { margin-top: 30px; }
.mh-marquee{
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
  mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}.mh-marquee-track{ display: flex; width: max-content; }.mh-marquee-group{
  display: flex;
  align-items: center;
  gap: 4.5rem;
  padding-right: 4.5rem;
}.mh-marquee-group img{ display: block; width: auto; max-width: none; }@media (prefers-reduced-motion: no-preference){.mh-marquee-track{ animation: mh-marquee 36s linear infinite; }}@media (prefers-reduced-motion: no-preference){.mh-marquee:hover .mh-marquee-track{ animation-play-state: paused; }}@media (prefers-reduced-motion: reduce){.mh-marquee{ mask-image: none; -webkit-mask-image: none; }}@media (prefers-reduced-motion: reduce){.mh-marquee-track{ width: auto; flex-wrap: wrap; justify-content: center; }}@media (prefers-reduced-motion: reduce){.mh-marquee-group:last-child{ display: none; }}@media (prefers-reduced-motion: reduce){.mh-marquee-group{ flex-wrap: wrap; justify-content: center; row-gap: 1.75rem; padding-right: 0; }}.mh-marquee img[src*="aws.svg"]{ height: 32px; }.mh-marquee img[src*="googlecloud.svg"]{ height: 24px; }.mh-marquee img[src*="digitalocean.svg"]{ height: 24px; }.mh-marquee img[src*="vultr.svg"]{ height: 22px; }.mh-marquee img[src*="hetzner.svg"]{ height: 20px; }.mh-marquee img[src*="ovh.svg"]{ height: 24px; }.mh-marquee img[src*="scaleway.svg"]{ height: 24px; }.mh-marquee img[src*="upcloud.png"]{ height: 22px; }.mh-marquee img[src*="bunnynet.svg"]{ height: 28px; }.mh-marquee img[src*="cloudflare.svg"]{ height: 24px; }

/* Use the standard hero alignment and layering for the photographic composition. */
#hero-7 .hero-7-img { padding-left: 0; }

/* Report section: shared svc-figure/svc-scroll/svc-points; the findings card is flush with the content width. */

/* FAQ section: centered, every answer open, with the production/staging scope as live HTML. */
.audit-faq .svc-heading{margin-bottom:44px}
.audit-faq .svc-qa{margin-top:64px}
.audit-envs{max-width:1000px;margin:0 auto}
.audit-env-pair{display:grid;grid-template-rows:auto 48px auto}
.audit-env{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 16px;padding:20px 22px 22px;background:#fff;border:1px solid #dce1e8;border-radius:8px}
.audit-env svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.audit-faq .audit-env-name{display:flex;align-items:center;gap:10px;margin:0;font-size:17px;line-height:1.3;font-weight:650;color:#2f353e}
.audit-env-dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #ecfdf5}
.audit-env--copy .audit-env-dot{background:#4f46e5;box-shadow:0 0 0 4px #eef2ff}
.audit-faq .audit-env-sub{margin:3px 0 0 19px;font-size:14px;line-height:1.4;color:#626b75}
.audit-env-tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:4px;background:#ecfdf5;color:#047857;font-size:13px;font-weight:600;white-space:nowrap}
.audit-env--copy .audit-env-tag{background:#eef2ff;color:#4f46e5}
.audit-env-tag svg{width:14px;height:14px;stroke-width:1.9}
.audit-env-list{display:grid;flex:1 0 100%;gap:12px 16px;margin:6px 0 0;padding:16px 0 0;border-top:1px solid #e9edf2;list-style:none}
.audit-env-list li{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.35;color:#4a525d}
.audit-env-list svg{flex:0 0 18px;width:18px;height:18px;color:#566273}
.audit-env-list .is-off{color:#6b7480}
.audit-env-list .is-off svg{color:#a3abb5}
.audit-env-link{position:relative;display:grid;place-items:center}
.audit-env-link::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1.5px dashed #b9c1cc}
.audit-env-link::after{content:"";position:absolute;left:50%;bottom:3px;width:7px;height:7px;margin-left:-3.5px;border-right:1.5px solid #9aa4b1;border-bottom:1.5px solid #9aa4b1;transform:rotate(45deg)}
.audit-env-link small{position:absolute;left:calc(50% + 26px);top:50%;transform:translateY(-50%);font-size:12.5px;line-height:1;color:#5f6874;white-space:nowrap}
.audit-env-link > span{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #dce1e8;color:#566273}
.audit-env-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.audit-agreed{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;margin-top:22px;font-size:14px;line-height:1.4;color:#4a525d}
.audit-agreed strong{font-weight:650;color:#2f353e}
.audit-agreed span{display:inline-flex;align-items:center;gap:6px}
.audit-agreed svg{width:16px;height:16px;fill:none;stroke:#10b981;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:479px){.audit-env > div{flex:1 0 100%}.audit-agreed{gap:8px 14px}.audit-agreed strong{flex:1 0 100%;text-align:center}}
@media (min-width:480px){.audit-env-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){
  .audit-env-pair{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);grid-template-rows:auto}
  .audit-env-link::before{top:50%;bottom:auto;left:0;right:0;border-left:0;border-top:1.5px dashed #b9c1cc}
  .audit-env-link::after{left:auto;right:3px;bottom:auto;top:50%;margin:-3.5px 0 0;transform:rotate(-45deg)}
  .audit-env-link small{left:50%;top:calc(50% - 32px);transform:translateX(-50%)}
}