.note-tags-page{width:min(100% - 2*clamp(1rem,4vw,4.5rem),1080px);margin-inline:auto;padding-block:clamp(1.5rem,3vw,2.5rem) 5rem}.note-tags-page__header{border-bottom:1px solid var(--notes-rule-strong);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem 2rem;padding-bottom:clamp(1.8rem,3vw,2.5rem);display:grid}.note-tags-page__back,.note-tags-page__label,.note-tags-page__count,.tag-directory__index,.tag-directory__count,.tag-note-entry time,.tag-note-entry__meta,.tag-note-entry__tags{font-family:var(--font-mono);text-transform:uppercase}.note-tags-page__back{letter-spacing:.08em;width:fit-content;color:var(--notes-ink-faint);grid-column:1/-1;margin-bottom:clamp(1.1rem,2vw,1.6rem);font-size:.72rem;font-weight:700;text-decoration:none}.note-tags-page__back:hover,.note-tags-page__back:focus-visible{color:var(--notes-blue)}.note-tags-page__label{letter-spacing:.12em;color:var(--notes-blue);grid-column:1/-1;margin:0;font-size:.66rem;font-weight:700}.note-tags-page__header h1{letter-spacing:-.06em;color:var(--notes-ink);margin:0;font-size:clamp(2.2rem,3.9vw,3.4rem);font-weight:650;line-height:.96}.note-tags-page__header h1>span{font-family:var(--font-display);color:var(--notes-blue);vertical-align:.55em;margin-inline-start:.18em;font-size:.46em;display:inline-block}.note-tags-page__header h1 .tag-link{color:var(--notes-ink)}.note-tags-page__count{letter-spacing:.08em;color:var(--notes-ink-faint);margin:0 0 .35rem;font-size:.74rem;font-weight:700}.tag-directory{margin:0;padding:0;list-style:none}.tag-directory__item{border-bottom:1px solid var(--notes-rule);grid-template-columns:4rem minmax(0,1fr) auto 2rem;align-items:center;gap:clamp(1rem,2.5vw,2rem);min-height:clamp(5rem,8vw,7rem);padding-inline:.25rem;display:grid}.tag-directory__index,.tag-directory__count{letter-spacing:.08em;color:var(--notes-ink-faint);font-size:.68rem;font-weight:700}.tag-directory__item h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1}.tag-directory__arrow{color:var(--notes-ink);font-size:1.25rem;text-decoration:none;transition:color .16s,transform .22s cubic-bezier(.22,1,.36,1)}.tag-directory__item:has(a:hover) .tag-directory__arrow,.tag-directory__item:has(a:focus-visible) .tag-directory__arrow{color:var(--notes-blue);transform:translate(.16rem,-.16rem)}.tag-note-list{display:grid}.tag-note-entry{border-bottom:1px solid var(--notes-rule);grid-template-columns:8rem minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);padding-block:clamp(2rem,4vw,3.2rem);display:grid}.tag-note-entry time{color:var(--notes-blue);align-content:start;display:grid}.tag-note-entry time>span{font-family:"Bodoni 72", Didot, "Times New Roman", var(--font-display), serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.025em;font-size:clamp(1.55rem,2.4vw,2rem);line-height:.92}.tag-note-entry time small{letter-spacing:.16em;opacity:.76;margin-top:.32rem;font-size:.72rem}.tag-note-entry h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,2.45vw,1.75rem);line-height:1.18}.tag-note-entry h2 a{color:var(--notes-ink);text-decoration:none;transition:color .16s}.tag-note-entry h2 a span{margin-inline-start:.4em;font-size:.72em;transition:transform .22s cubic-bezier(.22,1,.36,1);display:inline-block}.tag-note-entry h2 a:hover,.tag-note-entry h2 a:focus-visible{color:var(--notes-blue)}.tag-note-entry h2 a:hover span,.tag-note-entry h2 a:focus-visible span{transform:translate(.16rem,-.16rem)}.tag-note-entry__body>p{max-width:50rem;color:var(--notes-ink-soft);margin:.75rem 0 0;font-size:clamp(.92rem,1.2vw,1.02rem);line-height:1.65}.tag-note-entry__meta,.tag-note-entry__tags{letter-spacing:.05em;color:var(--notes-ink-faint);flex-wrap:wrap;gap:.45rem 1rem;margin-top:.8rem;font-size:.68rem;display:flex}.tag-note-entry__meta>*+:before{color:var(--notes-rule-strong);content:"/";margin-right:1rem}.tag-note-entry__tags{color:var(--notes-blue);margin-bottom:0;padding:0;list-style:none}@media (width<=720px){.note-tags-page__header{display:block}.note-tags-page__label{margin-bottom:.75rem}.note-tags-page__count{margin-top:1rem}.tag-directory__item{grid-template-columns:2rem minmax(0,1fr) auto;gap:.8rem}.tag-directory__arrow{display:none}.tag-note-entry{grid-template-columns:minmax(0,1fr);gap:1.2rem}}@media (prefers-reduced-motion:reduce){.tag-directory__arrow,.tag-note-entry h2 a,.tag-note-entry h2 a span{transition:none}}