/* Ortak bileşenler: reklam alanları, rehber kartları, breadcrumb, ilgili rehberler */
.ad-wrap{display:none; margin:32px auto; text-align:center; max-width:100%; overflow:hidden;}
.ad-wrap.on{display:block; min-height:110px;}
.ad-wrap .ad-label{display:block; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-dim); margin-bottom:6px;}
.crumbs{font-family:var(--font-mono); font-size:12.5px; color:var(--text-dim); margin-bottom:16px; display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.crumbs a{color:var(--text-dim);} .crumbs a:hover{color:var(--accent);}
.crumbs span[aria-hidden]{opacity:.5;}
.art-meta{font-family:var(--font-mono); font-size:12.5px; color:var(--text-dim); margin-top:16px; display:flex; gap:14px; flex-wrap:wrap;}
.art-meta b{color:var(--accent); font-weight:600;}

.agrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px;}
.acard{position:relative; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:transform .22s ease, border-color .22s ease;}
.acard:hover{transform:translateY(-4px); border-color:color-mix(in srgb,var(--accent) 55%,var(--border));}
.acard.hide{display:none;}
.acard .thumb{aspect-ratio:16/10; display:flex; align-items:center; justify-content:center; font-size:46px; overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--surface-2)),var(--surface-2));}
.acard .thumb img{width:100%; height:100%; object-fit:cover; object-position:top center;}
.acard .body{padding:18px 20px 20px; display:flex; flex-direction:column; gap:8px; flex:1;}
.acard .cat{font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent);}
.acard h3{font-size:17.5px; line-height:1.3;}
.acard h3 a::after{content:""; position:absolute; inset:0;}
.acard p{color:var(--text-dim); font-size:14px; flex:1;}
.acard .foot{display:flex; justify-content:space-between; font-family:var(--font-mono); font-size:12px; color:var(--text-dim); padding-top:10px; border-top:1px solid var(--border);}
.acard .foot b{color:var(--text); font-weight:500;}
.in-feed{grid-column:1/-1;}

.related{padding:56px 0 8px;}
.related h2{font-size:clamp(22px,3vw,28px); margin-bottom:20px;}
.pn{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:28px;}
.pn a{border:1px solid var(--border); background:var(--surface); border-radius:var(--radius); padding:16px 18px; display:flex; flex-direction:column; gap:4px; transition:border-color .18s ease;}
.pn a:hover{border-color:var(--accent);}
.pn small{font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-dim);}
.pn strong{font-family:var(--font-display); font-weight:500; font-size:15.5px;}
.pn .next{text-align:right;}
.all-link{display:flex; justify-content:center; margin-top:24px;}
@media (max-width:640px){.pn{grid-template-columns:1fr;} .pn .next{text-align:left;}}