/* style.css - responsive, simple */
:root{
  --max-width: 1100px;
  --accent: #008080;
  --bg-alpha: rgba(255,255,255,0.9);
  --text: #111;
  --muted: #666;
}

*{box-sizing:border-box}
html, body {height:100%;margin:0;font-family: "Helvetica Neue", Arial, sans-serif;color:var(--text);}
body{
  /*font-family:Arial,Helvetica,sans-serif;*/
  font-family: 'Inter', system-ui, sans-serif;
  margin:0;
  padding:20px;
  background: url("/static/images/clouds.jpg") repeat center center fixed;
  background-size: 30%;
}

h1, h2{
  font-family: 'Playfair Display', serif;
}
.container{
  max-width: var(--max-width);
  margin: 0 auto;
  background: transparent;
  padding: 20px;
  border-radius: 10px;
}

/* Header */
.site-header{display:flex;flex-direction:column;align-items:center;margin-bottom:18px;text-align:center}
.logo{max-width:80%;height:auto}
.top-links{margin-top:8px}
.byline{font-size:0.95rem;color:var(--muted);margin-top:6px}

/* Sections */
h2{color:var(--accent);text-align:center;margin:8px 0 12px}
.divider{width:40%;padding-top:6px;border:0;border-top:3px solid #000011;margin:20px auto}

/* Table wrapper for responsiveness */
.table-wrapper{overflow-x:auto;margin:20px 0;padding:6px 0}
.entries{width:100%;border-collapse:collapse}
.entries td{padding:12px 12px;text-align:center;border-bottom:1px solid #001418;font-size:0.98rem}

table tbody tr:last-child td{
  border-bottom:none;
}

/* Small devices adjustments */
@media (max-width:600px){
  .container{padding:12px}
  .entries td{padding:10px 8px;font-size:0.95rem}
  .logo{max-width:95%}
}

/* Footer */
.site-footer{margin-top:20px;text-align:center;color:var(--muted)}
.site-footer .footer-links img{vertical-align:middle;margin:0 6px}