/* Homepage footer: stable rows for navigation, legal links and page views. */
.site-footer{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(180px,.8fr);
  align-items:start;
  gap:24px 36px;
  padding:36px 0 24px;
}
.site-footer>div:first-child{min-width:0}
.site-footer .footer-links{
  display:flex;flex-wrap:wrap;flex-direction:row;
  gap:10px 22px;max-width:none;margin:7px 0 0;
  font-size:.72rem;line-height:1.7;
}
.site-footer .footer-links a,.site-footer .legal-footer a{color:#afc8ee;transition:color .15s}
.site-footer .footer-links a:hover,.site-footer .legal-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-note{width:auto;margin:7px 0 0;text-align:right;font-size:.67rem}
.site-footer .legal-footer{
  grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 24px;
  margin:0;padding-top:20px;border-top:1px solid var(--line);
  font-size:.7rem;line-height:1.8;
}
.site-footer .view-counter{
  grid-column:1/-1;margin:0;text-align:right;
  font-size:11px;line-height:1.5;color:#9aa9c0;font-variant-numeric:tabular-nums;
}
.site-footer .view-counter[hidden]{display:none}
@media(max-width:800px){
  .site-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 28px;padding-top:28px}
  .site-footer .footer-links{flex-direction:column;align-items:flex-start;margin:0}
  .site-footer .footer-note{grid-column:1/-1;margin:0;text-align:left}
}
@media(max-width:480px){
  .site-footer{grid-template-columns:minmax(0,1fr);gap:20px}
  .site-footer .footer-links{flex-direction:row;gap:10px 20px}
  .site-footer .legal-footer{gap:10px 20px;padding-top:18px}
  .site-footer .view-counter{text-align:left;font-size:10px}
}