/* Authelia 4.39.28: retain normal document flow, including small screens and zoom. */
#root > .grid.min-h-screen { min-height: calc(100vh - 96px); min-height: calc(100svh - 96px); }
#root > div > .flex[class*="min-h-"] { min-height: calc(100vh - 160px); min-height: calc(100svh - 160px); }
#site-compliance { box-sizing: border-box; min-height: 96px; padding: 18px 16px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: 8px 24px; text-align: center; font: 13px/1.8 system-ui, "Microsoft YaHei", sans-serif; color: #475569; background: #f8fafc; border-top: 1px solid #e2e8f0; }
#site-compliance a { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
#site-compliance a:hover { text-decoration: underline; }
#site-compliance a:focus-visible { outline: 2px solid #285b46; outline-offset: 4px; }
#site-compliance img { flex: 0 0 20px; width: 20px; height: 20px; }
@media(max-width: 540px) { #site-compliance { flex-direction: column; } }