body { max-width: 360px; margin: 60px auto 0; padding: 0 var(--luft-lg) 32px; }
/* De utloggade sidorna behaller den vanliga dokumentskrollen. app.css gor body
   till skrollbehallare pa mobil for att bottom-nav ska sta still nar
   webblasarens kontrollyta fjadrar - men har finns ingen navigering och
   ingenting annat som ar position:fixed, alltsa inget att halla still. Och
   toppmarginalen (60px) ligger UTANFOR body, sa slutet av ett langt formular
   hamnade utanfor det man kunde skrolla till. */
@media (max-width: 540px) {
  html { height: auto; overflow: visible; }
  body { height: auto; overflow: visible; }
}
/* Etiketten och faltet halls ihop av .field (app.css) sedan 2026-09-20, nar
   etiketterna slutade vara platshallare. Faltets egen marginal nollas inuti
   gruppen: annars blir det 4 + 8 px mellan etikett och falt, alltsa lika langt
   som till faltet OVANFOR - etiketten hade da last narmare fel sak. Gruppen bar
   avstandet i stallet, och 12 px har istallet for app.css 20 for att det har ar
   ett tatt formular utan rubriker emellan. Fältens egen luft står i app.css. */
.field { margin-bottom: var(--luft-md); }
.btn-primary { margin-top: 6px; }
/* Texterna är appens .hint, felet .form-error och bekräftelsen .status-ok
   (app.css) - de hade egna p.alt och p.error till 2026-10-09. Här bara
   luften under underrubriken. */
p.inledning { margin-bottom: var(--luft-lg); }
a { color: var(--accent); }

/* LOGGA IN MED STRAVA (2026-10-06): Stravas egen orange, som deras riktlinjer
   för knappen säger - den ska kännas igen som Strava och inte som vår. */
.eller { display: flex; align-items: center; gap: var(--luft-sm); margin: var(--luft-lg) 0 var(--luft-md);
  color: var(--text-muted); font-size: var(--text-stod); }
.eller::before, .eller::after { content: ""; flex: 1; border-top: 1px solid var(--border); }
/* Samma mått och text som .btn-primary - bara färgen är Stravas. */
.btn-strava { display: flex; align-items: center; justify-content: center; box-sizing: border-box;
  min-height: 44px; padding: var(--luft-md) var(--luft-lg); border-radius: var(--radius-md);
  background: var(--strava); color: var(--on-accent); font-size: var(--text-normal); text-decoration: none; }
.btn-strava:hover { background: var(--strava-hover); }

/* Integritetspolicyn (2026-10-06) delar de utloggade sidornas skal; listorna
   behöver luft. */
.integritetspolicy h2 { margin-top: var(--luft-lg); }
.integritetspolicy li { margin-bottom: var(--luft-sm); }