/* Article image carries the primary actions. MediaFigure remains unchanged. */
.article-body .article-hero-visual{
  position:relative;display:block;margin:16px 0 24px;isolation:isolate;
  overflow:hidden;background:#143e2e;border-radius:8px;
}
.article-body .article-hero-visual .story-media{display:block;margin:0;position:relative}
.article-body .article-hero-visual .story-media img{
  display:block;width:100%;height:clamp(280px,38vw,485px);
  object-fit:cover;object-position:center;
}
.article-body .article-hero-visual .story-media figcaption{
  position:absolute;top:12px;right:12px;bottom:auto;left:auto;
  z-index:2;max-width:min(76%,420px);
  background:#071d15d9;color:#f3f5ee;
  font:11px/1.5 Arial,Helvetica,sans-serif;
  padding:5px 9px;border-radius:4px;
}
.article-hero-visual.no-image .article-hero-noimage{
  height:245px;background:linear-gradient(140deg,#2c6950 0%,#0a2f23 100%);
  display:flex;align-items:flex-start;justify-content:flex-start;
  padding:20px;color:#e4f0db;font:700 13px/1.5 Arial,Helvetica,sans-serif;
}
.article-hero-visual:has(.article-hero-actions)::after{
  content:"";pointer-events:none;position:absolute;inset:35% 0 0;
  background:linear-gradient(180deg,transparent,rgba(3,24,16,.45) 35%,rgba(2,19,14,.96));
  z-index:1;
}
.article-hero-actions{
  position:absolute;z-index:3;left:0;right:0;bottom:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;padding:28px 17px 17px;margin:0;
}
.article-hero-actions>a{
  min-width:0;min-height:68px;display:flex;align-items:center;
  gap:11px;padding:12px 14px;border-radius:7px;
  border:1px solid #ffffff6b;background:#fffdf5eb;
  color:#143d2b;text-decoration:none;
  box-shadow:0 5px 16px #0004;
  transition:transform .14s ease,background-color .14s ease;
}
.article-hero-actions>a.article-hero-ai{
  background:#1c6848eb;border-color:#bdd9c3;color:#fff;
}
.article-hero-actions>a:hover{transform:translateY(-2px);background:#fff;}
.article-hero-actions>a.article-hero-ai:hover{background:#105739;color:#fff;}
.article-hero-actions>a:focus-visible{outline:3px solid #f2d471;outline-offset:2px;}
.article-hero-actions .article-hero-action-icon{
  flex:0 0 auto;font-size:19px;line-height:1.1;
}
.article-hero-actions>a>span:nth-child(2){
  min-width:0;display:flex;flex-direction:column;gap:5px;
  font:700 16px/1.15 Arial,Helvetica,sans-serif;
}
.article-hero-actions small{
  display:block;font:500 11px/1.3 Arial,Helvetica,sans-serif;
  color:#52715e;
}
.article-hero-actions .article-hero-ai small{color:#d7eadb;}
.article-hero-actions .article-hero-arrow{
  margin-left:auto;font-size:22px;line-height:1;
}
#haber-yorumlari{scroll-margin-top:22px;}
#haber-yorumlari:target{
  outline:2px solid #80b18b;outline-offset:4px;
}
@media(max-width:650px){
  .article-body .article-hero-visual{margin:12px 0 20px;}
  .article-body .article-hero-visual .story-media img{height:300px;}
  .article-hero-actions{padding:14px 9px 10px;gap:7px;}
  .article-hero-actions>a{min-height:62px;gap:7px;padding:8px 10px;}
  .article-hero-actions>a>span:nth-child(2){font-size:13px;line-height:1.15;gap:4px;}
  .article-hero-actions small{font-size:10px;line-height:1.2;}
  .article-hero-actions .article-hero-action-icon{font-size:15px;}
  .article-hero-actions .article-hero-arrow{font-size:17px;}
  .article-body .article-hero-visual .story-media figcaption{font-size:9px;max-width:86%;}
}
@media(max-width:340px){
  .article-hero-actions{grid-template-columns:1fr;}
  .article-hero-actions>a{min-height:48px;}
}
@media(prefers-reduced-motion:reduce){
  .article-hero-actions>a{transition:none;}
  .article-hero-actions>a:hover{transform:none;}
}