/* ===== 15-detailed-subpages.css ===== */

/* =========================================================
   DETAILED SUBPAGE CONTENT — SOURCE-BASED ENGINEERING VIEW
   Preserves Version 1 shell while replacing capability copy
   with the detailed engineering content supplied by the user.
   ========================================================= */
.detailed-capability-page{
  padding-top:72px !important;
  padding-bottom:70px !important;
  min-height:auto !important;
}
.detailed-container{
  width:min(1480px,calc(100% - 64px)) !important;
  max-width:1480px !important;
}
.detailed-hero{
  max-width:1050px;
  margin-bottom:58px;
}
.detailed-hero .eyebrow{color:var(--violet)}
.detailed-hero h1{
  max-width:1200px;
  color:var(--ink);
  font-size:clamp(42px,5.5vw,72px);
  line-height:1;
  letter-spacing:-3px;
  text-transform:uppercase;
}
.detailed-gradient{
  color:var(--violet);
}
.detailed-hero-copy{
  max-width:850px;
  margin:24px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.8;
}
.detailed-domain{
  margin:0 0 68px;
  padding:0 0 62px;
  border-bottom:1px solid var(--line);
}
.detailed-domain:last-of-type{margin-bottom:0}
.detailed-domain .domain-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:34px;
  align-items:stretch;
}
.detailed-domain .domain-info{
  padding:8px 0;
}
.detailed-domain .eyebrow{
  color:var(--violet);
}
.detailed-domain h3{
  color:var(--ink);
  font-size:clamp(28px,3vw,40px);
  line-height:1.08;
  letter-spacing:-1.5px;
  text-transform:uppercase;
  margin:0 0 16px;
}
.detailed-domain .domain-info>p{
  max-width:690px;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}
.detailed-domain .tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}
.detailed-domain .tag{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border:1px solid #d7d5d1;
  border-radius:999px;
  color:#59617a;
  background:#fff;
  font:10px "IBM Plex Mono",monospace;
}
.detailed-domain .visual{
  min-height:300px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#111936;
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.detailed-domain .visual img{
  display:block;
  width:100%;
  max-width:620px;
  height:auto;
}
.detailed-domain .visual-note{
  margin-top:12px;
  color:#d8dbea;
  text-align:center;
  font:11px/1.5 "IBM Plex Mono",monospace;
}
.detailed-domain .cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:20px;
  border:1px solid var(--line);
  background:var(--line);
}
.detailed-domain .info-card{
  min-height:210px;
  padding:24px;
  background:#fff;
  border:0;
  border-radius:0;
}
.detailed-domain .info-card h4{
  color:var(--ink);
  margin:0 0 12px;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.detailed-domain .info-card ul{
  margin:0;
  padding-left:17px;
}
.detailed-domain .info-card li{
  margin:6px 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.detailed-domain .outcome{
  margin-top:14px;
  padding:18px 20px;
  border:1px solid #d8d1e6;
  border-left:3px solid var(--violet);
  border-radius:0;
  background:#eeebf8;
}
.detailed-domain .outcome strong{
  display:block;
  margin-bottom:5px;
  color:var(--violet);
  font:11px "IBM Plex Mono",monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.detailed-domain .outcome span{
  color:#59617a;
  font-size:13px;
  line-height:1.7;
}
.detailed-contact{
  margin-top:70px;
  margin-bottom:0;
  padding:58px 36px;
  border:1px solid #d8d1e6;
  background:#eeebf8;
  text-align:center;
}
.detailed-contact .eyebrow{color:var(--violet)}
.detailed-contact h2{
  max-width:850px;
  margin:0 auto 14px;
  color:var(--ink);
  font-size:clamp(30px,4vw,50px);
  line-height:1.05;
  letter-spacing:-2px;
  text-transform:uppercase;
}
.detailed-contact p:not(.eyebrow){
  max-width:650px;
  margin:0 auto 25px;
  color:var(--muted);
}
.detailed-contact .button{
  display:inline-flex;
}
@media(max-width:900px){
  .detailed-container{width:min(100% - 40px,760px) !important}
  .detailed-domain .domain-top{grid-template-columns:1fr;gap:28px}
  .detailed-domain .cols{grid-template-columns:1fr}
  .detailed-domain .visual{min-height:240px}
}
@media(max-width:560px){
  .detailed-capability-page{padding-top:48px !important}
  .detailed-hero{margin-bottom:44px}
  .detailed-hero h1{letter-spacing:-2px}
  .detailed-domain{margin-bottom:50px;padding-bottom:45px}
  .detailed-domain .visual{padding:12px;min-height:190px}
  .detailed-domain .info-card{min-height:auto}
  .detailed-contact{padding:42px 20px}
}

/* =========================================================
   TARGETED SUBPAGE FIX — VERSION 1
   1. Reduce the excessive whitespace immediately below header.
   2. Give each detailed technical visual the full content width
      instead of restricting it to the right half of the layout.
   ========================================================= */
.detailed-capability-page{
  padding-top:24px !important;
}

.detailed-hero{
  margin-bottom:42px;
}

.detailed-domain .domain-top{
  grid-template-columns:1fr;
  gap:28px;
}

.detailed-domain .domain-info{
  max-width:100%;
}

.detailed-domain .visual{
  width:100%;
  min-height:0;
  padding:28px 34px 24px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:visible;
}

.detailed-domain .visual img{
  display:block;
  width:100%;
  max-width:1250px;
  height:auto;
  flex:0 0 auto;
  margin:0 auto;
}

.detailed-domain .visual-note{
  width:100%;
  margin:12px auto 0;
  flex:0 0 auto;
}

@media(max-width:900px){
  .detailed-capability-page{
    padding-top:20px !important;
  }

  .detailed-domain .visual{
    padding:18px;
  }
}

@media(max-width:560px){
  .detailed-capability-page{
    padding-top:16px !important;
  }

  .detailed-hero{
    margin-bottom:34px;
  }

  .detailed-domain .visual{
    padding:12px;
  }
}

/* =========================================================
   FORMAL VERIFICATION — IMAGE PRESENTATION POLISH
   The supplied diagram already contains its own framed dark
   background and caption. Do not wrap it in a second panel or
   add a duplicate caption beneath it.
   ========================================================= */
.formal-reference-page .detailed-domain .visual{
  width:100%;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  display:block;
  overflow:visible;
}

.formal-reference-page .detailed-domain .visual img{
  display:block;
  width:100%;
  max-width:1100px;
  height:auto;
  margin:0 auto;
  border-radius:18px;
}

.formal-reference-page .detailed-domain .visual-note{
  display:none;
}

@media(max-width:900px){
  .formal-reference-page .detailed-domain .visual img{
    max-width:none;
    border-radius:14px;
  }
}

/* =========================================================
   FORMAL VERIFICATION — COMPACT RIGHT-SIDE DIAGRAM
   Keep the supplied diagram beside the formal-content block
   instead of stretching it across the full page width.
   ========================================================= */
.formal-reference-page .detailed-domain .domain-top{
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:38px;
  align-items:center;
}

.formal-reference-page .detailed-domain .domain-info{
  max-width:760px;
}

.formal-reference-page .detailed-domain .visual{
  width:100%;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  display:block;
  overflow:visible;
}

.formal-reference-page .detailed-domain .visual img{
  display:block;
  width:100%;
  max-width:560px;
  height:auto;
  margin:0 0 0 auto;
  border-radius:14px;
}

.formal-reference-page .detailed-domain .visual-note{
  display:none;
}

@media(max-width:900px){
  .formal-reference-page .detailed-domain .domain-top{
    grid-template-columns:1fr;
    gap:28px;
  }

  .formal-reference-page .detailed-domain .visual img{
    width:100%;
    max-width:620px;
    margin:0 auto;
  }
}

@media(max-width:560px){
  .formal-reference-page .detailed-domain .visual img{
    max-width:100%;
    border-radius:10px;
  }
}

/* =========================================================
   ALL CAPABILITY SUBPAGES — MATCH FORMAL VERIFICATION LAYOUT
   Keep each page's supplied content, but use the same clean
   left-content / right-technical-visual structure.
   ========================================================= */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-top{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:38px;
  align-items:center;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-info{
  max-width:760px;
  padding:8px 0;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual{
  width:100%;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual img{
  display:block;
  width:100%;
  max-width:560px;
  height:auto;
  margin:0 0 0 auto;
  object-fit:contain;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual-note{
  width:100%;
  max-width:560px;
  margin:9px 0 0 auto;
  color:#59617a;
  text-align:center;
  font:10px/1.5 "IBM Plex Mono",monospace;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .cols{
  margin-top:20px;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain + .detailed-domain{
  margin-top:62px;
}

@media(max-width:900px){
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-top{
    grid-template-columns:1fr;
    gap:28px;
  }

  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual{
    align-items:center;
  }

  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual img,
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual-note{
    max-width:620px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:560px){
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual img{
    max-width:100%;
  }

  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual-note{
    max-width:100%;
  }
}

/* Final targeted fix: remove the divider immediately before the CTA
   on detailed capability pages. Formal Verification is unaffected. */
.detailed-domain:last-of-type{
  border-bottom:0 !important;
}

/* Final targeted polish — non-Formal capability pages
   Tighten the outcome-to-CTA spacing and keep technical visuals
   free of any outer image panel/background. Formal Verification
   remains unchanged. */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain:last-of-type{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border-bottom:0 !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-contact{
  margin-top:28px !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual img{
  background:transparent !important;
  box-shadow:none !important;
}

@media(max-width:560px){
  .detailed-capability-page:not(.formal-reference-page) .detailed-contact{
    margin-top:24px !important;
  }
}


/* =========================================================
   USER-SUPPLIED CAPABILITY DIAGRAMS — TRANSPARENT PNGS
   The supplied diagrams already contain their own captions.
   Use the transparent, palette-aligned PNGs directly without
   adding a second dark image panel or duplicate caption.
   ========================================================= */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual-note{
  display:none !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack{
  gap:18px;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack img{
  max-width:560px;
}

@media(max-width:900px){
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack{
    gap:16px;
  }
}

/* Final technical-diagram clarity treatment: use the supplied high-clarity
   navy/purple/orange artwork without adding a second panel around it. */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack img{
  max-width:640px;
  width:100%;
  height:auto;
  display:block;
  margin-inline:auto;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

@media(max-width:900px){
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack img{
    max-width:100%;
  }
}

/* =========================================================
   FINAL PROFESSIONAL SUBPAGE PASS — VERSION 1
   Targeted layout polish only. Shared header/footer, palette,
   typography and page content remain intact.
   ========================================================= */

/* Consistent, compact start below the fixed/sticky header. */
.detailed-capability-page:not(.formal-reference-page){
  padding-top:34px !important;
  padding-bottom:58px !important;
}

/* Keep the main engineering content visually balanced. */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain{
  margin-bottom:52px !important;
  padding-bottom:0 !important;
  border-bottom:0 !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain + .detailed-domain{
  margin-top:52px !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-top{
  grid-template-columns:minmax(0,1fr) minmax(720px,.95fr) !important;
  gap:36px !important;
  align-items:center !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-info{
  max-width:820px !important;
  padding:0 !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-info h3{
  max-width:820px;
  font-size:clamp(38px,4vw,58px);
  line-height:1.02;
  letter-spacing:-2.4px;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-info > p{
  max-width:760px;
  margin-top:18px;
  font-size:15px;
  line-height:1.8;
}

/* One technical image: controlled right-side presentation. */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual{
  width:100% !important;
  max-width:620px !important;
  margin-left:auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual > img{
  width:100% !important;
  max-width:620px !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Two technical images: side-by-side on desktop, compact and aligned. */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual.subpage-visual-stack{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:center !important;
  max-width:820px !important;
  margin-left:auto !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack > img{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
}

/* The supplied diagrams contain their own captions. */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual-note{
  display:none !important;
}

/* Clean information grid and outcome treatment. */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .cols{
  margin-top:34px !important;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .info-card{
  min-height:200px;
  padding:24px 26px;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .outcome{
  margin-top:14px;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-contact{
  margin-top:30px !important;
}

/* =========================================================
   FORMAL VERIFICATION — PROPERTY + EQUIVALENCE
   Text on the left; the two diagrams are stacked vertically
   on the right and intentionally smaller than the main hero.
   ========================================================= */
.formal-reference-page .formal-hero{
  padding:40px 0 36px !important;
  margin-bottom:30px !important;
  border-bottom:1px solid var(--line);
}

.formal-reference-page .formal-hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr) !important;
  gap:42px !important;
  align-items:center !important;
}

.formal-reference-page .formal-copy{
  max-width:760px !important;
}

.formal-reference-page .formal-copy h1{
  max-width:720px;
  font-size:clamp(40px,4.25vw,62px) !important;
  line-height:1.01 !important;
  letter-spacing:-2.6px !important;
  margin:10px 0 20px !important;
}

.formal-reference-page .formal-copy > p{
  max-width:700px;
  font-size:15px;
  line-height:1.78;
}

.formal-reference-page .formal-points li{
  font-size:13px;
  margin:9px 0;
}

.formal-reference-page .formal-visuals{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  width:100% !important;
  max-width:520px !important;
  margin-left:auto !important;
}

.formal-reference-page .formal-visuals figure{
  width:100%;
  margin:0;
}

.formal-reference-page .formal-visuals img{
  width:100% !important;
  max-width:520px !important;
  height:auto !important;
  border-radius:14px !important;
  display:block;
}

.formal-reference-page .formal-visuals figcaption{
  margin:6px 3px 0;
  font-size:9px;
}

.formal-reference-page .cols{
  margin-top:0 !important;
}

.formal-reference-page .info-card{
  min-height:205px;
  padding:23px 25px;
}

.formal-reference-page .detailed-contact{
  margin-top:42px !important;
}

/* Responsive behavior: preserve the side-by-side concept until tablet width,
   then stack content cleanly. */
@media(max-width:1050px){
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-top{
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr) !important;
    gap:30px !important;
  }
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack{
    max-width:620px !important;
  }
  .formal-reference-page .formal-hero-grid{
    grid-template-columns:1fr !important;
  }
  .formal-reference-page .formal-visuals{
    max-width:620px !important;
    margin:0 auto !important;
  }
}

@media(max-width:760px){
  .detailed-capability-page:not(.formal-reference-page){
    padding-top:24px !important;
  }
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-top{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual,
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack{
    max-width:100% !important;
    margin-left:0 !important;
  }
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .cols,
  .formal-reference-page .cols{
    grid-template-columns:1fr !important;
  }
  .formal-reference-page .formal-hero{
    padding-top:28px !important;
  }
}

@media(max-width:560px){
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-info h3{
    font-size:clamp(34px,10vw,48px);
    letter-spacing:-1.8px;
  }
  .formal-reference-page .formal-copy h1{
    font-size:clamp(36px,11vw,52px) !important;
    letter-spacing:-2px !important;
  }
  .formal-reference-page .formal-visuals{
    max-width:100% !important;
  }
}


/* Final image clarity/background treatment for Physical Design and Physical Verification.
   Vector diagrams stay crisp at any display size. The surrounding visual field uses
   the site's navy/purple language instead of a harsh black card. */
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack > img[src$="03-physical-design-ppa-optimization.svg"],
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack > img[src$="09-rtl-to-gdsii-end-to-end-engineering.svg"],
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack > img[src$="07-physical-verification-drc-lvs-signoff.svg"],
.detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack > img[src$="08-analog-custom-layout.svg"]{
  display:block;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(135deg,#0d1730 0%,#101c2c 58%,#17143a 100%) !important;
  border:1px solid rgba(155,140,255,.38) !important;
  border-radius:18px !important;
  box-shadow:0 14px 30px rgba(16,22,56,.10) !important;
  image-rendering:auto;
}

.detailed-capability-page:not(.formal-reference-page) .detailed-domain .subpage-visual-stack{
  background:transparent !important;
  padding:0 !important;
}

@media (max-width:1200px){
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .domain-top{
    grid-template-columns:minmax(0,1fr) minmax(560px,.9fr) !important;
  }
  .detailed-capability-page:not(.formal-reference-page) .detailed-domain .visual.subpage-visual-stack{
    max-width:720px !important;
  }
}


/* =========================================================
   V6.17 — FORMAL VERIFICATION DESKTOP TYPOGRAPHY
   The formal-verification page became visually too dense/small
   on 14" scaled desktop displays. Increase readability while
   preserving the existing layout and mobile behavior.
   ========================================================= */
@media (max-width:1400px) and (min-width:901px){
  .detailed-capability-page .detailed-domain .domain-info .eyebrow{
    font-size:11px !important;
    letter-spacing:.14em !important;
    margin-bottom:16px !important;
  }

  .detailed-capability-page .detailed-domain .domain-info h3{
    font-size:clamp(42px,4vw,58px) !important;
    line-height:.98 !important;
    letter-spacing:-2.4px !important;
    margin-bottom:20px !important;
  }

  .detailed-capability-page .detailed-domain .domain-info > p{
    font-size:16px !important;
    line-height:1.7 !important;
    max-width:720px !important;
    margin-bottom:24px !important;
  }

  .detailed-capability-page .detailed-domain .tag{
    font-size:11px !important;
    padding:7px 11px !important;
  }

  .detailed-capability-page .detailed-domain .engineering-flowchart{
    padding:26px 28px !important;
  }

  .detailed-capability-page .detailed-domain .flowchart-kicker{
    font-size:11px !important;
    letter-spacing:.14em !important;
    margin-bottom:18px !important;
  }

  .detailed-capability-page .detailed-domain .flow-step{
    padding:22px 16px !important;
  }

  .detailed-capability-page .detailed-domain .flow-step strong{
    font-size:14px !important;
    line-height:1.25 !important;
  }

  .detailed-capability-page .detailed-domain .flow-step small{
    font-size:11px !important;
    line-height:1.4 !important;
  }

  .detailed-capability-page .detailed-domain .flow-result{
    font-size:13px !important;
    line-height:1.5 !important;
    margin-top:22px !important;
  }

  .detailed-capability-page .detailed-domain .info-card{
    padding:24px 26px !important;
    min-height:220px !important;
  }

  .detailed-capability-page .detailed-domain .info-card h4{
    font-size:14px !important;
    margin-bottom:14px !important;
  }

  .detailed-capability-page .detailed-domain .info-card li{
    font-size:13px !important;
    line-height:1.55 !important;
    margin-bottom:8px !important;
  }

  .detailed-capability-page .detailed-domain .outcome{
    padding:18px 22px !important;
    margin-top:10px !important;
  }

  .detailed-capability-page .detailed-domain .outcome strong{
    font-size:11px !important;
    letter-spacing:.13em !important;
  }

  .detailed-capability-page .detailed-domain .outcome span{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .detailed-capability-page .related-capabilities h2{
    font-size:32px !important;
  }

  .detailed-capability-page .related-card strong{
    font-size:15px !important;
  }

  .detailed-capability-page .related-card > span:last-of-type{
    font-size:12px !important;
  }

  .detailed-capability-page .subpage-requirement-cta h2{
    font-size:clamp(38px,4.2vw,58px) !important;
    line-height:1 !important;
  }

  .detailed-capability-page .subpage-requirement-cta > p:not(.eyebrow):not(.subpage-contact-note){
    font-size:14px !important;
    line-height:1.65 !important;
    max-width:760px !important;
  }
}