*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: #0E0B0A; color: #F4ECDD;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
  min-height: 100vh;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 60px 24px 80px; }
nav.ap-top {
  display: flex; justify-content: space-between; align-items: center;
  padding: 22px 28px; border-bottom: 1px solid rgba(244,236,221,0.12);
  position: sticky; top: 0; background: #0E0B0A; z-index: 5;
}
nav.ap-top a.brand {
  font-family: 'Bodoni Moda', Georgia, serif; font-style: italic;
  font-size: 26px; color: #F4ECDD; text-decoration: none;
}
nav.ap-top a.back {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  color: rgba(244,236,221,0.6); text-decoration: none;
}
.kicker {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; letter-spacing: 0.32em; text-transform: uppercase;
  color: #E8B73A; margin-bottom: 14px;
}
h1 {
  font-family: 'Bodoni Moda', Georgia, serif; font-style: italic;
  font-weight: 500; font-size: clamp(44px, 7vw, 72px); line-height: 0.95;
  margin: 0 0 28px; color: #F4ECDD;
}
h2 {
  font-family: 'Bodoni Moda', Georgia, serif; font-style: italic;
  font-weight: 500; font-size: 26px; line-height: 1.1;
  margin: 36px 0 12px; color: #F4ECDD;
}
p { margin: 0 0 14px; color: rgba(244,236,221,0.85); font-size: 16px; }
ul { padding-left: 22px; margin: 0 0 14px; }
li { margin-bottom: 6px; color: rgba(244,236,221,0.85); }
a { color: #C8261C; }
.meta {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: rgba(244,236,221,0.45); margin-top: 60px;
}