:root{color-scheme:dark;font:16px Roboto,Arial,sans-serif;color:rgb(255 255 255/.87);background-color:#09060b;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0;padding-top:3rem;&>header { padding: 0 2rem; line-height: 3rem; background-color: rgb(255 255 255 / 0.05); a { color: rgb(255 255 255 / 0.6); } position: fixed; top: 0; left: 0; right: 0; z-index: 10; } &>footer { text-align: center; padding: 0 2rem; color: rgb(255 255 255 / 0.6); background-color: #1d1a1f; position: fixed; top: 0; left: 0; right: 0; z-index: 20; min-height: 3rem; line-height: 3rem; display: block; &:empty { display: none; } }}a{color:#fa0;text-decoration:none}h1,h2,h3{font-family:Rubik,Arial,sans-serif;font-weight:700;margin:0;padding:.5rem 0;color:#fff}main{max-width:42rem;margin:auto;padding:1rem}#glossary{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:1rem;&>section>ul { padding: 0; margin: 0; li { padding: 0; margin: 0; list-style: none; font: 0.875rem Roboto, Arial, sans-serif; } ul { margin: 0; padding: 0 0 0 1rem; } } h3 { margin: 0; padding: 0; font-size: 0.5rem; font-weight: normal; text-transform: uppercase; opacity: 0.6; }}.depreciated{text-decoration:line-through;opacity:.6}nav.tabs{display:flex;gap:1rem;a { padding: 0.5rem 1rem; border-radius: 0.25rem; transition: background-color 0.3s ease; &:hover { background-color: rgb(255 255 255 / 0.1); } }}header:has(>picture,>img){display:flex;gap:1rem;picture, img { max-width: 8rem; } hgroup { display: grid; align-content: center; }}