.digital-garden-sidebar[data-astro-cid-ihskhnda]{height:100%;overflow-y:auto;padding:0;width:100%}.category-list[data-astro-cid-ihskhnda]{list-style:none;margin:0;padding:0}.category-item[data-astro-cid-ihskhnda]{border-bottom:1px solid var(--border-color);margin:0}.category-button[data-astro-cid-ihskhnda]{align-items:center;background:transparent;border:none;color:var(--font-color);cursor:pointer;display:flex;font-size:.95em;font-weight:600;gap:.5em;justify-content:space-between;padding:1em 1.25em;text-align:left;transition:all .2s ease;width:100%}.category-button[data-astro-cid-ihskhnda]:hover{background-color:rgba(var(--gray),.05);color:var(--accent)}.category-button[data-astro-cid-ihskhnda]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.category-button[data-astro-cid-ihskhnda].has-active{background-color:rgba(var(--gray),.05);color:var(--accent)}.category-name[data-astro-cid-ihskhnda]{flex:1;letter-spacing:.05em;text-transform:uppercase}.category-count[data-astro-cid-ihskhnda]{color:var(--color-mute);font-size:.85em;font-weight:400}.chevron[data-astro-cid-ihskhnda]{color:var(--color-mute);flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.category-button[data-astro-cid-ihskhnda].open .chevron[data-astro-cid-ihskhnda]{transform:rotate(180deg)}.chevron[data-astro-cid-ihskhnda] svg{display:block}.note-list[data-astro-cid-ihskhnda]{list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.note-list[data-astro-cid-ihskhnda].open{max-height:2000px}.note-item[data-astro-cid-ihskhnda]{margin:0}.note-link[data-astro-cid-ihskhnda]{border-left:3px solid transparent;color:var(--font-color);display:block;font-size:.9em;padding:.75em 1.25em .75em 2.5em;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease}.note-link[data-astro-cid-ihskhnda]:hover{background-color:rgba(var(--gray),.03)}.note-link[data-astro-cid-ihskhnda].active,.note-link[data-astro-cid-ihskhnda]:hover{border-left-color:var(--accent);color:var(--accent)}.note-link[data-astro-cid-ihskhnda].active{background-color:rgba(var(--gray),.05);font-weight:600}.note-link[data-astro-cid-ihskhnda]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.note-link[data-astro-cid-ihskhnda].active{scroll-margin-top:1em}.digital-garden-container{display:flex;margin-top:8px;min-height:calc(100vh - 8px)}.sidebar-container{background-color:var(--color-secondary);border-right:1px solid var(--border-color);height:calc(100vh - 8px);left:298px;overflow-y:auto;padding:2em 0;position:fixed;top:8px;width:280px;z-index:1}.main-content{flex:1;margin-left:578px;margin-right:auto;max-width:900px;padding:3em 2em}@media(max-width:720px){.digital-garden-container{flex-direction:column;padding-top:68px}.sidebar-container{border-right:none;height:auto;left:0;max-height:400px;padding:1em 0;position:relative;top:0;width:100%;z-index:auto}.main-content{margin-left:0;padding:1em}}.note-card{background-color:var(--color-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--font-color);display:block;padding:1.5em;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease}.note-card:hover{border-bottom-color:var(--accent);transform:translateY(-4px)}.note-card-category{color:var(--color-mute);font-size:.75em;font-weight:600;letter-spacing:.1em;margin-bottom:.5em;text-transform:uppercase}.note-card-title{color:var(--font-color);font-size:1.2em;margin:0 0 .5em}.note-card-description{color:var(--color-mute);font-size:.9em;line-height:1.5;margin:0}.note-card-tags{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1em}.back-link{align-items:center;color:var(--font-color);display:inline-flex;font-size:.9em;gap:.5em;margin-bottom:2em;-webkit-text-decoration:none;text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--accent)}.back-link svg{height:16px;width:16px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5em;gap:1.5em}@media(max-width:720px){.notes-grid{grid-template-columns:1fr}}.page-header h1{margin-bottom:.5em}.note-content img:not(.quote-author-image):not(.heading-anchor img){background-color:var(--color-secondary);border:2px solid transparent;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:block;height:auto;margin:1.5em 0;max-width:100%;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.note-content img:not(.quote-author-image):not(.heading-anchor img):hover{background:#00000005;border-color:var(--accent);box-shadow:0 8px 16px #0000001a;transform:translateY(-4px) rotate(1deg)}.note-content figure{margin:1.5em 0}.note-content figure img{background-color:var(--color-secondary);border:2px solid transparent;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:block;height:auto;margin:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.note-content figure img:hover{background:#00000005;border-color:var(--accent);box-shadow:0 8px 16px #0000001a;transform:translateY(-4px) rotate(1deg)}.note-content figcaption{color:var(--color-mute);font-size:.85em;font-style:italic;line-height:1.5;margin-top:.75em;text-align:center}.note-content .grid-2,.note-content .grid-3,.note-content .grid-4{display:grid;grid-gap:1em;gap:1em;margin:1.5em 0}.note-content .grid-2{grid-template-columns:repeat(2,1fr)}.note-content .grid-3{grid-template-columns:repeat(3,1fr)}.note-content .grid-4{grid-template-columns:repeat(4,1fr)}.note-content .grid-2 img,.note-content .grid-3 img,.note-content .grid-4 img{background-color:var(--color-secondary);border:2px solid transparent;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:block;height:auto;margin:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.note-content .grid-2 img:hover,.note-content .grid-3 img:hover,.note-content .grid-4 img:hover{background:#00000005;border-color:var(--accent);box-shadow:0 8px 16px #0000001a;transform:translateY(-4px) rotate(1deg)}@media(max-width:720px){.note-content .grid-2,.note-content .grid-3,.note-content .grid-4{grid-template-columns:1fr}}
