/* NetDB site baseline styles - styles.css
   Created: 2026-07-16
*/

/* Reset and base */
* { box-sizing: border-box; }
html,body{ height:100%; margin:0; padding:0; }
body{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height:1.45; color:#222; background:#fff; }

/* Layout */
.container{ max-width:1100px; margin:0 auto; padding:16px; }
.header{ padding:24px 16px; background:#1abc9c; color:#fff; }
.header h1{ margin:0 0 6px 0; font-size:1.6rem; }
.header p{ margin:0; opacity:0.95; }
/* Header image */
.header img{ height:120px; margin-bottom:20px; }

/* Navigation */
nav ul{ list-style:none; margin:0; padding:0; display:flex; gap:8px; background:#333; }
nav ul li{ }
nav ul li a{ display:block; padding:12px 16px; color:#fff; text-decoration:none; }
nav ul li a:hover{ background:#111; }
/* Active nav item */
.nav-links a.active{ background:#16a085; color:#fff; font-weight:600; }
.nav-links li{ list-style:none; }
nav{ margin-bottom:16px; }

/* Content */
.content{ padding:20px 0; }

/* Responsive image */
img{ max-width:100%; height:auto; display:block; }

/* Forms and tables */
input, select, textarea, button{ font:inherit; }
.table{ width:100%; border-collapse:collapse; }
.table th, .table td{ padding:8px; border:1px solid #ddd; text-align:left; }

/* Utility */
.hidden{ display:none !important; }
.center{ text-align:center; }

/* Responsive adjustments */
@media (max-width:720px){
  .header{ padding:18px 12px; }
  nav ul{ flex-wrap:wrap; }
  .header img{ height:80px; }
  .header h1{ font-size:1.25rem; }
}

/* Accessibility focus */
a:focus, button:focus, input:focus{ outline:3px solid #88d6c2; outline-offset:2px; }