.notes{max-width:72ch;color:var(--c-ink);padding-top:clamp(4rem,10vw,7.5rem);padding-bottom:clamp(4rem,10vw,7rem)}.notes__head{padding-bottom:var(--sp-8);border-bottom:1px solid var(--c-hairline)}.notes__head h1{margin:var(--sp-4) 0 0;font-family:var(--font-display);font-weight:var(--fw-black);font-size:clamp(2rem,5.4vw,3rem);line-height:var(--lh-tight);letter-spacing:var(--track-display);color:var(--navy)}.notes__standfirst{margin:var(--sp-5) 0 0;font-size:var(--fs-xl);color:var(--c-ink-muted);line-height:1.5}.notes__byline{gap:var(--sp-3);margin:var(--sp-6) 0 0;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-ink-faint);flex-wrap:wrap;display:flex}.notes__toc{margin:var(--sp-8) 0 0;padding:var(--sp-5) var(--sp-6);border:1px solid var(--c-hairline);background:var(--c-surface-2);border-radius:12px}.notes__toc ol{gap:var(--sp-2);padding-left:var(--sp-5);font-size:var(--fs-md);margin:0;display:grid}.notes__toc a{color:var(--navy);-webkit-text-decoration-color:var(--c-hairline-strong);text-decoration-color:var(--c-hairline-strong);text-underline-offset:3px}.notes__toc a:hover{color:var(--apollo)}.notes__section{margin-top:clamp(2.75rem,6vw,4rem);scroll-margin-top:7rem}.notes__section h2{margin:0 0 var(--sp-5);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:var(--track-tight);color:var(--navy)}.notes__section p{margin:0 0 var(--sp-5);font-size:var(--fs-lg);line-height:var(--lh-body)}.notes__section p:last-child{margin-bottom:0}.notes__section code{background:var(--c-sky-wash);font-family:var(--font-mono);border-radius:4px;padding:.1em .36em;font-size:.85em}.notes__list{gap:var(--sp-4);margin:0 0 var(--sp-5);padding-left:var(--sp-5);font-size:var(--fs-lg);line-height:var(--lh-body);display:grid}.notes__list b{font-weight:var(--fw-bold);color:var(--navy)}.notes__list::marker{color:var(--apollo)}.notes__list li::marker{color:var(--apollo)}.notes__code{margin:0 0 var(--sp-2);padding:var(--sp-5);border:1px solid var(--c-hairline);border-left:3px solid var(--apollo);background:var(--navy);color:#e8eef6;font-family:var(--font-mono);font-size:var(--fs-sm);-webkit-overflow-scrolling:touch;border-radius:10px;line-height:1.7;overflow-x:auto}.notes__code code{font-size:inherit;color:inherit;white-space:pre;background:0 0;padding:0}.notes__cite{font-family:var(--font-mono);letter-spacing:.04em;color:var(--c-ink-faint);margin:0 0 var(--sp-6)!important;font-size:var(--fs-xs)!important}.notes__figure{margin:clamp(2.5rem,6vw,3.5rem) 0 0}@media (min-width:60rem){.notes__figure{width:min(100vw - 4rem,62rem);margin-left:calc(50% + -1*min(50vw - 2rem,31rem))}}.notes__diagram{width:100%;min-width:0;height:auto;padding:var(--sp-5);border:1px solid var(--c-hairline);background:var(--c-surface);border-radius:12px;display:block}.notes__diagram .d-flow rect{fill:#fff;stroke:var(--navy);stroke-width:1.25px}.notes__diagram .d-flow rect.d-gate{fill:var(--c-apollo-wash);stroke:var(--apollo);stroke-width:2px}.notes__diagram text{fill:var(--navy);font-family:var(--font-mono);letter-spacing:.08em;text-anchor:middle;font-size:11px}.notes__diagram .d-sub{fill:#5f6c7a;letter-spacing:.02em;font-size:8.5px}.notes__diagram .d-arrow path{stroke:var(--navy);stroke-width:1.25px;marker-end:none}.notes__diagram .d-journal path{fill:none;stroke:var(--apollo);stroke-width:1.25px;stroke-dasharray:4 4}.notes__diagram .d-journal text{fill:#8a6b25;font-size:9px}.notes__diagram .d-refuse path{fill:none;stroke:var(--signal);stroke-width:1.25px;stroke-dasharray:3 3}.notes__diagram .d-refuse text{fill:var(--signal-deep);font-size:9px}.notes__figure figcaption{margin:var(--sp-4) 0 0;font-size:var(--fs-md);color:var(--c-ink-faint);line-height:1.6}@media (min-width:60rem){.notes__figure figcaption{max-width:72ch}}.notes__close{padding-top:var(--sp-6);border-top:1px solid var(--c-hairline);color:var(--c-ink-muted);margin-top:var(--sp-8)!important}.notes__close a{color:var(--navy);text-decoration:underline;-webkit-text-decoration-color:var(--apollo);text-decoration-color:var(--apollo);text-underline-offset:3px}.notes__close a:hover{color:var(--apollo)}
