/* www.georgewyrd.com: only what the design system (/design/) doesn't cover. */
.hub-hero { display: flex; flex-wrap: wrap-reverse; align-items: center; gap: var(--space-8) var(--space-12); }
.hub-hero__text { flex: 999 1 520px; min-width: 0; max-width: 720px; }
.hub-hero__logo { flex: 0 0 auto; display: block; width: 200px; height: 200px; margin: 0 auto; }
@media (max-width: 720px) { .hub-hero__logo { width: 120px; height: 120px; margin: 0; } }
.hub-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-8) 0 0; }

/* Notes (/notes/) */
.note-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-6) 0 0; }
.note-chips a { text-decoration: none; }
.note-list { list-style: none; margin: 0; padding: 0; max-width: var(--measure); }
.note-row { padding: var(--space-4) 0; border-bottom: var(--border-hairline); }
.note-row__title { font-family: var(--font-display); font-size: 22px; line-height: 28px; color: var(--ink); }
.note-row__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin: var(--space-2) 0 0; font-size: 14px; color: var(--ink-muted); }
.note-row__meta a { text-decoration: none; }
.note-row__excerpt { margin: var(--space-2) 0 0; }
.note { max-width: var(--measure); padding: var(--space-8) 0; }
.note__meta { color: var(--ink-muted); margin: var(--space-2) 0 var(--space-6); }
.note-cover { display: block; width: 100%; height: auto; margin: 0 0 var(--space-6); }
.note__body { font-size: 18px; line-height: 30px; overflow-wrap: anywhere; }
.note__body img { max-width: 100%; height: auto; display: block; }
.note__body figure { margin: var(--space-6) 0; }
.note__body figcaption { font-size: 14px; line-height: 20px; color: var(--ink-muted); margin-top: var(--space-2); }
.note__body blockquote { margin: var(--space-6) 0; padding-left: var(--space-4); border-left: 3px solid var(--rule-strong); }
.note__body blockquote cite { display: block; font-size: 15px; color: var(--ink-muted); font-style: normal; }
.note-embed iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; }
.note__tags { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-8); }