/* Footer and the floating light/dark toggle
   Lines 362-387 of the original index.html. */

/* ---------------- footer ---------------- */
footer{position:relative;z-index:3;border-top:1px solid var(--line);margin-top:2rem;padding:2.6rem var(--gut) 3.4rem;color:var(--muted);font-size:.9rem}
footer .fw{font-family:var(--font);font-weight:800;color:var(--ink);font-size:1.3rem;letter-spacing:-.01em}
footer .fw b{color:var(--accent);font-style:normal}
footer a{color:var(--accent);border-bottom:1px solid transparent;transition:.2s}
footer a:hover{color:var(--accent-deep);border-color:var(--accent)}
footer .fnote{margin-top:.7rem;max-width:70ch;line-height:1.55}

@media (max-width:1000px){ nav.houses{display:none} }
@media (max-width:720px){
  body{font-size:16px}
  #hero{min-height:80vh}
  #topbar{gap:.55rem;padding:.7rem .95rem}
  .brand .s{display:none}
  .spacer{display:none}
  .tools{flex:1;gap:.4rem;min-width:0;justify-content:flex-end}
  .search-wrap{flex:1 1 auto;min-width:0;width:auto;padding:.5rem .8rem}
  .btn-gold{padding:.52rem .8rem;font-size:.8rem}
  .row-head{flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem}
  .row-title{flex:1 1 100%}
  .row-sub{font-size:.82rem}
  .row-count{margin-left:auto}
}
@media (max-width:430px){
  .btn-gold{display:none}
}