/* ==========================================================================
   Latest Release  (/support/latest-release/)

   The second Support child, built like Downloads. Shared, from
   product-family.css: the page banner, the .pf-cap blocks, the parts table
   (.pf-ptable, .pf-ptable__scroll) and filter bar (.pf-filter, .pf-empty)
   that js/collection-filter.js drives, the .pf-group accordion and
   .pf-related. Page-local:
     .rl-docs        the supporting-documents list inside a block
     .rl-versions    the band: head, the filter bar, the table, the notes
     .rl-table       column treatment for the version table
     .rl-archive     the two tables inside the accordion

   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  previous releases  neutral-2-100
     §2  the 2025 Baseline neutral-2-100  §5  FAQ                white
     §3  current versions  white          §6  related            neutral-2-100
   ========================================================================== */

#about-release,#versions,#archive,#archive-baselines,#end-of-life{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
   §2 The 2025 Baseline: four blocks, two by two, four across from 1350
   -------------------------------------------------------------------------- */
@media (min-width:1024px){.rl-about .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1350px){.rl-about .pf-cap__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rl-docs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rl-docs a{
  font:400 14px/22px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-brand-600);text-decoration:underline;text-underline-offset:2px;
}
.rl-docs a:hover{color:var(--ps-color-brand-500)}

/* --------------------------------------------------------------------------
   §3 Current versions
   -------------------------------------------------------------------------- */
.rl-versions{padding-block:48px}
.rl-versions__head,.rl-versions__wrap{grid-column-end:span var(--ps-grid-columns)}
.rl-versions__head{margin-bottom:28px}
.rl-versions__title{color:var(--ps-color-neutral-3-500);margin:0 0 12px}
.rl-versions__lead{color:var(--ps-color-secondary-5-500);margin:0;max-width:70ch}
@media (min-width:640px){.rl-versions{padding-block:64px}}
@media (min-width:1024px){.rl-versions{padding-block:80px}}

/* two selects: two across from 640, never the shared bar's three or five */
@media (min-width:640px){.rl-filter__selects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.rl-filter__selects{grid-template-columns:repeat(2,minmax(0,1fr));max-width:66%}}

/* a visually hidden caption or cell text inside the scroll box must be
   clipped by it, not by the page (the Careers gotcha) */
.rl-versions .pf-ptable__scroll,.rl-archive .pf-ptable__scroll{position:relative}
.rl-table{min-width:760px}
.rl-table tbody th{font-weight:500;text-align:left}
.rl-table tbody tr:last-of-type th{border-bottom:0}
.rl-table__product a{color:var(--ps-color-brand-600);text-decoration:underline;text-underline-offset:2px}
.rl-table__product a:hover{color:var(--ps-color-brand-500)}
.rl-table__ver{white-space:nowrap;font-variant-numeric:tabular-nums}
.rl-table__plat{text-align:center}
.rl-table thead th:nth-child(n+5){text-align:center}

.rl-notes{margin-top:20px;font:400 13px/20px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
.rl-notes__legend{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px}
.rl-notes p{margin:0;max-width:80ch}

/* --------------------------------------------------------------------------
   §4 Previous releases: tables inside the shared accordion
   -------------------------------------------------------------------------- */
.rl-archive__body{padding:0 20px 20px}
.rl-archive__table{min-width:820px}
.rl-archive__eol{min-width:560px}
.rl-archive__table tbody th,.rl-archive__eol tbody th{font-weight:500;text-align:left;white-space:nowrap}
.rl-archive__table tbody tr:last-of-type th,.rl-archive__eol tbody tr:last-of-type th{border-bottom:0}
.rl-archive__eol thead th:nth-child(n+3){text-align:center}
/* the shared answer sets p margins; the table cells and list are not p */
.rl-archive__last{
  margin:16px 0 0;padding-left:18px;
  font:400 13px/21px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-secondary-5-500);
}

/* --------------------------------------------------------------------------
   §6 Related: three tiles, three across from 1024; four with the held
   Documentation tile on
   -------------------------------------------------------------------------- */
@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(3,minmax(0,1fr))}}
@media (min-width:1024px){.pf-related__list:has(> li:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}
.rl-related__up{margin-top:20px}

@media (min-width:1350px){
  .rl-about .pf-cap__head,.rl-about .pf-cap__grid,
  .rl-versions__head,.rl-versions__wrap,
  .pf-related__inner{grid-column-start:2;grid-column-end:span 10}
}

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

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

/* Latest Release round, 2026-09-29. LR-03's "Where platform support ended" sits
   above the end-of-support list in the first Previous releases accordion. */
.rl-archive__subhead{margin:20px 0 0;font:500 14px/22px var(--ps-font);letter-spacing:normal;color:var(--ps-color-neutral-3-500)}
.rl-archive__subhead + .rl-archive__last{margin-top:6px}