/* newsItem.css - styles aligned with original krd.ru news item */
:root{
  --stm-text:#000;
  --stm-muted:#8a8a96;
  --stm-border:#d9d9de;
}

body{ color: var(--stm-text); }

/* limit content width like original: 856px */
.stm-article{
  /*max-width: 856px;*/
  margin: 0 auto;
}

/* title & date like original (browser-like, not oversized) */
.stm-title{
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 767px){
  .stm-title{ font-size: 24px; line-height: 30px; }
}

.stm-date{
  color: var(--stm-muted);
  font-size: 14px;
  line-height: 20px;
}

.stm-hr{
  border-top: 1px solid var(--stm-border);
  opacity: 1;
  margin: 20px 0 40px;
}

/* --- Slider (856 x 525) --- */
.news-slider{
  max-width: 856px;
  margin: 0 auto 30px;
  position: relative;
}
.news-slider__frame{
  position: relative;
  height: 525px;
  overflow: hidden;
  border-radius: 6px;
  background: #f3f3f6;
}
@media (max-width: 991px){
  .news-slider__frame{ height: 420px; }
}
@media (max-width: 767px){
  .news-slider__frame{ height: 280px; }
}

.news-slider__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}



.news-slider__icon{display:block;}
/* nav buttons */
.news-slider__nav{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  color: #003b83;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
  border: 1px solid rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  pointer-events: auto;
}
.news-slider__nav:focus{ outline: none; box-shadow: 0 0 0 3px rgba(13,110,253,.25); }
.news-slider__nav:hover{ background:#003b83; color:#fff; border-color: rgba(0,0,0,0); }

.news-slider__nav--prev{ left: 2.5%; transform: translate(-50%, -50%); }
.news-slider__nav--next{ right: 2.5%; transform: translate(50%, -50%); }
/* arrows */
.news-slider__nav::before{ content:none; }
/* photo credit + counter + download */
.news-slider__meta{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  z-index: 15;
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  padding: 0 12px;
  pointer-events: none; /* allow clicks to pass except button */
}

.news-slider__credit{
  font-size: 13px;
  line-height: 18px;
  color: rgba(0,0,0,.75);
  pointer-events: none;
}

.news-slider__right{
  display:flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.news-slider__download{
  pointer-events: auto;
  font-size: 13px;
  line-height: 18px;
  padding: 6px 10px;
  border-radius: 4px;
}

.news-slider__counter{
  font-size: 13px;
  line-height: 18px;
  color: rgba(0,0,0,.75);
  pointer-events: none;
}

/* --- Article text exactly like original .text-page__area p --- */
.news-text{
  margin: 0 auto;
}
.news-text p{
  font-size: 18px;
  line-height: 28px;
  color: #333;
  margin: 0 auto 40px;
}

/* Breadcrumb links: use main text color instead of bootstrap blue */
.stm-breadcrumb a,
.stm-breadcrumb .breadcrumb-item > a{
  color: inherit !important;
  text-decoration: none;
}

.stm-breadcrumb a:hover,
.stm-breadcrumb .breadcrumb-item > a:hover{
  text-decoration: underline; /* можно убрать, если не нужно */
}

@media (max-width: 767px){
  .news-text p{ margin-bottom: 28px; }
}