.article-nav .btn{--bs-btn-border-color: var(--color-ink);--bs-btn-hover-border-color: var(--color-ink);--bs-btn-active-border-color: var(--color-ink);--bs-btn-disabled-border-color: var(--color-ink);[data-bs-theme=dark] &{--bs-btn-color: var(--color-ink);--bs-btn-bg: var(--color-surface);--bs-btn-hover-color: var(--color-ink);--bs-btn-hover-bg: color-mix(in srgb, var(--color-ink) 12%, var(--color-surface));--bs-btn-active-color: var(--color-ink);--bs-btn-active-bg: color-mix(in srgb, var(--color-ink) 18%, var(--color-surface));--bs-btn-disabled-color: var(--color-ink-muted);--bs-btn-disabled-bg: transparent}}.content.notes{max-width:40rem;margin-inline:auto;text-align:left;hyphens:manual;.article-nav{margin-top:1.75rem}.pagination{justify-content:center;margin-top:1.75rem}}.note{margin-bottom:1.25rem;padding:1rem 1.25rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);.note-header{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin-bottom:.6rem}.note-avatar{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:hsl(var(--hue, 100) 45% 32%);color:#fff;font-weight:600;line-height:1}.note-author{font-weight:600}.note-date{margin-left:auto;font-size:.85rem;color:var(--color-ink-muted)}.note-text>:last-child{margin-bottom:0}.note-tags{display:flex;flex-wrap:wrap;gap:0 .75rem;margin:.5rem 0 0;font-size:.95rem;a{text-decoration-line:none;&:hover,&:focus-visible{text-decoration-line:underline}}}}.note-images{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.2rem;aspect-ratio:16 / 9;margin:.9rem 0 0;overflow:hidden;border-radius:var(--radius-lg);.gallery-item{min-width:0;min-height:0;max-width:none;border-radius:0;box-shadow:none;&:nth-child(n+5){display:none}&[data-more]:after{content:"+" attr(data-more);position:absolute;inset:0;display:grid;place-items:center;background:#14120f8c;color:#fff;font-size:1.6rem;font-weight:600;pointer-events:none}}&.note-images--1{grid-template-columns:1fr;aspect-ratio:auto;.gallery-item{aspect-ratio:clamp(1.5,var(--ratio),2.4)}}&.note-images--3 .gallery-item:first-child{grid-row:span 2}}