@font-face { font-family: "Source Serif 4"; src: url("../assets/fonts/source-serif-4-latin-400-normal.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../assets/fonts/archivo-latin-900-normal.woff2") format("woff2"); font-weight: 900; font-display: swap; }
body { margin: 0; background: #F5F1E8; color: #263238; font: 400 18px/1.65 "Source Serif 4", Georgia, serif; }
main { max-width: 760px; margin: 0 auto; padding: 40px 20px 64px; }
h1 { font: 900 2.1rem/1.15 "Archivo", sans-serif; color: #142B44; margin: 0 0 .4em; }
h2 { font: 900 1.3rem/1.2 "Archivo", sans-serif; color: #142B44; margin: 1.6em 0 .4em; }
a { color: #1E3A5A; }
.back { display: inline-flex; align-items: center; margin-bottom: 22px; font: 600 16px system-ui, sans-serif; min-height: 44px; }
.draft { background: #FFF6D6; border: 2px solid #E8C93A; border-radius: 12px; padding: 14px 18px; font: 500 16px/1.5 system-ui, sans-serif; margin: 0 0 24px; }
.todo { background: #FDE3DC; padding: 0 4px; border-radius: 3px; font: 600 .9em system-ui, sans-serif; }
li { margin-bottom: .4em; }