*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 15px;
  color: #333333;
  background: #faf4e5;
  padding: 48px 0 100px 220px;
}

a { color: #333333; text-decoration: none; }

main a { text-decoration: underline; }
main a::after { content: none; }
main a:hover { opacity: 0.6; }

a.internal-link { text-decoration: none; }
a.internal-link::after { content: none; }

header nav { display: flex; gap: 28px; margin-bottom: 60px; flex-wrap: wrap; }
header nav a { color: #aaa; text-decoration: none; }
header nav a::after { content: none; }
header nav a.active { color: #333333; }
header nav a:hover { color: #333333; text-decoration: none; }

main { max-width: 680px; }
main p { line-height: 1.65; margin-bottom: 1em; }
main h2 { font-size: 15px; font-weight: 500; margin-bottom: 0.5em; margin-top: 1.5em; }

mark { padding: 0 2px; border-radius: 2px; }
mark.stories { background: #b0cef2; }
mark.spaces { background: #f9f2aa; }
mark.systems { background: #cef4c3; }
mark.strategies { background: #daa1c8; }

footer { position: fixed; bottom: 36px; left: 220px; display: flex; gap: 24px; flex-wrap: wrap; }
footer a { color: #333333; font-size: 14px; text-decoration: none; }
footer a:hover { text-decoration: underline; }

@media (max-width: 768px) {
  body { padding: 32px 24px 120px 24px; }
  header nav { gap: 16px; margin-bottom: 40px; }
  main { max-width: 100%; }
  footer { position: fixed; bottom: 24px; left: 24px; right: 24px; gap: 16px; }
}
main a.internal-link::after { content: none !important; }
main a.internal-link { text-decoration: none; }
main a::after { content: " ↗"; }
main a.internal-link::after { content: none !important; }
main a.internal-link { text-decoration: underline; }
main h2 { font-size: 15px; font-weight: 400; margin-bottom: 1em; margin-top: 0; }
main h3 { font-size: 15px; font-weight: 400; margin-bottom: 1em; margin-top: 0; }
main h3 { font-size: 16px; font-weight: 500; margin-bottom: 0.5em; margin-top: 1.5em; }