.note-grid-wrap{margin:1rem 0 1.5rem}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.25rem;margin:0}.note-grid-card{display:flex;flex-direction:column;gap:.5rem;padding:0;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;background:var(--color-surface);color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.note-grid-card:hover{border-color:var(--color-link);box-shadow:0 2px 8px #00000014}.note-grid-image-wrap{aspect-ratio:16 / 10;overflow:hidden;background:var(--color-bg)}.note-grid-image{display:block;width:100%;height:100%;object-fit:cover}.note-grid-body{display:flex;flex-direction:column;gap:.35rem;padding:.75rem .875rem .875rem}.note-grid .note-grid-title{margin:0;font-size:1rem;font-weight:600;line-height:1.3}.note-grid .note-grid-summary{margin:0;font-size:.875rem;line-height:1.45;color:var(--color-text-muted)}.note-content .note-grid-more{margin:.75rem 0 0;text-align:center}.note-image-button{display:block;margin:.75rem 0;padding:0;border:none;background:none;cursor:zoom-in}.note-image{display:block;max-width:100%;height:auto;border-radius:4px}.note-video{display:block;width:100%;max-width:100%;margin:.75rem 0;border-radius:4px;background:#000}.note-image-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1.5rem;background:#000000e6;cursor:zoom-out}.note-image-fullscreen{display:block;width:auto;height:auto;max-width:calc(100vw - 3rem);max-height:calc(100dvh - 3rem);object-fit:contain;border-radius:4px;cursor:default}.note-image-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:none;border-radius:999px;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.note-image-close:hover{background:#ffffff40}.image-carousel{margin:.75rem 0}.image-carousel-frame{position:relative}.image-carousel-frame-fixed{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:var(--color-surface)}.image-carousel-frame-fixed .note-image-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-carousel-fit-fit.image-carousel-frame-fixed .note-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.image-carousel-fit-fill.image-carousel-frame-fixed .note-image{width:100%;height:100%;object-fit:cover}.image-carousel-fit-fit.image-carousel-frame-fixed .image-carousel-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.image-carousel-fit-fill.image-carousel-frame-fixed .image-carousel-video{width:100%;height:100%;object-fit:cover}.image-carousel .note-image-button{margin:0}.image-carousel-video{display:block;border-radius:4px;background:#000}.image-carousel-nav{position:absolute;top:50%;z-index:1;transform:translateY(-50%);width:2rem;height:2rem;border:none;border-radius:999px;background:#00000073;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}.image-carousel-nav:hover{background:#000000a6}.image-carousel-nav-prev{left:.5rem}.image-carousel-nav-next{right:.5rem}.image-carousel-thumbnails{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.image-carousel-thumbnail{flex:0 0 auto;width:4.5rem;height:3rem;padding:0;border:2px solid transparent;border-radius:4px;background:var(--color-surface);cursor:pointer;overflow:hidden}.image-carousel-thumbnail img,.image-carousel-thumbnail-media{display:block;width:100%;height:100%;object-fit:cover}.image-carousel-thumbnail.is-active{border-color:var(--color-link)}.image-carousel-thumbnail:hover{border-color:var(--color-text-muted)}.image-carousel-dots{display:flex;justify-content:center;gap:.375rem;margin-top:.5rem}.image-carousel-dot{width:.5rem;height:.5rem;padding:0;border:none;border-radius:999px;background:var(--color-border);cursor:pointer}.image-carousel-dot.is-active{background:var(--color-text-muted)}.image-carousel-scroll-frame{position:relative;container-type:inline-size}.image-carousel-scroll{display:flex;gap:.75rem;height:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;scrollbar-width:none;align-items:stretch}.image-carousel-scroll::-webkit-scrollbar{display:none}.image-carousel-layout-scroll .image-carousel-scroll-frame{border-radius:4px}.image-carousel-layout-scroll .image-carousel-nav{z-index:2}.image-carousel-scroll-item{flex:0 0 auto;height:100%;width:auto;scroll-snap-align:start;border-radius:4px;overflow:hidden;background:var(--color-surface)}.image-carousel-scroll-item .note-image-button{height:100%;width:auto;display:flex;align-items:center;justify-content:center}.image-carousel-scroll.image-carousel-fit-fit .image-carousel-video{display:block;max-height:100%;max-width:100cqw;width:auto;height:auto;object-fit:contain}.image-carousel-scroll.image-carousel-fit-fill .image-carousel-video{display:block;height:100%;width:auto;object-fit:cover}.image-carousel-scroll.image-carousel-fit-fit .note-image{display:block;max-height:100%;max-width:100cqw;width:auto;height:auto;object-fit:contain}.image-carousel-scroll.image-carousel-fit-fill .note-image{display:block;height:100%;width:auto;object-fit:cover}.image-carousel-fullscreen{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1.5rem 4rem;background:#000000e6;cursor:zoom-out}.image-carousel-fullscreen-content{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:hidden;cursor:default}.image-carousel-fullscreen-media{display:block;width:auto;height:auto;min-width:0;min-height:0;max-width:calc(100vw - 8rem);max-height:calc(100dvh - 3rem);object-fit:contain;border-radius:4px}.image-carousel-fullscreen-close{position:absolute;top:1rem;right:1rem;z-index:1;width:2.5rem;height:2.5rem;border:none;border-radius:999px;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.image-carousel-fullscreen-close:hover{background:#ffffff40}.image-carousel-fullscreen-nav{position:absolute;top:50%;z-index:1;transform:translateY(-50%);width:2.75rem;height:2.75rem;border:none;border-radius:999px;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.image-carousel-fullscreen-nav:hover{background:#ffffff40}.image-carousel-fullscreen-nav-prev{left:1rem}.image-carousel-fullscreen-nav-next{right:1rem}.journal{margin:.75rem 0 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.journal-entry-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin-bottom:.35rem}.journal-entry-date{font-size:.9375rem;font-weight:600;color:var(--color-text-muted);text-decoration:none}.journal-entry-date:hover{color:var(--color-link);text-decoration:underline}.journal-entry-title{font-size:.9375rem;color:var(--color-link);text-decoration:none}.journal-entry-title:hover{text-decoration:underline}.journal-entry-body>:first-child{margin-top:0}.journal-entry-body>:last-child{margin-bottom:0}.journal-entry-body p,.journal-entry-body ul,.journal-entry-body ol{margin:.5rem 0;color:var(--color-text)}.note-list{margin:.75rem 0 0;padding:0;list-style:none}.note-list li{margin:.65rem 0}.note-list-item{display:flex;flex-direction:column;gap:.15rem}.note-list-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem}.note-list--dated .note-list-item{display:grid;grid-template-columns:6.75rem 1fr;column-gap:.75rem;row-gap:.15rem;align-items:baseline}.note-list--dated .note-list-heading{display:contents}.note-list--dated .note-list-summary{grid-column:2}.note-list-date-slot{min-width:0}.note-list-date{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-decoration:none}.note-list-date:hover{color:var(--color-link);text-decoration:underline}.note-list-title{color:var(--color-link);text-decoration:none}.note-list-title:hover{text-decoration:underline}.note-list-summary{margin:0;font-size:.9375rem;line-height:1.45;color:var(--color-text-muted)}.note-list-wrap{margin:.75rem 0 1.25rem}.note-list-more{margin:.75rem 0 0}.note-content .note-list-wrap,.note-content .note-list{margin-top:0}.note-transclusion{margin:1.25rem 0}.note-transclusion-header{margin-bottom:.5rem;font-size:.875rem;font-weight:600}.note-transclusion-header a{color:var(--color-link);text-decoration:none}.note-transclusion-header a:hover{text-decoration:underline}.note-transclusion-body>:first-child{margin-top:0}.note-transclusion-body>:last-child{margin-bottom:0}.note-transclusion-error{margin:1rem 0;padding:.75rem 1rem;border:1px dashed var(--color-border);border-radius:6px;color:var(--color-text-muted);font-size:.875rem}.note-content h1,.note-content h2,.note-content h3,.note-content h4{line-height:1.25}.note-content h1{font-size:1.75rem;margin-top:0}.note-content h2{font-size:1.375rem;margin-top:2rem}.note-content h3{font-size:1.125rem;margin-top:1.5rem}.note-content p:has(>em:only-child){margin-top:-.35rem;color:var(--color-text-muted);font-size:.9375rem}.note-content h2+p:has(>em:only-child),.note-content h3+p:has(>em:only-child){margin-top:-.5rem;margin-bottom:.5rem}.note-content p,.note-content ul,.note-content ol{margin:.75rem 0}.note-content p:has(>a:only-child){margin:.2rem 0}.note-content ul,.note-content ol{padding-left:1.5rem}.note-content blockquote{margin:1rem 0;padding-left:1rem;border-left:3px solid var(--color-border);color:var(--color-blockquote)}.note-content pre.note-code-block{overflow-x:auto;margin:.75rem 0;padding:.75rem 1rem;background:var(--color-code-bg);border-radius:4px}.note-content pre.note-code-block code.hljs{padding:0;background:transparent;font-size:.875rem}.note-content :not(pre)>code{font-family:ui-monospace,monospace;font-size:.9em;padding:.15em .35em;background:var(--color-code-bg);border-radius:3px}.note-content hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.note-date{margin:-.75rem 0 .75rem;font-size:.9375rem;line-height:1.4}.note-date a{color:var(--color-text-muted);text-decoration:none}.note-date a:hover{color:var(--color-link);text-decoration:underline}.note-title+.note-date{margin-top:-1rem}.note-date+.note-tags{margin-top:-.35rem}.note-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:-.75rem 0 1.25rem}.note-tag{display:inline-block;padding:.2rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.8125rem;line-height:1.4;text-decoration:none;transition:border-color .15s ease,color .15s ease}.note-tag:hover{border-color:var(--color-link);color:var(--color-link);text-decoration:none}.note-view{width:100%}.note-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;list-style:none;margin:0 0 1rem;padding:0;font-size:.875rem;line-height:1.5;color:var(--color-text-muted)}.note-breadcrumbs li{display:inline-flex;align-items:center}.note-breadcrumbs li:not(:last-child):after{content:"›";margin-left:.25rem;color:var(--color-text-subtle)}.note-breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.note-breadcrumbs-home{display:inline-flex;align-items:center}.note-breadcrumbs-home .mark-logo{width:1.5em;height:1.5em}.note-breadcrumbs a.note-breadcrumbs-home:hover{opacity:.75;text-decoration:none}.note-breadcrumbs a:hover{color:var(--color-link);text-decoration:underline}.note-title{font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}