/* Modern Article Template - Blue hero, no author, no sidebar */
:root{
  --ma-container: 1200px;
  --ma-pad: 20px;
  --ma-radius: 16px;
  --ma-shadow: 0 20px 40px rgba(0,0,0,.08);
  --ma-muted: #6b7280;
  --ma-text: #0b0f19;
  --ma-bg: #ffffff;
  --ma-soft: #f5f7fb;
  --ma-accent: #0ea5e9;
  --ma-accent-2: #1f2937;
}

.container{ max-width: var(--ma-container); margin: 0 auto; padding: 0 var(--ma-pad); }
.ma-article{ color: var(--ma-text); background: #fff; }

/* HERO */
.ma-hero{ position: relative; min-height: 320px; display: grid; align-items: end; isolation: isolate; background: #1D3D70; }
.ma-hero__bg{ display:none !important; }
.ma-hero__overlay{ display:none !important; }
.ma-hero__inner{ padding: 56px 0 32px; color:#fff; }
.ma-hero__inner *{ color:#fff; }
.ma-cat{ display:inline-block; background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.3); color:#fff; padding:6px 12px; border-radius:999px; font-size:12px; text-decoration:none; backdrop-filter: blur(4px); }
.ma-title{ margin:12px 0 6px; font-size: clamp(26px, 3vw, 44px); line-height:1.1; font-weight:800; }
.ma-meta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; opacity:.95; font-size:14px; }
.ma-meta__item{ display:inline-flex; gap:8px; align-items:center; }
.ma-meta__dot{ display:none; } /* yazar bilgisi kaldırıldığı için noktaya gerek yok */
.ma-ico{ width:18px; height:18px; fill: currentColor; opacity:.9; }

/* Paylaşım */
.ma-share{ margin-top:12px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.ma-share__label{ opacity:1; font-size:13px; }
.ma-share__btn{ display:inline-flex; align-items:center; justify-content:center; height:34px; padding:0 12px; border-radius:10px; background: rgba(255,255,255,.14); color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.3); font-size:13px; transition: all .2s ease; }
.ma-share__btn:hover{ transform: translateY(-1px); }

/* Layout: no sidebar */
.ma-grid{ display:grid; grid-template-columns: 1fr; gap:32px; margin-top:24px; margin-bottom:48px; }

/* Article */
.ma-content{ background: var(--ma-bg); border-radius: var(--ma-radius); box-shadow: var(--ma-shadow); overflow: hidden; }
.ma-feature{ margin:0; background:#000; }
.ma-feature__img{ width:100%; height:auto; display:block; aspect-ratio:16/9; object-fit:cover; }
.ma-feature__cap{ font-size:12px; color:#fff; opacity:.8; padding:8px 14px; background: rgba(0,0,0,.55); }
.ma-entry{ padding:24px; }
.ma-entry p{ line-height:1.7; margin: 0 0 1.1em; }
.ma-entry h2{ font-size: clamp(22px, 2vw, 28px); margin: 1.4em 0 .6em; }
.ma-entry h3{ font-size:20px; margin: 1.2em 0 .5em; }
.ma-entry ul, .ma-entry ol{ margin: 0 0 1.2em 1.25em; }

/* Tags */
.ma-tags{ display:flex; flex-wrap:wrap; gap:10px; padding:0 24px 24px; }
.ma-tag{ text-decoration:none; font-size:12px; color: var(--ma-accent-2); background: var(--ma-soft); padding:8px 12px; border-radius:999px; border:1px solid #e9eef7; transition: all .2s ease; }
.ma-tag:hover{ transform: translateY(-1px); }

/* Post Nav */
.ma-post-nav{ display:flex; justify-content:space-between; gap:12px; padding:24px; border-top:1px solid #eef2f7; }
.ma-post-nav a{ text-decoration:none; color: var(--ma-accent-2); background: var(--ma-soft); padding:10px 14px; border-radius:12px; border:1px solid #e6ecf6; }

/* Related (renamed) */
.ma-related{ padding:16px 24px 32px; border-top:1px solid #eef2f7; }
.ma-related__title{ font-size:20px; margin:8px 0 16px; }
.ma-related__grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
@media (max-width:900px){ .ma-related__grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:560px){ .ma-related__grid{ grid-template-columns: 1fr; } }
.ma-related__item{ text-decoration:none; color:inherit; background:#fff; border:1px solid #ecf0f7; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.04); transition: transform .2s ease; display:grid; grid-template-rows:auto 1fr; }
.ma-related__item:hover{ transform: translateY(-2px); }
.ma-related__thumb{ background:#000; }
.ma-related__img{ width:100%; height:auto; aspect-ratio: 3/2; object-fit:cover; display:block; }
.ma-related__ph{ width:100%; aspect-ratio:3/2; background:#e5e9f2; }
.ma-related__meta{ padding:14px; }
.ma-related__title{ font-size:15px; line-height:1.35; margin:0 0 6px; }
.ma-related__date{ font-size:12px; color: var(--ma-muted); }