/* 2 kolonlu ana grid: sol iki satır, sağ tek sütun ve 2 satırı kapsar */
.ms-layout {
    display: grid;
    grid-template-columns: 1fr minmax(360px, 520px);
    grid-template-areas:
      "head  media"
      "content media";
    gap: 28px 48px;
    align-items: start;
  }
  
  .ms-head    { grid-area: head; }
  .ms-content { grid-area: content; }
  .ms-media   { grid-area: media; align-self: start; justify-self: end; }
  
  /* Görsel boyutu ve görünüm */
  .ms-img {
    width: 100%;
    max-width: 520px;   /* ihtiyaca göre 420–520 arası ayarlayabilirsin */
    height: auto;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
  }
  
  /* Liste/rozet mevcut stiller */
  .ms-badge { display:inline-block; background:#6f42c1; color:#fff; font-size:.8rem; padding:.25rem .6rem; border-radius:12px; }
  .ms-list  { margin:0; padding-left:1rem; color:#444; }
  .ms-list li { margin-bottom:.4rem; }
  
  /* Mobil/tablet: tek sütuna düşür */
  @media (max-width: 991.98px) {
    .ms-layout {
      grid-template-columns: 1fr;
      grid-template-areas:
        "head"
        "media"
        "content";
      gap: 20px;
    }
    .ms-media { justify-self: center; }
    .ms-img   { max-width: 92vw; }
  }