/* Sniðmát anton-kristinn (#12991): its stylesheet on the article pages (news_tags.snidmat_styles), in place of the
   CSS stored with it in the admin. That CSS as of 2026-11-10, in Heimildin's colours and faces (README.md),
   without the rules nothing on its articles matches any more. */

.article__layout-feature-topcover .article__header {
    background-color: var(--st-black);
    color: white;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

/* The site's card under the cover, which its headline and label are on now, as dark as the head, its text light. */
.article__layout-feature-topcover .article__header__content {
    --st-text-color: var(--st-white);
    --st-text-color-light: var(--st-lightgrey);
    background-color: var(--st-black);
    color: var(--st-white);
}

.article__layout-feature-topcover .article__headline {
    font-family: "field-gothic-xcondensed", "Arial Narrow", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    line-height: .9;
    letter-spacing: 0;
    font-size: 4rem;
}

.article__layout-feature-topcover .article__headline span {
    display: block;
    color: var(--st-accent);
    font-size: 1.5rem;
    margin-bottom: .25em;
}

@media only screen and (min-width: 360px) {
  .article__layout-feature-topcover .article__headline span {
          font-size: 2rem;
      }
  .article__layout-feature-topcover .article__headline {
          font-size: 5rem;
      }
}

@media only screen and (min-width: 768px) {
  .article__layout-feature-topcover .article__headline {
          font-size: 6rem;
      }
}

@media only screen and (min-width: 1200px) {
  .article__layout-feature-topcover .article__headline span {
          font-size: 2.5rem;
      }
}