/* Quiet historical portfolio, using the current site's typography and palette. */
.archive-note { color: var(--ink-3); font-size: .9rem; border-left: 2px solid var(--line); padding-left: 16px; margin: 24px 0 32px; }
.archive-nav { font-size: .9rem; line-height: 2; margin: 30px 0; }
h2[id] { scroll-margin-top: 24px; border-top: 1px solid var(--line); padding-top: 32px; }
h3 { font-size: 1rem; font-weight: 600; color: var(--ink); margin: 24px 0 8px; }
.gallery { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 32px; }
summary { cursor: pointer; color: var(--ink-2); padding: 8px 0; }
summary:focus-visible { outline: 2px solid var(--amber); outline-offset: 5px; }
.sheet figure { margin: 28px 0; }
.sheet figure img { display: block; width: 100%; height: auto; border-radius: 4px; }
figcaption { font-size: .8rem; margin-top: 8px; color: var(--ink-3); }
p, li, a { overflow-wrap: anywhere; }