:root{--c-light-bg: #fafafa;--c-light-fg: #111;--c-light-muted: #666;--c-light-accent: #4d87ad;--c-light-border: #ddd;--c-dark-bg: #0f0f0f;--c-dark-fg: #f0f0f0;--c-dark-muted: #999;--c-dark-accent: #6c99c8;--c-dark-border: #2a2a2a;--c-light-secondary: #d640bf;--c-dark-secondary: #f233ce;--c-light-success: #93c864;--c-dark-success: #AAD172;--c-light-neutral: #e5e5e5;--c-dark-neutral: #2e2e2e;--space: 1rem;--space-lg: 2rem;--header-height: 3.5rem;--footer-height: 2.5rem;--font-main: system-ui, -apple-system, sans-serif;--hover-duration: .16s;--hover-ease: cubic-bezier(.2, .8, .2, 1);--drop-shadow: 1px 1px 2px 0px color-mix(in srgb, var(--fg) 40%, transparent)}:root{--bg: var(--c-light-bg);--fg: var(--c-light-fg);--muted: var(--c-light-muted);--accent: var(--c-light-accent);--border: var(--c-light-border);--secondary: var(--c-light-secondary);--success: var(--c-light-success);--neutral: var(--c-light-neutral)}@media(prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme=system]{--bg: var(--c-dark-bg);--fg: var(--c-dark-fg);--muted: var(--c-dark-muted);--accent: var(--c-dark-accent);--border: var(--c-dark-border);--secondary: var(--c-dark-secondary);--success: var(--c-dark-success);--neutral: var(--c-dark-neutral)}}:root[data-theme=light]{--bg: var(--c-light-bg);--fg: var(--c-light-fg);--muted: var(--c-light-muted);--accent: var(--c-light-accent);--border: var(--c-light-border);--secondary: var(--c-light-secondary);--success: var(--c-light-success);--neutral: var(--c-light-neutral)}:root[data-theme=dark]{--bg: var(--c-dark-bg);--fg: var(--c-dark-fg);--muted: var(--c-dark-muted);--accent: var(--c-dark-accent);--border: var(--c-dark-border);--secondary: var(--c-dark-secondary);--success: var(--c-dark-success);--neutral: var(--c-dark-neutral)}:root{--grad-primary: linear-gradient( 120deg, var(--accent), color-mix(in srgb, var(--accent) 40%, var(--bg)) );--grad-secondary: linear-gradient( 120deg, var(--secondary), color-mix(in srgb, var(--secondary) 70%, var(--bg)) );--grad-success: linear-gradient( 120deg, var(--success), color-mix(in srgb, var(--success) 70%, var(--bg)) );--grad-neutral: linear-gradient( 120deg, var(--neutral), color-mix(in srgb, var(--neutral) 70%, var(--bg)) )}*{box-sizing:border-box}:where(a,button,input,select,textarea,.card,.dropzone){transition:color var(--hover-duration) var(--hover-ease),background var(--hover-duration) var(--hover-ease),border-color var(--hover-duration) var(--hover-ease),box-shadow var(--hover-duration) var(--hover-ease)}html,body{margin:0;padding:0;font-family:var(--font-main);background:var(--bg);color:var(--fg)}html.layout-fit body{height:100vh;display:grid;grid-template-rows:var(--header-height) 1fr var(--footer-height)}html.layout-fit .app-content{overflow:auto}html.layout-scroll body{min-height:100vh;display:block}html.layout-scroll .app-content{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{height:var(--header-height);border-bottom:1px solid var(--border);display:flex;align-items:center}.app-menu{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg)}.app-title{font-weight:500;letter-spacing:.05em}.menu-items{list-style:none;display:flex;gap:var(--space);margin:0;padding:0}.menu-items a{text-decoration:none;color:var(--fg);opacity:.8}.menu-items a:hover{opacity:1}.menu-toggle{display:none}.menu-burger{display:none;flex-direction:column;gap:4px;cursor:pointer}.menu-burger span{width:22px;height:2px;background:var(--fg);transition:transform .16s ease,opacity .16s ease}@media(max-width:700px){.menu-items a{padding:.5rem .75rem;display:block}.menu-items a:hover,.menu-items a:focus-visible{background:color-mix(in srgb,var(--fg) 6%,var(--bg))}.menu-burger{display:flex}.menu-items{position:absolute;z-index:50;top:var(--header-height);left:0;right:0;background:var(--bg);flex-direction:column;padding:1rem;border-bottom:1px solid var(--border);display:none}.menu-toggle:checked+.menu-burger+.menu-items{display:flex}.menu-toggle:checked+.menu-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle:checked+.menu-burger span:nth-child(2){opacity:0}.menu-toggle:checked+.menu-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.app-content{padding:var(--space-lg);padding-top:0}.app-footer{min-height:var(--footer-height);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);color:var(--muted);font-size:.6rem}.footer-nav{display:flex;gap:var(--space)}.footer-nav a{color:var(--muted);text-decoration:none}.footer-nav a:hover{color:var(--fg)}.footer-meta{white-space:nowrap}.sidebar-button{font-size:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block}.sidebar-toggle:checked~.app-header .sidebar-button{transform:rotate(180deg)}.app-sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:16rem;background:var(--bg);border-right:1px solid var(--border);transform:translate(-100%);transition:transform var(--hover-duration) var(--hover-ease);z-index:20}.sidebar-toggle{display:none}.sidebar-toggle:checked~.app-sidebar{transform:translate(0)}@media(max-width:900px){.sidebar-toggle:checked~.app-content{filter:blur(2px)}}@media(min-width:901px){.sidebar-toggle:checked~.app-content{margin-left:16rem;transition:margin-left var(--hover-duration) var(--hover-ease)}.app-sidebar{position:absolute}}.app-sidebar nav{display:flex;flex-direction:column;padding:1rem;gap:.5rem}.app-sidebar nav a{text-decoration:none;color:var(--fg);padding:.5rem .75rem}.app-sidebar nav a:hover,.app-sidebar nav a:focus-visible{background:color-mix(in srgb,var(--fg) 6%,var(--bg))}.content{max-width:68ch;margin:0 auto;padding:0 var(--space)}.content>*:first-child{margin-top:0}.content>*:last-child{margin-bottom:0}.content h1,.content h2,.content h3,.content h4{font-weight:500;letter-spacing:-.02em;margin:2.5rem 0 1rem}.content h1{font-size:2rem}.content h2{margin-top:3rem}.content h3{margin-top:2rem}.content h4{margin-top:1.5rem}.content p{line-height:1.6;margin:1rem 0;color:var(--fg)}.content ul,.content ol{margin:1.25rem 0 1.25rem 1.5rem;padding:0}.content li{margin:.5rem 0}.content dl{margin:1.5rem 0}.content dt{font-weight:500;margin-top:1rem}.content dd{margin:.25rem 0 .75rem 1.5rem;color:var(--muted)}.content nav ul{list-style:none;padding:0;margin:2rem 0;display:flex;gap:var(--space);flex-wrap:wrap}.content nav a{color:var(--accent);text-decoration:none}.content nav a:hover{text-decoration:underline}.content form{margin:2.5rem 0}.content form>div{margin-bottom:1.25rem}.content label,.content .label{display:block;margin-bottom:.25rem;font-size:.85rem;color:var(--muted);font-weight:400}.content input,.content select,.content textarea{width:100%;padding:.4rem .5rem;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:inherit;border-width:1px}.content textarea{resize:vertical;min-height:6rem}.content input[type=radio],.content input[type=checkbox]{width:auto;margin-right:.4rem;vertical-align:middle}.content input[type=radio]+label,.content input[type=checkbox]+label{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:0;padding-right:1rem;color:var(--fg);cursor:pointer}.content input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;margin:.75rem 0;border:none;outline:none}.content input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--border)}.content input[type=range]::-moz-range-track{height:4px;background:var(--border)}.content input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:none}.content input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none}.content button,.content input[type=submit]{background:var(--accent);color:var(--bg);border:none;padding:.5rem 1rem;cursor:pointer;font-family:inherit}.content button:hover,.content input[type=submit]:hover{opacity:.9;box-shadow:var(--drop-shadow)}.content button:focus,.content input[type=submit]:focus{box-shadow:var(--drop-shadow)}.content .btn-primary{background:var(--accent)}.content .btn-secondary{background:var(--secondary)}.content .btn-success{background:var(--success)}.content .btn-neutral{background:var(--neutral);color:var(--fg);border:1px solid var(--border)}.content input:hover,.content select:hover,.content textarea:hover{outline:none;border-color:var(--accent);box-shadow:var(--drop-shadow);border-width:1px}.content input:focus,.content select:focus,.content textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);border-width:1px}.content input:focus-visible,.content select:focus-visible,.content textarea:focus-visible{outline:none;outline-width:0px;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);border-width:1px}.content input:disabled,.content select:disabled,.content textarea:disabled{opacity:.6;cursor:not-allowed}.content .dropzone{border:1px dashed var(--border);padding:2rem;text-align:center;color:var(--muted);background:color-mix(in srgb,var(--bg) 96%,var(--fg));transition:border-color .2s ease,background .2s ease;font-size:.8rem}.content .dropzone:hover,.content .dropzone.dragover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg));color:var(--fg);box-shadow:var(--drop-shadow)}.content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9rem}.content table caption{caption-side:bottom;text-align:center;font-size:.85rem;color:var(--muted);margin-top:.5rem}.content th,.content td{border:1px solid var(--border);padding:.4rem .6rem;text-align:left}.content thead{background:color-mix(in srgb,var(--bg) 92%,var(--fg))}.content blockquote{margin:2.5rem 0;padding:1.5rem 1.75rem;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--bg) 96%,var(--fg));font-style:italic;line-height:1.6}.content blockquote:after{content:attr(data-author) " \2014  " attr(data-source);display:block;margin-top:1rem;text-align:right;font-style:normal;font-size:.8rem;color:var(--muted)}.content blockquote:not([data-author]):after{content:attr(data-source)}.content blockquote:not([data-source]):after{content:attr(data-author)}.content figure{margin:2.5rem 0}.content figure img{max-width:100%;width:100%;display:block}.content figure figcaption{text-align:center;margin-top:.5rem;font-size:.8rem;color:var(--muted)}.content .figure-wide{width:100vw;margin-left:50%;transform:translate(-50%)}.content .ref{font-size:.75em;color:var(--accent);cursor:pointer}.content .ref:hover{text-decoration:underline}.content .ref:before{content:"["}.content .ref:after{content:"]"}.references{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.references h2{font-size:1.2rem;margin-bottom:1rem}.references ol{padding-left:1.5rem}.references li{margin-bottom:.75rem;font-size:.9rem;color:var(--fg)}.content>header{margin-bottom:2rem}.content>header p{color:var(--muted);font-size:.9rem}.content hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.content code{font-family:var(--font-mono);font-size:.9em}.content pre{margin:2rem 0;padding:1rem;overflow-x:auto;background:color-mix(in srgb,var(--bg) 92%,var(--fg))}.content pre code{display:block}.content a{color:var(--accent);text-decoration:none}.content a:hover{text-decoration:underline}.content del{color:var(--muted)}.flow{--cols: 4;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(100% / var(--cols))),1fr));gap:var(--space)}.flow.align{align-items:stretch}.flow.end{justify-items:end}.flow .span-all{grid-column:1 / -1}.content ol.tasks{list-style-type:decimal}.content ol.tasks>li>ol{list-style-type:lower-alpha}.content ol.tasks ol ol{list-style-type:lower-roman}.content ol.tasks>li{margin-bottom:1.5rem}.content ol.tasks ol{margin-top:.5rem}.content details.solution{margin-top:.75rem;padding-left:1rem;border-left:2px solid var(--border)}.content details.solution>summary{cursor:pointer;font-size:.85rem;color:var(--muted)}.content details>summary:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.content details.solution[open]>summary{color:var(--fg)}.content summary{list-style:none}.content summary::-webkit-details-marker{display:none}.card{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--bg);text-decoration:none;color:var(--fg);overflow:hidden}.card-media{width:100%;height:auto;display:block}.card-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card-more{margin-top:auto;font-size:.85rem;color:var(--accent)}.card-link:hover{border-color:var(--accent);box-shadow:var(--drop-shadow)}a.card-link,a.card-link:hover{text-decoration:none}.card-desc{display:block;display:-webkit-box;max-height:calc(1.4em * 3);line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hero{position:relative;min-height:40vh;max-height:60vh;display:flex;align-items:center;padding:0;color:var(--bg);background:var(--hero-image, none),var(--hero-gradient);background-size:cover;background-position:center;overflow:hidden}.hero-wide{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero-content{position:relative;max-width:68ch;width:100%;margin:0 auto;z-index:1}.hero-box{padding:var(--space) calc(3 * var(--space)) var(--space) var(--space);width:fit-content}.hero-box h1{margin:var(--space) 0;font-weight:bolder;font-size:2.5rem}.hero .bg{background:color-mix(in srgb,var(--bg) var(--bg-alpha, 50%),transparent)}.hero[data-variant=primary]{--hero-gradient: var(--grad-primary)}.hero[data-variant=secondary]{--hero-gradient: var(--grad-secondary)}.hero[data-variant=success]{--hero-gradient: var(--grad-success)}.hero[data-variant=neutral]{--hero-gradient: var(--grad-neutral)}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video .hero-content{position:relative;z-index:1}