/*!
 * Mode.css — Microdom Mode
 * 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;--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);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}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}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: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)}[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}@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}}@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)}}