:root {
  --accent: #0056b3;
  --dark: #1a1a2e;
  --light: #f8f9fa;
  --text: #212529;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, sans-serif;
  line-height: 1.6;
  color: var(--text);
  background: var(--light);
}
.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: #fff;
  padding: 0.5rem 1rem;
  z-index: 100;
}
.skip-link:focus { left: 0; }
.site-header {
  background: var(--dark);
  color: #fff;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.brand a { color: #fff; text-decoration: none; font-weight: bold; font-size: 1.2rem; }
nav a { color: #ddd; margin-left: 1rem; text-decoration: none; }
nav a:hover, nav a:focus { color: #fff; text-decoration: underline; }
main {
  max-width: 1120px;
  margin: 0 auto;
  padding: 1rem;
}
h1 { color: var(--dark); }
img { max-width: 100%; height: auto; }
figure.support { margin: 2rem 0; }
figure.support img { border-radius: 8px; }
figcaption { font-size: 0.9rem; color: #555; }
.site-footer {
  background: var(--dark);
  color: #ddd;
  text-align: center;
  padding: 1rem;
  margin-top: 2rem;
}
.site-footer a { color: #fff; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 0.5rem; border: 1px solid #dee2e6; text-align: left; }
@media (max-width: 600px) {
  .site-header { flex-direction: column; align-items: flex-start; }
  nav a { margin-left: 0; margin-right: 1rem; }
}

:root{--accent:#454583}a{color:var(--accent)}main{max-width:1160px;padding:clamp(1rem,4vw,3rem)}.hero{margin:0 0 2rem}.hero img{display:block;width:100%;object-fit:cover;border-radius:18px;max-height:70vh}.hero picture{display:block}.hero figcaption{padding:.7rem 0}.support{display:inline-block;max-width:520px;vertical-align:top;margin:1.5rem .8rem 1.5rem 0}nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem;max-width:950px}nav a{margin:0}.callout{border-left:4px solid var(--accent);padding:1rem;background:#edf3f4}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{border:1px solid #d5dddd;padding:1.2rem;border-radius:12px}.btn,button{background:var(--accent);color:white;padding:.7rem 1rem;border:0;border-radius:7px;cursor:pointer}input,select,textarea{font:inherit;max-width:100%;padding:.6rem;border:1px solid #7c8989;border-radius:6px}label{display:block;margin-top:1rem}fieldset{border:1px solid #bcc6c6;margin:1rem 0;padding:1rem}output,[aria-live]{display:block;margin:1rem 0}table{display:block;overflow:auto}.de-pixel{position:absolute;width:1px;height:1px;opacity:0}h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12}h2{margin-top:2rem}p,li{max-width:78ch}:focus-visible{outline:3px solid #d69720;outline-offset:3px}