/* Redesigned footer.
   LAYOUT applies in BOTH themes — it was previously scoped to the dark-theme
   selector, so on the light default (which is what visitors get) none of it
   ever applied and the Platform column collapsed into one 18-item list.
   PALETTE stays per-theme below. All 31 pages load this file. */
.mft .mft-mq{margin-top:0}
.mft .mft-hero{padding-top:56px}
.mft .mft-h{font-size:clamp(42px,6vw,78px)}
.mft .wrap .foot-cols{
  margin-top:42px;
  padding:30px 28px 24px;
  border-radius:22px;
  grid-template-columns:1.6fr 2.4fr 1fr 1.1fr 1.1fr;
}
/* Platform carries ~18 links; two sub-columns keep the footer from becoming a
   tall single list. The heading spans both. */
.mft .foot-cols>div:nth-child(2){
  display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-content:start;
}
.mft .foot-cols>div:nth-child(2) h5{grid-column:1/-1}
.mft .mft-base{margin-top:18px;padding:18px 0 28px}

/* ── dark palette ── */
html:not(:has(#lightSheet[media="all"])) .mft{
  background:linear-gradient(180deg,#0d1822 0%,#09121b 100%);
  border-top:1px solid rgba(143,197,62,.22);
  overflow:hidden;
}
html:not(:has(#lightSheet[media="all"])) .mft .foot-cols{
  background:rgba(15,29,41,.78);
  border:1px solid rgba(143,197,62,.22);
  box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
}
html:not(:has(#lightSheet[media="all"])) .mft .foot-cols a{color:rgba(232,241,248,.68)}
html:not(:has(#lightSheet[media="all"])) .mft .foot-cols a:hover{color:#e8f1f8}
html:not(:has(#lightSheet[media="all"])) .mft .mft-base{border-color:rgba(143,197,62,.22)}
html:not(:has(#lightSheet[media="all"])) .mft .mft-giant{opacity:.10}

/* ── light palette ── */
html:has(#lightSheet[media="all"]) .mft .foot-cols{
  background:rgba(255,255,255,.66);
  border:1px solid rgba(23,33,26,.08);
  box-shadow:0 10px 30px rgba(23,33,26,.05),inset 0 1px 0 #fff;
}

/* ── responsive, both themes ── */
@media(max-width:900px){
  .mft .foot-cols>div:nth-child(2){display:block}
}
@media(max-width:760px){
  .mft .wrap .foot-cols{
    grid-template-columns:1fr!important;
    gap:22px;
    padding:24px 20px 20px;
  }
  .mft .foot-cols>div:nth-child(2){display:block}
  .mft .foot-cols h5{margin-bottom:8px}
  .mft .foot-cols a{padding:4px 0;line-height:1.45}
  .mft .mft-base{align-items:flex-start;flex-direction:column;gap:12px}
}