/* links.css */
.font {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

body { padding: 0 10%; min-width: 600px; }
a, h1, h2, h3, h4, h5, h6 { color: rebeccapurple; }
main, footer { display: none; /* removed by PyScript */ }
#queries > div, #inputs { display: flex; font-size: x-large; align-items: center; }
#queries { flex-direction: column; }
#queries a, input { flex-grow: 1; font: inherit; }
#queries a { text-align: center; }
#queries span, #inputs label { min-width: 15%; padding: 0.5em; }

footer { 
  border-top: thin solid #ccc; margin: 2em; 
  color: #fff; font-size: x-small;
}
footer:hover { color: #999; }
footer div { display: block; /* inline-block for one-line display */ }