2026-06-15 00:17:17 +02:00
|
|
|
/* Honor the user's browser font-size / zoom preference (rem-relative). */
|
|
|
|
|
html {
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2026-02-21 00:19:04 +01:00
|
|
|
* {
|
2026-04-07 22:48:59 +02:00
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
2026-06-15 00:17:17 +02:00
|
|
|
font-family: var(--font-sans);
|
2026-02-21 00:19:04 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
2026-04-07 22:48:59 +02:00
|
|
|
display: flex;
|
2026-06-15 00:17:17 +02:00
|
|
|
height: 100vh; /* fallback for browsers without dvh */
|
2026-06-15 17:02:51 +02:00
|
|
|
/* biome-ignore lint/suspicious/noDuplicateProperties: explicit fallback */
|
2026-06-15 00:17:17 +02:00
|
|
|
height: 100dvh;
|
|
|
|
|
font-size: var(--text-base);
|
|
|
|
|
line-height: var(--leading-normal);
|
2026-04-08 11:03:20 +02:00
|
|
|
background-color: var(--color-bg-page);
|
2026-04-07 22:48:59 +02:00
|
|
|
overflow: hidden;
|
2026-02-21 00:19:04 +01:00
|
|
|
}
|
|
|
|
|
|
2026-04-07 22:48:59 +02:00
|
|
|
html[dir="rtl"] .fa-arrow-left::before {
|
|
|
|
|
content: "\f061";
|
2026-02-21 00:19:04 +01:00
|
|
|
}
|
|
|
|
|
|
2026-04-07 22:48:59 +02:00
|
|
|
html[dir="rtl"] .fa-sign-out-alt {
|
|
|
|
|
-webkit-transform: rotate(180deg);
|
|
|
|
|
transform: rotate(180deg);
|
2026-02-21 00:19:04 +01:00
|
|
|
}
|
2026-03-05 13:15:34 +01:00
|
|
|
/* Utility: hide elements without inline style="" (CSP-safe) */
|
2026-04-07 22:48:59 +02:00
|
|
|
.hidden {
|
2026-04-11 11:18:05 +02:00
|
|
|
display: none !important;
|
2026-04-07 22:48:59 +02:00
|
|
|
}
|
2026-06-15 00:17:17 +02:00
|
|
|
|
|
|
|
|
/* Brand-tinted text selection + caret. */
|
|
|
|
|
::selection {
|
|
|
|
|
background: var(--color-accent-ring-strong);
|
|
|
|
|
color: var(--color-text-heading);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
caret-color: var(--color-accent);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Visually hidden but exposed to assistive tech (a11y-only labels/headings). */
|
|
|
|
|
.sr-only {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 1px;
|
|
|
|
|
height: 1px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: -1px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
clip: rect(0, 0, 0, 0);
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|