:root { /* default contrast */ --ac-light: #1349FB; --fg-light: #111; --bg-light: #f9f9fb; --midtone: gray; --fg-dark: #f9f9fb; --bg-dark: #111; --ac-dark: #fbb513; /* less contrast */ --ac-light-less: #265EF7; --fg-light-less: #16161d; --bg-light-less: #e7e2e2; --midtone-less: #7e7c7f; --fg-dark-less: #e7e2e2; --bg-dark-less: #16161d; --ac-dark-less: #f7bf26; /* more contrast */ --ac-light-more: #03f; /* #009e73; */ --fg-light-more: #000; --bg-light-more: #fff; --midtone-more: #555; --fg-dark-more: #fff; --bg-dark-more: #000; --ac-dark-more: #fa0; --hl: yellow; } body { letter-spacing: 0.02em; } /* hr.stripe { margin: 1ex 1em; border: 1ex solid #000; border-width: 1ex 0; padding: 0.5ex; height: 1ex; font-size: var(--small); } */ #logo, #menu + #has-breadcrumb { translate: -5pt } #logomark { content: url("data:image/svg+xml;utf8,"); display: block; } .ud { transform: rotate(180deg) } .fx { transform: scaleX(-1) } #page.page #print-button { display: none; } nav.li > ul, nav.li > ul > li { display: list-item; } nav.li > p { margin: 3pt 0; } #main-footer a.st { margin: 0; padding: 0; } li p { text-indent: 0 !important; } /* bake to js */ /* body[data-contrast="less"] #background-header, body[data-contrast="less"] #background-footer, body[data-contrast="less"] #a11y, body[data-contrast="less"] #top-nav-screen, body[data-contrast="less"] .on-plank { border: 1px solid #fff1; box-shadow: 0 -1px 1pc #0002; background: #fff1; backdrop-filter: blur(9px); } body[data-contrast="less"] #background-body { background-color: var(--bg); background-image: radial-gradient(at 50% 40%,var(--bg) 0,transparent 50%), radial-gradient(at 68% 62%,var(--bg) 0,transparent 50%), radial-gradient(at 62% 38%,hsla(226,96%,52%,.5) 0,transparent 50%), radial-gradient(at 35% 70%,hsla(246,31%,58%,.5) 0,transparent 50%), radial-gradient(at 90% 85%,hsla(343,77%,69%,.3) 0,transparent 50%); } body[data-contrast="less"] .screening { background: unset; backdrop-filter: var(--blur); } body[data-contrast="less"] #bionReadSwitch + label { background: unset; color: unset; } body[data-contrast="less"] #bionReadSwitch + label:active, body[data-contrast="less"] #bionReadSwitch + label:hover, body[data-contrast="less"] #bionReadSwitch:checked + label { color: var(--ac); } @media (max-width: 640px) { body[data-contrast="less"] #top-nav-screen { outline: unset; border: unset; } body[data-contrast="less"] #top-nav .on-plank { outline: unset; border: unset; box-shadow: none; background: none; backdrop-filter: unset; } } */ @media (max-width: 540px) { #fl { display: flex; justify-content: space-between; margin: 1pc 0 0; } }