/* JITA BUILD 419 — GUIDE VALUE PAGE STYLES */
.jita-value-page417 .hero{padding-bottom:34px}
.jita-value-intro417{max-width:880px}
.jita-value-grid417{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.jita-value-card417{background:#fff;border:1px solid rgba(15,43,75,.12);border-radius:18px;padding:22px;box-shadow:0 8px 26px rgba(15,43,75,.05)}
.jita-value-card417 h3{margin-top:0;color:#0f2b4b}
.jita-value-number417{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0f2b4b;color:#fff;font-weight:900;margin-bottom:12px}
.jita-proof417{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.jita-proof-panel417{border-radius:18px;padding:24px;background:#0f2b4b;color:#fff}
.jita-proof-panel417.light{background:#f5f8fc;color:#0f2b4b;border:1px solid rgba(15,43,75,.12)}
.jita-proof-panel417 h3{margin-top:0}
.jita-method417{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jita-method-step417{border-top:4px solid #0f2b4b;background:#fff;border-radius:10px;padding:17px;border-left:1px solid rgba(15,43,75,.10);border-right:1px solid rgba(15,43,75,.10);border-bottom:1px solid rgba(15,43,75,.10)}
.jita-method-step417 strong{display:block;color:#0f2b4b;margin-bottom:7px}
.jita-compare417{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}
.jita-compare417 th,.jita-compare417 td{padding:15px 16px;border-bottom:1px solid rgba(15,43,75,.10);vertical-align:top;text-align:left}
.jita-compare417 th{background:#0f2b4b;color:#fff}
.jita-compare417 tr:last-child td{border-bottom:0}
.jita-check417{margin:0;padding-left:20px}
.jita-check417 li{margin:8px 0}
.jita-cta417{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#0f2b4b;color:#fff;border-radius:20px;padding:28px}
.jita-cta417 h2{margin:0 0 6px}
.jita-cta417 .btn417{display:inline-flex;padding:12px 18px;border-radius:10px;background:#fff;color:#0f2b4b;text-decoration:none;font-weight:900;white-space:nowrap}
.jita-quiet417{color:#5c6b7a;font-size:.92rem}
@media(max-width:900px){.jita-value-grid417,.jita-method417{grid-template-columns:1fr 1fr}.jita-proof417{grid-template-columns:1fr}}
@media(max-width:620px){.jita-value-grid417,.jita-method417{grid-template-columns:1fr}.jita-cta417{align-items:flex-start;flex-direction:column}}

/* JITA BUILD 418 — COMMERCIAL VALUE REFINEMENT */
.jita-audience417{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.jita-audience417 .jita-value-card417{height:100%}
.jita-value-strip418{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jita-value-stat418{background:#0f2b4b;color:#fff;border-radius:16px;padding:20px}
.jita-value-stat418 strong{display:block;font-size:1.05rem;margin-bottom:7px}
.jita-path418{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}
.jita-path-panel418{background:#fff;border:1px solid rgba(15,43,75,.12);border-radius:18px;padding:22px}
.jita-path-arrow418{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#0f2b4b}
.jita-sample418{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}
.jita-sample-card418{background:#fff;border:1px solid rgba(15,43,75,.12);border-radius:18px;padding:22px}
.jita-sample-card418 h3{margin-top:0}
.jita-whybuy418{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.jita-whybuy418 .jita-value-card417{height:100%}
.jita-emphasis418{font-weight:900;color:#0f2b4b}
.jita-note418{font-size:.88rem;color:#5c6b7a}
@media(max-width:900px){
  .jita-audience417,.jita-value-strip418,.jita-whybuy418{grid-template-columns:1fr 1fr}
  .jita-path418{grid-template-columns:1fr}
  .jita-path-arrow418{transform:rotate(90deg)}
  .jita-sample418{grid-template-columns:1fr}
}
@media(max-width:620px){
  .jita-audience417,.jita-value-strip418,.jita-whybuy418{grid-template-columns:1fr}
}

/* Top navigation additions are cloned from the existing JITA Learning link,
   so they inherit the authoritative shared-nav styling and responsive behavior. */
#jitaNav a[data-jita-learning-menu419][aria-current="page"]{
  font-weight:800;
}

/* JITA BUILD 422 — VALUE PAGE CTA READABILITY FIX
   Global heading rules set h2 to navy; inside the navy CTA this caused
   insufficient contrast. Explicitly scope CTA text to white. */
.jita-value-page417 .jita-cta417,
.jita-value-page417 .jita-cta417 h2,
.jita-value-page417 .jita-cta417 h3,
.jita-value-page417 .jita-cta417 p{
  color:#fff !important;
}
.jita-value-page417 .jita-cta417 .btn417{
  color:#0f2b4b !important;
  background:#fff !important;
}

/* JITA BUILD 423 — DARK CARD TEXT CONTRAST FIX
   Global typography rules were overriding headings inside dark navy panels.
   All text-bearing elements in dark value-page surfaces are explicitly white. */
.jita-value-page417 .jita-proof-panel417:not(.light),
.jita-value-page417 .jita-proof-panel417:not(.light) h1,
.jita-value-page417 .jita-proof-panel417:not(.light) h2,
.jita-value-page417 .jita-proof-panel417:not(.light) h3,
.jita-value-page417 .jita-proof-panel417:not(.light) h4,
.jita-value-page417 .jita-proof-panel417:not(.light) h5,
.jita-value-page417 .jita-proof-panel417:not(.light) h6,
.jita-value-page417 .jita-proof-panel417:not(.light) p,
.jita-value-page417 .jita-proof-panel417:not(.light) li,
.jita-value-page417 .jita-proof-panel417:not(.light) strong,
.jita-value-page417 .jita-proof-panel417:not(.light) span,
.jita-value-page417 .jita-value-stat418,
.jita-value-page417 .jita-value-stat418 h1,
.jita-value-page417 .jita-value-stat418 h2,
.jita-value-page417 .jita-value-stat418 h3,
.jita-value-page417 .jita-value-stat418 h4,
.jita-value-page417 .jita-value-stat418 p,
.jita-value-page417 .jita-value-stat418 li,
.jita-value-page417 .jita-value-stat418 strong,
.jita-value-page417 .jita-value-stat418 span{
  color:#fff !important;
}

/* JITA BUILD 424 — VALUE PAGE HERO / HEADER REFINEMENT
   Prevent the site-wide oversized h1 rule from turning the guide-value hero
   into a narrow vertical word stack. Keep the hero compact, balanced, and
   professional on desktop and mobile. */
.jita-value-page417 .hero{
  padding:56px 0 48px !important;
}
.jita-value-page417 .hero .hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr) !important;
  gap:54px !important;
  align-items:center !important;
}
.jita-value-page417 .jita-value-intro417{
  max-width:none !important;
}
.jita-value-page417 .jita-value-intro417 h1{
  max-width:820px !important;
  margin:10px 0 18px !important;
  font-size:clamp(2.7rem,4.4vw,4.6rem) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  text-wrap:balance;
}
.jita-value-page417 .jita-value-intro417 .lede{
  max-width:760px !important;
  font-size:1.08rem !important;
  line-height:1.65 !important;
}
.jita-value-page417 .hero-card{
  width:100% !important;
  max-width:430px !important;
  justify-self:end !important;
  padding:30px !important;
}
.jita-value-page417 .hero-card h2{
  font-size:clamp(2rem,2.6vw,3rem) !important;
  line-height:1.02 !important;
  margin:8px 0 18px !important;
  color:#fff !important;
}
.jita-value-page417 .hero-card p{
  font-size:1rem !important;
  line-height:1.55 !important;
  color:#fff !important;
}

@media(max-width:900px){
  .jita-value-page417 .hero{
    padding:42px 0 38px !important;
  }
  .jita-value-page417 .hero .hero-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .jita-value-page417 .jita-value-intro417 h1{
    font-size:clamp(2.35rem,7vw,3.7rem) !important;
    max-width:760px !important;
  }
  .jita-value-page417 .hero-card{
    max-width:none !important;
    justify-self:stretch !important;
  }
}

@media(max-width:620px){
  .jita-value-page417 .hero{
    padding:30px 0 30px !important;
  }
  .jita-value-page417 .jita-value-intro417 h1{
    font-size:clamp(2.15rem,11vw,3rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.025em !important;
  }
  .jita-value-page417 .jita-value-intro417 .lede{
    font-size:1rem !important;
  }
  .jita-value-page417 .hero-card{
    padding:24px !important;
  }
}

/* JITA BUILD 425 — DARK PANEL LABEL / EYEBROW CONTRAST
   Small blue uppercase labels such as "CONNECTED PAIR" were too dark
   against the navy panel. Force all small-label variants on dark surfaces
   to a high-contrast light treatment. */
.jita-value-page417 .jita-proof-panel417:not(.light) .eyebrow,
.jita-value-page417 .jita-proof-panel417:not(.light) .kicker,
.jita-value-page417 .jita-proof-panel417:not(.light) .label,
.jita-value-page417 .jita-proof-panel417:not(.light) [class*="eyebrow"],
.jita-value-page417 .jita-proof-panel417:not(.light) [class*="kicker"],
.jita-value-page417 .jita-value-stat418 .eyebrow,
.jita-value-page417 .jita-value-stat418 .kicker,
.jita-value-page417 .jita-value-stat418 .label{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.jita-value-page417 .jita-proof-panel417:not(.light) .eyebrow,
.jita-value-page417 .jita-value-stat418 .eyebrow{
  font-weight:800 !important;
  letter-spacing:.12em !important;
}


/* JITA BUILD 426 — JITA LEARNING HERO SIZE ALIGNMENT
   Match the JITA Learning landing hero to the accepted Field Guide value-page
   hero scale instead of the oversized site-wide landing-page H1 treatment. */
.jita-learning-home426 .hero{
  padding:56px 0 48px !important;
}

.jita-learning-home426 .hero .hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr) !important;
  gap:54px !important;
  align-items:center !important;
}

.jita-learning-home426 .hero .hero-grid > div:first-child{
  max-width:none !important;
}

.jita-learning-home426 .hero h1{
  max-width:820px !important;
  margin:10px 0 18px !important;
  font-size:clamp(2.7rem,4.4vw,4.6rem) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  text-wrap:balance;
}

.jita-learning-home426 .hero .lede{
  max-width:760px !important;
  font-size:1.08rem !important;
  line-height:1.65 !important;
}

.jita-learning-home426 .hero .hero-card{
  width:100% !important;
  max-width:430px !important;
  justify-self:end !important;
  padding:30px !important;
}

.jita-learning-home426 .hero .hero-card h2{
  font-size:clamp(2rem,2.6vw,3rem) !important;
  line-height:1.02 !important;
  margin:8px 0 18px !important;
  color:#fff !important;
}

.jita-learning-home426 .hero .hero-card p{
  font-size:1rem !important;
  line-height:1.55 !important;
  color:#fff !important;
}

@media(max-width:900px){
  .jita-learning-home426 .hero{
    padding:42px 0 38px !important;
  }

  .jita-learning-home426 .hero .hero-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .jita-learning-home426 .hero h1{
    font-size:clamp(2.35rem,7vw,3.7rem) !important;
    max-width:760px !important;
  }

  .jita-learning-home426 .hero .hero-card{
    max-width:none !important;
    justify-self:stretch !important;
  }
}

@media(max-width:620px){
  .jita-learning-home426 .hero{
    padding:30px 0 !important;
  }

  .jita-learning-home426 .hero h1{
    font-size:clamp(2.15rem,11vw,3rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.025em !important;
  }

  .jita-learning-home426 .hero .lede{
    font-size:1rem !important;
  }

  .jita-learning-home426 .hero .hero-card{
    padding:24px !important;
  }
}