﻿/* === Zdroje pod článkem – jemnější varianta bez čísel === */


.article-sources,
.article-sources *{
  box-sizing: border-box;
}


.article-sources{
  width: 100%;
  max-width: 820px;
  margin: 40px auto 0;
  padding: 26px 28px;
  background: #fbf7f5;
  border: 1px solid #bbb2a3;
  border-radius: 0;


  font: inherit;
  color: inherit;
}


/* Nadpis bloku */
.article-sources__title{
  margin: 0 0 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #a79c8b;
}


/* Velikost podle typu nadpisu */
h2.article-sources__title{
  font-size: 24px;
}


h3.article-sources__title{
  font-size: 20px;
}


h4.article-sources__title{
  font-size: 18px;
}


.article-sources__list{
  margin: 0;
  padding: 0;
  list-style: none;
}


.article-sources__item{
  position: relative;
  margin: 0;
  padding: 0 0 0 18px;
  color: inherit;
  line-height: 1.75;
}


.article-sources__item + .article-sources__item{
  margin-top: 14px;
}


.article-sources__item::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 6px;
  height: 6px;
  background: #bbb2a3;
  transform: translateY(-50%);
}


/* Text citací o 2 px menší */
.article-sources__text{
  font: inherit;
  color: #4f473f;
  font-size: calc(1em - 2px);
  line-height: 1.75;
}


.article-sources__text em{
  font-style: italic;
}


.article-sources__text strong{
  font-weight: 700;
}


.article-sources__link{
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  word-break: break-word;
  transition: color .2s ease;
}


.article-sources__link:hover{
  color: #aa8131;
}


.article-sources__link:focus-visible{
  outline: 2px solid #bbb2a3;
  outline-offset: 2px;
}


@media (max-width: 767px){
  .article-sources{
    margin-top: 32px;
    padding: 20px 18px;
  }


  h2.article-sources__title{
    font-size: 24px;
  }


  h3.article-sources__title{
    font-size: 20px;
  }


  h4.article-sources__title{
    font-size: 18px;
  }


  .article-sources__item{
    padding-left: 16px;
    line-height: 1.65;
  }


  .article-sources__item + .article-sources__item{
    margin-top: 12px;
  }


  .article-sources__item::before{
    width: 5px;
    height: 5px;
  }
}