:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #241f3d;
  background: #fff8ef;
}
* { box-sizing: border-box; }
body { margin: 0; padding: 24px; }
main {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(24px, 5vw, 56px);
  background: white;
  border: 1px solid #eee6f4;
  border-radius: 24px;
  box-shadow: 0 16px 48px #241f3d14;
}
header, nav, footer { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
header { justify-content: space-between; border-bottom: 1px solid #eee6f4; padding-bottom: 16px; font-weight: 750; }
nav { gap: 14px; }
a { color: #4a35a3; font-weight: 650; }
h1 { margin-top: 34px; font-size: clamp(2rem, 7vw, 3.25rem); line-height: 1.08; }
h2 { margin: 32px 0 8px; font-size: 1.35rem; }
p, li { line-height: 1.65; }
li + li { margin-top: 8px; }
.draft { margin: 0 0 16px; padding: 12px 14px; border: 2px solid #b44600; border-radius: 12px; background: #fff1dd; color: #733100; font-size: .88rem; font-weight: 800; letter-spacing: .04em; }
.meta { color: #645d76; }
footer { margin-top: 44px; padding-top: 18px; border-top: 1px solid #eee6f4; }
@media (max-width: 520px) { body { padding: 10px; } main { border-radius: 16px; } }