/* Blog ve haber sayfaları */
.wrap.narrow{width:min(780px,92vw)}
.phero{padding:clamp(3.5rem,8vw,6rem) 0 clamp(2rem,4vw,3rem);background:
  radial-gradient(700px 360px at 90% 0%,rgba(5,228,203,.16),transparent 60%),
  linear-gradient(180deg,var(--paper),var(--mist))}
.phero h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;margin:.8rem 0 1rem;max-width:18ch}
.phero .lead{margin-bottom:1.6rem}
.phero .filters{margin-top:.5rem}
.phero-post h1{font-size:clamp(2rem,4.6vw,3.2rem);max-width:none}
.phero-post .lead{font-size:1.18rem}
.back{display:inline-flex;gap:.4rem;font-weight:600;color:var(--teal);margin-bottom:1.4rem}
.back:hover{color:var(--navy)}
.pmeta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;color:var(--muted);font-size:.9rem}
.pmeta .cat{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.plist{padding-top:clamp(2.5rem,5vw,4rem)}
.plist .foot{display:flex;justify-content:center;margin-top:2.5rem}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:3rem 0}
.empty a{color:var(--teal);font-weight:600}

.pcover{margin-top:-1rem;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9;background:var(--mist)}
.pcover:empty{display:none}
.pcover img{width:100%;height:100%;object-fit:cover}
.pbody{padding-top:clamp(2.5rem,5vw,3.5rem)}

.prose{font-size:1.08rem;line-height:1.8;color:#1d2747}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(1.5rem,3vw,1.9rem);margin-top:2em}
.prose h3{font-size:1.3rem;margin-top:1.6em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.4em}
.prose li::marker{color:var(--teal)}
.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.prose blockquote{border-left:4px solid var(--mint);background:var(--mist);padding:1rem 1.3rem;border-radius:0 var(--r-sm) var(--r-sm) 0;font-style:italic}
.prose img{border-radius:var(--r-sm);margin:1.5em 0}
.prose strong{color:var(--navy)}

.pcta{margin-top:3.5rem;background:var(--navy);color:#fff;border-radius:var(--r);padding:clamp(1.8rem,4vw,2.6rem);position:relative;overflow:hidden}
.pcta::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-140px;background:radial-gradient(circle,rgba(5,228,203,.35),transparent 65%)}
.pcta h3{color:#fff;font-size:1.6rem;margin-bottom:.6rem;position:relative}
.pcta p{color:#c9d1ee;margin-bottom:1.4rem;position:relative}
.pcta .btn{position:relative}
.pothers{background:var(--mist)}
.pothers h2{margin-bottom:2rem}