/* =========================
   Base typography
   ========================= */

html {
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #20213c;
  background-color: #ffffff;
}

/* =========================
   Text elements
   ========================= */

p,
td,
th,
table,
tr {
  font-family: inherit;
}

pre,
code {
  font-family: "Consolas", "Courier New", monospace;
}

h1, h2, h3 {
  font-family: inherit;
  font-weight: 600;
}

/* =========================
   Links
   ========================= */

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: #003399;
  text-decoration: underline;
}

/* =========================
   Utility classes
   ========================= */

.caption {
  font-size: 0.8rem;
}

.block {
  text-align: justify;
}

.form {
  border: 1px solid #0099cc;
  background-color: #f5f5f5;
  color: #20213c;
  font-family: inherit;
}

/* Kept for compatibility, intentionally empty */
.hhh {
}

/* =========================
   Page layout
   ========================= */

.page {
  max-width: 400px;
  margin: 60px auto 40px auto;
  text-align: center;
}

.logo {
  margin-bottom: 40px;
}

/* =========================
   Content entries
   ========================= */

.entry {
  margin-bottom: 40px;
}

.entry h2 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 6px 0;
}

.entry-text {
  font-size: 0.9rem;
  margin: 0;
}

/* =========================
   Footer
   ========================= */

.footer {
  text-align: center;
  margin-top: 60px;
}

/* Invisible / white footer links */
.whitetext {
  font-size: 0.65rem;
  color: #ffffff;
}

.whitetext:hover {
  color: #cccccc;
}