/* Amazon EKS case-study refinements — 10 Sep 2026 */
body[data-case="eks"] .case-hero .back-link{
  display:flex;
  width:max-content;
  margin-bottom:28px;
}
body[data-case="eks"] .case-hero .kicker{
  display:block;
}

/* Inline technical values should read as part of the sentence rather than
   shrinking into a separate monospace treatment. */
body[data-case="eks"] .case-steps code,
body[data-case="eks"] .case-list code{
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
}

/* Keep the full application request path on one clear line on desktop. */
body[data-case="eks"] .case-architecture .case-flow-row{
  display:grid;
  grid-template-columns:
    minmax(84px,1.15fr) 24px
    minmax(76px,1fr) 24px
    minmax(74px,.95fr) 24px
    minmax(88px,1.15fr);
  min-height:140px;
  gap:0;
  align-items:center;
  overflow:visible;
}
body[data-case="eks"] .case-architecture .case-node{
  width:100%;
  min-width:0;
  padding:10px 6px;
  font-size:11px;
  text-align:center;
  white-space:nowrap;
}
body[data-case="eks"] .case-architecture .case-flow{
  width:100%;
  margin:0;
}
body[data-case="eks"] .case-architecture .compact-intro{
  margin-top:24px;
}

/* Final case-study section: three resolved issues, then one clear outcome. */
body[data-case="eks"] .case-results-section{
  padding:72px 0 78px;
}
body[data-case="eks"] .case-resolution-head{
  margin-bottom:28px;
}
body[data-case="eks"] .case-resolution-head h2{
  max-width:760px;
  margin:8px 0 0;
  font-size:clamp(40px,4.5vw,58px);
  line-height:1.02;
}
body[data-case="eks"] .case-resolution-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
body[data-case="eks"] .case-resolution-card{
  min-height:250px;
  padding:26px 26px 24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body[data-case="eks"] .case-resolution-no{
  display:inline-flex;
  margin-bottom:28px;
  color:color-mix(in srgb,var(--text) 18%,transparent);
  font:850 28px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
body[data-case="eks"] .case-resolution-card .kicker{
  display:block;
  margin-bottom:8px;
}
body[data-case="eks"] .case-resolution-card h3{
  margin:0 0 18px;
  font-size:22px;
  line-height:1.15;
}
body[data-case="eks"] .case-resolution-detail{
  display:grid;
  gap:14px;
}
body[data-case="eks"] .case-resolution-detail p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.64;
}
body[data-case="eks"] .case-resolution-detail strong{
  display:block;
  margin-bottom:5px;
  color:var(--orange);
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body[data-case="eks"] .case-resolution-card code{
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
}
body[data-case="eks"] .case-outcome-panel{
  margin-top:20px;
  padding:30px 32px 32px;
  border-color:color-mix(in srgb,var(--orange) 30%,var(--line));
}
body[data-case="eks"] .case-outcome-panel h2{
  margin:0 0 14px;
  font-size:clamp(30px,3.4vw,42px);
  line-height:1.04;
}
body[data-case="eks"] .case-outcome-panel p{
  max-width:980px;
  margin:0;
  color:var(--muted);
  line-height:1.78;
}

@media(max-width:900px){
  body[data-case="eks"] .case-resolution-grid{
    grid-template-columns:1fr;
  }
  body[data-case="eks"] .case-resolution-card{
    min-height:0;
  }
}

@media(max-width:650px){
  body[data-case="eks"] .case-architecture .case-flow-row{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    gap:8px;
  }
  body[data-case="eks"] .case-architecture .case-node{
    white-space:normal;
  }
  body[data-case="eks"] .case-architecture .case-flow{
    width:2px;
    height:24px;
    margin:0 auto;
  }
  body[data-case="eks"] .case-results-section{
    padding:56px 0 60px;
  }
  body[data-case="eks"] .case-resolution-head{
    margin-bottom:22px;
  }
  body[data-case="eks"] .case-resolution-card{
    padding:24px 22px;
  }
  body[data-case="eks"] .case-resolution-no{
    margin-bottom:22px;
  }
  body[data-case="eks"] .case-outcome-panel{
    padding:26px 22px;
  }
}