/*
 * ITIA v4.4 — content-first native visual system.
 *
 * Institutional pages do not depend on decorative image files. This layer
 * removes stale image hooks, keeps the homepage hero visual 100% CSS-native,
 * and improves homepage information rhythm and methodology hierarchy.
 */

/* Retire every old card/hero illustration hook left by earlier visual layers. */
.itia-b-program:before,
.itia-b-resource:before,
.itia-c-program:before,
.itia-programs-catalog .itia-c-hero-panel:before,
.itia-e-resource:before{
  content:none!important;
  display:none!important;
  background-image:none!important;
}
.itia-c-program-featured:after,
.itia-e-feature-main:after,
.itia-e-feature-main:before,
.itia-b-library-feature:after{
  display:none!important;
  background-image:none!important;
}

/* Homepage: slightly tighter institutional rhythm after removing image blocks. */
.itia-b-home .itia-b-section{padding:82px 0}
.itia-b-home .itia-b-position{padding-top:58px}
.itia-b-home .itia-b-section-head{margin-bottom:38px}
.itia-b-home .itia-b-feature-grid{gap:60px}
.itia-b-home .itia-b-library-feature{min-height:350px}

/*
 * Homepage hero visual — 100% CSS, no file request.
 * The geometry represents four controlled practice inputs around a central
 * professional-review core. It is decorative and therefore remains outside
 * the accessibility tree as a pseudo-element.
 */
.itia-b-brief{
  border:1px solid #dce3ec;
  border-top:4px solid #d6a12c;
}
.itia-b-brief:before{
  content:"";
  display:block;
  height:174px;
  margin:-27px -27px 24px;
  border-bottom:1px solid #dce3ec;
  background:
    radial-gradient(circle at 50% 50%,#06295a 0 32px,#d6a12c 33px 36px,#ffffff 37px 49px,#cad7e3 50px 51px,transparent 52px),
    radial-gradient(circle at 19% 28%,#0a9f9a 0 7px,#ffffff 8px 14px,#cddbe4 15px 16px,transparent 17px),
    radial-gradient(circle at 81% 28%,#d6a12c 0 7px,#ffffff 8px 14px,#cddbe4 15px 16px,transparent 17px),
    radial-gradient(circle at 19% 72%,#d6a12c 0 7px,#ffffff 8px 14px,#cddbe4 15px 16px,transparent 17px),
    radial-gradient(circle at 81% 72%,#0a9f9a 0 7px,#ffffff 8px 14px,#cddbe4 15px 16px,transparent 17px),
    linear-gradient(29deg,transparent 49.55%,rgba(6,41,90,.18) 49.7% 50.3%,transparent 50.45%),
    linear-gradient(-29deg,transparent 49.55%,rgba(6,41,90,.18) 49.7% 50.3%,transparent 50.45%),
    radial-gradient(circle at 50% 50%,rgba(10,159,154,.07),transparent 48%),
    linear-gradient(180deg,#f9fbfd,#eef4f7);
}

/* Clean route chips under the native hero visual. */
.itia-b-route{gap:7px!important}
.itia-b-route span{
  border:1px solid #dce3ec!important;
  border-bottom:2px solid #d6a12c!important;
  background:#fbfcfd!important;
}

/*
 * Methodology: replace the former illustration/card feel with a semantic
 * source-to-output rail. Existing seven steps and wording are preserved.
 */
.itia-b-method{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:0!important;
  padding-top:10px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.itia-b-method:before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:47px;
  height:2px;
  background:linear-gradient(90deg,#0a9f9a 0%,#d6a12c 48%,#06295a 100%);
  opacity:.7;
}
.itia-b-method-step{
  position:relative!important;
  min-height:132px!important;
  padding:70px 10px 15px!important;
  border:0!important;
  background:transparent!important;
  text-align:center!important;
}
.itia-b-method-step:before{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:30px;
  width:34px;
  height:34px;
  transform:translateX(-50%);
  border:2px solid #d6a12c;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 7px #f8f1df;
}
.itia-b-method-step:after{display:none!important}
.itia-b-method-step b{
  position:absolute!important;
  z-index:2;
  left:50%;
  top:41px;
  margin:0!important;
  transform:translateX(-50%);
  color:#06295a!important;
  font-size:.58rem!important;
  line-height:1!important;
  letter-spacing:.05em!important;
}
.itia-b-method-step span{
  display:block;
  max-width:120px;
  margin:0 auto;
  color:#06295a!important;
  font-size:.78rem!important;
  font-weight:850!important;
  line-height:1.35!important;
}

/* Flagship facts read as one program-at-a-glance system, not four loose cards. */
.itia-b-facts{
  gap:10px!important;
  padding:10px;
  border:1px solid #dce3ec;
  background:#fff;
}
.itia-b-fact{
  min-height:126px!important;
  border:0!important;
  background:#f7f9fc!important;
}
.itia-b-fact:before{width:2px!important}

/* Stronger keyboard visibility after the visual simplification. */
.itia-b-home a:focus-visible,
.itia-b-home summary:focus-visible{
  outline:3px solid #e8bd58!important;
  outline-offset:3px!important;
}

@media(max-width:1080px) and (min-width:621px){
  .itia-b-home .itia-b-section{padding:76px 0}
  .itia-b-method{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    padding-top:0!important;
  }
  .itia-b-method:before{display:none!important}
  .itia-b-method-step{
    min-height:120px!important;
    padding:58px 12px 18px!important;
    border:1px solid #dce3ec!important;
    background:#fff!important;
  }
  .itia-b-method-step:before{top:16px}
  .itia-b-method-step b{top:27px}
}

@media(max-width:620px){
  .itia-b-home .itia-b-section{padding:60px 0}
  .itia-b-home .itia-b-position{padding-top:48px}
  .itia-b-home .itia-b-section-head{margin-bottom:30px}
  .itia-b-brief:before{height:145px;margin:-27px -27px 20px}

  /* Mobile methodology becomes one readable vertical workflow. */
  .itia-b-method{
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:4px 0 4px 34px!important;
  }
  .itia-b-method:before{
    display:block!important;
    left:17px!important;
    right:auto!important;
    top:22px!important;
    bottom:22px!important;
    width:2px!important;
    height:auto!important;
    background:linear-gradient(180deg,#0a9f9a,#d6a12c 50%,#06295a)!important;
  }
  .itia-b-method-step{
    min-height:0!important;
    padding:14px 12px 14px 30px!important;
    text-align:left!important;
  }
  .itia-b-method-step:before{
    left:-17px!important;
    top:50%!important;
    width:30px!important;
    height:30px!important;
    transform:translate(-50%,-50%)!important;
    box-shadow:0 0 0 5px #f8f1df!important;
  }
  .itia-b-method-step b{
    left:-17px!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  .itia-b-method-step span{
    max-width:none!important;
    margin:0!important;
    font-size:.84rem!important;
  }
  .itia-b-facts{padding:8px}
}

@media(prefers-reduced-data:reduce){
  .itia-b-brief:before{background:linear-gradient(180deg,#f8fbfd,#eef4f7)}
}