.notes-page{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:var(--s-7) 0 var(--s-9);display:grid;grid-gap:var(--s-6);gap:var(--s-6)}.notes-hero{display:flex;align-items:flex-end;justify-content:space-between;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-4xl);line-height:var(--lh-tight)}.notes-hero__link{flex:0 0 auto}.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 var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-md);padding:var(--s-4);text-align:left;display:grid;grid-gap:var(--s-2);gap:var(--s-2);box-shadow:var(--shadow-sm);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,.note-card[data-active=true]{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.note-card__title{font-weight:800;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:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,white);border-radius:var(--r-lg);padding:clamp(var(--s-5),4vw,var(--s-8));box-shadow:var(--shadow-md)}.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:var(--s-1) 0 0;font-family:var(--font-serif);font-size:var(--fs-3xl);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:1px dashed var(--line-strong);border-radius:var(--r-lg);display:grid;place-items:center;align-content:center;grid-gap:var(--s-4);gap:var(--s-4);text-align:center;background:color-mix(in srgb,var(--surface) 70%,transparent);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:min(100% - 24px,720px);padding-bottom:calc(var(--s-9) + 72px)}.notes-hero{align-items:flex-start;flex-direction:column}.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}}