/* Annonseslot — samme system på forside og artikkel.
   Merkelappen ligger i CSS så den aldri kan glemmes på en enkelt flate. */

.ad-slot{
  display:block;
  min-height:100px;
  margin:2rem 0;
  contain:layout;
}
.ad-slot::before{
  content:"Annonse";
  display:block;
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#767f7a;
  margin-bottom:7px;
}

/* Aldri height, alltid min-height: større annonser skal få plass
   uten å bli beskåret. Feltet kollapser aldri når det står tomt —
   en kollaps er et nytt layout-hopp. */

.ad-slot--top    { min-height:100px }
.ad-slot--inline { min-height:250px }
.ad-slot--feed   { min-height:250px }
.ad-slot--rail   { min-height:600px }
.ad-slot--end    { min-height:300px }

@media(min-width:768px){
  .ad-slot--top{ min-height:90px }
  .ad-slot--feed{ min-height:280px }
}
@media(min-width:1100px){
  .ad-slot--top{ min-height:250px }
  .ad-slot--rail{ position:sticky; top:24px }
}

/* Mobilanker. Under 30 % av skjermhøyden, ellers bryter du
   Better Ads Standards og Chrome kan filtrere annonsene dine. */
.ad-anchor{
  position:sticky; bottom:0; z-index:100;
  background:#fff; border-top:1px solid #d7dcda;
  padding:6px 0 8px;
}
.ad-anchor .ad-slot{ margin:0; min-height:50px }
@media(min-width:768px){ .ad-anchor{ display:none } }