/* Footer additions (F8, Oct 28 2026). Loaded by partials/hx-footer after shell.css; nothing here edits public/v2/shell/*.
   1. Closing band: the footer's dark band carries THIS page's line (constants/v2/page-ctas.js) with its sub line and the two buttons.
      When the page already ends with its own closing band, the footer script adds .hx-foot--quiet: brand line only, smaller, no buttons,
      so two CTA bands never stack (AK, Oct 28). Without JS both lines of text stay in the page and the buttons show, as before.
   2. Library link group split into two lists like Product (AK, Oct 28): the same grid pattern as .hx-fc:first-child in shell.css. */

/* ---------- 1. Closing band ---------- */
.hx-pc-brand{display:none}
.hx-foot-sub{margin:-8px 0 0;max-width:640px;text-align:center;font:500 16px/1.5 Manrope,"Manrope Fallback",Arial,sans-serif;color:rgba(255,255,255,.78);text-wrap:balance}
.hx-foot--quiet .hx-pc-page{display:none}
.hx-foot--quiet .hx-pc-brand{display:inline}
.hx-foot--quiet .hx-foot-sub,.hx-foot--quiet .hx-foot-cta{display:none}
body .hx-foot.hx-foot--quiet .hx-foot-tag{font-size:clamp(22px,1rem + .8vw,28px)}
@media (max-width:767px){
  .hx-foot-sub{flex:1 1 100%;margin:-8px 0 0;font-size:15px}
}

/* ---------- 2. Library as two lists ---------- */
@media (min-width:1101px){
  .hx-fc--split:not(:first-child) .hx-fc-list{grid-auto-flow:column;grid-template-rows:repeat(var(--rows,6),auto);column-gap:32px}
}
/* Tablets: Product and Library each run full width (as many columns as the list has rows), the other three groups share the next row */
@media (min-width:768px) and (max-width:1100px){
  .hx-foot-cols{grid-template-columns:repeat(6,minmax(0,1fr))}
  .hx-fc--split{grid-column:1/-1}
  .hx-fc--split::before{display:none}
  .hx-fc:first-child{order:-2}
  .hx-fc--split:not(:first-child){order:-1}
  .hx-fc:not(.hx-fc--split){grid-column:span 2}
  .hx-fc--split:not(:first-child) .hx-fc-list{display:flex;flex-wrap:wrap;justify-content:center;column-gap:12px}
  .hx-fc--split:not(:first-child) .hx-fc-list a{min-width:0;padding-inline:6px}
}
/* Phones under 400px: shell.css packs every list row by row with dense filling, which would pull "Buyer Intelligence" above "Guides and
   Playbooks" and leave holes beside the long labels. Library keeps its two lists reading down, left then right, in the importance order. */
@media (max-width:399px){
  .hx-fc--split:not(:first-child) .hx-fc-list{grid-auto-flow:column;grid-template-rows:repeat(var(--rows,6),auto)}
  .hx-fc--split:not(:first-child) .hx-fc-list a.is-long,.hx-fc--split:not(:first-child) .hx-fc-list a:last-child:nth-child(odd){grid-column:auto}
}