/* Notes index and article pages */
.note-head{min-height:clamp(440px,60vh,680px)}
.note-head h1{max-width:20ch;font-size:clamp(2.3rem,4.8vw,4.2rem)}
.note-meta{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--sans);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,242,232,.65)}
.note-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.note-side{position:sticky;top:calc(var(--head-h) + 24px);display:grid;gap:8px}
.note-side__cat{font-family:var(--display);font-style:italic;font-size:1.25rem;color:var(--accent)}
.note-side__share{display:grid;gap:6px}
.note-side__share a{color:var(--fg);font-size:.95rem;width:max-content;position:relative}
.note-side__share a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out)}
.note-side__share a:hover::after{transform:scaleX(1);transform-origin:left}
.note-prose{max-width:none}
.note-prose>:not(.dia){max-width:66ch}
.note-prose>p.note-dateline+p{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.5;color:var(--fg-strong);font-weight:400}
.note-dateline{font-family:var(--sans);font-size:.85rem;color:var(--fg-muted);padding-bottom:18px;border-bottom:1px solid var(--rule);margin-bottom:1.6em!important}
.note-dateline a{color:var(--fg-muted)}
.toc{display:grid;gap:4px;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--rule)}
.toc a{display:block;padding:5px 0 5px 12px;border-left:1px solid var(--rule);font-size:.88rem;line-height:1.35;color:var(--fg-muted);transition:color .3s,border-color .3s}
.toc a:hover,.toc a.is-on{color:var(--fg-strong);border-left-color:var(--accent)}
.note-prose h2{font-size:clamp(1.7rem,2.6vw,2.3rem);margin-top:2.6em}
.note-prose h3{font-size:1.35rem}
.note-prose .pullquote{margin:2.4em 0;padding-left:1.6em}
.note-signoff{margin-top:3em;font-family:var(--display);font-style:italic;font-size:1.6rem;color:var(--accent)}
@media (max-width:860px){.note-grid{grid-template-columns:minmax(0,1fr)}.note-side{position:static;grid-template-columns:1fr 1fr;padding-bottom:20px;border-bottom:1px solid var(--rule)}.note-side .caps{margin-top:0!important}}
.author{display:grid;grid-template-columns:140px minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:start;padding:clamp(24px,3vw,36px) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.author__fig{aspect-ratio:4/5;overflow:hidden;background:var(--surface-2)}
.author__fig img{width:100%;height:100%;object-fit:cover}
.author__name{font-size:clamp(1.8rem,2.6vw,2.4rem)}
@media (max-width:560px){.author{grid-template-columns:minmax(0,1fr)}.author__fig{max-width:160px}}
.next-note{display:grid;gap:14px;color:inherit;padding:clamp(24px,3vw,36px) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);position:relative}
.next-note::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--accent);transition:width .8s var(--ease-out)}
.next-note:hover::before{width:100%}
.next-note__title{font-family:var(--display);font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.1;font-weight:500;color:var(--fg-strong);transition:color .3s}
.next-note:hover .next-note__title{color:var(--accent-deep)}
.next-note__desc{color:var(--fg-muted);max-width:60ch}

/* index */
.notes-index{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.notes-index.single .notes-year{grid-template-columns:minmax(0,1fr)}
.notes-index.single .notes-year__label{display:none}
.notes-year{display:grid;grid-template-columns:120px minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:start;padding-top:clamp(28px,4vw,48px)}
.notes-year__label{position:sticky;top:calc(var(--head-h) + 24px);font-family:var(--display);font-style:italic;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;color:var(--accent);opacity:.8}
.notes-list{display:grid;border-top:1px solid var(--rule)}
.notes-list .post-card{grid-template-columns:150px minmax(0,1fr) 2rem;grid-template-areas:"meta title arrow" "meta desc arrow";align-items:start;gap:6px clamp(20px,3vw,40px);padding:clamp(22px,3vw,34px) 0;border-top:0;border-bottom:1px solid var(--rule)}
.notes-list .post-card figure{display:none}
.notes-list .post-card .meta{grid-area:meta;display:grid;gap:6px;font-size:.7rem}
.notes-list .post-card .meta span:nth-child(2),.notes-list .post-card .meta span:nth-child(4){display:none}
.notes-list .post-card h3{grid-area:title;font-size:clamp(1.4rem,2.1vw,1.85rem);max-width:40ch}
.notes-list .post-card p{grid-area:desc;max-width:62ch}
.notes-list .post-card::after{content:"";grid-area:arrow;align-self:center;justify-self:end;width:1.3rem;height:1.3rem;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .5s var(--ease-out)}
.notes-list .post-card:hover::after{opacity:1;transform:none}
.notes-list .post-card.is-hidden{display:none}
@media (max-width:760px){.notes-year{grid-template-columns:minmax(0,1fr)}.notes-year__label{position:static;font-size:2rem}.notes-list .post-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "title" "desc"}.notes-list .post-card::after{display:none}.notes-list .post-card .meta{display:flex;flex-wrap:wrap}.notes-list .post-card .meta span{display:inline!important}}