/* Notes article pages (/notes/<slug>/). Extends p1-pages.css. */
.note .hero h1{font-size:clamp(34px,5.4vw,68px);line-height:1;letter-spacing:-.04em;text-transform:none;max-width:22ch}
.crumbs{font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:22px;display:flex;flex-wrap:wrap;gap:8px}
.crumbs a{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.note .lede{margin:0}
.note-body{font-size:18px;line-height:1.75}
.note-body p{color:rgba(231,230,226,.86)}
.note-body h2{font-size:clamp(24px,3.2vw,36px);line-height:1.15;text-transform:none;letter-spacing:-.03em;margin:48px 0 14px}
.note-body blockquote{margin:32px 0;padding:6px 0 6px 22px;border-left:4px solid var(--mint)}
.note-body blockquote p{font-size:clamp(20px,2.4vw,26px);line-height:1.4;color:var(--paper);margin:0}
.note-body li{margin:6px 0}
.note-related-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 8px}
.card h3 a{text-decoration:none}