/* =========================================================
   Poetici.com — Public News
   Uses base.css variables for light/dark themes.
   ========================================================= */

.news-public{
  color:var(--text);
  background:var(--bg);
}

.news-list-hero,
.news-view-hero{
  position:relative;
  min-height:290px;
  overflow:hidden;
  isolation:isolate;
  border:0;
  background:transparent;
}

.news-page-bg{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(245,246,252,.86) 88%,var(--bg) 100%),
    var(--page-bg-image) center / cover;
}

[data-theme="dark"] .news-page-bg{
  background:
    linear-gradient(180deg,rgba(15,17,24,.18),rgba(15,17,24,.9) 88%,var(--bg) 100%),
    var(--page-bg-image) center / cover;
}


.news-list-hero-inner{
  position:relative;
  z-index:1;
  min-height:290px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  padding-block:0;
}

.news-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--primary);
  font-size:14px;
  font-weight:800;
}

.news-list-hero h1,
.news-view-hero h1{
  margin:10px 0 14px;
  font-family:var(--font-main);
  color:var(--text);
  letter-spacing:-.035em;
}

.news-list-hero h1{
  font-size:clamp(46px,6vw,72px);
}

.news-list-hero p{
  max-width:700px;
  margin:0;
  color:var(--text);
  font-size:18px;
  line-height:1.55;
  font-weight:700;
}

.news-list-shell,
.news-view-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:20px;
  align-items:start;
  padding-top:0;
  padding-bottom:54px;
}

.news-list-shell,
.news-view-layout{
  position:relative;
  z-index:2;
  margin-top:-34px;
}

.news-main-column,
.news-article-card,
.news-sidebar-card,
.news-quote-card,
.news-related-section{
  min-width:0;
}

.news-main-column,
.news-article-card{
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--surface-solid);
  box-shadow:var(--shadow-soft);
}

.news-main-column{
  padding:18px;
}

.news-breadcrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:0 0 16px;
  border-bottom:1px solid var(--border);
  color:var(--text-soft);
  font-size:13px;
  font-weight:700;
}

.news-breadcrumbs a{
  color:var(--text);
}

.news-breadcrumbs a:hover{
  color:var(--primary);
}

.news-search-form{
  display:flex;
  align-items:center;
  gap:10px;
  margin:16px 0 8px;
  padding:0 10px 0 14px;
  min-height:48px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface-solid);
}

.news-search-icon{
  color:var(--text-soft);
  font-size:21px;
}

.news-search-form input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  color:var(--text);
  background:transparent;
}

.news-search-form input::placeholder{
  color:var(--text-soft);
}

.news-search-form button{
  min-height:34px;
  padding:0 15px;
  border:0;
  border-radius:8px;
  color:#fff;
  background:var(--primary);
  font-size:12px;
  font-weight:800;
}

.news-search-clear{
  color:var(--text-soft);
  font-size:22px;
  line-height:1;
}

.news-found-line{
  margin:7px 0 16px;
  color:var(--text-muted);
  font-size:12px;
  font-weight:700;
}

.news-found-line span{
  margin-left:4px;
  color:var(--text-soft);
}

.news-featured-card{
  display:grid;
  grid-template-columns:minmax(0,44%) minmax(0,56%);
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface-solid);
  box-shadow:0 8px 24px rgba(40,31,25,.05);
}

.news-featured-media,
.news-card-media,
.news-related-thumb{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--surface-muted);
}

.news-featured-media{
  min-height:250px;
}

.news-featured-media img,
.news-card-media img,
.news-related-thumb img,
.news-other-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .28s ease;
}

.news-featured-card:hover .news-featured-media img,
.news-card:hover .news-card-media img,
.news-related-card:hover .news-related-thumb img{
  transform:scale(1.025);
}

.news-image-placeholder{
  display:grid;
  width:100%;
  height:100%;
  min-height:100px;
  place-items:center;
  color:color-mix(in srgb,var(--primary) 45%,var(--text-soft));
  background:
    radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 38%),
    var(--surface-muted);
  font-family:var(--font-main);
  font-size:26px;
  font-weight:700;
}

.news-featured-badge{
  position:absolute;
  top:14px;
  left:14px;
  padding:7px 10px;
  border-radius:999px;
  color:#fff;
  background:var(--primary);
  box-shadow:0 7px 18px rgba(255,47,50,.26);
  font-size:11px;
  font-weight:800;
}

.news-featured-copy{
  display:flex;
  flex-direction:column;
  padding:22px 24px;
}

.news-featured-copy time,
.news-card-copy time,
.news-related-card time{
  color:var(--text-soft);
  font-size:11px;
  font-weight:700;
}

.news-featured-copy h2{
  margin:6px 0 9px;
  font-family:var(--font-main);
  font-size:27px;
  line-height:1.12;
}

.news-featured-copy h2 a:hover,
.news-card h3 a:hover,
.news-related-card h3 a:hover{
  color:var(--primary);
}

.news-featured-copy p,
.news-card-copy p,
.news-related-card p{
  color:var(--text-muted);
  line-height:1.48;
}

.news-featured-copy p{
  margin:0 0 16px;
  font-size:14px;
}

.news-featured-bottom,
.news-card-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
}

.news-read-link{
  color:var(--primary);
  font-size:12px;
  font-weight:800;
}

.news-read-link:hover{
  text-decoration:underline;
}

.news-card-views{
  color:var(--text-soft);
  font-size:11px;
  font-weight:700;
}

.news-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

.news-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-width:0;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface-solid);
}

.news-card-media{
  aspect-ratio:16/9;
}

.news-card-copy{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:13px 14px 14px;
}

.news-card h3{
  margin:5px 0 7px;
  font-family:var(--font-main);
  font-size:17px;
  line-height:1.18;
}

.news-card-copy p{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 13px;
  font-size:12px;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient:vertical;
}

.news-sidebar{
  display:grid;
  gap:16px;
  position:sticky;
  top:calc(var(--header-height) + 18px);
}

.news-sidebar-card,
.news-quote-card{
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--surface-solid);
  box-shadow:var(--shadow-soft);
}

.news-sidebar-card{
  padding:18px;
}

.news-sidebar-card h2,
.news-related-section h2{
  margin:0 0 14px;
  font-family:var(--font-main);
  font-size:25px;
  line-height:1.15;
}

.news-popular-list{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.news-popular-list li{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:11px 0;
  border-bottom:1px solid var(--border);
}

.news-popular-list li:last-child{
  border-bottom:0;
}

.news-popular-number{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:50%;
  color:#b56f49;
  background:#fbefe7;
  font-size:11px;
  font-weight:800;
}

[data-theme="dark"] .news-popular-number{
  color:#ffc5a4;
  background:#3d2d2a;
}

.news-popular-list strong{
  display:block;
  color:var(--text);
  font-size:12px;
  line-height:1.28;
}

.news-popular-list small{
  display:block;
  margin-top:4px;
  color:var(--text-soft);
  font-size:10px;
}

.news-popular-list a:hover strong{
  color:var(--primary);
}

.news-sidebar-empty{
  color:var(--text-soft);
  font-size:12px;
}

.news-quote-card{
  padding:20px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--surface-muted) 88%,transparent),var(--surface-solid));
}

.news-quote-card>span{
  color:#d69a54;
  font-family:Georgia,serif;
  font-size:44px;
  line-height:.8;
}

.news-quote-card p{
  margin:10px 0 12px;
  font-family:var(--font-main);
  font-size:17px;
  font-style:italic;
  line-height:1.45;
}

.news-quote-card small{
  display:block;
  color:var(--text-soft);
  text-align:right;
  font-weight:700;
}

.news-empty-state{
  padding:52px 20px;
  text-align:center;
}

.news-empty-state strong{
  font-family:var(--font-main);
  font-size:26px;
}

.news-empty-state p{
  color:var(--text-muted);
}

.news-empty-state a{
  color:var(--primary);
  font-weight:800;
}

.news-pagination{
  display:flex;
  justify-content:center;
  gap:6px;
  padding-top:22px;
}

.news-pagination a{
  display:grid;
  min-width:36px;
  height:36px;
  padding-inline:8px;
  place-items:center;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--surface-solid);
  color:var(--text-muted);
  font-size:12px;
  font-weight:800;
}

.news-pagination a:hover,
.news-pagination a.is-active{
  border-color:var(--primary);
  color:#fff;
  background:var(--primary);
}

/* One news article */

.news-view-hero{
  min-height:275px;
}

.news-view-hero-inner{
  position:relative;
  z-index:1;
  min-height:290px;
  display:grid;
  place-items:center;
  align-content:center;
  max-width:920px;
  text-align:center;
  padding-block:0;
}

.news-view-hero h1{
  max-width:900px;
  font-size:clamp(38px,5.2vw,62px);
  line-height:1.04;
}

.news-view-hero p{
  max-width:780px;
  margin:0;
  color:var(--text);
  font-size:16px;
  line-height:1.5;
  font-weight:700;
}

.news-article-card{
  padding:18px;
}

.news-article-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px 20px;
  padding:14px 0 2px;
  color:var(--text-muted);
  font-size:12px;
  font-weight:700;
}

.news-new-badge{
  padding:5px 12px;
  border-radius:999px;
  color:#fff;
  background:var(--primary);
}

.news-article-image{
  overflow:hidden;
  margin:14px 0 18px;
  border-radius:13px;
  background:var(--surface-muted);
}

.news-article-image img{
  width:100%;
  max-height:500px;
  object-fit:cover;
}

.news-article-content{
  color:var(--text);
  font-family:var(--font-main);
  font-size:16px;
  line-height:1.62;
}

.news-article-content p{
  margin:0 0 16px;
}

.news-article-content h2,
.news-article-content h3{
  color:var(--text);
  font-family:var(--font-main);
}

.news-article-content h2{
  margin:27px 0 11px;
  font-size:27px;
  line-height:1.18;
}

.news-article-content h3{
  margin:23px 0 10px;
  font-size:21px;
  line-height:1.22;
}

.news-article-content ul,
.news-article-content ol{
  margin:10px 0 18px;
  padding-left:26px;
}

.news-article-content li{
  margin:5px 0;
}

.news-article-content blockquote{
  margin:22px 0;
  padding:7px 0 7px 18px;
  border-left:3px solid var(--primary);
  color:var(--text-muted);
  font-size:18px;
  font-style:italic;
}

.news-article-content a{
  color:var(--primary);
  text-decoration:underline;
  text-underline-offset:2px;
}

.news-article-content hr{
  margin:28px 0;
  border:0;
  border-top:1px solid var(--border);
}

.news-article-content .news-font-small{
  font-size:13px;
}

.news-article-content .news-font-large{
  font-size:20px;
}

.news-article-content .news-font-xlarge{
  font-size:24px;
}

.news-article-content .news-callout{
  margin:22px 0;
  padding:17px 19px;
  border-radius:12px;
}

.news-article-content .news-callout>strong:first-child{
  display:block;
  margin-bottom:6px;
  font-family:var(--font-ui);
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.news-article-content .news-callout p:last-child{
  margin-bottom:0;
}

.news-article-content .news-callout-important{
  border-left:4px solid #e3293d;
  background:#fff0f2;
}

.news-article-content .news-callout-info{
  border-left:4px solid #3478c8;
  background:#eef6ff;
}

.news-article-content .news-callout-note{
  border-left:4px solid #d39a24;
  background:#fff8e6;
}

[data-theme="dark"] .news-article-content .news-callout-important{
  background:#362126;
}

[data-theme="dark"] .news-article-content .news-callout-info{
  background:#202d3d;
}

[data-theme="dark"] .news-article-content .news-callout-note{
  background:#332d20;
}

.news-article-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:28px;
  padding-top:16px;
  border-top:1px solid var(--border);
}

.news-all-link{
  color:var(--primary);
  font-size:13px;
  font-weight:800;
}

.news-share{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--text-soft);
  font-size:11px;
}

.news-share-round-btn{
  display:inline-flex;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid var(--border);
  border-radius:50%;
  color:var(--text-muted);
  background:var(--surface-solid);
  box-shadow:var(--shadow-soft);
  transition:color .2s ease,background .2s ease,border-color .2s ease;
}

.news-share-round-btn svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.news-share-round-btn:hover,
.news-share-round-btn:focus{
  border-color:var(--primary);
  color:#fff;
  background:var(--primary);
  outline:none;
}

.news-other-list{
  display:grid;
}

.news-other-item{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid var(--border);
}

.news-other-item:last-child{
  border-bottom:0;
}

.news-other-thumb{
  display:block;
  overflow:hidden;
  width:68px;
  height:58px;
  border-radius:9px;
  background:var(--surface-muted);
}

.news-other-thumb>span{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  color:var(--text-soft);
}

.news-other-item strong{
  display:block;
  color:var(--text);
  font-size:12px;
  line-height:1.22;
}

.news-other-item small{
  display:block;
  margin-top:5px;
  color:var(--text-soft);
  font-size:10px;
}

.news-other-item:hover strong{
  color:var(--primary);
}

.news-related-section{
  grid-column:1/-1;
  padding:18px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--surface-solid);
  box-shadow:var(--shadow-soft);
}

.news-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.news-related-card{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:12px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:12px;
}

.news-related-thumb{
  min-height:110px;
  border-radius:9px;
}

.news-related-card h3{
  margin:4px 0 6px;
  font-size:15px;
  line-height:1.2;
}

.news-related-card p{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 7px;
  font-size:11px;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient:vertical;
}

/* Tablet */
@media (max-width:1050px){
  .news-list-shell,
  .news-view-layout{
    grid-template-columns:minmax(0,1fr) 280px;
  }

  .news-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .news-related-grid{
    grid-template-columns:1fr;
  }
}

/* Mobile */
@media (max-width:780px){
  .news-list-hero-inner,
  .news-view-hero-inner{
    min-height:210px;
    padding-block:34px;
  }

  .news-list-hero h1{
    font-size:42px;
  }

  .news-list-hero p,
  .news-view-hero p{
    font-size:14px;
  }

  .news-view-hero h1{
    font-size:34px;
  }

  .news-list-shell,
  .news-view-layout{
    grid-template-columns:1fr;
    gap:14px;
    width:min(100% - 24px,var(--container));
    margin-top:-22px;
    padding-top:0;
    padding-bottom:34px;
  }

  .news-main-column,
  .news-article-card{
    padding:13px;
    border-radius:14px;
  }

  .news-sidebar{
    position:static;
    order:2;
  }

  .news-search-form{
    min-height:44px;
    padding-left:11px;
  }

  .news-search-form button{
    padding-inline:11px;
  }

  .news-featured-card{
    grid-template-columns:1fr;
  }

  .news-featured-media{
    min-height:210px;
  }

  .news-featured-copy{
    padding:16px;
  }

  .news-featured-copy h2{
    font-size:24px;
  }

  .news-card-grid{
    grid-template-columns:1fr;
  }

  .news-card{
    display:grid;
    grid-template-columns:118px minmax(0,1fr);
  }

  .news-card-media{
    min-height:145px;
    aspect-ratio:auto;
  }

  .news-card-copy{
    padding:11px 12px;
  }

  .news-card h3{
    font-size:16px;
  }

  .news-card-copy p{
    -webkit-line-clamp:2;
    line-clamp:2;
  }

  .news-article-meta{
    gap:7px 12px;
  }

  .news-article-image img{
    max-height:none;
  }

  .news-article-content{
    font-size:16px;
    line-height:1.65;
  }

  .news-article-content h2{
    font-size:24px;
  }

  .news-article-content h3{
    font-size:20px;
  }

  .news-article-footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .news-share{
    width:100%;
    flex-wrap:wrap;
  }

  .news-related-section{
    grid-column:1;
    padding:13px;
  }

  .news-related-card{
    grid-template-columns:92px minmax(0,1fr);
  }

  .news-related-thumb{
    min-height:100px;
  }
}

@media (max-width:480px){
  .news-list-hero h1{
    font-size:36px;
  }

  .news-list-hero p{
    font-size:13px;
  }

  .news-breadcrumbs{
    font-size:11px;
  }

  .news-card{
    grid-template-columns:105px minmax(0,1fr);
  }

  .news-card-media{
    min-height:135px;
  }

  .news-card-copy p{
    display:none;
  }

  .news-featured-bottom,
  .news-card-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .news-sidebar-card h2,
  .news-related-section h2{
    font-size:22px;
  }

  .news-other-item{
    grid-template-columns:62px minmax(0,1fr);
  }

  .news-other-thumb{
    width:62px;
    height:55px;
  }

  .news-related-card{
    grid-template-columns:80px minmax(0,1fr);
  }
}


/* =========================================================
   News cards — layout aligned with approved mockup
   ========================================================= */

.news-featured-card{
  grid-template-columns:minmax(0,46%) minmax(0,54%);
  min-height:245px;
  border-radius:16px;
}

.news-featured-media{
  min-height:245px;
}

.news-featured-copy{
  padding:18px 20px 16px;
}

.news-featured-copy h2{
  margin:5px 0 8px;
  font-size:25px;
  line-height:1.08;
}

.news-featured-copy p{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 12px;
  -webkit-line-clamp:4;
  line-clamp:4;
  -webkit-box-orient:vertical;
}

.news-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.news-card{
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  min-height:150px;
  border-radius:14px;
  overflow:hidden;
}

.news-card-media{
  height:100%;
  min-height:150px; 
}

.news-card-copy{
  min-width:0;
  padding:12px 12px 10px;
}

.news-card-copy time{
  font-size:10px;
}

.news-card h3{
  margin:4px 0 6px;
  font-size:15px;
  line-height:1.16;
}

.news-card-copy p{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 8px;
  font-size:11px;
  line-height:1.35;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient:vertical;
}

.news-featured-bottom,
.news-card-bottom{
  margin-top:auto;
}

.news-card-share{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  padding:0;
  border:1px solid var(--border);
  border-radius:50%;
  color:var(--text-soft);
  background:var(--surface-solid);
  box-shadow:var(--shadow-soft);
  cursor:pointer;
  transition:color .2s ease,background .2s ease,border-color .2s ease;
}

.news-card-share svg{
  width:16px;
  height:16px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.news-card-share:hover,
.news-card-share:focus{
  color:#fff;
  background:var(--primary);
  border-color:var(--primary);
  outline:none;
}

.news-featured-card .news-card-share{
  width:36px;
  height:36px;
  min-width:36px;
  min-height:36px;
}

.news-featured-card .news-card-share svg{
  width:18px;
  height:18px;
}

@media (max-width:1050px){
  .news-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:780px){
  .news-featured-card{
    grid-template-columns:1fr;
  }

  .news-featured-media{
    min-height:210px;
  }

  .news-card-grid{
    grid-template-columns:1fr;
  }

  .news-card{
    grid-template-columns:115px minmax(0,1fr);
    min-height:145px;
  }

  .news-card-media{
    min-height:145px;
  }
}

@media (max-width:480px){
  .news-card{
    grid-template-columns:100px minmax(0,1fr);
    min-height:132px;
  }

  .news-card-media{
    min-height:132px;
  }

  .news-card h3{
    font-size:14px;
  }

  .news-card-copy p{
    -webkit-line-clamp:2;
    line-clamp:2;
  }
}


/* =========================================================
   News cards — image inset inside card like approved mockup
   ========================================================= */

/* Главная новость: изображение не касается внешней рамки карточки */
.news-featured-card{
  padding:12px;
  gap:16px;
  overflow:visible;
  align-items:stretch;
}

.news-featured-media{
  min-height:225px;
  overflow:hidden;
  border-radius:12px;
}

.news-featured-copy{
  padding:5px 8px 5px 0;
}

/* Обычные карточки: у изображения есть внутренние отступы со всех сторон */
.news-card{
  padding:10px;
  gap:12px;
  overflow:visible;
  align-items:stretch;
}

.news-card-media{
  min-height:130px;
  height:auto;
  overflow:hidden;
  border-radius:12px;
}

.news-card-copy{
  padding:3px 2px 2px 0;
}

/* Изображения точно остаются внутри своих скруглённых внутренних блоков */
.news-featured-media img,
.news-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

/* На маленьких карточках делаем картинку ближе к квадратной, как на макете */
.news-card{
  grid-template-columns:118px minmax(0,1fr);
}

.news-card-media{
  width:118px;
  min-width:118px;
  min-height:118px;
  align-self:start;
}

/* Главная новость — внутреннее изображение крупнее, но тоже с полями */
.news-featured-card{
  grid-template-columns:minmax(0,45%) minmax(0,55%);
}

@media (max-width:1050px){
  .news-card{
    grid-template-columns:112px minmax(0,1fr);
  }

  .news-card-media{
    width:112px;
    min-width:112px;
    min-height:112px;
  }
}

@media (max-width:780px){
  .news-featured-card{
    grid-template-columns:1fr;
    gap:12px;
  }

  .news-featured-copy{
    padding:2px 4px 4px;
  }

  .news-featured-media{
    min-height:205px;
  }

  .news-card{
    grid-template-columns:110px minmax(0,1fr);
    padding:9px;
    gap:10px;
  }

  .news-card-media{
    width:110px;
    min-width:110px;
    min-height:110px;
  }
}

@media (max-width:480px){
  .news-card{
    grid-template-columns:96px minmax(0,1fr);
  }

  .news-card-media{
    width:96px;
    min-width:96px;
    min-height:96px;
  }
}