Toppen uten ramme på mobil

Portals telefonregel for .hero (3rem over, 1,25rem på sidene) står etter
dens egen .hero-slides-nullstilling med samme spesifisitet, så på telefon
vant den tilbake: 36px ingenting over ordmerket, og bildeserien trukket
15px inn fra begge kanter i stedet for å gå ut til dem. Linjen og teksten
har allerede sine 1,5rem, så rammen trenger ingen.

Den enkle toppen (kontakt, takk) beholder sideluften - linjens 1,5rem, så
ordmerket lander på samme kant som på forsiden - og legger seg i linjens
høyde i stedet for 3rem ned.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

custom.css

@@ -179,6 +179,33 @@ h1, h2, h3 {
   backdrop-filter: none;
 }
 
+/* Portal narrows a card's padding on a small screen; the rule above is
+   unconditional and this sheet loads after portal's, so without this the
+   desktop padding survived onto a phone - 1.8rem of margin either side of
+   a 360px screen, a tenth of the width given to nothing. Same breakpoint
+   portal uses, so the two stay in step. */
+@media (width <= 40rem) {
+  .alt-card {
+    padding: 1.4rem 1.35rem 1.45rem;
+  }
+
+  /* Portal's phone rule for .hero (3rem on top, 1.25rem either side) is
+     written after its .hero-slides reset and at the same specificity, so
+     on a phone it won: 36px of nothing above the wordmark, and the
+     slideshow pulled 15px in from both edges instead of bleeding to them.
+     The bar and the copy carry their own 1.5rem, so the frame needs none. */
+  .hero-slides {
+    padding: 0 0 2rem;
+  }
+
+  /* The plain hero (kontakt, takk) has no inner bar, so it keeps a side
+     inset - the bar's 1.5rem, so the wordmark lands on the same edge as
+     on the front page - and sits at the bar's height instead of 3rem down. */
+  .hero:not(.hero-slides) {
+    padding: 1rem 1.5rem 2rem;
+  }
+}
+
 .alt-card h2 {
   font-size: 1.45rem;
   margin: 0 0 0.35rem;

questions/index.yaml

@@ -68,7 +68,7 @@ slideshow:
     - image: images/bildeserie/14.webp
       width: 1050
       height: 1400
-      caption: Drenering og riktige rammer før kunstgressbanen legges mesterfullt ned helt uten gummikuler
+      caption: Drenering og riktige rammer før kunstgressbanen legges mesterfullt ned, helt uten gummikuler
     - image: images/bildeserie/15.webp
       width: 2098
       height: 1400
@@ -104,7 +104,7 @@ slideshow:
     - image: images/bildeserie/23.webp
       width: 2095
       height: 1400
-      caption: Nytt kunstgress med varme på Fredrikstad stasjon.
+      caption: Nytt kunstgress med varme på Fredrikstad stadioen.
     - image: images/bildeserie/24.webp
       width: 1050
       height: 1400
@@ -112,7 +112,7 @@ slideshow:
     - image: images/bildeserie/25.webp
       width: 1487
       height: 1400
-      caption: pH-test av borprøver i betong fra forskjellige dybder
+      caption: PH-test av borprøver i betong fra forskjellige dybder
 alternatives:
   - name: Få kartlagt byggets tilstand
     description: >