/* ==========================================================================
   Evaluation Kit Information  (/support/evaluation-kit-information/)

   The third Support child, built like Downloads. Shared: the page banner,
   the .pf-cap blocks and .pf-related (product-family.css), the FAQ.
   Page-local:
     .evk-step__num  the decorative 01-05 numeral above each path step
     .evk-doc__meta  "PDF · 5 pages · 219 KB" under each agreement

   Band rhythm is the homepage's: 48 / 64 / 80. Bands alternate white and
   --ps-color-neutral-2-100. No two adjacent bands share a tint:

     §1  banner          white          §4  the agreements  neutral-2-100
     §2  the path        neutral-2-100  §5  FAQ             white
     §3  what's included white          §6  related         neutral-2-100
   ========================================================================== */

#path,#includes,#agreements,
#duration,#software,#where,#support,#end,#limits,
#evaluation-license-agreement,#mutual-nda{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
   §2 The path: five steps, an ordered list; one column, then 2, then 5
   -------------------------------------------------------------------------- */
.evk-steps{counter-reset:none}
.evk-step__num{
  display:block;margin:0 0 10px;
  font:500 13px/18px var(--ps-font);letter-spacing:.08em;
  color:var(--ps-color-brand-600);
}
@media (min-width:640px){.evk-path .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.evk-path .pf-cap__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1350px){.evk-path .pf-cap__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* --------------------------------------------------------------------------
   §3 What's included: six blocks, three across from 1024
   §4 The agreements: two cards, two across from 640
   -------------------------------------------------------------------------- */
@media (min-width:1024px){.evk-inc .pf-cap__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:640px){.evk-docs .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.evk-doc__meta{
  margin:0;
  font:500 12px/18px var(--ps-font);letter-spacing:.02em;
  color:var(--ps-color-neutral-3-500);
}
.evk-docs .pf-cap-block__link{padding-top:18px}

/* --------------------------------------------------------------------------
   §6 Related: four tiles, two across from 640, four from 1024
   -------------------------------------------------------------------------- */
@media (min-width:640px){.pf-related__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pf-related__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
.evk-related__up{margin-top:20px}

@media (min-width:1350px){
  .evk-path .pf-cap__head,.evk-path .pf-cap__grid,
  .evk-inc .pf-cap__head,.evk-inc .pf-cap__grid,
  .evk-docs .pf-cap__head,.evk-docs .pf-cap__grid,
  .pf-related__inner{grid-column-start:2;grid-column-end:span 10}
}

/* phones: the button labels are longer than a 320px column; let them wrap,
   and keep the agreement cards' track from growing to the nowrap label */
@media (max-width:639.98px){
  .evk-docs .pf-cap__grid{grid-template-columns:minmax(0,1fr)}
  .page-banner__ctas .ps-btn--large,.evk-docs .ps-btn{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text,.evk-docs .ps-btn__text{white-space:normal;min-width:0}
}

/* --------------------------------------------------------------------------
   Band run for this page
   -------------------------------------------------------------------------- */
.evk-path,.evk-docs,.pf-related{
  background:var(--ps-color-neutral-2-100);
  border-block:1px solid var(--ps-color-neutral-2-300);
}
.evk-inc,.faq{background:var(--sv-white)}
.evk-inc .pf-cap-block{background:var(--ps-color-neutral-2-000)}
.pf-related__link{background:var(--ps-color-neutral-2-000)}