/* The first document contains a usable loading shell before account scripts run. */
.startup-shell { min-height:100svh; }
.startup-shell .portal-header { min-height:92px; }
.startup-shell .brand small { display:block; margin-top:3px; font:14px/1.4 var(--body,'Segoe UI',sans-serif); color:var(--appearance-nav-muted); letter-spacing:0; }
.startup-shell .startup-main { width:min(var(--portal-content-width,1200px),calc(100% - 2 * var(--portal-page-gutter,24px))); margin:0 auto; padding:80px 0; }
.startup-main h1 { margin:0 0 16px; max-width:24ch; font:400 clamp(28px,3vw,36px)/1.25 var(--display,Georgia,serif); }
.startup-main p { max-width:60ch; color:var(--muted); font-size:18px; line-height:1.6; }
.startup-main noscript p { color:var(--danger); }
@media (max-width:1100px) {
 html[data-appearance] .portal-compact.startup-shell .portal-header { height:auto; flex-wrap:wrap; }
 html[data-appearance] .portal-compact.startup-shell .portal-nav { display:flex; flex-wrap:wrap; }
}
@media (max-width:700px) {
 .startup-shell .portal-header { min-height:80px; flex-wrap:wrap; gap:12px; }
 html[data-appearance] .portal-compact.startup-shell .portal-nav { width:100%; gap:4px 16px; justify-content:flex-start; }
 .startup-shell .portal-nav a { padding:8px 0; font-size:14px; }
 .startup-shell .startup-main { padding:48px 0; }
}
@media (max-width:600px) {
 .startup-shell .startup-main { width:calc(100% - 36px); }
}