/* OBJECT etc – artikkel. Bygger på gridet fra forsiden. Mål: --art-… øverst i style.css. */

/* Åpningen: halve første skjermbilde er hvit luft, så tittel og ingress */
.art-topp {
	padding-top: var(--art-luft-topp);
}
.art-meta,
.art-tittel,
.art-ingress,
.art-handlinger {
	max-width: var(--art-tekst-bredde);
	padding-left: var(--grid-kant);
	font-family: var(--grid-font);
	color: var(--grid-farge-tekst);
	box-sizing: content-box;
}
.art-meta {
	margin: 0 0 calc(22 * var(--grid-enhet));
	font-size: var(--art-str-meta);
	text-transform: uppercase;
	opacity: 0.5;
}
.art-tittel {
	margin: 0;
	font-weight: 400;
	font-size: var(--art-str-tittel);
	line-height: 1.1;
	text-box: trim-both cap alphabetic;
}
.art-ingress {
	margin: calc(28 * var(--grid-enhet)) 0 0;
	font-weight: 300;
	font-size: var(--art-str-ingress);
	line-height: 1.3;
}
.art-handlinger {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: calc(26 * var(--grid-enhet));
	font-size: var(--art-str-meta);
	opacity: 0.8;
}

/* Brødtekst fra editoren (valgfritt) */
.art-tekst {
	padding-top: var(--art-luft-ned);
}
.art-brodtekst {
	max-width: var(--art-tekst-bredde);
	padding-left: var(--grid-kant);
	font-family: var(--grid-font);
	font-size: var(--art-str-brodtekst);
	font-weight: 300;
	line-height: 1.55;
	color: var(--grid-farge-tekst);
	box-sizing: content-box;
}
.art-brodtekst > :first-child { margin-top: 0; }
.art-brodtekst h2,
.art-brodtekst h3 { font-weight: 500; line-height: 1.2; margin: 1.8em 0 0.6em; }
.art-brodtekst a { color: inherit; text-underline-offset: 0.2em; }
.art-brodtekst img { height: auto; }

/* Seksjonene: første får dobbel luft fra ingressen, som på designersidene */
.art-seksjoner > .hand-seksjon:first-child {
	padding-top: calc(var(--art-luft-ned) - var(--grid-kant));
}

/* Produkter nederst */
.art-produkter {
	padding-top: calc(var(--art-luft-ned) - var(--grid-kant));
	padding-bottom: calc(80 * var(--grid-enhet));
}
.art-produkter .hand-grid--har-bildetekst {
	row-gap: calc(var(--grid-gap) + var(--grid-tekstlinje));
}