:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #102A32;
  color: #DCE7DF;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}
main, header, footer { max-width: 44em; margin: 0 auto; padding: 1.5rem; }
header { display: flex; align-items: center; gap: 1rem; }
header img { width: 4rem; height: 4rem; }
header a { color: #DCE7DF; font-size: 1.5rem; font-weight: 700; text-decoration: none; }
h1 { font-size: 2rem; line-height: 1.2; }
h2 { font-size: 1.3rem; margin-top: 2rem; color: #FFBD59; }
a { color: #FFBD59; }
a:focus-visible { outline: 3px solid #6ABAAE; outline-offset: 2px; }
nav ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 1.5rem; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; vertical-align: top; padding: 0.5rem 0.75rem 0.5rem 0; border-bottom: 1px solid #6ABAAE; }
code { font-family: ui-monospace, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
.status { color: #6ABAAE; font-weight: 700; }
.button { display: inline-block; padding: 0.5rem 1rem; background: #FFBD59; color: #102A32; font-weight: 700; text-decoration: none; border-radius: 0.4rem; }
footer { border-top: 1px solid #6ABAAE; margin-top: 3rem; font-size: 0.95rem; }