/* PHOENIX Incident Management — fully scoped */
body.phx-incident-template header.navbar{position:absolute!important;top:18px!important;left:0!important;right:0!important;z-index:1000!important}
body.phx-incident-template{background:transparent}
.phx-incident-page{--line:rgba(255,255,255,.11);background:var(--pi-bg);color:var(--pi-text);overflow:hidden}
.phx-incident-page .pi-process,.phx-incident-page .pi-compare{background-color:var(--pi-bg)}
.phx-incident-page *{box-sizing:border-box}.phx-incident-page .pi-wrap{width:min(1240px,calc(100% - 56px));margin:auto}.phx-incident-page h1,.phx-incident-page h2,.phx-incident-page h3,.phx-incident-page p{margin-top:0}.phx-incident-page p{color:var(--pi-muted);line-height:1.9}.phx-incident-page h2{text-align:center;font-size:30px;margin-bottom:30px}
.phx-incident-page .pi-hero{position:relative;width:100vw;margin-inline:calc(50% - 50vw);background-image:var(--pi-hero);background-size:cover;background-position:var(--pi-hero-pos);background-repeat:no-repeat;display:flex;align-items:center;padding:120px 0 42px}
.phx-incident-page .pi-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,12,14,.08),rgba(0,12,14,.30) 48%,rgba(0,12,14,.94) 76%,#001012 100%)}
.phx-incident-page .pi-hero-inner{position:relative;z-index:2}.phx-incident-page .pi-hero-copy{width:min(600px,52%);margin-right:0;margin-left:auto}.phx-incident-page .pi-kicker{font-size:28px;font-weight:800;color:#fff;margin-bottom:2px}.phx-incident-page h1{font-size:46px;line-height:1.35;color:var(--pi-accent);margin-bottom:12px}.phx-incident-page .pi-lead{font-size:16px;color:#fff}
.phx-incident-page .pi-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.phx-incident-page .pi-features article{text-align:center;padding:8px;border-left:1px solid var(--line)}.phx-incident-page .pi-features span{display:block;color:var(--pi-accent);font-size:26px}.phx-incident-page .pi-features b,.phx-incident-page .pi-features small{display:block}.phx-incident-page .pi-features b{font-size:12px}.phx-incident-page .pi-features small{font-size:10px;color:var(--pi-muted)}
.phx-incident-page .pi-actions{display:flex;gap:14px}.phx-incident-page .pi-actions a,.phx-incident-page .pi-cta a{display:inline-block;padding:11px 26px;border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;border-radius:4px}.phx-incident-page .pi-actions .primary{background:var(--pi-cyan);border-color:var(--pi-cyan)}
.phx-incident-page .pi-process{padding:36px 0;border-top:1px solid var(--line);background:var(--pi-bg)}.phx-incident-page .pi-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;direction:rtl}.phx-incident-page .pi-process-grid article{position:relative}.phx-incident-page .pi-process-grid em{font-size:28px;color:var(--pi-accent);font-style:normal}.phx-incident-page .pi-process-img{height:160px;border:1px solid var(--line);overflow:hidden;border-radius:8px;margin:5px 0 10px}.phx-incident-page .pi-process-img img{width:100%;height:100%;object-fit:cover}.phx-incident-page .pi-process-grid h3{font-size:16px}.phx-incident-page .pi-process-grid p{font-size:12px}
.phx-incident-page .pi-compare{padding:38px 0;background:var(--pi-bg);border-top:1px solid var(--line)}.phx-incident-page .pi-compare-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:20px;align-items:stretch}.phx-incident-page .pi-list{border:1px solid var(--line);padding:22px;border-radius:7px;background:rgba(0,0,0,.18)}.phx-incident-page .pi-list h3{color:var(--pi-accent);text-align:center}.phx-incident-page .pi-list.good h3{color:var(--pi-cyan)}.phx-incident-page .pi-list div{display:flex;gap:9px;padding:8px 0}.phx-incident-page .pi-list span{color:var(--pi-accent)}.phx-incident-page .pi-list.good span{color:var(--pi-cyan)}.phx-incident-page .pi-list b{font-size:13px}.phx-incident-page .pi-compare-art{overflow:hidden;min-height:280px}.phx-incident-page .pi-compare-art img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.phx-incident-page .pi-why{padding:38px 0;background:#001012;border-top:1px solid var(--line)}.phx-incident-page .pi-why h2{color:#fff}.phx-incident-page .pi-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.phx-incident-page .pi-why-grid article{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:rgba(255,255,255,.02);padding-bottom:18px}.phx-incident-page .pi-benefit-img{height:190px;overflow:hidden}.phx-incident-page .pi-benefit-img img{width:100%;height:100%;object-fit:cover}.phx-incident-page .pi-why-grid span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--pi-accent);border-radius:50%;margin:-25px 14px 8px;position:relative;background:#001012;color:var(--pi-accent);font-size:22px}.phx-incident-page .pi-why-grid h3,.phx-incident-page .pi-why-grid p{padding:0 16px}.phx-incident-page .pi-why-grid h3{font-size:16px}.phx-incident-page .pi-why-grid p{font-size:12px}
.phx-incident-page .pi-cta{position:relative;min-height:300px;background-image:var(--pi-cta);background-size:cover;background-position:center;display:flex;align-items:center;border-top:1px solid var(--line)}.phx-incident-page .pi-cta-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,12,.45),rgba(0,10,12,.92))}.phx-incident-page .pi-cta-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:30px}.phx-incident-page .pi-cta h2{text-align:right;font-size:34px;line-height:1.55;margin:0}.phx-incident-page .pi-cta h2::first-line{color:#fff}.phx-incident-page .pi-cta a{background:var(--pi-accent);border-color:var(--pi-accent);min-width:220px;text-align:center}
@media(max-width:980px){body.phx-incident-template header.navbar{top:10px!important}.phx-incident-page .pi-hero{min-height:640px!important;background-position:40% center}.phx-incident-page .pi-hero-copy{width:70%}.phx-incident-page .pi-process-grid,.phx-incident-page .pi-why-grid{grid-template-columns:repeat(2,1fr)}.phx-incident-page .pi-compare-grid{grid-template-columns:1fr}.phx-incident-page .pi-compare-art{min-height:330px}}
@media(max-width:560px){.phx-incident-page .pi-wrap{width:calc(100% - 28px)}.phx-incident-page .pi-hero{padding-top:115px;min-height:700px!important;background-position:38% center}.phx-incident-page .pi-hero-shade{background:rgba(0,12,14,.66)}.phx-incident-page .pi-hero-copy{width:100%}.phx-incident-page .pi-kicker{font-size:21px}.phx-incident-page h1{font-size:34px}.phx-incident-page .pi-features{grid-template-columns:repeat(2,1fr)}.phx-incident-page .pi-process-grid,.phx-incident-page .pi-why-grid{grid-template-columns:1fr}.phx-incident-page .pi-process-img{height:210px}.phx-incident-page .pi-cta-inner{display:block}.phx-incident-page .pi-cta h2{font-size:27px}.phx-incident-page .pi-cta a{margin-top:18px}.phx-incident-page .pi-actions{flex-wrap:wrap}}


/* =========================================================
   Requested refinement: Process + Why Phoenix 3D full-fill cards
   Scoped ONLY to the Incident Management page.
   ========================================================= */
.phx-incident-page .pi-process,
.phx-incident-page .pi-why{
    padding-top:42px;
    padding-bottom:42px;
}
.phx-incident-page .pi-process .pi-wrap,
.phx-incident-page .pi-why .pi-wrap{
    width:min(1400px,calc(100% - 36px));
}
.phx-incident-page .pi-process-grid,
.phx-incident-page .pi-why-grid{
    gap:18px;
    align-items:stretch;
}
.phx-incident-page .pi-process-grid article,
.phx-incident-page .pi-why-grid article{
    position:relative;
    height:100%;
    background:
      linear-gradient(145deg,rgba(12,43,45,.76),rgba(0,13,15,.96));
    border:1px solid rgba(72,183,179,.24);
    border-radius:15px;
    box-shadow:
      0 20px 38px rgba(0,0,0,.34),
      0 7px 14px rgba(0,0,0,.26),
      inset 0 1px 0 rgba(255,255,255,.09),
      inset 0 -1px 0 rgba(0,0,0,.42);
    overflow:hidden;
    transform:perspective(1100px) translateZ(0);
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.phx-incident-page .pi-process-grid article::before,
.phx-incident-page .pi-why-grid article::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:2;
    border-radius:inherit;
    background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 30%,transparent 70%,rgba(0,185,181,.035));
}
.phx-incident-page .pi-process-grid article:hover,
.phx-incident-page .pi-why-grid article:hover{
    transform:perspective(1100px) translateY(-7px) translateZ(14px);
    border-color:rgba(72,183,179,.42);
    box-shadow:
      0 28px 50px rgba(0,0,0,.42),
      0 10px 22px rgba(0,0,0,.30),
      0 0 24px rgba(8,185,181,.07),
      inset 0 1px 0 rgba(255,255,255,.11);
}

/* Process cards now visually occupy the full available section width/height. */
.phx-incident-page .pi-process-grid article{
    display:flex;
    flex-direction:column;
    padding:12px 12px 18px;
    min-height:335px;
}
.phx-incident-page .pi-process-grid em{
    position:relative;
    z-index:3;
    padding:0 5px 5px;
    font-weight:800;
    text-shadow:0 5px 18px rgba(255,90,22,.24);
}
.phx-incident-page .pi-process-img{
    position:relative;
    z-index:1;
    width:100%;
    height:205px;
    flex:0 0 205px;
    margin:0 0 14px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.09);
    box-shadow:inset 0 0 22px rgba(0,0,0,.20);
}
.phx-incident-page .pi-process-grid h3,
.phx-incident-page .pi-process-grid p{
    position:relative;
    z-index:3;
    padding-inline:7px;
}
.phx-incident-page .pi-process-grid h3{
    margin-bottom:5px;
    font-size:17px;
}
.phx-incident-page .pi-process-grid p{
    margin-bottom:0;
}

/* Why Phoenix cards fill their section and get deeper image-led 3D volume. */
.phx-incident-page .pi-why-grid article{
    display:flex;
    flex-direction:column;
    min-height:390px;
    padding-bottom:20px;
}
.phx-incident-page .pi-benefit-img{
    height:245px;
    flex:0 0 245px;
    width:100%;
    margin:0;
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 24px rgba(0,0,0,.22);
}
.phx-incident-page .pi-why-grid span{
    z-index:4;
    box-shadow:
      0 9px 18px rgba(0,0,0,.38),
      0 0 18px rgba(255,90,22,.10),
      inset 0 1px 0 rgba(255,255,255,.10);
}
.phx-incident-page .pi-why-grid h3,
.phx-incident-page .pi-why-grid p{
    position:relative;
    z-index:3;
}
.phx-incident-page .pi-why-grid p{
    margin-bottom:0;
}

/* Keep the cards large on tablet/mobile without touching other pages. */
@media(max-width:980px){
  .phx-incident-page .pi-process .pi-wrap,
  .phx-incident-page .pi-why .pi-wrap{width:min(100% - 28px,900px)}
  .phx-incident-page .pi-process-grid article{min-height:350px}
  .phx-incident-page .pi-benefit-img{height:230px;flex-basis:230px}
}
@media(max-width:560px){
  .phx-incident-page .pi-process .pi-wrap,
  .phx-incident-page .pi-why .pi-wrap{width:calc(100% - 22px)}
  .phx-incident-page .pi-process-grid,
  .phx-incident-page .pi-why-grid{gap:16px}
  .phx-incident-page .pi-process-grid article{min-height:0}
  .phx-incident-page .pi-process-img{height:230px;flex-basis:230px}
  .phx-incident-page .pi-why-grid article{min-height:0}
  .phx-incident-page .pi-benefit-img{height:260px;flex-basis:260px}
  .phx-incident-page .pi-process-grid article:hover,
  .phx-incident-page .pi-why-grid article:hover{transform:none}
}


/* =========================================================
   FULL-WIDTH + PREMIUM 3D CARDS — Process & Why Phoenix only
   ========================================================= */
.phx-incident-page .pi-process .pi-wrap,
.phx-incident-page .pi-why .pi-wrap{
    width:100%;
    max-width:none;
    padding-inline:clamp(18px,2.4vw,46px);
    margin-inline:0;
}
.phx-incident-page .pi-process-grid,
.phx-incident-page .pi-why-grid{
    width:100%;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(12px,1.25vw,22px);
}
.phx-incident-page .pi-process-grid article,
.phx-incident-page .pi-why-grid article{
    width:100%;
    min-width:0;
    isolation:isolate;
    border:1px solid rgba(55,215,207,.24);
    background:
      radial-gradient(circle at 18% 0%,rgba(20,201,193,.12),transparent 34%),
      radial-gradient(circle at 95% 100%,rgba(255,90,22,.09),transparent 38%),
      linear-gradient(145deg,rgba(12,43,45,.94) 0%,rgba(3,24,27,.96) 42%,rgba(0,10,12,.99) 100%);
    box-shadow:
      0 34px 60px rgba(0,0,0,.44),
      0 14px 24px rgba(0,0,0,.34),
      0 2px 0 rgba(255,255,255,.08) inset,
      1px 0 0 rgba(255,255,255,.035) inset,
      -1px 0 0 rgba(0,0,0,.42) inset,
      0 -10px 24px rgba(0,0,0,.30) inset;
    transform:perspective(1300px) rotateX(.65deg) translateZ(0);
    transform-origin:center bottom;
}
.phx-incident-page .pi-process-grid article::after,
.phx-incident-page .pi-why-grid article::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:6%;
    right:6%;
    bottom:-16px;
    height:28px;
    border-radius:50%;
    background:rgba(0,0,0,.44);
    filter:blur(14px);
    opacity:.8;
    pointer-events:none;
}
.phx-incident-page .pi-process-grid article:hover,
.phx-incident-page .pi-why-grid article:hover{
    transform:perspective(1300px) rotateX(0deg) translateY(-10px) translateZ(26px) scale(1.012);
    border-color:rgba(58,224,215,.48);
    box-shadow:
      0 44px 72px rgba(0,0,0,.52),
      0 18px 32px rgba(0,0,0,.38),
      0 0 34px rgba(8,185,181,.09),
      0 2px 0 rgba(255,255,255,.11) inset,
      0 -12px 28px rgba(0,0,0,.32) inset;
}
.phx-incident-page .pi-process-grid article::before,
.phx-incident-page .pi-why-grid article::before{
    background:
      linear-gradient(120deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.025) 18%,transparent 38%),
      linear-gradient(315deg,rgba(8,185,181,.07),transparent 35%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

/* Process: large image surface + card body, with minimal unused space */
.phx-incident-page .pi-process{
    padding-inline:0;
}
.phx-incident-page .pi-process-grid article{
    padding:11px 11px 20px;
    min-height:390px;
}
.phx-incident-page .pi-process-img{
    height:245px;
    flex-basis:245px;
    border-radius:11px;
    box-shadow:
      0 14px 24px rgba(0,0,0,.34),
      inset 0 0 0 1px rgba(255,255,255,.045);
}
.phx-incident-page .pi-process-grid em{
    font-size:31px;
    line-height:1.2;
    padding:2px 7px 8px;
}
.phx-incident-page .pi-process-grid h3{
    font-size:18px;
    margin:1px 0 5px;
}
.phx-incident-page .pi-process-grid p{
    font-size:12.5px;
    line-height:1.8;
}

/* Why Phoenix: image fills the upper face and text fills lower face */
.phx-incident-page .pi-why{
    padding-inline:0;
}
.phx-incident-page .pi-why-grid article{
    min-height:440px;
}
.phx-incident-page .pi-benefit-img{
    height:285px;
    flex-basis:285px;
    box-shadow:
      0 17px 30px rgba(0,0,0,.38),
      inset 0 -22px 28px rgba(0,0,0,.16);
}
.phx-incident-page .pi-benefit-img img,
.phx-incident-page .pi-process-img img{
    transition:transform .45s ease,filter .45s ease;
}
.phx-incident-page .pi-process-grid article:hover img,
.phx-incident-page .pi-why-grid article:hover img{
    transform:scale(1.035);
    filter:contrast(1.04) brightness(1.035);
}
.phx-incident-page .pi-why-grid span{
    width:58px;
    height:58px;
    margin:-30px 18px 10px;
    border-width:1px;
    background:linear-gradient(145deg,#062326,#001012);
    box-shadow:
      0 14px 24px rgba(0,0,0,.48),
      0 0 22px rgba(255,90,22,.13),
      inset 0 1px 0 rgba(255,255,255,.13),
      inset 0 -5px 10px rgba(0,0,0,.28);
}
.phx-incident-page .pi-why-grid h3{
    font-size:18px;
    margin-bottom:6px;
}
.phx-incident-page .pi-why-grid p{
    font-size:12.5px;
    line-height:1.85;
}

/* Tablet: retain generous cards but use 2 columns */
@media(max-width:980px){
  .phx-incident-page .pi-process .pi-wrap,
  .phx-incident-page .pi-why .pi-wrap{
      width:100%;
      max-width:none;
      padding-inline:18px;
  }
  .phx-incident-page .pi-process-grid,
  .phx-incident-page .pi-why-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
  }
  .phx-incident-page .pi-process-img{height:245px;flex-basis:245px}
  .phx-incident-page .pi-benefit-img{height:270px;flex-basis:270px}
}

/* Mobile: one large full-width card per row */
@media(max-width:560px){
  .phx-incident-page .pi-process .pi-wrap,
  .phx-incident-page .pi-why .pi-wrap{
      width:100%;
      padding-inline:12px;
  }
  .phx-incident-page .pi-process-grid,
  .phx-incident-page .pi-why-grid{
      grid-template-columns:1fr;
      gap:18px;
  }
  .phx-incident-page .pi-process-grid article,
  .phx-incident-page .pi-why-grid article{
      width:100%;
      transform:none;
  }
  .phx-incident-page .pi-process-img{height:250px;flex-basis:250px}
  .phx-incident-page .pi-benefit-img{height:280px;flex-basis:280px}
}


/* =========================================================
   INCIDENT MANAGEMENT — "از راهکارها تا مدیریت هوشمند"
   FRONT-END PRESENTATION ONLY
   Scoped exclusively to .pi-compare on the Incident page.
   Existing PHP data, fields, options and content are untouched.
   ========================================================= */

.phx-incident-page .pi-compare{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:clamp(58px,6vw,96px) 0;
    background:
        radial-gradient(ellipse 42% 70% at 50% 50%,rgba(8,185,181,.055),transparent 70%),
        #001518;
}

.phx-incident-page .pi-compare .pi-wrap{
    position:relative;
    z-index:1;
}

.phx-incident-page .pi-compare h2{
    position:relative;
    z-index:5;
    margin-bottom:clamp(34px,4vw,58px);
}

.phx-incident-page .pi-compare-grid{
    width:100%;
    display:grid;
    grid-template-columns:minmax(250px,.82fr) minmax(420px,1.45fr) minmax(250px,.82fr);
    gap:clamp(28px,4vw,72px);
    align-items:center;
    direction:ltr;
}

/* Both text groups keep their existing content and existing semantic colors. */
.phx-incident-page .pi-compare-grid .pi-list{
    direction:rtl;
    position:relative;
    z-index:4;
    min-width:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.phx-incident-page .pi-compare-grid .pi-list h3{
    margin:0 0 22px;
    text-align:right;
    font-size:clamp(20px,1.65vw,27px);
    line-height:1.5;
    font-weight:800;
}

.phx-incident-page .pi-compare-grid .pi-list.bad h3{
    color:var(--pi-accent);
}

.phx-incident-page .pi-compare-grid .pi-list.good h3{
    color:var(--pi-cyan);
}

.phx-incident-page .pi-compare-grid .pi-list div{
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:8px 0;
    border:0;
}

.phx-incident-page .pi-compare-grid .pi-list div span{
    flex:0 0 auto;
    display:inline-grid;
    place-items:center;
    width:24px;
    height:24px;
    margin-top:1px;
    border-radius:50%;
    background:transparent;
    font-size:16px;
    line-height:1;
}

.phx-incident-page .pi-compare-grid .pi-list.bad div span{
    color:var(--pi-accent);
}

.phx-incident-page .pi-compare-grid .pi-list.good div span{
    color:var(--pi-cyan);
}

.phx-incident-page .pi-compare-grid .pi-list b{
    display:block;
    color:var(--pi-text);
    font-size:clamp(12px,1vw,14px);
    line-height:1.9;
    font-weight:500;
}

/* Central image: free-floating cinematic element, never a card/box. */
.phx-incident-page .pi-compare-grid .pi-compare-art{
    position:relative;
    z-index:2;
    min-width:0;
    min-height:clamp(300px,30vw,520px);
    display:grid;
    place-items:center;
    overflow:visible;
    isolation:isolate;
}

/* Soft halo sits behind the image, using the existing site accent. */
.phx-incident-page .pi-compare-grid .pi-compare-art::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:76%;
    height:70%;
    left:12%;
    top:15%;
    border-radius:50%;
    background:
        radial-gradient(circle,rgba(8,185,181,.16) 0%,rgba(8,185,181,.075) 30%,rgba(8,185,181,.025) 54%,transparent 74%);
    filter:blur(26px);
    opacity:.8;
    pointer-events:none;
}

/* Multi-stage mask removes rectangular edges and lets the image dissolve into BG. */
.phx-incident-page .pi-compare-grid .pi-compare-art img{
    display:block;
    width:100%;
    height:auto;
    max-height:clamp(300px,32vw,540px);
    object-fit:contain;
    object-position:center;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    filter:contrast(1.04) saturate(1.02);
    -webkit-mask-image:
        radial-gradient(ellipse 48% 48% at 50% 50%,
            #000 0%,
            #000 43%,
            rgba(0,0,0,.94) 54%,
            rgba(0,0,0,.68) 66%,
            rgba(0,0,0,.30) 79%,
            transparent 96%);
    mask-image:
        radial-gradient(ellipse 48% 48% at 50% 50%,
            #000 0%,
            #000 43%,
            rgba(0,0,0,.94) 54%,
            rgba(0,0,0,.68) 66%,
            rgba(0,0,0,.30) 79%,
            transparent 96%);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
}

/* Extra side/top/bottom fade layers, only inside this image wrapper. */
.phx-incident-page .pi-compare-grid .pi-compare-art::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(90deg,#001518 0%,transparent 17%,transparent 83%,#001518 100%),
        linear-gradient(180deg,#001518 0%,transparent 16%,transparent 84%,#001518 100%);
    opacity:.34;
}

/* Tablet: preserve all content while giving the image sufficient breathing room. */
@media(max-width:980px){
    .phx-incident-page .pi-compare-grid{
        grid-template-columns:minmax(190px,.8fr) minmax(300px,1.25fr) minmax(190px,.8fr);
        gap:22px;
    }
    .phx-incident-page .pi-compare-grid .pi-compare-art{
        min-height:330px;
    }
    .phx-incident-page .pi-compare-grid .pi-compare-art img{
        max-height:360px;
    }
}

/* Mobile: requested vertical presentation; no content is removed. */
@media(max-width:560px){
    .phx-incident-page .pi-compare{
        padding:48px 0 58px;
    }

    .phx-incident-page .pi-compare-grid{
        grid-template-columns:1fr;
        gap:30px;
        direction:rtl;
    }

    .phx-incident-page .pi-compare-grid .pi-compare-art{
        grid-row:1;
        width:100%;
        min-height:260px;
        order:0;
    }

    .phx-incident-page .pi-compare-grid .pi-list.bad{
        grid-row:2;
        order:1;
    }

    .phx-incident-page .pi-compare-grid .pi-list.good{
        grid-row:3;
        order:2;
    }

    .phx-incident-page .pi-compare-grid .pi-compare-art img{
        width:100%;
        max-height:320px;
    }

    .phx-incident-page .pi-compare-grid .pi-list h3{
        margin-bottom:14px;
        font-size:21px;
    }

    .phx-incident-page .pi-compare-grid .pi-list b{
        font-size:13px;
    }
}

/* PHX 2026-09 — final refinement: large central visual with edge-only fade.
   Intentionally scoped to Incident > .pi-compare only. */
@media(min-width:981px){
  .phx-incident-page .pi-compare .pi-wrap{
      width:min(1540px,calc(100% - 48px));
      max-width:none;
  }
  .phx-incident-page .pi-compare-grid{
      grid-template-columns:minmax(230px,23fr) minmax(600px,54fr) minmax(230px,23fr);
      gap:clamp(22px,2.4vw,44px);
      align-items:center;
  }
  .phx-incident-page .pi-compare-grid .pi-compare-art{
      min-height:clamp(400px,31vw,520px);
      width:100%;
  }
  .phx-incident-page .pi-compare-grid .pi-compare-art img{
      width:100%;
      height:clamp(400px,31vw,520px);
      max-height:none;
      object-fit:cover;
      object-position:center center;
      -webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 0%,#000 66%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.72) 82%,rgba(0,0,0,.30) 91%,transparent 100%);
      mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 0%,#000 66%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.72) 82%,rgba(0,0,0,.30) 91%,transparent 100%);
  }
  .phx-incident-page .pi-compare-grid .pi-compare-art::after{
      background:
        linear-gradient(90deg,#001518 0%,rgba(0,21,24,.45) 5%,transparent 13%,transparent 87%,rgba(0,21,24,.45) 95%,#001518 100%),
        linear-gradient(180deg,#001518 0%,rgba(0,21,24,.32) 4%,transparent 12%,transparent 88%,rgba(0,21,24,.32) 96%,#001518 100%);
      opacity:.42;
  }
}

@media(min-width:561px) and (max-width:980px){
  .phx-incident-page .pi-compare .pi-wrap{width:calc(100% - 32px)}
  .phx-incident-page .pi-compare-grid{
      grid-template-columns:minmax(170px,24fr) minmax(330px,52fr) minmax(170px,24fr);
      gap:16px;
  }
  .phx-incident-page .pi-compare-grid .pi-compare-art{
      min-height:340px;
  }
  .phx-incident-page .pi-compare-grid .pi-compare-art img{
      width:100%;
      height:340px;
      max-height:none;
      object-fit:cover;
      object-position:center;
      -webkit-mask-image:radial-gradient(ellipse 74% 74% at 50% 50%,#000 0%,#000 64%,rgba(0,0,0,.92) 73%,rgba(0,0,0,.55) 86%,transparent 100%);
      mask-image:radial-gradient(ellipse 74% 74% at 50% 50%,#000 0%,#000 64%,rgba(0,0,0,.92) 73%,rgba(0,0,0,.55) 86%,transparent 100%);
  }
}

@media(max-width:560px){
  .phx-incident-page .pi-compare-grid .pi-compare-art{
      min-height:300px;
  }
  .phx-incident-page .pi-compare-grid .pi-compare-art img{
      width:100%;
      height:300px;
      max-height:none;
      object-fit:cover;
      object-position:center;
      -webkit-mask-image:radial-gradient(ellipse 78% 76% at 50% 50%,#000 0%,#000 64%,rgba(0,0,0,.94) 73%,rgba(0,0,0,.58) 86%,transparent 100%);
      mask-image:radial-gradient(ellipse 78% 76% at 50% 50%,#000 0%,#000 64%,rgba(0,0,0,.94) 73%,rgba(0,0,0,.58) 86%,transparent 100%);
  }
}

/* PHX 2026-09 — incident compare: full-width spread + admin-controlled image size.
   Strictly scoped to this one section. */
@media(min-width:981px){
  .phx-incident-page .pi-compare .pi-wrap{
    width:calc(100% - clamp(32px,3.2vw,72px));
    max-width:none;
    margin-inline:auto;
  }
  .phx-incident-page .pi-compare-grid{
    grid-template-columns:minmax(220px,1fr) minmax(0,var(--pi-compare-image-width,920px)) minmax(220px,1fr);
    gap:clamp(12px,1.6vw,30px);
    width:100%;
  }
  .phx-incident-page .pi-compare-grid .pi-list.bad{justify-self:start;width:min(100%,330px)}
  .phx-incident-page .pi-compare-grid .pi-list.good{justify-self:end;width:min(100%,330px)}
  .phx-incident-page .pi-compare-grid .pi-compare-art{
    width:min(100%,var(--pi-compare-image-width,920px));
    height:var(--pi-compare-image-height,520px);
    min-height:0;
    justify-self:center;
  }
  .phx-incident-page .pi-compare-grid .pi-compare-art img{
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:cover;
    object-position:center;
  }
}
@media(min-width:561px) and (max-width:980px){
  .phx-incident-page .pi-compare-grid .pi-compare-art{
    width:100%;
    height:clamp(320px,48vw,var(--pi-compare-image-height,520px));
    min-height:0;
  }
  .phx-incident-page .pi-compare-grid .pi-compare-art img{width:100%;height:100%;max-height:none}
}
@media(max-width:560px){
  .phx-incident-page .pi-compare-grid .pi-compare-art{
    width:100%;
    height:clamp(280px,76vw,380px);
    min-height:0;
  }
  .phx-incident-page .pi-compare-grid .pi-compare-art img{width:100%;height:100%;max-height:none}
}
/* V17 additive full element controls — admin only */
#phx-incident-full-panel{margin-top:24px}.incident-full-wrap{background:#f6f7f7;border:1px solid #dcdcde;border-radius:14px;padding:20px}.incident-full-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.incident-full-tabs button{border:1px solid #c3c4c7;background:#fff;padding:10px 16px;border-radius:8px;cursor:pointer}.incident-full-tabs button.active{background:#135e96;color:#fff}.incident-ft-panel{display:none}.incident-ft-panel.active{display:block}.incident-full-static-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.incident-full-element{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px}.incident-full-element h4{margin:0 0 12px}.incident-full-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.incident-full-fields label{font-size:12px;font-weight:600}.incident-full-fields input{width:100%;margin-top:4px}.incident-full-visibility{display:flex;gap:18px;flex-wrap:wrap;background:#fff;padding:18px;border-radius:12px}.incident-full-visibility label{font-weight:600}.incident-admin-icon-img{max-width:100%;max-height:100%;object-fit:contain}.pi-hero .pi-features article,.pi-process article,.pi-why article{box-sizing:border-box}
@media(max-width:900px){.incident-full-static-grid{grid-template-columns:1fr}.incident-full-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.incident-full-fields{grid-template-columns:1fr}}

/* Scoped additions: incident/event page management controls only */
.phx-incident-page .pi-process,
.phx-incident-page .pi-why,
.phx-incident-page .pi-compare{background-color:var(--pi-bg)}
.phx-incident-page .pi-process-grid article,
.phx-incident-page .pi-why-grid article{overflow:hidden;box-sizing:border-box}
.phx-incident-page .pi-process-img,
.phx-incident-page .pi-benefit-img{position:relative;isolation:isolate;background-color:rgba(0,0,0,.16);overflow:hidden}
.phx-incident-page .pi-process-img img,
.phx-incident-page .pi-benefit-img img{position:relative;z-index:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.phx-incident-page .pi-process-img::after,
.phx-incident-page .pi-benefit-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--pi-fade,none)}
.phx-incident-page .pi-compare-art{position:relative;isolation:isolate;background-color:rgba(0,0,0,.15)}
.phx-incident-page .pi-compare-art::after{background-image:var(--pi-fade,none)}
.phx-incident-page .pi-compare-art img{object-fit:contain;background:transparent}
.phx-incident-page .pi-why-grid article>span{display:none!important}
.phx-incident-page .pi-features article{box-sizing:border-box}
.phx-incident-page .pi-features article>span{flex-shrink:0}
.phx-incident-page .pi-cta a,.phx-incident-page .pi-actions a{box-sizing:border-box}

/* Incident hero: feature-line controls and ordering, scoped only to this page. */
.phx-incident-page .pi-hero-copy{display:flex;flex-direction:column}
.phx-incident-page .pi-hero-copy>.pi-actions{order:5;margin-top:18px}
.phx-incident-page .pi-hero-copy>.pi-features{order:6;margin-top:64px!important;margin-bottom:0!important;position:relative;isolation:isolate;border-top:0}
.phx-incident-page .pi-hero-copy>.pi-features::before{content:"";display:block;position:absolute;z-index:0;left:50%;top:calc(-12px + var(--pi-feature-line-y,0px));width:var(--pi-feature-line-length,100%);max-width:100%;border-top:var(--pi-feature-line-thickness,1px) var(--pi-feature-line-style,solid) var(--pi-feature-line-color,#08b9b5);opacity:var(--pi-feature-line-opacity,.65);transform:translateX(calc(-50% + var(--pi-feature-line-x,0px)));pointer-events:none}
.phx-incident-page .pi-hero-copy>.pi-features>article{position:relative;z-index:1}
@media(min-width:981px){.phx-incident-page .pi-hero-copy>.pi-features::before{display:block}}


/* CTA image fit fix — scoped only to the Incident & Events page.
   Keep the full selected image visible across desktop, tablet and mobile. */
.phx-incident-page .pi-cta{
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border-radius:0 !important;
  overflow:hidden;
}
.phx-incident-page .pi-cta .pi-cta-shade{
  border-radius:0 !important;
}
@media (max-width:980px){
  .phx-incident-page .pi-cta{
    background-size:100% 100% !important;
    background-position:center center !important;
    min-height:300px;
  }
  .phx-incident-page .pi-cta-inner{
    width:calc(100% - 36px);
    max-width:100%;
  }
}
@media (max-width:560px){
  .phx-incident-page .pi-cta{
    background-size:100% 100% !important;
    background-position:center center !important;
    min-height:300px;
    padding:34px 0;
  }
  .phx-incident-page .pi-cta-inner{
    width:calc(100% - 28px);
  }
}


/* Scoped responsive natural-image-ratio fix: incident process and Why Phoenix cards only */
@media (max-width: 1400px){
  .phx-incident-page .pi-process-grid article{min-width:0;height:auto;min-height:0;display:flex;flex-direction:column}
  .phx-incident-page .pi-process-grid .pi-process-img{height:auto;min-height:0;aspect-ratio:auto;width:100%;flex:0 0 auto;margin:5px 0 10px}
  .phx-incident-page .pi-process-grid .pi-process-img img{display:block;width:100%;height:auto;min-height:0;object-fit:contain;object-position:center}
  .phx-incident-page .pi-why-grid article{min-height:0;height:auto}
  .phx-incident-page .pi-why-grid .pi-benefit-img{height:auto;min-height:0;aspect-ratio:auto;width:100%}
  .phx-incident-page .pi-why-grid .pi-benefit-img img{display:block;width:100%;height:auto;min-height:0;object-fit:contain;object-position:center}
}
@media (max-width: 760px){
  .phx-incident-page .pi-process-grid,.phx-incident-page .pi-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 420px){
  .phx-incident-page .pi-process-grid,.phx-incident-page .pi-why-grid{grid-template-columns:minmax(0,1fr)}
}

/* FINAL scoped correction V5: incident cards use each source image's natural height */
@media (max-width: 1400px){
  .phx-incident-page .pi-process-grid article,
  .phx-incident-page .pi-why-grid article{height:auto!important;min-height:0!important;align-self:start!important}
  .phx-incident-page .pi-process-grid .pi-process-img,
  .phx-incident-page .pi-why-grid .pi-benefit-img{
    display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;
    max-height:none!important;aspect-ratio:auto!important;flex:none!important;overflow:hidden!important;background:transparent!important;
  }
  .phx-incident-page .pi-process-grid .pi-process-img img,
  .phx-incident-page .pi-why-grid .pi-benefit-img img{
    display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;
    max-height:none!important;object-fit:contain!important;object-position:center!important;
  }
}


/* Incident page: shift the text and adjacent icons in the “از چالش‌ها تا مدیریت هوشمند” section 20px left on mobile only. */
@media screen and (max-width: 560px) {
  .phx-incident-page .pi-compare-grid .pi-list {
    position: relative;
    left: -20px;
  }
}


/* Final, page-scoped corrections: preserve existing management and save paths. */
.phx-incident-page .pi-hero-shade{background:none!important;opacity:0!important;}
.phx-incident-page .pi-features{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;}
.phx-incident-page .pi-features article{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:right;padding:10px 12px;min-width:0;border-left:1px solid var(--line);}
.phx-incident-page .pi-features article>span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0;}
.phx-incident-page .pi-features article>b,.phx-incident-page .pi-features article>small{display:block;text-align:right;overflow-wrap:anywhere;}
.phx-incident-page .pi-features article>b{font-size:13px;line-height:1.5;}
.phx-incident-page .pi-features article>small{font-size:11px;line-height:1.5;}
.phx-incident-page .pi-process-img,.phx-incident-page .pi-benefit-img{height:auto!important;min-height:0;aspect-ratio:auto;background:transparent!important;}
.phx-incident-page .pi-process-img img,.phx-incident-page .pi-benefit-img img{display:block;width:100%;height:auto!important;max-height:none;object-fit:contain!important;}
.phx-incident-page .pi-process-img::after,.phx-incident-page .pi-benefit-img::after,.phx-incident-page .pi-compare-art::after{content:none!important;display:none!important;background:none!important;}
.phx-incident-page .pi-process,.phx-incident-page .pi-why,.phx-incident-page .pi-compare{background-color:inherit;}
.phx-incident-page .pi-process-grid article,.phx-incident-page .pi-why-grid article{background:transparent;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0 0 18px;}
.phx-incident-page .pi-why-grid article{display:flex;flex-direction:column;align-items:stretch;}
.phx-incident-page .pi-why-grid h3{margin:16px 0 8px;padding:0 16px;}
.phx-incident-page .pi-why-grid p{margin:0;padding:0 16px;}
.phx-incident-page .pi-cta{min-height:420px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.phx-incident-page .pi-cta-inner{min-height:420px;}
.phx-incident-page .pi-cta-shade{pointer-events:none;}
@media(max-width:980px){.phx-incident-page .pi-features{grid-template-columns:repeat(2,minmax(0,1fr));}.phx-incident-page .pi-cta,.phx-incident-page .pi-cta-inner{min-height:360px;}}
@media(max-width:560px){.phx-incident-page .pi-features{grid-template-columns:1fr;gap:8px;margin-top:30px!important;}.phx-incident-page .pi-features article{border-left:0;border-bottom:1px solid var(--line);}.phx-incident-page .pi-cta{min-height:0;padding:48px 0;background-size:cover;}.phx-incident-page .pi-cta-inner{min-height:0;}.phx-incident-page .pi-process-img,.phx-incident-page .pi-benefit-img{height:auto!important;}}


/* Incident: Why Phoenix benefits section — matching Status Management benefits, isolated to this page. */
.phx-incident-page .pi-why{padding:42px 0;background:var(--pi-bg);border-top:1px solid rgba(84,209,207,.14);}
.phx-incident-page .pi-why .pi-wrap{width:min(1400px,calc(100% - 36px));margin-inline:auto;}
.phx-incident-page .pi-why-title{margin:0 0 24px;text-align:center;color:var(--pi-text);font-weight:900;}
.phx-incident-page .pi-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;}
.phx-incident-page .pi-why-grid article.pi-why-card{min-width:0;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden;border:1px solid var(--pi-card-border,rgba(72,183,179,.28));border-radius:var(--pi-card-radius,12px);background:var(--pi-card-bg,rgba(255,255,255,.03));box-shadow:0 10px 28px rgba(0,0,0,.22);transform:none;}
.phx-incident-page .pi-why-grid article.pi-why-card::before{display:none!important;content:none!important;}
.phx-incident-page .pi-why-image{position:relative;width:100%;height:auto;overflow:hidden;line-height:0;background:transparent;}
.phx-incident-page .pi-why-image img{position:relative!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;min-width:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important;filter:none!important;-webkit-filter:none!important;transform:none!important;}
.phx-incident-page .pi-why-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.78));pointer-events:none;}
.phx-incident-page .pi-why-image h3{position:absolute;z-index:2;right:0;bottom:0;left:0;margin:0!important;padding:30px 16px 14px!important;color:#fff;line-height:1.5;font-weight:800;}
.phx-incident-page .pi-why-copy{padding:14px 16px 18px;background:transparent;line-height:1.9;}
.phx-incident-page .pi-why-copy p{margin:0!important;color:var(--pi-muted);font-size:13px;line-height:1.9;}
@media(max-width:980px){.phx-incident-page .pi-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.phx-incident-page .pi-why{padding:30px 0}.phx-incident-page .pi-why .pi-wrap{width:calc(100% - 28px)}.phx-incident-page .pi-why-grid{grid-template-columns:1fr;gap:14px}.phx-incident-page .pi-why-image h3{padding:32px 14px 12px!important}}

/* Incident page: clearer breathing room and full-width cards, scoped to this page only. */
.phx-incident-page .pi-process{padding:64px 0 72px!important;}
.phx-incident-page .pi-process .pi-wrap{width:min(1600px,calc(100% - 48px));max-width:1600px;margin-inline:auto;}
.phx-incident-page .pi-process-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch;}
.phx-incident-page .pi-process-grid article{min-width:0;height:100%;padding:0 0 22px!important;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;}
.phx-incident-page .pi-process-grid .pi-process-img{width:100%;height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden;margin:0 0 18px!important;background:transparent!important;}
.phx-incident-page .pi-process-grid .pi-process-img img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block!important;}
.phx-incident-page .pi-process-grid article h3{padding:0 20px;margin:0 0 10px!important;text-shadow:none!important;}
.phx-incident-page .pi-process-grid article p{padding:0 20px;margin:0 0 4px!important;line-height:1.95;text-shadow:none!important;}
.phx-incident-page .pi-compare{padding:68px 0 76px!important;}
.phx-incident-page .pi-compare .pi-wrap{width:min(1600px,calc(100% - 48px));max-width:1600px;margin-inline:auto;}
.phx-incident-page .pi-compare-grid{align-items:center;gap:30px;margin-block:30px 0;}
.phx-incident-page .pi-compare-art{align-self:center;display:flex;align-items:center;justify-content:center;min-width:0;margin:0 auto;}
.phx-incident-page .pi-compare-art img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;}
.phx-incident-page .pi-compare .pi-list{align-self:center;line-height:1.9;}
.phx-incident-page .pi-why{padding:58px 0 68px!important;}
.phx-incident-page .pi-why .pi-wrap{width:min(1600px,calc(100% - 48px))!important;max-width:1600px!important;margin-inline:auto!important;}
.phx-incident-page .pi-why-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch;}
.phx-incident-page .pi-why-grid article.pi-why-card{width:100%;min-width:0;}
.phx-incident-page .pi-why-copy{padding:18px 20px 22px!important;}
.phx-incident-page .pi-why-copy p{line-height:2!important;}
.phx-incident-page .incident-unused-icons{display:none!important;}
@media(max-width:1100px){.phx-incident-page .pi-process-grid,.phx-incident-page .pi-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.phx-incident-page .pi-process,.phx-incident-page .pi-compare,.phx-incident-page .pi-why{padding:38px 0 44px!important}.phx-incident-page .pi-process .pi-wrap,.phx-incident-page .pi-compare .pi-wrap,.phx-incident-page .pi-why .pi-wrap{width:calc(100% - 28px)!important}.phx-incident-page .pi-process-grid,.phx-incident-page .pi-why-grid{grid-template-columns:1fr;gap:18px}.phx-incident-page .pi-compare-grid{gap:20px;margin-top:22px}.phx-incident-page .pi-compare-art{width:100%;max-width:100%;}}

/* Scoped refinements: compact process-card copy and bottom image overlay for Why cards. */
.phx-incident-page .pi-process-grid article{justify-content:flex-start;}
/* Independently managed shadow for the text-area surface (not text glyphs), incident page only. */
.phx-incident-page .pi-process-grid article .pi-process-copy{position:relative;z-index:1;display:flex;flex-direction:column;flex:1 0 auto;min-width:0;padding:0 0 10px;background:transparent;box-shadow:var(--pi-process-copy-shadow,0 2px 8px rgba(0,0,0,.28));}
.phx-incident-page .pi-process-grid article .pi-process-copy h3,.phx-incident-page .pi-process-grid article .pi-process-copy p{ text-shadow:none!important;}

.phx-incident-page .pi-process-grid article h3{margin:0 0 7px!important;padding:0 16px!important;line-height:1.45;}
.phx-incident-page .pi-process-grid article .pi-process-desc{margin:0 0 7px!important;padding:0 16px!important;font-size:14px;line-height:1.7;}
.phx-incident-page .pi-process-grid article .pi-process-subdesc{display:block;margin:0 16px!important;padding:8px 0 0!important;border-top:1px solid rgba(120,170,170,.18);font-size:12px;line-height:1.65;opacity:.86;text-shadow:none!important;}
.phx-incident-page .pi-why-grid article.pi-why-card{position:relative;}
.phx-incident-page .pi-why-image{position:relative!important;aspect-ratio:4/3!important;height:auto!important;min-height:0!important;overflow:hidden!important;line-height:normal!important;background:#04181a!important;}
.phx-incident-page .pi-why-image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.phx-incident-page .pi-why-image::after{content:""!important;display:block!important;position:absolute!important;inset:35% 0 0!important;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.9))!important;z-index:1;pointer-events:none;}
.phx-incident-page .pi-why-overlay{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:44px 18px 18px;display:flex;flex-direction:column;gap:7px;}
.phx-incident-page .pi-why-overlay h3{position:static!important;margin:0!important;padding:0!important;color:#fff;line-height:1.45!important;}
.phx-incident-page .pi-why-overlay p{margin:0!important;padding:0!important;color:#fff!important;font-size:13px;line-height:1.7!important;}
@media(max-width:700px){.phx-incident-page .pi-why-image{aspect-ratio:4/3!important}.phx-incident-page .pi-why-overlay{padding:42px 14px 14px}.phx-incident-page .pi-process-grid article .pi-process-subdesc{margin-inline:16px!important}}


/* v4 requested refinements — incident page only */
.phx-incident-page #incident-process,
.phx-incident-page .pi-process{
  border-radius:0 !important;
  clip-path:none !important;
}
.phx-incident-page .pi-process-grid .pi-process-desc{
  display:-webkit-box !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.8;
  max-height:calc(1.8em * 2);
}
.phx-incident-page .pi-process-grid .pi-process-subdesc{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.7;
  max-height:calc(1.7em * 2);
}
.phx-incident-page .pi-cta a{
  box-sizing:border-box !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  max-width:100%;
}


/* Incident page: enforce each saved card-text alignment independently. */
.phx-incident-page .pi-process-grid article h3,
.phx-incident-page .pi-process-grid article .pi-process-desc,
.phx-incident-page .pi-process-grid article .pi-process-subdesc,
.phx-incident-page .pi-why-grid .pi-why-overlay h3,
.phx-incident-page .pi-why-grid .pi-why-overlay p {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.phx-incident-page .pi-process-grid article h3,
.phx-incident-page .pi-process-grid article .pi-process-desc,
.phx-incident-page .pi-process-grid article .pi-process-subdesc,
.phx-incident-page .pi-why-grid .pi-why-overlay h3,
.phx-incident-page .pi-why-grid .pi-why-overlay p {
  text-align: inherit;
}

/* v7: fit the full comparison image without edge masks; remove CTA image overlay.
   Strictly scoped to the Incident & Events page. */
.phx-incident-page .pi-compare-grid .pi-compare-art{
  width:100%;
  min-width:0;
  min-height:0;
  height:auto;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
}
.phx-incident-page .pi-compare-grid .pi-compare-art::before,
.phx-incident-page .pi-compare-grid .pi-compare-art::after{
  content:none !important;
  display:none !important;
}
.phx-incident-page .pi-compare-grid .pi-compare-art img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  filter:none !important;
}
.phx-incident-page .pi-cta .pi-cta-shade{
  display:none !important;
  background:transparent !important;
}

/* v8: Make the central challenge image use its saved per-side fade controls.
   Scoped to the Incident & Events comparison image only. */
.phx-incident-page .pi-compare .pi-compare-art img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.phx-incident-page .pi-compare .pi-compare-art::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: transparent !important;
  background-image: var(--pi-fade, none) !important;
  background-color: transparent !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* v13: Responsive incident-page hero content positioning and one-step size increase.
   Scoped exclusively to the Incident & Events hero; no shared header/site rules. */
@media (min-width: 981px) {
  .phx-incident-page .pi-hero .pi-hero-copy {
    transform: translateX(-80px);
    width: min(660px, calc(52% + 40px));
  }
  .phx-incident-page .pi-hero .pi-kicker { font-size: 27px !important; }
  .phx-incident-page .pi-hero h1 { font-size: 44px !important; }
  .phx-incident-page .pi-hero .pi-lead { font-size: 15px !important; }
  .phx-incident-page .pi-hero .pi-features span { font-size: 24px !important; }
  .phx-incident-page .pi-hero .pi-features b { font-size: 12px !important; }
  .phx-incident-page .pi-hero .pi-features small { font-size: 10px !important; }
  .phx-incident-page .pi-hero .pi-actions a { font-size: 1em !important; padding: 10px 24px; }
}
@media (min-width: 561px) and (max-width: 980px) {
  .phx-incident-page .pi-hero .pi-hero-copy {
    transform: translateX(-200px);
    width: min(78%, 660px);
  }
  .phx-incident-page .pi-hero .pi-kicker { font-size: 23px !important; }
  .phx-incident-page .pi-hero h1 { font-size: 34px !important; }
  .phx-incident-page .pi-hero .pi-lead { font-size: 15px !important; }
  .phx-incident-page .pi-hero .pi-features span { font-size: 24px !important; }
  .phx-incident-page .pi-hero .pi-features b { font-size: 12px !important; }
  .phx-incident-page .pi-hero .pi-features small { font-size: 10px !important; }
  .phx-incident-page .pi-hero .pi-actions a { font-size: 1em !important; padding: 10px 24px; }
}
@media (max-width: 560px) {
  .phx-incident-page .pi-hero .pi-hero-copy {
    transform: translateX(-24px);
    width: calc(100% + 24px);
  }
  .phx-incident-page .pi-hero .pi-kicker { font-size: 23px !important; }
  .phx-incident-page .pi-hero h1 { font-size: 32px !important; }
  .phx-incident-page .pi-hero .pi-lead { font-size: 15px !important; }
  .phx-incident-page .pi-hero .pi-features span { font-size: 24px !important; }
  .phx-incident-page .pi-hero .pi-features b { font-size: 12px !important; }
  .phx-incident-page .pi-hero .pi-features small { font-size: 10px !important; }
  .phx-incident-page .pi-hero .pi-actions a { font-size: 1em !important; padding: 9px 18px; }
}

/* v15: Raise only the incident hero feature row and its attached divider by 10px. */
.phx-incident-page .pi-hero-copy > .pi-features {
  transform: translateY(-10px);
}

/* Mobile-only quality pass for the Incident & Events hero (v16).
   Keeps the accepted desktop/tablet rules intact and scopes every change to this hero. */
@media screen and (max-width: 560px) {
  .phx-incident-page .pi-hero {
    min-height: 0 !important;
    padding-top: calc(115px + env(safe-area-inset-top, 0px));
    padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px));
    background-size: cover;
    background-position: 38% center;
  }
  .phx-incident-page .pi-hero .pi-hero-inner,
  .phx-incident-page .pi-hero .pi-wrap.pi-hero-inner {
    width: calc(100% - 28px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)) !important;
    max-width: 100%;
  }
  .phx-incident-page .pi-hero .pi-hero-copy {
    transform: translateX(-260px);
    width: calc(100% + 130px);
    min-width: 0;
    max-width: none;
  }
  .phx-incident-page .pi-hero .pi-kicker,
  .phx-incident-page .pi-hero h1,
  .phx-incident-page .pi-hero .pi-lead {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .phx-incident-page .pi-hero .pi-features {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0;
  }
  .phx-incident-page .pi-hero .pi-features article {
    min-width: 0;
    max-width: 100%;
  }
  .phx-incident-page .pi-hero .pi-features article > b,
  .phx-incident-page .pi-hero .pi-features article > small {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .phx-incident-page .pi-hero .pi-actions {
    width: 100%;
    max-width: 100%;
    gap: 8px;
  }
  .phx-incident-page .pi-hero .pi-actions a {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 44px;
    padding: 9px 12px;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media screen and (max-width: 360px) {
  .phx-incident-page .pi-hero .pi-kicker { font-size: 21px !important; }
  .phx-incident-page .pi-hero h1 { font-size: 29px !important; line-height: 1.35; }
  .phx-incident-page .pi-hero .pi-lead { font-size: 14px !important; }
  .phx-incident-page .pi-hero .pi-actions a { padding-inline: 9px; }
  .phx-incident-page .pi-hero .pi-features { gap: 8px; }
}

/* Phone landscape: prevent the portrait-only hero height from forcing a tall empty banner. */
@media screen and (min-width: 561px) and (max-width: 980px) and (max-height: 560px) and (orientation: landscape) {
  .phx-incident-page .pi-hero {
    min-height: 0 !important;
    padding-top: calc(82px + env(safe-area-inset-top, 0px));
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    background-size: cover;
    background-position: 38% center;
    align-items: flex-start;
  }
  .phx-incident-page .pi-hero .pi-hero-copy {
    transform: translateX(-30px);
    width: min(78%, 660px);
    min-width: 0;
  }
  .phx-incident-page .pi-hero .pi-actions a { min-height: 42px; }
}

/* Requested offsets for tablet and phone landscape, scoped to the incident hero. */
@media screen and (min-width: 768px) and (max-width: 980px) and (max-height: 560px) and (orientation: landscape) {
  .phx-incident-page .pi-hero .pi-hero-copy { transform: translateX(-200px); }
}
@media screen and (min-width: 561px) and (max-width: 767px) and (max-height: 560px) and (orientation: landscape) {
  .phx-incident-page .pi-hero .pi-hero-copy {
    transform: translateX(-260px);
    width: calc(100% + 130px);
  }
}

/* CTA responsive fit: incident page only, and only through 1400px wide.
   The selected attachment ratio is supplied by the page template so the background
   can fill the CTA without cropping or stretching. Wider desktop rules remain untouched. */
@media screen and (max-width: 1400px) {
  .phx-incident-page .pi-cta {
    width: 100% !important;
    max-width: 100%;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: var(--pi-cta-ratio, 16 / 5);
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 0 !important;
    align-items: stretch;
    box-sizing: border-box;
  }
  .phx-incident-page .pi-cta-inner {
    width: min(1400px, calc(100% - clamp(28px, 5vw, 72px)));
    max-width: 100%;
    min-height: 0 !important;
    height: 100%;
    margin-inline: auto;
    padding-block: clamp(12px, 2.4vw, 30px);
    box-sizing: border-box;
    gap: clamp(10px, 2vw, 26px);
  }
  .phx-incident-page .pi-cta h2 {
    font-size: clamp(18px, 2.25vw, 30px) !important;
    line-height: 1.38;
    overflow-wrap: anywhere;
  }
  .phx-incident-page .pi-cta p {
    font-size: clamp(12px, 1.05vw, 15px) !important;
    line-height: 1.55;
    margin-block: clamp(5px, 1vw, 12px) 0;
    overflow-wrap: anywhere;
  }
  .phx-incident-page .pi-cta a {
    min-width: 0 !important;
    max-width: 100%;
    padding: clamp(8px, 1vw, 12px) clamp(12px, 1.6vw, 22px);
    font-size: clamp(12px, 1vw, 15px) !important;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media screen and (min-width: 561px) and (max-width: 980px) {
  .phx-incident-page .pi-cta-inner {
    gap: 14px;
    padding-block: clamp(12px, 2.5vw, 22px);
  }
  .phx-incident-page .pi-cta h2 { font-size: clamp(17px, 2.7vw, 24px) !important; }
}

@media screen and (max-width: 560px) {
  .phx-incident-page .pi-cta {
    /* Natural mobile height: fit the copy and reserve a small lower area for
       the existing bottom-positioned demo button. Keep the image proportional. */
    min-height: 0 !important;
    height: auto !important;
    padding: 30px 0 42px !important;
    aspect-ratio: auto !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
  }
  .phx-incident-page .pi-cta-inner {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: calc(100% - 28px);
    min-height: 0 !important;
    height: auto !important;
    padding-block: 0;
    gap: 3px;
    transform: translateX(-10px);
    box-sizing: border-box;
  }
  .phx-incident-page .pi-cta-inner > div:first-child {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .phx-incident-page .pi-cta h2 {
    position: relative !important;
    inset-inline: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: translateX(-20px) !important;
    font-size: clamp(16px, calc(3.8vw + 3px), 20px) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal;
    box-sizing: border-box !important;
  }
  .phx-incident-page .pi-cta p {
    position: relative !important;
    inset-inline: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: translateX(-20px) !important;
    font-size: clamp(12px, calc(2.7vw + 3px), 14px) !important;
    line-height: 1.2 !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal;
    box-sizing: border-box !important;
  }
  .phx-incident-page .pi-cta a {
    display: inline-block !important;
    position: relative;
    z-index: 3;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 auto;
    align-self: flex-start;
    margin-top: 2px !important;
    padding: 5px 9px;
    font-size: 12px !important;
    line-height: 1.2;
    min-height: 0 !important;
  }
}


/* Mobile CTA demo action: keep the accepted image ratio and sizing,
   but render a dedicated visible button independent of saved desktop dimensions. */
.phx-incident-page .pi-cta .pi-cta-mobile-demo { display: none !important; }
@media screen and (max-width: 560px) {
  .phx-incident-page .pi-cta .pi-cta-inner > .pi-cta-desktop-demo { display: none !important; }
  .phx-incident-page .pi-cta .pi-cta-inner > .pi-cta-mobile-demo {
    display: inline-flex !important;
    position: absolute !important;
    right: 14px !important;
    left: auto !important;
    bottom: 5px !important;
    z-index: 10 !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: calc(100% - 28px) !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    transform: none !important;
    border: 1px solid var(--pi-accent) !important;
    border-radius: 4px !important;
    background: var(--pi-accent) !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
  }
  .phx-incident-page .pi-cta .pi-cta-inner > div:first-child { padding-bottom: 25px; }
}

/* Large displays only: cards and image wrappers follow the source image's natural ratio.
   Scope is limited to the Incident Process section; smaller viewports and all other sections remain unchanged. */
@media screen and (min-width: 1401px) {
  .phx-incident-page #incident-process .pi-process-grid {
    align-items: start !important;
  }
  .phx-incident-page #incident-process .pi-process-grid > article {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
    overflow: hidden !important;
  }
  .phx-incident-page #incident-process .pi-process-grid .pi-process-img {
    display: block !important;
    position: static !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: transparent !important;
  }
  .phx-incident-page #incident-process .pi-process-grid .pi-process-img img {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  .phx-incident-page #incident-process .pi-process-grid > article:hover img {
    transform: none !important;
  }
}


/* v37: remove separate text-area surface and divider in Incident Process cards only.
   The heading and copy remain directly on the main card; preserve the main card and image frame. */
.phx-incident-page #incident-process .pi-process-grid > article .pi-process-copy {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.phx-incident-page #incident-process .pi-process-grid > article .pi-process-subdesc {
  border: 0 !important;
  box-shadow: none !important;
}
/* v40: Additional 100px left shift only on laptop/small displays up to 1400px.
   Large displays (>1400px) intentionally retain their previous position. */
@media screen and (min-width: 981px) and (max-width: 1400px) {
  .phx-incident-page .pi-hero .pi-hero-copy { transform: translateX(-200px); }
}

/* Independent CTA buttons — scoped to Incident & Events page only. */
.phx-incident-page .pi-cta-inner{gap:28px}
.phx-incident-page .pi-cta-copy{flex:1 1 auto;min-width:0}
.phx-incident-page .pi-cta-buttons{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:14px;flex:0 0 auto}
.phx-incident-page .pi-cta-buttons .pi-cta-button{min-width:0;text-align:center;text-decoration:none;white-space:normal}
.phx-incident-page .pi-cta-buttons .pi-cta-button-brochure{background:#08b9b5;border-color:#08b9b5}
.phx-incident-page .pi-cta-buttons .pi-cta-button-consult{background:#ff5a16;border-color:#ff5a16}
@media(max-width:767px){.phx-incident-page .pi-cta-inner{display:flex;flex-direction:column;align-items:stretch;gap:18px}.phx-incident-page .pi-cta-buttons{width:100%;justify-content:flex-start}.phx-incident-page .pi-cta-buttons .pi-cta-button{margin:0;max-width:100%}}

/* Incident & Events CTA — laptop, 1366x600/768 and tablet text positioning only.
   Keep the CTA buttons at their existing position; do not affect mobile or wide desktop. */
@media screen and (min-width: 561px) and (max-width: 1400px) {
  .phx-incident-page .pi-cta-copy {
    transform: translateX(-70px);
  }
  .phx-incident-page .pi-cta-copy h2,
  .phx-incident-page .pi-cta-copy p {
    transform: translateX(-10px);
  }
}


/* Mobile-only fix: show both Incident & Events CTA actions directly below the copy.
   Reset desktop admin offsets for this small-screen layout; tablet and larger layouts stay untouched. */
@media screen and (max-width: 767px) {
  .phx-incident-page .pi-cta-inner > .pi-cta-buttons {
    display: flex !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 12px 0 0 !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .phx-incident-page .pi-cta-inner > .pi-cta-buttons > .pi-cta-button {
    display: inline-flex !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
  }
}