@import url('/css/palette.css');
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root { --muted: var(--text-68); --faint: var(--text-46); --serif: Georgia, 'Times New Roman', 'DejaVu Serif', serif; }
html, body { background: var(--bg); color: var(--text); font-family: var(--serif); min-height: 100vh; overflow-x: hidden; width: 100%; }

/* Visually hidden but available to screen readers */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

.page { max-width: 1160px; margin: 0 auto; padding: 24px 32px 32px; position: relative; }

nav { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.logo { font-size: 1.45rem; letter-spacing: -0.01em; }
.logo-s { color: var(--rust); font-weight: 700; }
.logo-v { color: var(--sage); font-style: italic; }
.tagline { font-size: 0.78rem; color: var(--faint); font-style: italic; letter-spacing: 0.03em; }