:root {
  --ink: #2b2a26;
  --paper: #f7f5f0;
  --card: #ffffff;
  --accent: #3e6b4f;
  --line: #dcd8cf;
  --muted: #6b675e;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.5;
  display: flex;
  justify-content: center;
  padding: 2rem 1rem;
}

.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 2rem;
  max-width: 30rem;
  width: 100%;
}

h1 {
  font-size: 1.6rem;
  margin: 0 0 0.25rem;
  color: var(--accent);
}

.subtitle {
  margin: 0 0 1.5rem;
  color: var(--muted);
  font-style: italic;
}

table.hours {
  width: 100%;
  border-collapse: collapse;
}

.hours th,
.hours td {
  text-align: left;
  padding: 0.55rem 0.5rem;
  border-bottom: 1px solid var(--line);
}

.hours thead th {
  font-family: system-ui, sans-serif;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted);
}

td.empty { color: var(--muted); }

.note {
  margin: 1.5rem 0 0;
  font-size: 0.9rem;
  color: var(--muted);
}

.visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}