.notes-page{width:100%;max-width:1180px;margin:0 auto;padding:var(--s-2) 0 var(--s-9);display:grid;grid-gap:var(--s-6);gap:var(--s-6)}.notes-hero{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;align-items:center;grid-gap:var(--s-5);gap:var(--s-5);padding:var(--s-4) 0 var(--s-2)}.notes-hero h1{margin:0;font-family:var(--font-serif);font-size:var(--fs-3xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.notes-hero__link{flex:0 0 auto}.notes-hero__art{display:block;width:160px;height:106px}.notes-hero__art img{display:block;width:100%;height:100%;object-fit:contain}.notes-grid{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);grid-gap:var(--s-5);gap:var(--s-5);align-items:start}.notes-list{display:grid;grid-gap:var(--s-3);gap:var(--s-3);position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + var(--s-5))}.note-card{width:100%;border:1px solid transparent;background:var(--surface-2);color:var(--ink);border-radius:16px;padding:var(--s-4);text-align:left;display:grid;grid-gap:var(--s-2);gap:var(--s-2);box-shadow:none;cursor:pointer;transition:transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.note-card:hover{background:var(--surface);border-color:var(--line)}.note-card[data-active=true]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:none;transform:none}.note-card__title{font-family:var(--font-serif);font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.note-card__excerpt{color:var(--ink-2);font-size:var(--fs-sm);line-height:var(--lh-relaxed);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card__date{color:var(--ink-3);font-size:var(--fs-xs)}.note-detail{min-height:420px;border:none;background:var(--surface);border-radius:16px;padding:clamp(var(--s-5),4vw,var(--s-8));box-shadow:var(--shadow-sm)}.note-detail__head{display:flex;justify-content:space-between;gap:var(--s-5);align-items:flex-start;padding-bottom:var(--s-5);margin-bottom:var(--s-5);border-bottom:1px solid var(--line)}.note-detail__head h2{margin:0;font-family:var(--font-serif);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.note-detail__head p:not(.eyebrow){margin:var(--s-2) 0 0;color:var(--ink-2);font-size:var(--fs-sm)}.notes-empty{min-height:360px;border:none;border-radius:16px;display:grid;place-items:center;align-content:center;grid-gap:var(--s-4);gap:var(--s-4);text-align:center;background:var(--surface-2);padding:var(--s-8)}.notes-empty h2{margin:0;font-family:var(--font-serif);font-size:var(--fs-2xl)}.notes-empty p{margin:0;max-width:40ch;color:var(--ink-2)}@media (max-width:820px){.notes-page{width:100%;padding-bottom:calc(var(--s-9) + 72px)}.notes-hero{grid-template-columns:minmax(0,1fr) 100px;gap:var(--s-3)}.notes-hero__art{width:100px;height:76px}.notes-hero__link{justify-self:start}.note-detail__head h2,.notes-hero h1{font-size:var(--fs-2xl)}.notes-grid{grid-template-columns:1fr}.notes-list{position:static;display:flex;overflow-x:auto;padding-bottom:var(--s-2);scroll-snap-type:x mandatory}.note-card{min-width:min(78vw,320px);scroll-snap-align:start}.note-detail__head{flex-direction:column}}.note-detail__head .note-detail__date{color:var(--ink-3);font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:0;text-transform:none}.note-detail :is(.md,.prose){max-width:72ch}