.notes-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;padding-top:40px;padding-bottom:60px;align-items:start}.notes-sidebar{position:sticky;top:var(--notes-top,140px);max-height:calc(100dvh - var(--notes-top,140px) - 20px);overflow:auto}.notes-sidebar h1{margin:0 0 20px;font-size:22px}.calendar-tools{display:flex;align-items:center;justify-content:space-between;gap:6px}.calendar-tools input{min-width:0;width:160px;background:transparent;border:1px solid var(--line);color:inherit;padding:8px;border-radius:3px}.calendar-tools button{padding:8px;font-size:22px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:12px 0 24px;text-align:center;font-size:13px}.calendar-days>span{color:var(--muted);padding:8px 0}.calendar-days button{padding:8px 0;border-radius:4px}.calendar-days .has-notes{background:#333;color:#fff;text-decoration:underline;text-underline-offset:4px}.calendar-days [aria-pressed=true]{background:#eee;color:#111}.notes-sidebar a{font-size:13px;text-decoration:underline}.notes-private{font-size:12px;color:var(--muted)}.note-entry{padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line);scroll-margin-top:var(--notes-top,140px)}.note-entry h1{font-size:28px;margin:10px 0 24px;overflow-wrap:anywhere}.note-entry>a,.note-entry>small{color:var(--muted);font-size:13px}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.85}.note-entry img{display:block;width:100%;height:auto;margin:24px 0}.note-entry iframe{display:block;border:0;width:100%;aspect-ratio:16/9;margin:24px 0}@media(max-width:760px){.notes-layout{grid-template-columns:112px minmax(0,1fr);gap:16px;padding:24px 12px}.notes-sidebar h1{font-size:18px}.calendar-tools{flex-wrap:wrap;gap:0}.calendar-tools input{order:-1;width:100%;font-size:12px;padding:4px}.calendar-days{gap:0;font-size:10px}.calendar-days button,.calendar-days>span{padding:5px 0}.note-entry h1{font-size:20px}.note-text{font-size:14px}}

#notes-category{display:block;width:100%;margin:0 0 24px;padding:10px 28px 10px 10px;background:#171717;color:inherit;border:1px solid var(--line);border-radius:3px;font:inherit;min-width:0}
.notes-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}
.note-entry.has-images{display:grid;grid-template-columns:500px minmax(0,1fr);gap:32px;align-items:start}
.note-copy{min-width:0}.note-copy>a,.note-copy>small{color:var(--muted);font-size:13px}
.note-images{width:500px;min-width:0}.note-images img{width:500px;max-width:100%;height:auto;margin:0 0 20px}.note-copy h1{margin-top:10px}
@media(max-width:1100px){.note-entry.has-images{grid-template-columns:minmax(0,1fr);gap:20px}.note-images{max-width:100%}}
@media(max-width:760px){.notes-layout{grid-template-columns:112px minmax(0,1fr);gap:16px}#notes-category{font-size:12px;padding:8px 20px 8px 6px;margin-bottom:16px}.note-images,.note-images img{width:100%}}

#notes-calendar-toggle{display:none}
@media(max-width:760px){
 .notes-layout{display:block;padding:24px 0 40px}
 .notes-sidebar{position:relative;top:auto;max-height:none;overflow:visible;display:flex;align-items:center;gap:10px;margin-bottom:24px;z-index:2}
 #notes-category,#notes-calendar-toggle{width:auto;max-width:calc(50% - 5px);height:40px;margin:0;font-size:13px;border:1px solid var(--line);border-radius:3px;background:#171717;color:inherit}
 #notes-category{padding:8px 24px 8px 10px}
 #notes-calendar-toggle{display:block;padding:8px 12px;white-space:nowrap}
 #notes-calendar-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;width:min(320px,100%);box-sizing:border-box;padding:16px;background:#171717;border:1px solid var(--line);border-radius:4px;box-shadow:0 12px 24px #0006;max-height:60dvh;overflow:auto}
 .calendar-open #notes-calendar-panel{display:block}
 .calendar-tools{flex-wrap:nowrap;gap:6px}.calendar-tools input{order:0;width:160px;padding:8px;font-size:14px}
 .calendar-days{gap:3px;font-size:13px}.calendar-days button,.calendar-days>span{padding:10px 0}
 .note-entry,.note-images,.note-images img{width:100%;min-width:0}
}

#notes-list > .note-entry:last-child{border-bottom:0}

.note-text{margin:1em 0}.note-text>p{margin:0}.note-text>p+p{margin-top:1.85em}

.note-read-link,.note-back{display:inline-block;margin:16px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px;color:var(--muted)}
.note-single{max-width:800px;margin:0 auto;padding:24px 0 48px}.note-single .note-entry{border:0;margin:24px 0;padding:0}.note-single time{font-size:13px;color:var(--muted)}