/* In the HTML before JS, but shown only inside the sign-in dialog (which adopts it) or when scripting is off: never during loading. */
.public-entry { box-sizing: border-box; color: #dbe2ee; font: 14px/1.65 system-ui, "Malgun Gothic", sans-serif; word-break: keep-all; overflow-wrap: anywhere; }
body > .public-entry { display: none; }
@media (scripting: none) { body > .public-entry { display: block; width: min(520px, calc(100% - 40px)); margin: 15vh auto 24px; } }
.public-entry h1 { font-size: 22px; line-height: 1.4; margin: 0 0 10px; color: #f4ead4; }
.public-entry p { margin: 0 0 8px; }
.public-entry nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px 16px; }
.public-entry a { color: #ebca82; text-underline-offset: 4px; display: inline-block; padding: 7px 0; }
.public-entry a:focus-visible { outline: 2px solid #ebca82; outline-offset: 3px; }
.auth-modal .public-entry { width: min(440px, 100%); flex: none; padding: 14px 4px 4px; text-align: center; }
.auth-modal .public-entry h1 { font-size: 16px; margin-bottom: 6px; }
.auth-modal .public-entry p { font-size: 13px; }