/* ==========================================================================
   Licensing  (/support/licensing/)

   A Support child, built like Downloads. Shared: the page banner, the
   .pf-cap blocks, .pf-ptable and .pf-related (product-family.css), the
   hub's .band (company.css), the FAQ. Page-local:
     .lic-list       the verbatim feature lists inside the model blocks
     .lic-table      the three-row framework table, which must not scroll

   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          §5  talk to sales  white
     §2  license models   neutral-2-100  §6  FAQ            neutral-2-100
     §3  what Omni covers white          §7  related        white
     §4  academic, platforms neutral-2-100
   ========================================================================== */

#models,#omni-coverage,#academic-and-platforms,#contact-sales,
#time-based,#omni,#exclusion,#frameworks,#academic,#platforms{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
   §2 §3 §4 Blocks: two across from 1024; §3 gives the table the wider cell
   -------------------------------------------------------------------------- */
@media (min-width:1024px){
  .lic-models .pf-cap__grid,.lic-more .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lic-omni .pf-cap__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}

.lic-list{
  margin:4px 0 0;padding:0 0 0 18px;
  font:400 14px/22px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-secondary-5-500);
}
.lic-list li + li{margin-top:6px}
.lic-list li::marker{color:var(--ps-color-brand-600)}

/* the exclusion is the line the doc says is easy to lose: give it an edge */
.lic-exclusion{border-left:4px solid var(--ps-color-brand-600)}

/* §3 the framework table: three rows, so no minimum width and wrapping heads
   (the shared .pf-ptable sets min-width:600px and nowrap heads) */
.lic-frameworks .pf-ptable__scroll{position:relative;margin-top:4px}
.lic-table.pf-ptable{min-width:0;width:100%}
.lic-table thead th{white-space:normal}
.lic-table th[scope="row"] a{color:var(--ps-color-brand-600);text-decoration:underline;text-underline-offset:2px}
.lic-table th[scope="row"] a:hover{color:var(--ps-color-brand-500)}

/* --------------------------------------------------------------------------
   §5 Talk to sales: links inside the band body need the link colour
   -------------------------------------------------------------------------- */
.lic-action .band__body a{color:var(--ps-color-brand-600);text-decoration:underline;text-underline-offset:2px}
.lic-action .band__body a:hover{color:var(--ps-color-brand-500)}
.lic-action .band__body + .band__body{margin-top:6px}
.lic-contacts{list-style:disc;padding-left:20px}
.lic-contacts li + li{margin-top:4px}
.lic-contacts li::marker{color:var(--ps-color-brand-600)}

/* --------------------------------------------------------------------------
   §7 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))}}
.lic-related__up{margin-top:20px}

@media (min-width:1350px){
  .lic-models .pf-cap__head,.lic-models .pf-cap__grid,
  .lic-omni .pf-cap__head,.lic-omni .pf-cap__grid,
  .lic-more .pf-cap__head,.lic-more .pf-cap__grid,
  .pf-related__inner{grid-column-start:2;grid-column-end:span 10}
}

/* phones: the large buttons can be wider than a 320px column; let them wrap */
@media (max-width:639.98px){
  .page-banner__ctas .ps-btn--large,.lic-action .ps-btn--large{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text,.lic-action .ps-btn--large .ps-btn__text{white-space:normal;min-width:0}
}

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