/*
 * ITIA Visual Refresh — institutional/editorial refinement over Stages B–H.
 * Reversible presentation layer only. No Elementor or database content changes.
 */
:root{
  --itia-r-deep:#031a3a;
  --itia-r-navy:#06295a;
  --itia-r-blue:#0b4d91;
  --itia-r-teal:#087f7b;
  --itia-r-gold:#d6a12c;
  --itia-r-ink:#142033;
  --itia-r-muted:#5b6878;
  --itia-r-line:#d9e3e9;
  --itia-r-soft:#f5f8fa;
  --itia-r-shadow:0 18px 44px rgba(5,37,84,.09);
  --itia-r-shadow-strong:0 26px 70px rgba(3,26,58,.18);
}

/* Shared rhythm and typography */
.itia-b-section,.itia-c-section,.itia-d-section,.itia-e-section{padding:78px 0}
.itia-b-title,.itia-c-title,.itia-d-title,.itia-e-title{letter-spacing:-.03em;text-wrap:balance}
.itia-b-lead,.itia-c-lead,.itia-d-lead,.itia-e-lead{line-height:1.75}
.itia-b-kicker,.itia-c-kicker,.itia-d-kicker,.itia-e-kicker{letter-spacing:.16em}
.itia-b-kicker:before,.itia-c-kicker:before,.itia-d-kicker:before,.itia-e-kicker:before{width:25px}

/* Hero system — slightly shorter, deeper, cleaner and more editorial. */
.itia-b-hero,.itia-c-hero,.itia-c-course-hero,.itia-d-hero,.itia-e-hero{
  position:relative;
  background:
    radial-gradient(circle at 84% 18%,rgba(214,161,44,.13),transparent 24%),
    radial-gradient(circle at 72% 75%,rgba(8,127,123,.13),transparent 26%),
    linear-gradient(125deg,#02152f 0%,#06295a 60%,#0b477e 100%);
}
.itia-b-hero{padding:76px 0 70px}
.itia-c-hero,.itia-c-course-hero,.itia-d-hero,.itia-e-hero{padding-top:62px;padding-bottom:68px}
.itia-b-hero:before,.itia-c-hero:before,.itia-c-course-hero:before,.itia-d-hero:before,.itia-e-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%);
}
.itia-b-hero-grid,.itia-c-hero-grid,.itia-c-course-grid,.itia-d-hero-grid,.itia-e-hero-grid{gap:58px}
.itia-b-hero h1,.itia-c-hero h1,.itia-c-course-hero h1,.itia-d-hero h1,.itia-e-hero h1{max-width:820px;text-shadow:0 2px 18px rgba(0,0,0,.08)}
.itia-b-hero-copy,.itia-c-hero-copy,.itia-d-hero-copy,.itia-e-hero-copy{line-height:1.72}
.itia-b-brief,.itia-c-hero-panel,.itia-c-apply,.itia-d-hero-card,.itia-e-hero-card{
  border-top-width:3px;border-radius:6px;box-shadow:var(--itia-r-shadow-strong);overflow:hidden
}
.itia-b-brief{padding:26px}
.itia-b-brief .itia-f-visual,.itia-c-apply .itia-f-visual,.itia-d-hero-card .itia-f-visual,.itia-e-hero-card .itia-f-visual{margin:-10px -10px 22px;border:0;border-bottom:1px solid var(--itia-r-line);box-shadow:none}
.itia-b-hero-note{gap:14px 20px;margin-top:28px;padding-top:20px}
.itia-b-hero-note span:before{box-shadow:0 0 0 4px rgba(214,161,44,.12)}

/* Editorial introduction strip. */
.itia-b-intro{padding:31px 0;background:linear-gradient(90deg,#fff 0%,#f8fafc 100%)}
.itia-b-intro-grid{gap:48px}
.itia-b-intro-label{position:relative;padding-left:18px}
.itia-b-intro-label:before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:3px;background:linear-gradient(var(--itia-r-gold),var(--itia-r-teal))}

/* Foundation: remove the heavy spreadsheet-grid feeling. */
.itia-b-pillar-grid{gap:16px;background:transparent;border:0}
.itia-b-pillar{min-height:220px;border:1px solid var(--itia-r-line);border-top:3px solid transparent;box-shadow:0 10px 28px rgba(5,37,84,.045)}
.itia-b-pillar:nth-child(3n+1){border-top-color:var(--itia-r-gold)}
.itia-b-pillar:nth-child(3n+2){border-top-color:var(--itia-r-teal)}
.itia-b-pillar:nth-child(3n){border-top-color:#6f8cae}
.itia-b-number{font-size:.78rem;font-family:inherit;font-weight:900;letter-spacing:.12em}

/* Programs — flagship dominates, planned programs are quieter. */
.itia-b-programs{gap:16px}
.itia-b-program{border-radius:5px;box-shadow:0 10px 28px rgba(5,37,84,.045)}
.itia-b-program:not(.itia-b-program-featured){border-top:3px solid #d8e2e8}
.itia-b-program-featured{background:linear-gradient(145deg,#052554,#031a3a 72%);box-shadow:var(--itia-r-shadow-strong)}
.itia-b-program-featured:before{content:"";position:absolute;right:-80px;bottom:-100px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(214,161,44,.25);box-shadow:0 0 0 38px rgba(255,255,255,.02),0 0 0 76px rgba(255,255,255,.018);pointer-events:none}
.itia-b-program-featured>*{position:relative;z-index:1}
.itia-b-status{border-radius:2px}

/* Learning pathways become cleaner editorial panels. */
.itia-b-pathways{gap:14px}
.itia-b-path{position:relative;overflow:hidden;border:1px solid var(--itia-r-line);border-top:0;box-shadow:none}
.itia-b-path:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--itia-r-blue),var(--itia-r-teal))}

/* Flagship facts gain a stronger hierarchy. */
.itia-b-feature-grid{gap:58px}
.itia-b-facts{gap:10px}
.itia-b-fact{position:relative;overflow:hidden;border-radius:4px;box-shadow:0 8px 22px rgba(5,37,84,.045)}
.itia-b-fact:after{content:"";position:absolute;right:-22px;bottom:-22px;width:72px;height:72px;border:1px solid rgba(214,161,44,.24);border-radius:50%}
.itia-b-fact strong{font-size:2rem}

/* Practice labs and methodology — more like an institutional process diagram. */
.itia-b-labs{gap:12px}
.itia-b-lab{position:relative;overflow:hidden;border-color:rgba(255,255,255,.17);border-radius:4px}
.itia-b-lab:after{content:"";position:absolute;left:0;bottom:0;width:42px;height:2px;background:var(--itia-r-gold)}
.itia-b-method{gap:8px;border:0;background:transparent}
.itia-b-method-step{min-height:136px;border:1px solid var(--itia-r-line)!important;border-radius:4px;box-shadow:0 7px 18px rgba(5,37,84,.04)}
.itia-b-method-step:after{right:-9px;top:46%;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--itia-r-line)}

/* Knowledge feature — richer visual block without stock imagery. */
.itia-b-library-feature{position:relative;overflow:hidden;border-radius:5px;box-shadow:var(--itia-r-shadow)}
.itia-b-library-feature:after{content:"";position:absolute;right:-12px;bottom:-18px;width:330px;aspect-ratio:20/13;background:url('/wp-content/uploads/2026/08/itia-illustration-knowledge-library.svg') center/contain no-repeat;opacity:.13;pointer-events:none}
.itia-b-library-feature>*{position:relative;z-index:1}
.itia-b-library-item{border-radius:4px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.itia-b-library-item:hover{transform:translateX(3px);border-color:#c8d8df;box-shadow:0 8px 20px rgba(5,37,84,.05)}

/* Teaching/why/resource areas: reduce generic card repetition. */
.itia-b-standard-box{border-radius:4px}
.itia-b-why{gap:14px}
.itia-b-card{border-radius:4px;box-shadow:0 8px 22px rgba(5,37,84,.04)}
.itia-b-post{border-radius:4px;border-top:3px solid #e0e7ec}
.itia-b-post:nth-child(3n+1){border-top-color:var(--itia-r-teal)}
.itia-b-post:nth-child(3n+2){border-top-color:var(--itia-r-gold)}
.itia-b-resource{background:#fff;border:1px solid #e4d6af;border-left:4px solid var(--itia-r-gold);border-radius:4px}

/* Stage C/D/E shared inner-page polish. */
.itia-c-program,.itia-c-module,.itia-c-exercise,.itia-d-principle,.itia-d-road,.itia-d-standard,.itia-d-step,.itia-d-contact-card,.itia-e-card,.itia-e-resource,.itia-e-feature-link{
  border-radius:4px;box-shadow:0 8px 24px rgba(5,37,84,.045)
}
.itia-c-program-featured{box-shadow:var(--itia-r-shadow-strong)}
.itia-c-controlbox,.itia-e-controls{border-radius:5px;box-shadow:0 15px 38px rgba(5,37,84,.07)}
.itia-c-search input,.itia-e-search input{border-radius:4px;background:#fbfcfd}
.itia-c-filter,.itia-e-filter{border-radius:4px;transition:background .17s ease,color .17s ease,border-color .17s ease,transform .17s ease}
.itia-c-filter:hover,.itia-e-filter:hover{transform:translateY(-1px)}
.itia-c-path-steps{border-left-width:1px}
.itia-c-module,.itia-d-principle{border-top:3px solid #dbe4e9}
.itia-c-module:nth-child(3n+1),.itia-d-principle:nth-child(3n+1){border-top-color:var(--itia-r-gold)}
.itia-c-module:nth-child(3n+2),.itia-d-principle:nth-child(3n+2){border-top-color:var(--itia-r-teal)}
.itia-d-pull,.itia-d-fee-note,.itia-d-faculty-note{border-radius:4px}
.itia-d-contact-card{border-top:3px solid var(--itia-r-teal)}

/* Knowledge centre feels more like a publication, less like a product grid. */
.itia-e-feature-main{position:relative;overflow:hidden;border-radius:5px;box-shadow:var(--itia-r-shadow)}
.itia-e-feature-main:before{content:"";position:absolute;right:-45px;bottom:-45px;width:300px;aspect-ratio:20/13;background:url('/wp-content/uploads/2026/08/itia-illustration-research-workflow.svg') center/contain no-repeat;opacity:.11;pointer-events:none}
.itia-e-feature-main>*{position:relative;z-index:1}
.itia-e-card{overflow:hidden;border-top:3px solid #dfe7ec}
.itia-e-card:nth-child(3n+1){border-top-color:var(--itia-r-teal)}
.itia-e-card:nth-child(3n+2){border-top-color:var(--itia-r-gold)}
.itia-e-card:before{filter:saturate(.88) contrast(1.02)}
.itia-e-resource{background:#fff;border-left:4px solid var(--itia-r-gold)}
.itia-e-hub{border-radius:4px}

/* Article reading experience. */
.itia-e-article-hero{padding:54px 0 44px;background:linear-gradient(125deg,#02152f,#06295a 72%,#0b477e)}
.itia-e-article-layout{grid-template-columns:235px minmax(0,760px);gap:52px}
.itia-e-toc{top:106px;border-top-width:3px;border-radius:4px}
.itia-e-article-content{color:#25354a;line-height:1.84}
.itia-e-article-content>p:first-of-type{font-size:1.13em;color:#38495f}
.itia-e-sourcebox{border-radius:4px}

/* Buttons: quieter institutional interaction. */
.itia-b-btn,.itia-c-btn,.itia-d-btn,.itia-e-btn{border-radius:4px;box-shadow:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.itia-b-btn:hover,.itia-c-btn:hover,.itia-d-btn:hover,.itia-e-btn:hover{box-shadow:0 9px 22px rgba(5,37,84,.11)}

/* FAQ: more breathing room and clearer hover state. */
.itia-b-faq details,.itia-c-faq details,.itia-d-faq details{transition:background .16s ease}
.itia-b-faq details:hover,.itia-c-faq details:hover,.itia-d-faq details:hover{background:#fbfcfd}

/* Footer refinement — shorter and more deliberate. */
.itia-a-footer-main{gap:42px;padding:52px 0 40px}
.itia-a-footer-brand img{width:250px}
.itia-a-footer-brand p{margin-top:16px;line-height:1.68}
.itia-a-footer-heading{margin-bottom:14px}
.itia-a-footer-links li{margin-bottom:8px}
.itia-a-footer-note{padding:14px 0}
.itia-a-footer-bottom{min-height:62px}

@media(max-width:980px){
  .itia-b-hero-grid,.itia-c-hero-grid,.itia-c-course-grid,.itia-d-hero-grid,.itia-e-hero-grid{gap:40px}
  .itia-b-pillar-grid{grid-template-columns:1fr 1fr}
  .itia-b-method{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:700px){
  .itia-b-section,.itia-c-section,.itia-d-section,.itia-e-section{padding:56px 0}
  .itia-b-hero,.itia-c-hero,.itia-c-course-hero,.itia-d-hero,.itia-e-hero{padding:44px 0 50px}
  .itia-b-hero:before,.itia-c-hero:before,.itia-c-course-hero:before,.itia-d-hero:before,.itia-e-hero:before{background-size:38px 38px;opacity:.22}
  .itia-b-pillar-grid,.itia-b-method{grid-template-columns:1fr}
  .itia-b-method-step:after{display:none}
  .itia-b-pillar,.itia-b-program,.itia-b-path,.itia-b-card,.itia-b-post,.itia-b-resource,.itia-c-program,.itia-c-module,.itia-c-exercise,.itia-d-principle,.itia-d-road,.itia-d-standard,.itia-d-step,.itia-d-contact-card,.itia-e-card,.itia-e-resource{box-shadow:none}
  .itia-b-library-feature:after,.itia-e-feature-main:before{width:220px;opacity:.08}
  .itia-a-footer-main{padding:44px 0 34px;gap:28px}
  .itia-a-footer-bottom{min-height:auto;padding:18px 0}
}

@media(prefers-reduced-motion:reduce){
  .itia-b-library-item,.itia-c-filter,.itia-e-filter{transition:none!important}
  .itia-b-library-item:hover,.itia-c-filter:hover,.itia-e-filter:hover{transform:none!important}
}