.doc { max-width: 680px; padding-block: 40px 20px }
.doc h1 { font: 400 clamp(34px, 4.6vw, 56px)/1.05 var(--serif); margin: 0 0 24px }
.doc h2 { font: 400 24px/1.2 var(--serif); margin: 36px 0 8px }
.doc p, .doc li { font-size: 16px; line-height: 1.6 }
.draft { border: 1px solid var(--ink); padding: 12px 14px; font-size: 14px; margin-bottom: 28px }
.todo { background: var(--wash); padding: 1px 6px }

.brief { display: grid; gap: 16px; max-width: 520px; margin: 16px 0 }
.brief label { display: grid; gap: 6px; font-size: 13px; letter-spacing: .04em }
.brief input, .brief textarea { border: 1px solid var(--ink); padding: 12px 14px; font: inherit; font-size: 16px; background: var(--bg); border-radius: 0 }
.brief .btn { justify-self: start }