/* seo.css: SSS (faq.html) + teknik makaleler (insights/*.html). Yalniz bu sayfalar yukler.
   theme.css'ten SONRA yuklenir; yalniz tema belirteclerini kullanir (--bg --ink --mute --line --red --red-text).
   Mevcut CSS'e dokunmaz. */

/* taslak etiketi */
.sample-tag{position:relative;display:inline-block;margin-top:26px;padding:6px 12px;border:1px dashed var(--line);border-radius:999px;
  color:var(--mute);font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase}

/* breadcrumb */
.crumbs{position:relative;margin-bottom:28px;font-size:14px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:0 10px;list-style:none}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--mute)}
.crumbs a{color:var(--mute);display:inline-block;padding:12px 0;transition:color .2s}
.crumbs a:hover{color:var(--ink)}
.crumbs [aria-current]{display:inline-block;padding:12px 0;color:var(--ink)}

/* baslik alani: genel .page-hero h1 devasa; uzun basliklar icin kucult */
.seo-hero h1{font-size:clamp(30px,5vw,64px);line-height:1.08;max-width:24ch;overflow-wrap:break-word}
.seo-hero p.lead{max-width:62ch}
.seo-meta{position:relative;margin-top:18px;color:var(--mute);font-size:14px}

/* makale govdesi */
.article{padding:clamp(48px,7vw,96px) var(--pad);border-top:1px solid var(--line)}
.article__body{max-width:70ch;margin:0 auto 0 0;font-size:clamp(17px,1.35vw,19px);line-height:1.7}
.article__body h2{font:800 clamp(22px,2.6vw,32px)/1.2 var(--display);letter-spacing:-.02em;max-width:none;margin:2.2em 0 .6em}
.article__body h2:first-child{margin-top:0}
.article__body p{margin:0 0 1.1em;color:var(--ink)}
.article__body ul,.article__body ol{margin:0 0 1.2em;padding-left:1.3em}
.article__body li{margin-bottom:.5em}
.article__body li::marker{color:var(--red)}
.article__body a{color:var(--red-text);text-decoration:underline;text-underline-offset:3px}
.article__body a:hover{text-decoration-thickness:2px}
.article__note{margin:1.6em 0;padding:16px 20px;border-left:3px solid var(--red);background:rgba(128,128,128,.08);color:var(--mute);font-size:.95em;line-height:1.6}

/* ilgili hizmetler + onceki/sonraki */
.article__aside{max-width:70ch;margin:clamp(36px,5vw,64px) auto 0 0;padding-top:28px;border-top:1px solid var(--line)}
.article__aside h2{font:700 12px var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--red-text);margin-bottom:14px;max-width:none}
.related{list-style:none;display:flex;flex-wrap:wrap;gap:0 22px;margin-bottom:28px}
.related a{display:inline-block;padding:12px 0;font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s}
.related a:hover,.related a:focus-visible{border-color:var(--red)}
.pager{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.pager a{display:block;padding:18px 20px;border:1px solid var(--line);transition:border-color .25s}
.pager a:hover,.pager a:focus-visible{border-color:var(--red)}
.pager small{display:block;margin-bottom:6px;color:var(--mute);font:700 11px var(--display);letter-spacing:.16em;text-transform:uppercase}
.pager strong{display:block;font:700 16px/1.35 var(--display)}
.pager .pager__next{text-align:right}

/* SSS akordeon (<details>, JS gerekmez) */
.faq{max-width:78ch}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:16px 4px;cursor:pointer;list-style:none;
  font:700 clamp(16px,1.5vw,19px)/1.4 var(--display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:28px;text-align:center;font:400 26px/1 var(--display);color:var(--red-text);transition:transform .2s}
.faq details[open] summary::after{content:"\2212"}
.faq summary:hover{color:var(--red-text)}
.faq summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.faq__a{padding:0 4px 22px;color:var(--mute);font-size:clamp(16px,1.3vw,18px);line-height:1.7;max-width:68ch}
.faq__a a{color:var(--red-text);text-decoration:underline;text-underline-offset:3px}

/* insights listesi */
.insight-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(14px,2vw,24px)}
.insight-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.4vw,32px);border:1px solid var(--line);transition:border-color .3s,transform .3s}
.insight-card:hover,.insight-card:focus-within{border-color:var(--red);transform:translateY(-3px)}
.insight-card h2{font:800 clamp(19px,1.8vw,24px)/1.25 var(--display);letter-spacing:-.01em;max-width:none}
.insight-card p{color:var(--mute);line-height:1.6;font-size:16px}
.insight-card__link{margin-top:auto;padding-top:14px;font:700 13px var(--display);letter-spacing:.08em;color:var(--red-text)}
.insight-card__link::before{content:"";position:absolute;inset:0}
.insight-card__link:focus-visible{outline-offset:-3px}
[data-theme="light"] .insight-card{background:#fff}

@media (max-width:760px){
  .pager .pager__next{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .insight-card,.faq summary::after{transition:none}
  .insight-card:hover,.insight-card:focus-within{transform:none}
}