/* EGKits Base Styles (Public) - scoped
   Apply via body class `egk-app` (already added in index.html) */
.egk-app *, .egk-app *::before, .egk-app *::after { box-sizing: border-box; }
.egk-app html, .egk-app body, .egk-app #app { height: 100%; }
.egk-app body { margin: 0; }

.egk-app { color: var(--egk-color-text); line-height: 1.5; background-color: var(--egk-color-background); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.egk-app a { color: var(--egk-color-primary); text-decoration: none; }
.egk-app a:hover { text-decoration: underline; }

.egk-app :focus-visible { border-radius: var(--egk-radius-sm);
 box-shadow: var(--egk-focus-ring); }

.egk-app .sr-only { position: absolute;
 overflow: hidden;
 width: 1px; height: 1px;
 margin: -1px; padding: 0;
 border: 0; clip: rect(0,0,0,0); white-space: nowrap; }
.egk-app .container { width: min(100% - 2rem, 1200px); margin-inline: auto; }