/* Inspiration guides and project pages from round 4: Därför bör du överväga vikbara duschdörrar,
   Albin berättar: 7 vanligaste eljobben, Totalrenovering hos Deniz och Jaromír and
   Badrumsrenovering hos Carolyn och Matthew. Loaded after ny_design.css and ny_design_guider.css
   or ny_design_listor.css on those pages only; everything is scoped to their own classes. */

/* ---------- A chapter with a quote beside it (vikbara duschdörrar, "INR har tänkt ett varv till") ----------
   The text on the left and the INR quote in the dashed frame of "Projektledarens citat" on the
   right, half and half like a picture beside text; on phones the quote comes under the text. */
.nd_inspiration_quote_grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
    align-items: center;
}
.nd_page .nd_inspiration_quote_grid .nd_chapter_number + .nd_rich {
    margin-top: 12px;
}
@media (max-width: 767px) {
    .nd_inspiration_quote_grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }
}

/* ---------- Two upright pictures side by side (project pages) ----------
   nd_image_pair.html shows a pair in 4:3; a pair of upright photos keeps 4:5, as in the
   gallery, so a tall picture is not cut down to a strip. */
.nd_page .nd_inspiration_pair_portrait .nd_image_pair img {
    aspect-ratio: 4 / 5;
}

/* ---------- More guides under the projects (vikbara duschdörrar) ----------
   The cards of "Tidigare projekt" on the page background, so the two rows of cards do not run
   together into one sand band. */
.nd_page .nd_inspiration_guides {
    background: none;
}

/* ---------- Vikbara duschdörrar and 5 eldetaljer: the H1 on two lines ----------
   "Därför bör du överväga" (909 px at 76 px) and "smart och snyggt hem" (886 px) are a little over
   the hero's 880 px, so the H1 went to three lines. Up to 960 px, the width a short H1 already gets
   on one line, each breaks into two: "Därför bör du överväga / vikbara duschdörrar" and
   "5 eldetaljer för ett / smart och snyggt hem" (Hanna, 2026-11-05: an H1 on two lines). */
.nd_page.nd_inspiration_vikbara_page .nd_hero > .nd_container > .nd_h1,
.nd_page.nd_inspiration_eldetaljer_page .nd_hero > .nd_container > .nd_h1 {
    max-width: 960px;
}