/* Notes (/notes/): only what brand.css doesn't cover. Written by measured_voices.notes. */
.notes-hero { padding-bottom: 40px; }
.notes-hero h1 { font-size: clamp(40px, 7vw, 84px); }
.note-chips { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.note-chips a { text-decoration: none; } .note-chips a[aria-current] { text-decoration: underline; }
.nav a[aria-current] { text-decoration: underline; }
.notes-ledger .term a { text-decoration: none; } .notes-ledger .term a:hover { text-decoration: underline; }
.notes-ledger .note-meta { color: var(--accent); margin-bottom: 8px; }
.note { display: flex; flex-direction: column; gap: 24px; padding: 56px 0 80px; max-width: 760px; }
.note h1 { margin: 0; font: 400 clamp(36px, 6vw, 64px)/1.05 var(--display); text-wrap: balance; }
.note-byline { margin: 0; color: var(--muted); }
.note-cover { display: block; width: 100%; height: auto; border: 1px solid var(--ink); }
.note-body { font: 19px/1.7 var(--display); overflow-wrap: anywhere; }
.note-body p, .note-body ul, .note-body ol { margin: 0 0 1em; max-width: 62ch; }
.note-body h2, .note-body h3, .note-body h4 { font-family: var(--display); font-weight: 400; line-height: 1.2; margin: 1.6em 0 .5em; }
.note-body h2 { font-size: 30px; } .note-body h3 { font-size: 24px; } .note-body h4 { font-size: 20px; font-style: italic; }
.note-body blockquote { margin: 1.4em 0; padding: 0 0 0 20px; border-left: 1px solid var(--ink); font-style: italic; }
.note-body blockquote cite { display: block; font: 12px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; font-style: normal; color: var(--muted); }
.note-body hr { border: 0; height: 30px; margin: 1.5em 0;
  background: repeating-linear-gradient(to right, var(--ink) 0 1px, transparent 1px 10px) left bottom / 100% 10px no-repeat; }
.note-body figure { margin: 1.6em 0; }
.note-body img { display: block; max-width: 100%; height: auto; }
.note-body figcaption { font: 12px/1.5 var(--mono); color: var(--muted); margin-top: 8px; }
.note-embed iframe { width: 100%; aspect-ratio: 16 / 9; border: 1px solid var(--ink); }
.note-tags { color: var(--muted); }