/* The signed-out pages in the Modern look: Logga in, the code, Aktivera, Bekräfta, the error and 404 pages. Linked by the layout when nobody is signed in and by the
   hand-written error pages (StaticModern). The header is the common one (white, the logo on the middle line); under it cream paper and one calm column.
   Every selector starts at body.signed-out, so nothing here reaches a page with the menu. */
body.signed-out main { max-width: 34rem; margin: 0 auto; padding: var(--s-6, 2rem) clamp(1rem, 4vw, 1.5rem) 4rem; }
body.signed-out h1 { margin: 0 0 var(--s-3, 1rem); color: var(--dh-navy); font-size: 1.9rem; line-height: 1.2; }
body.signed-out .narrow-form, body.signed-out form { max-width: none; margin: var(--s-4, 1.25rem) 0 0; padding: 0; border: 0; }
body.signed-out .field { margin: 0 0 var(--s-4, 1.25rem); }
body.signed-out .field label { display: block; font-weight: 700; }
body.signed-out .cf-turnstile { margin: 0 0 var(--s-4, 1.25rem); }
/* one filled button, the whole width of the column; a second choice (Microsoft) is an outline button above it */
body.signed-out form .btn-primary { width: 100%; min-height: 3rem; }
body.signed-out main > p > a.btn:not(.btn-primary) { width: 100%; min-height: 3rem; justify-content: center; text-align: center; }
body.signed-out main > p > a.btn-primary { display: inline-flex; min-height: 3rem; }
body.signed-out .alert { margin: 0 0 var(--s-4, 1.25rem); }
body.signed-out textarea { width: 100%; }
/* The pages written by hand (StaticModern: the error page, the disk-full page) never had the page type of the other admin pages, 16 px: they keep the 18 px text of the signed-out look. */
body.static-page main:not(:has(.dh)) { font-size: 1rem; line-height: 1.6; }