:root{color-scheme:dark;--bg:#101017;--surface:#1a1925;--text:#f4f2ff;--muted:#b5b1c8;--border:#363247;--accent:#aaa0ff;--button:#5846e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:var(--accent);text-underline-offset:4px}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:24px}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none}.brand{font-size:25px;font-weight:800;color:var(--text);text-decoration:none}.button{display:inline-block;background:var(--button);color:white;padding:11px 20px;border-radius:12px;text-decoration:none;font-weight:650}.intro{max-width:760px;padding:55px 0 20px}.eyebrow{color:var(--accent);font-weight:750;font-size:12px;letter-spacing:.15em}h1{font-size:clamp(42px,7vw,68px);line-height:1.1;letter-spacing:-.05em;margin:20px 0}h2{font-size:24px}.intro>p,.contact p{color:var(--muted)}label{display:block;margin:28px 0 8px;font-weight:650}input{width:100%;padding:19px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font:inherit}input::placeholder{color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.updated{font-size:13px}.quick{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 45px}.quick a{padding:10px 16px;border:1px solid var(--border);border-radius:99px;text-decoration:none}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px}aside h2{font-size:17px}aside button{display:block;text-align:left;width:100%;padding:12px;border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer;border-radius:10px}aside button[aria-pressed=true]{background:var(--surface);color:var(--accent);font-weight:700}aside>a{display:block;margin:25px 12px}#count{color:var(--muted);font-size:14px;margin:0 0 16px}details{border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:12px;scroll-margin-top:24px}summary{padding:21px 24px;cursor:pointer;font-weight:650}summary .category{display:block;color:var(--accent);font-size:11px;letter-spacing:.05em;font-weight:600;margin-bottom:6px}.answer{padding:0 24px 24px;overflow-wrap:anywhere}.answer p{color:var(--muted)}.permalink{font-size:13px}.contact{margin:64px 0 24px;padding:30px;border:1px solid var(--border);border-radius:20px}.contact .button{margin-right:18px}footer{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-bottom:40px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:var(--bg);padding:10px;z-index:2}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding:18px}nav{gap:14px;font-size:14px}nav>a:first-child{display:none}.intro{padding-top:35px}.layout{grid-template-columns:1fr;gap:18px}#categories{display:flex;overflow:auto;gap:6px;padding-bottom:8px}aside button{width:auto;flex-shrink:0}aside>a{display:none}.quick{margin-bottom:24px}summary{padding:18px}.answer{padding:0 18px 20px}.contact{padding:22px}.contact .button{margin-bottom:15px}}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#faf9ff;--surface:#fff;--text:#211d35;--muted:#5d566f;--border:#ded9eb;--accent:#5340c9}}
:is(.layout>aside,.layout>section){min-width:0}