/*!
 * Mode.css — Microdom Mode
 * v1.0.0
 * MIT License
 * Copyright (c) 2025 Silvio Corigliano
 * https://github.com/microdom/mode.css
 * https://microdom.dev/mode
 */
:root{--font-main:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--line-height:1.6;--size-h1:2.5rem;--size-h2:2rem;--size-h3:1.5rem;--size-body:1rem;--size-small:.85rem;--color-bg:#fff;--color-text:#1f2937;--color-muted:#4b5563;--color-border:#e5e7eb;--color-accent:#111827;--color-accent-text:#fff;--spacing:1.5rem;--radius:6px;--max-width:1200px;--screen-padding:1.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);font-size:var(--size-body);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);padding:0}h1,h2,h3{color:var(--color-accent);margin-bottom:calc(var(--spacing) * .75);font-weight:700;line-height:1.2}h1{font-size:var(--size-h1)}h2{font-size:var(--size-h2)}h3{font-size:var(--size-h3)}p,ul,ol{margin-bottom:var(--spacing);color:var(--color-text)}small{font-size:var(--size-small);color:var(--color-muted)}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}form{gap:calc(var(--spacing) * .75);margin-bottom:var(--spacing);display:grid}label{font-size:var(--size-small);color:var(--color-accent);flex-direction:column;gap:.35rem;font-weight:600;display:flex}input,textarea,select{font-family:inherit;font-size:var(--size-body);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);background-color:var(--color-bg);width:100%;padding:.75rem;transition:border-color .2s}:is(input,textarea,select):focus{border-color:var(--color-accent);outline:none}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:auto;accent-color:var(--color-accent)}input[type=radio]{width:auto;accent-color:var(--color-accent)}label:has(>input[type=checkbox]){font-weight:400;font-size:var(--size-body);flex-direction:row;align-items:center;gap:.5rem}label:has(>input[type=radio]){font-weight:400;font-size:var(--size-body);flex-direction:row;align-items:center;gap:.5rem}button,[role=button]{font-family:inherit;font-size:var(--size-body);background-color:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius);cursor:pointer;border:none;width:fit-content;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s}input[type=submit]{font-family:inherit;font-size:var(--size-body);background-color:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius);cursor:pointer;border:none;width:fit-content;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s}input[type=submit]:hover{opacity:.9}:is(button,[role=button]):hover{opacity:.9}[role=button]{text-align:center;display:inline-block}body>header,body>main,body>footer{padding-inline:var(--screen-padding)}body>header>div,body>main,body>footer>div{max-width:var(--max-width);margin-inline:auto}section{width:100%;padding-block:calc(var(--spacing) * 1.35);display:flow-root}body>header{border-bottom:1px solid var(--color-border);position:relative}body>header>div{justify-content:space-between;align-items:center;padding-block:1rem;display:flex}body>header b{font-size:1.25rem;font-weight:800}body>header nav{background-color:var(--color-bg);padding:var(--screen-padding);border-bottom:1px solid var(--color-border);z-index:10;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}body>header nav ul{flex-direction:column;gap:1rem;margin:0;list-style:none;display:flex}body>header label{cursor:pointer;padding:.5rem;display:block}body>header label span{background:var(--color-accent);width:22px;height:2px;transition:all .2s;display:block;position:relative}body>header label span:before{background:var(--color-accent);width:22px;height:2px;transition:all .2s;display:block;position:relative}body>header label span:after{background:var(--color-accent);width:22px;height:2px;transition:all .2s;display:block;position:relative}body>header label span:before{content:"";position:absolute;top:-6px}body>header label span:after{content:"";position:absolute;bottom:-6px}#menu-toggle{display:none}#menu-toggle:checked~header nav{display:flex}#menu-toggle:checked~header label span{background:0 0}#menu-toggle:checked~header label span:before{top:0;transform:rotate(45deg)}#menu-toggle:checked~header label span:after{bottom:0;transform:rotate(-45deg)}body>header nav li{position:relative}body>header nav li:has(>ul)>a:after{content:" ▾";font-size:.7em}body>header nav li>ul{font-size:var(--size-small);flex-direction:column;gap:.75rem;margin:.75rem 0 0;padding-left:1rem;list-style:none;display:flex}[for=theme-toggle]{display:block}body>footer{border-top:1px solid var(--color-border);font-size:var(--size-small);color:var(--color-muted)}body>footer>div{flex-direction:column;align-items:center;gap:1rem;padding-block:2rem;display:flex}body>footer>div ul{gap:1.5rem;margin:0;list-style:none;display:flex}[µ-grid]{gap:var(--spacing);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}[µ-grid*=-col]{grid-template-columns:1fr;display:grid}[µ-grid]>article{padding:var(--spacing);border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-bg);flex-direction:column;display:flex}[µ-grid]>article header h3{font-size:var(--size-h3);margin-bottom:.5rem}[µ-grid]>article p{margin-bottom:var(--spacing);font-size:var(--size-body)}[µ-grid]>article footer button{width:100%}img{border-radius:var(--radius);max-width:100%;height:auto;aspect-ratio:initial;display:block}table{border-collapse:collapse;width:100%;margin-bottom:var(--spacing);font-variant-numeric:tabular-nums}caption{text-align:left;font-size:var(--size-small);color:var(--color-muted);padding-block:.5rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);padding:.6rem .75rem}thead th{font-size:var(--size-small);color:var(--color-accent);border-bottom-width:2px}tbody tr:hover{background-color:color-mix(in srgb, var(--color-border) 25%, var(--color-bg))}tfoot th,tfoot td{border-bottom:0;border-top:2px solid var(--color-border);font-weight:600}table button,table [role=button]{font-size:var(--size-small);padding:.35rem .75rem}table input[type=submit]{font-size:var(--size-small);padding:.35rem .75rem}table a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}[µ-table]{margin-bottom:var(--spacing);overflow-x:auto}[µ-table] table{margin-bottom:0}@media (width<=639.98px){[µ-table~=collapsed]{overflow-x:visible}[µ-table~=collapsed] thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[µ-table~=collapsed] table{display:block}[µ-table~=collapsed] tbody{display:block}[µ-table~=collapsed] tr{display:block}[µ-table~=collapsed] td{display:block}[µ-table~=collapsed] tr{border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--spacing) * .5);margin-bottom:calc(var(--spacing) * .5)}[µ-table~=collapsed] td{border-bottom:0;justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}[µ-table~=collapsed] td:before{content:attr(data-label);font-weight:600;font-size:var(--size-small);color:var(--color-accent)}}th[aria-sort]{cursor:pointer;-webkit-user-select:none;user-select:none}th[aria-sort] a{text-decoration:none}th[aria-sort=ascending]:after{content:" ↑"}th[aria-sort=descending]:after{content:" ↓"}tr[aria-selected=true]{background-color:color-mix(in srgb, var(--color-accent) 8%, var(--color-bg))}[aria-busy=true]{opacity:.5;pointer-events:none}:disabled,[aria-disabled=true]{opacity:.55;cursor:not-allowed}a[aria-current=page]{color:var(--color-accent);font-weight:700}[aria-invalid=true]{border-color:var(--color-danger,#b91c1c)}hr{border:0;border-top:1px solid var(--color-border);margin-block:calc(var(--spacing) * 1.35)}blockquote{border-left:3px solid var(--color-accent);padding-left:var(--spacing);margin-bottom:var(--spacing);color:var(--color-muted)}blockquote p:last-child{margin-bottom:0}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}code{background-color:color-mix(in srgb, var(--color-border) 35%, var(--color-bg));border-radius:calc(var(--radius) * .5);padding:.15em .4em}pre{background-color:color-mix(in srgb, var(--color-border) 25%, var(--color-bg));border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--spacing) * .75);margin-bottom:var(--spacing);overflow-x:auto}pre code{font-size:var(--size-small);background:0 0;padding:0}kbd{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:calc(var(--radius) * .5);border-bottom-width:2px;padding:.1em .4em}fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--spacing) * .75);gap:calc(var(--spacing) * .5);min-width:0;display:grid}legend{font-weight:600;font-size:var(--size-small);color:var(--color-accent);padding-inline:.5rem}details{border:1px solid var(--color-border);border-radius:var(--radius);padding-inline:calc(var(--spacing) * .75);margin-bottom:calc(var(--spacing) * .5)}summary{cursor:pointer;color:var(--color-accent);padding-block:calc(var(--spacing) * .5);font-weight:600}details[open]{padding-bottom:calc(var(--spacing) * .5)}details[open]>summary{border-bottom:1px solid var(--color-border);margin-bottom:calc(var(--spacing) * .5)}figure{margin-bottom:var(--spacing)}figcaption{font-size:var(--size-small);color:var(--color-muted);margin-top:.5rem}dl{margin-bottom:var(--spacing)}dt{color:var(--color-accent);font-weight:700}dd{margin-bottom:calc(var(--spacing) * .5)}[µ-tabs]{margin-bottom:var(--spacing);flex-wrap:wrap;display:flex}[µ-tabs]>input{opacity:0;width:1px;height:1px;position:absolute}[µ-tabs]>label{font-weight:600;font-size:var(--size-small);color:var(--color-muted);cursor:pointer;border-bottom:2px solid var(--color-border);padding:.6rem 1rem;transition:color .2s,border-color .2s;display:block}[µ-tabs]>input:checked+label{color:var(--color-accent);border-bottom-color:var(--color-accent)}[µ-tabs]>input:focus-visible+label{outline:2px solid var(--color-accent);outline-offset:-2px}[µ-tabs]>section{width:100%;padding-block:calc(var(--spacing) * .75);order:1;display:none}[µ-tabs]>input:first-of-type:checked~section:first-of-type,[µ-tabs]>input:nth-of-type(2):checked~section:nth-of-type(2),[µ-tabs]>input:nth-of-type(3):checked~section:nth-of-type(3),[µ-tabs]>input:nth-of-type(4):checked~section:nth-of-type(4),[µ-tabs]>input:nth-of-type(5):checked~section:nth-of-type(5),[µ-tabs]>input:nth-of-type(6):checked~section:nth-of-type(6){display:block}@media (width>=640px){[µ-grid*=-col]{grid-template-columns:repeat(2,1fr)}[µ-grid~="6-col"]{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){body>header label{display:none}body>header nav{border:none;padding:0;display:flex;position:static}body>header nav ul{flex-direction:row;gap:2rem}body>header nav li>ul{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);z-index:20;flex-direction:column;min-width:180px;margin-top:0;padding:.75rem 1rem;display:none;position:absolute;top:100%;left:0}body>header nav li:hover>ul{display:flex}body>header nav li:focus-within>ul{display:flex}body>header nav li:last-child>ul{left:auto;right:0}}@media (width>=1024px){:root{--spacing:2rem;--screen-padding:3rem}body>footer>div{flex-direction:row;justify-content:space-between}[µ-grid~="3-col"]{grid-template-columns:repeat(3,1fr)}[µ-grid~="4-col"]{grid-template-columns:repeat(4,1fr)}[µ-grid~="5-col"]{grid-template-columns:repeat(5,1fr)}[µ-grid~="6-col"]{gap:calc(var(--spacing) * .5);grid-template-columns:repeat(6,1fr)}[µ-grid~=sidebar-left]{grid-template-columns:minmax(260px,1fr) 3fr}[µ-grid~=sidebar-right]{grid-template-columns:3fr minmax(260px,1fr)}}