/* Yazı (blog) sayfaları: alt.css + inter.css üstüne */
.a-hero{padding:150px 0 40px}
.a-col{max-width:760px;margin:0 auto}
.a-hero h1{font-size:clamp(38px,4.6vw,60px)!important;margin:18px 0 22px}
.a-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;color:var(--muted);font-size:15px}
.a-meta img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.a-meta b{color:var(--ink);font-weight:500}
.a-tag{display:inline-block;font-size:14px;color:var(--accent);background:var(--soft);padding:6px 12px;border-radius:99px}

.a-body{padding:20px 0 90px;font-size:18px;line-height:1.72;color:#2b2a28}
.a-body>*+*{margin-top:22px}
.a-body h2{font-size:clamp(26px,2.6vw,34px)!important;margin-top:58px;color:var(--ink)}
.a-body h3{font-size:21px;font-weight:500;letter-spacing:-.015em;margin-top:34px;color:var(--ink)}
.a-body a:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.a-body ul{padding-left:0;list-style:none}
.a-body ul li{position:relative;padding-left:26px}
.a-body ul li+li{margin-top:10px}
.a-body ul li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--accent-l);box-shadow:inset 0 0 0 2px var(--accent)}
.a-body strong{font-weight:600;color:var(--ink)}

.short{background:var(--soft);border-left:3px solid var(--accent);padding:24px 28px;border-radius:0 14px 14px 0}
.short small{display:block;font-size:14px;color:var(--accent);margin-bottom:6px;font-weight:500}
.short p{font-size:19px;line-height:1.6;color:var(--ink)}

.a-fig{margin:36px 0}
.a-fig img{width:100%;height:auto;border-radius:18px;display:block;aspect-ratio:16/9;object-fit:cover}
.a-fig figcaption{font-size:14px;color:var(--muted);margin-top:10px}

.cmp{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;margin-top:26px}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:14px 14px;border-bottom:1px solid var(--line)}
.cmp thead th{font-weight:500;color:var(--ink);border-bottom:1px solid rgba(22,21,20,.25)}
.cmp tbody th{font-weight:500;color:var(--muted);width:26%}
.cmp td:nth-child(2){background:rgba(46,90,85,.05)}

.note{display:grid;grid-template-columns:56px 1fr;gap:18px;border:1px solid var(--line);border-radius:18px;padding:26px}
.note img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.note small{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
.note p{font-size:18px;line-height:1.62;color:var(--ink)}
.ph{background:#fff4d6;outline:1px dashed #c9a227;border-radius:6px;padding:2px 6px}

.a-faq{margin-top:26px}
.a-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.a-faq summary{cursor:pointer;font-weight:500;color:var(--ink);list-style:none;font-size:18px}
.a-faq summary::-webkit-details-marker{display:none}
.a-faq details p{margin-top:10px;font-size:17px}

.a-end{background:var(--soft);border-radius:22px;padding:36px;margin-top:60px}
.a-end h3{margin-top:0!important;font-size:26px!important}
.a-end p{margin-top:10px}
.a-end .ctas{margin-top:22px}
.a-end .btn{text-decoration:none!important;color:#fff!important}

@media (max-width:720px){
  .wrap{padding:0 20px}
  .a-hero{padding:116px 0 26px}
  .a-body{font-size:17px}
  .short{padding:20px}
  .cmp{font-size:14.5px}
  .cmp th,.cmp td{padding:11px 8px}
  .cmp tbody th{width:30%}
  .note{grid-template-columns:1fr;padding:22px}
  .a-end{padding:26px 22px}
}

/* yazı listesi */
.a-list{list-style:none;padding:10px 0 100px}
.a-list li{border-top:1px solid var(--line)}
.a-list li:last-child{border-bottom:1px solid var(--line)}
.a-list a{display:block;padding:30px 0}
.a-list small{font-size:14px;color:var(--muted)}
.a-list h2{font-size:clamp(24px,2.6vw,32px)!important;margin:8px 0 10px;transition:color .25s}
.a-list a:hover h2{color:var(--accent)}
.a-list p{font-size:17px;line-height:1.6;color:#2b2a28;max-width:640px}