.notes-nav,.notes-shell,.notes-footer{width:min(100% - 3rem,52rem);margin-inline:auto}.notes-wide{width:min(100% - 3rem,76rem)}.notes-nav{border-bottom:1px solid var(--color-line);font:.72rem var(--font-mono);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.7rem;display:flex}.notes-wordmark{color:var(--color-ink)}.notes-wordmark span{color:var(--color-accent)}.notes-nav-right{color:var(--color-soft);align-items:center;gap:1.3rem;display:flex}.notes-shell{min-height:65vh;padding-block:4.5rem}.notes-footer{border-top:1px solid var(--color-line);font:.7rem var(--font-mono);color:var(--color-soft);justify-content:space-between;gap:1rem;padding-block:1.7rem;display:flex}.notes-kicker{color:var(--color-accent);font:.68rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.25rem}.notes-title{letter-spacing:-.045em;font-size:clamp(3rem,8vw,5.4rem);font-weight:350;line-height:1.08}.notes-subtitle{max-width:36rem;color:var(--color-soft);margin-top:1.5rem;font-size:1.06rem;line-height:1.8}.notes-empty{border-top:1px solid var(--color-line);margin-top:3.5rem;padding-block:3rem 4rem}.notes-empty .empty-mark{font:.68rem var(--font-mono);color:var(--color-accent);margin-bottom:1.5rem}.notes-empty h2{margin-bottom:.8rem;font-size:1.8rem;font-weight:350}.notes-empty p{color:var(--color-soft);font-size:.94rem}.notes-list{margin-top:3rem;list-style:none}.note-row{border-top:1px solid var(--color-line);grid-template-columns:3.5rem 1fr;gap:1rem;padding:2rem 0;display:grid}.note-number{font:.7rem var(--font-mono);color:var(--color-accent);padding-top:.5rem}.note-row h2{margin-bottom:.65rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:350;line-height:1.25}.note-row a:hover{color:var(--color-accent)}.note-meta{font:.67rem var(--font-mono);color:var(--color-soft);line-height:1.8}.note-summary{color:var(--color-muted);margin-top:.8rem;font-size:.94rem;line-height:1.75}.note-article-title{text-wrap:pretty;margin:1.4rem 0;font-size:clamp(2.5rem,6vw,4rem);font-weight:350;line-height:1.13}.note-article-body{margin-top:3rem}.note-back{color:var(--color-accent);font:.72rem var(--font-mono);margin-bottom:2.5rem;display:inline-block}.note-end{border-top:1px solid var(--color-line);margin-top:3rem;padding-top:1.5rem}.note-prose{color:var(--color-muted);overflow-wrap:anywhere;min-width:0;font-size:1rem;line-height:1.85}.note-prose>*+*{margin-top:1.3rem}.note-prose :is(h1,h2,h3,h4){color:var(--color-ink);margin-top:2.2rem;margin-bottom:1rem;font-weight:400;line-height:1.25}.note-prose h1{font-size:2.3rem}.note-prose h2{font-size:1.9rem}.note-prose h3{font-size:1.45rem}.note-prose h4{font-size:1.15rem}.note-prose strong{color:var(--color-ink);font-weight:600}.note-prose a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.note-prose ul{padding-left:1.5rem;list-style:outside}.note-prose ol{padding-left:1.5rem;list-style:decimal}.note-prose li+li{margin-top:.4rem}.note-prose li>p{margin-block:.5rem}.note-prose blockquote{border-left:2px solid var(--color-accent);color:var(--color-soft);padding:.3rem 1.4rem;font-style:italic}.note-prose img{border-radius:3px;max-width:100%;height:auto;margin:1.8rem auto;display:block}.note-prose pre{border:1px solid var(--color-line);overflow-wrap:normal;background:#f1ebdf;border-radius:4px;padding:1.3rem;line-height:1.65;overflow:auto}.note-prose code{font:.84em var(--font-mono);background:#f1ebdf;border-radius:3px;padding:.15em .35em}.note-prose pre code{background:0 0;padding:0;font-size:.8rem}.note-table{min-width:0;max-width:100%;color:var(--color-muted);margin-block:2rem}.note-table-tools{min-height:2rem;font:.68rem/1.5 var(--font-mono);color:var(--color-soft);justify-content:flex-end;align-items:center;gap:1rem;padding-bottom:.6rem;display:flex}.note-table-hint{margin-right:auto}.note-table-expand{color:var(--color-accent);cursor:pointer;white-space:nowrap;text-underline-offset:4px;text-decoration:underline}.note-table [hidden]{display:none!important}.note-table-scroll{border:1px solid var(--color-line);overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--color-rule) var(--color-paper);border-radius:6px;max-width:100%;overflow:auto;container-type:inline-size}.note-table-scroll:focus-visible,.note-table-expand:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.note-prose table{width:100%;min-width:var(--table-min-width,40rem);table-layout:fixed;border-collapse:separate;border-spacing:0;overflow-wrap:break-word;font-size:.88rem;line-height:1.65;display:table}.note-prose :is(th,td){text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--color-line);border-right:1px solid var(--color-line);background:var(--color-paper);padding:.95rem 1.15rem;font-weight:400}.note-prose thead th{font:500 .72rem/1.6 var(--font-mono);color:var(--color-ink);background:#eee7d8}.note-prose tr>:first-child{z-index:1;width:12rem;color:var(--color-ink);background:#f4eee2;font-weight:500;position:sticky;left:0}.note-prose thead tr>:first-child{z-index:3;background:#eee7d8}.note-prose tbody tr:nth-child(2n)>td{background:#f7f2e8}.note-prose tbody tr:hover>td{background:#f0e9db}.note-prose tr>:last-child{border-right:0}.note-prose tbody tr:last-child>*{border-bottom:0}.note-table-dialog{background:var(--color-paper);width:calc(100% - 3rem);max-width:100rem;height:calc(100dvh - 3rem);max-height:none;color:var(--color-ink);border:1px solid var(--color-line);border-radius:8px;margin:auto;padding:1.25rem;position:fixed;inset:0;overflow:hidden}.note-table-dialog[open]{flex-direction:column;gap:1rem;display:flex}.note-table-dialog::backdrop{backdrop-filter:blur(3px);background:#1c19178c}.note-table-dialog-toolbar{font:.75rem var(--font-mono);justify-content:space-between;align-items:center;gap:1rem;display:flex}.note-table-dialog-toolbar p{color:var(--color-soft);margin-top:.5rem;font-size:.65rem}.note-table-dialog .note-table-scroll{flex:1;min-height:0}.note-table-dialog thead th{z-index:2;position:sticky;top:0}.note-table-dialog thead tr>:first-child{z-index:4}html:has(.note-table-dialog[open]){overflow:hidden}.note-prose hr{border:0;border-top:1px solid var(--color-line);margin-block:2rem}.note-prose .katex-display{padding-block:.4rem;overflow:auto hidden}.note-prose .katex{font-size:1.08em}.note-prose .contains-task-list{padding-left:0;list-style:none}.note-prose .task-list-item input{margin-right:.5rem}.note-prose .footnotes{border-top:1px solid var(--color-line);padding-top:1rem;font-size:.82rem}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#92400e}.hljs-string,.hljs-attr{color:#41614c}.hljs-number,.hljs-title{color:#79539a}.hljs-comment{color:#85796b;font-style:italic}.notes-button{border:1px solid var(--color-line);font:.75rem var(--font-mono);cursor:pointer;color:var(--color-ink);white-space:nowrap;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;line-height:1.4;display:inline-flex}.notes-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.notes-button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-paper)}.notes-button.primary:hover{background:#78350f}.notes-button:disabled{opacity:.5;cursor:wait}.notes-badge{border:1px solid var(--color-line);font:.63rem var(--font-mono);color:var(--color-soft);border-radius:3px;align-items:center;padding:.3rem .55rem;display:inline-flex}.notes-badge.live{color:#426647;background:#eff2e8;border-color:#bbcab5}.notes-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.notes-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.notes-link{font:.72rem var(--font-mono);color:var(--color-accent);text-underline-offset:4px;text-decoration:underline}.notes-field{flex-direction:column;gap:.5rem;margin-top:1.4rem;display:flex}.notes-field label,.notes-field-label{font:.7rem var(--font-mono);color:var(--color-muted)}.notes-field input,.notes-field textarea{border:1px solid var(--color-line);min-width:0;max-width:100%;color:var(--color-ink);font:.9rem var(--font-sans);background:#fffcf5;border-radius:3px;padding:.8rem .9rem}.notes-field input:read-only{color:var(--color-soft);background:0 0}.notes-field small{color:var(--color-soft);font-size:.73rem}:is(.notes-shell,.notes-nav,.notes-footer) :is(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.notes-message{color:var(--color-muted);margin-block:1rem;font-size:.85rem;line-height:1.6}.notes-message.error{color:#9c2d1d;background:#fcf0e9;border-left:2px solid #9c2d1d;padding:.8rem 1rem}.notes-message:empty{display:none}.notes-login{max-width:28rem;margin:0 auto}.notes-login h1{font-size:2.9rem;font-weight:350}.notes-login .notes-button{width:100%;margin-top:1.5rem}.admin-note-list{margin-top:2.5rem}.admin-note{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.admin-note h2{margin-bottom:.65rem;font-size:1.5rem;font-weight:350}.admin-note h2 a:hover{color:var(--color-accent)}.editor-title{width:100%;font-family:var(--font-serif);background:0 0;border:none;margin-top:2rem;padding:.5rem 0;font-size:clamp(2rem,4vw,3.3rem);font-weight:350;line-height:1.2;display:block;outline-offset:7px!important}.editor-title::placeholder{color:var(--color-rule)}.editor-details{color:var(--color-soft);margin:1.2rem 0 2rem;font-size:.8rem}.editor-details summary{cursor:pointer;font:.7rem var(--font-mono)}.editor-details-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.editor-help{font:.7rem var(--font-mono);color:var(--color-soft);line-height:1.9}.editor-help summary{cursor:pointer}.editor-help code{color:var(--color-accent)}.editor-help p{padding:.6rem 0}.editor-tools{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.editor-format{flex-wrap:wrap;gap:.3rem;display:flex}.editor-format button{font:.73rem var(--font-mono);cursor:pointer;border-radius:3px;padding:.35rem .55rem}.editor-format button:hover{background:var(--color-accent-soft)}.editor-panes{border:1px solid var(--color-line);background:#fffcf5;border-radius:5px;grid-template-columns:1fr 1fr;min-height:32rem;display:grid;overflow:hidden}.editor-pane{min-width:0}.editor-pane+.editor-pane{border-left:1px solid var(--color-line);background:var(--color-paper)}.editor-pane-label{font:.65rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--color-soft);border-bottom:1px solid var(--color-line);justify-content:space-between;padding:.85rem 1.25rem;display:flex}.editor-markdown{resize:vertical;width:100%;min-height:32rem;font:.83rem/1.85 var(--font-mono);color:var(--color-muted);tab-size:2;background:0 0;border:0;padding:1.3rem;display:block;outline-offset:-3px!important}.editor-preview{max-height:55rem;padding:1.3rem;font-size:.94rem;overflow:auto}.preview-placeholder{color:var(--color-soft);font-size:.9rem;font-style:italic}.editor-status{font:.65rem var(--font-mono);color:var(--color-soft);line-height:1.8}.editor-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.editor-upload-label{cursor:pointer}.editor-upload-label input{opacity:0;width:1px;height:1px;position:absolute}.editor-upload-label:focus-within{outline:2px solid var(--color-accent);outline-offset:4px}.notes-shell [hidden]{display:none!important}.photo-dropzone{border:1px dashed var(--color-rule);width:100%;color:var(--color-accent);cursor:pointer;text-align:center;background:0 0;border-radius:4px;flex-direction:column;align-items:center;gap:.45rem;margin-bottom:1rem;padding:1.3rem;transition:background .15s,border-color .15s;display:flex}.photo-dropzone span{font:.76rem var(--font-mono)}.photo-dropzone small{color:var(--color-soft);font-size:.75rem;line-height:1.6}.photo-dropzone:hover,.photo-dropzone.dragging{border-color:var(--color-accent);background:var(--color-accent-soft)}#draft-status{margin-bottom:1rem}@media (width<=720px){.notes-shell{padding-block:3rem}.notes-nav-right{gap:.7rem}.notes-nav{font-size:.65rem}.notes-wide{width:calc(100% - 2rem)}.editor-panes{grid-template-columns:1fr}.editor-pane+.editor-pane{border-left:none;border-top:1px solid var(--color-line)}.editor-markdown{min-height:22rem}.editor-details-grid{grid-template-columns:1fr;gap:0}.editor-preview{min-height:12rem;max-height:none}.admin-note{align-items:flex-start}.notes-title{font-size:3.8rem}.note-row{grid-template-columns:2.3rem 1fr;gap:.6rem}.notes-badge{font-size:.58rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.notes-danger{color:#9b2c2c}.notes-danger:hover{color:#701b1b}.notes-link:disabled{opacity:.5;cursor:wait}.note-leading{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.note-row-with-photo{grid-template-columns:7rem minmax(0,1fr);gap:1.5rem}.note-thumbnail{object-fit:cover;border:1px solid var(--color-line);background:var(--color-accent-soft);border-radius:4px;width:7rem;height:7rem;display:block}.editor-cover{align-items:flex-start;gap:1.25rem;margin:1.5rem 0 2rem;display:flex}.cover-dropzone{border:1px dashed var(--color-rule);width:7rem;height:7rem;color:var(--color-accent);background:var(--color-accent-soft);cursor:pointer;font:.75rem var(--font-mono);border-radius:4px;flex:none;place-items:center;display:grid;overflow:hidden}.cover-dropzone img{object-fit:cover;width:100%;height:100%}.cover-dropzone:hover,.cover-dropzone.dragging{border-color:var(--color-accent);outline:2px solid var(--color-accent-soft)}.cover-controls{min-width:0;max-width:32rem}.cover-controls h2{font:.78rem var(--font-mono);margin-bottom:.5rem}.cover-controls h2 span{color:var(--color-soft)}.cover-controls p{color:var(--color-soft);margin-bottom:.7rem;font-size:.8rem;line-height:1.7}.cover-controls .notes-field{margin-top:.85rem}.cover-controls input{font-size:.8rem}@media (width<=720px){.note-row-with-photo{grid-template-columns:5rem minmax(0,1fr);gap:1rem}.note-thumbnail{width:5rem;height:5rem}.editor-cover{gap:1rem}.cover-dropzone{width:5rem;height:5rem}}.notes-article-shell{width:min(100% - 4rem,76rem)}main.notes-article-shell{padding-block:clamp(2.5rem,5vw,4.5rem)}.notes-article-shell>.note-back,.note-article-header,.notes-article-shell>.note-end{width:100%;margin-inline:auto;display:block}.note-article-header .notes-kicker{margin-bottom:1.2rem}.note-article-title{letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word;margin:1.1rem 0 1.5rem;font-size:clamp(2.25rem,1.3rem + 3.5vw,4.5rem);font-weight:350;line-height:1.12}.note-article-title.note-title-long{font-size:clamp(2rem,1.2rem + 2.7vw,3.6rem)}.note-article-header .note-meta{font-size:.72rem}.note-article-body{grid-template-columns:minmax(0,1fr);margin-top:clamp(2.5rem,5vw,4rem);font-size:clamp(1rem,.94rem + .2vw,1.08rem);line-height:1.85;display:grid}.note-article-body>*{grid-column:1;min-width:0}.note-article-body>:first-child{margin-top:0}.note-article-body>.note-table,.note-article-body>p:has(>img:only-child){grid-column:1/-1}.note-article-body>p:has(>img:only-child){width:100%;margin-block:2rem}.note-article-body>p>img:only-child{border:1px solid var(--color-line);border-radius:5px;max-height:none;margin:0 auto}.note-article-body :is(h1,h2){letter-spacing:-.02em;text-wrap:pretty;margin-top:3rem;scroll-margin-top:2rem;font-size:clamp(1.65rem,1.3rem + 1vw,2.25rem);line-height:1.25}.note-article-body h3{font-size:clamp(1.3rem,1.1rem + .65vw,1.6rem)}.note-row h2{overflow-wrap:break-word;text-wrap:pretty}.note-row>div{min-width:0}@media (width<=720px){.notes-article-shell{width:calc(100% - 2.5rem)}.note-article-title{margin-block:1rem 1.25rem}.note-table-tools{align-items:flex-end;gap:.6rem;font-size:.61rem}.note-table-hint{max-width:12rem}.note-prose :is(th,td){padding:.8rem}.note-table-dialog{width:calc(100% - 1rem);height:calc(100dvh - 1rem);padding:.75rem}.note-article-body>p:has(>img:only-child){margin-block:1.5rem}.note-table-scroll{--table-label-width:clamp(6rem,30cqw,9rem)}.note-prose table{--table-label-width:clamp(6rem,30cqw,9rem);min-width:calc(var(--table-label-width) + (var(--table-columns,4) - 1) * (100cqw - var(--table-label-width)))}.note-prose tr>:first-child{width:var(--table-label-width,9rem)}}@media (width<=600px){.notes-nav{flex-wrap:wrap}.notes-nav-right{flex-wrap:wrap;gap:.8rem;margin-left:auto}.notes-nav-right a{white-space:nowrap}}.note-heading-link{opacity:0;margin-left:.4em;font-size:.7em;text-decoration:none}.note-prose :is(h2,h3,h4,h5,h6):hover .note-heading-link,.note-heading-link:focus-visible{opacity:.65}.note-prose :is(h2,h3,h4,h5,h6)[id]{scroll-margin-top:2rem}.note-adjacent{gap:.75rem;margin-top:1.5rem;display:grid}@media (hover:none){.note-heading-link{opacity:.4}}