/* Dyrekompass editorial presentation layer. Existing site-theme-v1 assets remain untouched. */
/* Reader-led editorial presentation: full-width single-column stories,
   truthful section navigation and readable visual rhythm. Scope to articles;
   don't alter homepage, species pages or multi-column layouts with imagery. */
.dk-article-template-v2 > .dk-article-toc{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 26px!important;
  padding:26px 30px!important;
}
.dk-article-template-v2 > .dk-article-toc > strong{
  grid-column:1/-1!important;
  margin-bottom:7px!important;
}
.dk-article-template-v2 > .dk-article-toc > a{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:start!important;
  padding:9px 4px!important;
  font-size:14px!important;
  line-height:1.45!important;
  min-width:0!important;
}
.dk-article-template-v2 > .dk-article-toc > a > span:first-child{
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  background:#e4eadc!important;
  color:#3f7558!important;
  font-size:10px!important;
  font-weight:850!important;
}
.dk-article-template-v2 > .dk-article-toc > a > .dk-toc-label{
  min-width:0!important;
  overflow-wrap:break-word!important;
  padding-top:3px!important;
}
.dk-article-template-v2 .dk-article-split > .dk-article-split-copy:only-child{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:900px!important;
  margin-inline:auto!important;
}
.dk-article-template-v2 .dk-article-feature-block:not(:has(.dk-tip-grid,.dk-activity-grid)){
  max-width:100%!important;
  padding:32px 36px!important;
  background:#fffdf8!important;
  border:1px solid rgba(21,63,64,.11)!important;
  border-left:4px solid #3f7558!important;
  border-radius:20px!important;
}
.dk-article-template-v2 .dk-article-feature-block:not(:has(.dk-tip-grid,.dk-activity-grid)) > h2{
  margin-top:0!important;
}
.dk-article-template-v2 .dk-article-feature-block:not(:has(.dk-tip-grid,.dk-activity-grid)) > p:last-child{
  margin-bottom:0!important;
}
@media(max-width:760px){
  .dk-article-template-v2 > .dk-article-toc{
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:20px 22px!important;
  }
  .dk-article-template-v2 > .dk-article-toc > a{padding:8px 0!important}
  .dk-article-template-v2 .dk-article-feature-block:not(:has(.dk-tip-grid,.dk-activity-grid)){
    padding:24px 22px!important;
  }
  .dk-article-template-v2 .dk-article-split > .dk-article-split-copy:only-child{
    max-width:none!important;
  }
}

/* Sticky header must not cover an H2 after a table-of-contents click. */
.dk-editorial-article section[id]{scroll-margin-top:108px!important}
@media(max-width:760px){
  .dk-editorial-article section[id]{scroll-margin-top:88px!important}
}

/* Shared Dyrekompass reader-first article footer. Existing and future posts.
   Keep the title separate from the three links, with touch-sized, wrapping
   link targets. Do not touch legacy next-link sections or other site pages. */
.dk-editorial-article.dk-article-template-v2 > nav.dk-article-next-links{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  column-gap:24px!important;
  row-gap:8px!important;
  margin-top:32px!important;
  margin-bottom:24px!important;
  padding:18px 0!important;
  border-top:1px solid rgba(21,63,64,.14)!important;
}
.dk-editorial-article.dk-article-template-v2 > nav.dk-article-next-links > strong{
  display:block!important;
  flex:0 0 100%!important;
  margin:0 0 3px!important;
  color:#153f40!important;
  line-height:1.4!important;
}
.dk-editorial-article.dk-article-template-v2 > nav.dk-article-next-links > a{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:4px 0!important;
  line-height:1.4!important;
  white-space:normal!important;
}
@media(max-width:760px){
  .dk-editorial-article.dk-article-template-v2 > nav.dk-article-next-links{
    column-gap:18px!important;
    row-gap:8px!important;
    margin-top:26px!important;
    padding-top:16px!important;
  }
  .dk-editorial-article.dk-article-template-v2 > nav.dk-article-next-links > a{
    min-height:44px!important;
  }
}