@media (min-width:1300px) and (max-width:1639px){.toc-floating{z-index:20;width:240px;max-height:calc(100vh - 8rem);display:block;position:fixed;top:6.5rem;right:clamp(1.25rem,4vw,3.5rem)}.toc-floating.toc-collapsed{transform:translate(calc(100% + clamp(1.25rem,4vw,3.5rem)))}}@media (min-width:1640px){.toc-floating{z-index:20;width:260px;max-height:calc(100vh - 8rem);display:block;position:fixed;top:6.5rem;right:clamp(1.25rem,4vw,3.5rem)}.toc-floating.toc-collapsed{transform:translate(calc(100% + clamp(1.25rem,4vw,3.5rem)))}}@media (min-width:1025px){.sidebar-nav.open{transform:translate(0)}main.site-main{transition:margin-left var(--motion-medium) ease-in-out}body:has(.sidebar-nav.open) main.site-main{margin-left:var(--sidebar-width)}body:has(.sidebar-nav.open) header.site-header{padding-left:var(--sidebar-width)}body:has(.sidebar-nav.open) footer.site-footer{padding-left:var(--sidebar-width)}.sidebar-close-btn{display:none}}@media (max-width:768px){.header-right .primary-nav,.header-right .theme-toggle{display:none}.sidebar-overlay{display:block}.sidebar-main-nav{grid-template-columns:1fr 1fr;display:grid}.sidebar-theme-toggle{display:block}main.site-main{margin-left:0}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;width:100%;margin-bottom:16px;padding:.35rem .7rem;font-size:.9rem}.toc-floating{z-index:100;width:80%;max-width:320px;height:100vh;max-height:100vh;box-shadow:-4px 0 12px rgba(var(--shadow-rgb), .15);position:fixed;top:0;right:0}.toc-floating.toc-open{opacity:1;transform:translate(0)}.toc-floating.toc-collapsed{transform:translate(100%)}.toc-floating.toc-open~.toc-overlay,.toc-overlay{background:var(--overlay-bg);z-index:99;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.toc-expand-tag{padding:.4rem .6rem}.toc-expand-text{font-size:.75rem}}@media (min-width:769px) and (max-width:1299px){main.site-main{margin-left:0}.sidebar-overlay{display:block}.toc-floating{z-index:100;width:340px;height:100vh;max-height:100vh;box-shadow:-4px 0 12px rgba(var(--shadow-rgb), .15);position:fixed;top:0;right:0}.toc-floating.toc-open{opacity:1;transform:translate(0)}.toc-floating.toc-collapsed{transform:translate(100%)}.toc-floating.toc-open~.toc-overlay,.toc-overlay{background:var(--overlay-bg);z-index:99;width:100%;height:100%;display:block;position:fixed;top:0;left:0}}@media (min-width:769px) and (max-width:1088px){.article-actions button,.progress-ring{width:2.75rem;height:2.75rem}}@media (max-width:768px){.article-with-actions{flex-direction:column}.article-actions{z-index:50;flex-direction:column;justify-content:flex-end;margin-bottom:15vh;position:fixed;top:auto;bottom:1.5rem;right:1rem}.article-actions button{width:3rem;height:3rem}.article-actions button svg{width:1.5rem;height:1.5rem}.reader-settings-panel{inset:auto calc(100% + .75rem) 0 auto}.progress-ring{width:3rem;height:3rem}.code-block-header{padding:.375rem .75rem;font-size:.8125rem}.code-block-language{font-size:.6875rem}.code-block-copy{padding:.25rem .5rem;font-size:.8125rem}.copy-icon{width:.875rem;height:.875rem}.code-block-wrapper pre code{padding:.75rem;font-size:.8125rem}}
.footnote-ref{vertical-align:super;cursor:help;color:var(--color-accent);transition:all var(--motion-base) ease;font-size:.75em;font-weight:500;line-height:0;position:relative}.footnote-ref a{color:inherit;transition:all var(--motion-base) ease;text-decoration:none}.footnote-ref:hover{color:var(--color-accent-hover)}.footnote-ref:hover a{text-decoration:underline}.footnote-ref:before{content:attr(data-footnote);background:var(--tooltip-inverse-bg);color:var(--tooltip-inverse-fg);white-space:normal;text-align:left;width:max-content;max-width:280px;box-shadow:var(--shadow-3);opacity:0;visibility:hidden;transition:all var(--motion-base) ease;pointer-events:none;z-index:1000;word-wrap:break-word;border-radius:6px;padding:8px 12px;font-size:.875rem;font-weight:400;line-height:1.5;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.footnote-ref:after{content:"";border:6px solid #0000;border-top-color:var(--tooltip-inverse-bg);opacity:0;visibility:hidden;transition:all var(--motion-base) ease;pointer-events:none;z-index:1000;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-2px)}.footnote-ref:hover:before,.footnote-ref:hover:after{opacity:1;visibility:visible}.footnote-ref:hover:before{transform:translate(-50%)translateY(-12px)}.footnote-ref:hover:after{transform:translate(-50%)translateY(-6px)}@media (max-width:768px){.footnote-ref:before{max-width:220px;padding:6px 10px;font-size:.8125rem;top:auto;bottom:100%}.footnote-ref:after{top:auto;bottom:100%}}@media (min-width:769px){.footnote-ref:before{min-width:200px}}.markdown .footnote-ref{margin-left:2px;margin-right:2px}
.page-transition{width:100%}::view-transition-old(.page-exit){animation:var(--motion-page-exit) ease-in both page-fade-out;mix-blend-mode:normal}::view-transition-new(.page-enter){animation:var(--motion-page-enter) ease-out var(--motion-page-exit) both page-fade-in;mix-blend-mode:normal}@keyframes page-fade-out{0%{opacity:1}to{opacity:0}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}html:active-view-transition{scroll-behavior:auto}@media (prefers-reduced-motion:reduce){::view-transition-old(.page-exit){animation-duration:var(--motion-instant)}::view-transition-new(.page-enter){animation-duration:var(--motion-fast);animation-delay:var(--motion-instant)}}
.article-divider{opacity:.7;align-items:center;gap:1rem;display:flex}.article-divider .divider-line{background:linear-gradient(to right, transparent, var(--color-border) 20%, var(--color-border) 80%, transparent);flex:1;height:1px;position:relative}.article-divider .divider-text{color:var(--color-muted);text-transform:uppercase;padding:0 .5rem;font-family:Georgia,Times New Roman,serif;font-size:.875rem;font-weight:600;position:relative}@keyframes divider-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}
.code-block-wrapper{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-2);border-radius:.5rem;margin:1.5rem 0;position:relative;overflow:hidden}.code-block-header{background:var(--code-header-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.875rem;display:flex}.code-block-language{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-family:monospace;font-size:.75rem;font-weight:600}.code-block-copy{border:1px solid var(--color-border);cursor:pointer;transition:all var(--motion-base) ease;color:var(--color-muted);background:0 0;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.875rem;display:flex}.code-block-copy:hover{background:var(--code-inline-bg);border-color:var(--color-border-strong)}.code-block-copy:active{transform:scale(.95)}.copy-icon{width:1rem;height:1rem;display:inline-block;position:relative}.copy-icon:before,.copy-icon:after{content:"";transition:all var(--motion-base) ease;border:1.5px solid;border-radius:.125rem;position:absolute}.copy-icon:before{width:.625rem;height:.625rem;top:0;left:.25rem}.copy-icon:after{background:var(--color-surface);width:.625rem;height:.625rem;top:.25rem;left:0}.code-block-copy.copied .copy-icon:before{border-color:var(--color-success);background:0 0;border-width:0 2px 2px 0;border-radius:0;width:.375rem;height:.625rem;top:.125rem;left:.0625rem;transform:rotate(45deg)}.code-block-copy.copied .copy-icon:after{opacity:0}.code-block-copy.copied{border-color:var(--color-success);color:var(--color-success)}.code-block-wrapper pre{background:0 0;border:none;border-radius:0;margin:0}.code-block-wrapper pre code{padding:1rem;font-size:.875rem;line-height:1.6;display:block;overflow-x:auto}
.link-card{transition:background-color var(--motion-medium), border-color var(--motion-medium);position:relative}.link-card:before,.link-card:after{content:"";width:16px;height:16px;transition:all var(--motion-medium) ease;z-index:2;position:absolute}.link-card:before{border-top:2px solid var(--color-border);border-right:2px solid var(--color-border);top:0;right:0}.link-card:after{border-bottom:2px solid var(--color-border);border-left:2px solid var(--color-border);bottom:0;left:0}.link-card:hover{background-color:var(--color-bg-secondary)}.link-card:hover:before,.link-card:hover:after{border-color:var(--color-accent)}.link-card:not(.blog-card){align-items:center;gap:16px;margin:16px 0;padding:16px;text-decoration:none;display:flex}.link-card-image{flex-shrink:0}.link-card-image img{object-fit:cover;border-radius:4px}.link-card-content{flex-grow:1}.link-card-title{color:var(--color-text);margin:0 0 4px;font-size:1.1rem;font-weight:600}.markdown .link-card-title:before{content:""}.link-card-description{color:var(--color-muted);margin:0;font-size:.9rem}.corner-card{transition:all var(--motion-medium) ease;padding:2rem;position:relative;box-shadow:none!important;background:0 0!important;border:none!important}.corner-card:before,.corner-card:after,.corner-card-inner:before,.corner-card-inner:after{content:"";width:16px;height:16px;transition:all var(--motion-medium) ease;z-index:2;position:absolute}.corner-card:before{border-top:2px solid var(--color-border);border-left:2px solid var(--color-border);top:0;left:0}.corner-card:after{border-bottom:2px solid var(--color-border);border-right:2px solid var(--color-border);bottom:0;right:0}.corner-card-inner{pointer-events:none;position:absolute;inset:0}.corner-card-inner:before{border-top:2px solid var(--color-border);border-right:2px solid var(--color-border);top:0;right:0}.corner-card-inner:after{border-bottom:2px solid var(--color-border);border-left:2px solid var(--color-border);bottom:0;left:0}.corner-card:hover:before,.corner-card:hover:after,.corner-card:hover .corner-card-inner:before,.corner-card:hover .corner-card-inner:after{border-color:var(--color-accent)}
.directory-card{border-radius:var(--radius);transition:all var(--motion-base) ease-in-out;color:inherit;background-color:var(--color-surface);flex-direction:column;justify-content:space-between;padding:1.5rem;text-decoration:none;display:flex}.directory-card:hover{box-shadow:0 12px 35px var(--color-accent-border);transform:translateY(-2px)}.directory-card-header{gap:1rem;margin-bottom:1rem;display:flex}.directory-card-icon{width:1.8em;height:1.8em;color:var(--color-accent);flex-shrink:0}.directory-card-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.2rem;font-weight:600;overflow:hidden}.directory-card-footer{color:var(--color-muted);text-align:right;font-size:.9rem}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;padding:0;list-style:none;display:grid}.badge-link{cursor:pointer;transition:all var(--motion-base) ease}.badge-link:hover{filter:brightness(1.1);transform:scale(1.05)}
.tag-cloud{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.75rem 1.4rem;padding:2rem 1.5rem;display:flex}.tag-cloud-item{color:var(--color-accent);white-space:nowrap;transition:transform var(--motion-base) ease, opacity var(--motion-base) ease, color var(--motion-base) ease;line-height:1.3;text-decoration:none}.tag-cloud-item:hover,.tag-cloud-item:focus-visible{color:var(--color-accent-hover);opacity:1!important;transform:translateY(-2px)scale(1.06)!important}.tag-cloud-count{vertical-align:super;color:var(--color-muted);margin-left:.2em;font-size:.55em}
.scroll-fade-container{position:relative}.hero-fixed-wrapper{z-index:1;pointer-events:none;transition:padding-left var(--motion-medium) ease-in-out;position:fixed;top:0;left:0;right:0}.hero-fixed-wrapper .hero-section{pointer-events:auto}@media (min-width:1025px){body:has(.sidebar-nav.open) .hero-fixed-wrapper{padding-left:var(--sidebar-width)}}.hero-spacer{height:100vh}.hero-section{text-align:center;background:var(--color-bg);will-change:opacity;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero-content{max-width:600px}.hero-content h1{margin-bottom:1rem;font-size:2.5rem;font-weight:600;line-height:1.3}.hero-content p{font-size:1.25rem;line-height:1.6}.scroll-indicator{color:var(--color-muted);cursor:pointer;transition:color var(--motion-base) ease;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;animation:2s infinite bounce;display:flex;position:absolute;bottom:3rem}.scroll-indicator:hover{color:var(--color-accent)}.scroll-indicator:focus{outline:none}.scroll-indicator:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:4px}.scroll-arrow{width:1.5rem;height:1.5rem}.scroll-text{font-size:.875rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.article-section{z-index:2;background:var(--color-bg);will-change:opacity;transition:opacity var(--motion-instant) ease-out;padding-top:2rem;position:relative}@media (max-width:768px){.hero-content h1{font-size:1.75rem}.hero-content p{font-size:1rem}.scroll-indicator{bottom:2rem}}@media (max-width:480px){.hero-content h1{font-size:1.5rem}.hero-section{padding:1.5rem}}
.more-articles-button{color:var(--color-text);transition:color var(--motion-base) ease;float:right;background:0 0;border:none;align-items:center;gap:.35rem;margin-top:2.5rem;padding:.5rem 0;font-weight:500;text-decoration:none;display:inline-flex}.more-articles-button .arrow{transition:transform var(--motion-base) ease;display:inline-block}.more-articles-button:hover{color:var(--color-accent)}.more-articles-button:hover .arrow{transform:translate(4px)}.more-articles-button:active{transform:none}.more-articles-button:after{content:"";clear:both;display:table}
::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}