/* Rehber sayfaları ortak stili — ana sayfa paletiyle aynı */
@font-face{ font-family:'Fraunces'; font-style:normal; font-weight:300 600; font-display:swap; src:url(/fonts/fraunces-latin-ext-1fba8b.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'Fraunces'; font-style:normal; font-weight:300 600; font-display:swap; src:url(/fonts/fraunces-latin-63f165.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Inter'; font-style:normal; font-weight:300 700; font-display:swap; src:url(/fonts/inter-latin-ext-749a30.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'Inter'; font-style:normal; font-weight:300 700; font-display:swap; src:url(/fonts/inter-latin-1ab1ad.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root{
  --white:#FFFFFF; --blue-50:#F9FBFE; --blue-100:#E9F0F9; --blue-200:#D4E1F1;
  --blue-500:#4E7CB8; --hero:#4F8FE0; --accent:#2F6FD0;
  --navy-700:#1D3B72; --navy-900:#0F2247; --navy-950:#08132A;
  --text:#0F2247; --text-soft:#42567D; --hair:#E1E9F4;
  --serif:"Fraunces",Georgia,serif;
  --sans:"Inter","Helvetica Neue",Arial,sans-serif;
  --pad:clamp(16px,5vw,64px);
}
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; background:var(--white); color:var(--text-soft); font-family:var(--sans); font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; display:block; }
a{ color:var(--accent); }
h1,h2,h3{ font-family:var(--serif); font-weight:400; color:var(--text); line-height:1.15; letter-spacing:-.012em; text-wrap:balance; }
:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }
.wrap{ max-width:1180px; margin-inline:auto; padding-inline:var(--pad); }

/* Üst bar */
.top{ position:sticky; top:0; z-index:10; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-bottom:1px solid var(--hair); }
.top .wrap{ display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:68px; }
.top .logo img{ height:40px; width:auto; }
.top nav{ display:flex; flex-wrap:wrap; gap:4px 22px; font-size:.82rem; font-weight:500; }
.top nav a{ color:var(--navy-900); text-decoration:none; }
.top nav a:hover,.top nav a[aria-current]{ color:var(--accent); }
.top .cta{ background:var(--navy-900); color:#fff; padding:.6em 1.2em; border-radius:100px; }
.top .cta:hover{ background:var(--accent); color:#fff; }
@media (max-width:860px){ .top nav a:not(.cta){ display:none; } }

/* Başlık bandı */
.hero{ background:linear-gradient(150deg,var(--hero) 0%,var(--navy-700) 70%,var(--navy-900) 100%); color:#fff; padding:56px 0 64px; }
.crumbs{ font-size:.8rem; opacity:.85; margin:0 0 22px; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:6px; }
.crumbs li+li::before{ content:"›"; margin-right:6px; }
.crumbs a{ color:#fff; }
.hero h1{ color:#fff; font-size:clamp(2rem,4.6vw,3.2rem); margin:0; max-width:22ch; }
.hero .lede{ font-size:clamp(1.02rem,1.5vw,1.18rem); max-width:62ch; margin:18px 0 0; opacity:.95; }
.hero .meta{ font-size:.8rem; margin-top:22px; opacity:.85; }

/* Gövde */
.layout{ display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:56px; padding-block:56px 72px; }
@media (max-width:980px){ .layout{ grid-template-columns:1fr; gap:32px; } }
article{ min-width:0; }
article h2{ font-size:clamp(1.5rem,2.6vw,2rem); margin:2.2em 0 .6em; scroll-margin-top:90px; }
article h3{ font-size:1.25rem; margin:1.6em 0 .4em; }
article p,article ul,article ol{ margin:0 0 1em; }
article li{ margin-bottom:.4em; }
article strong{ color:var(--text); }
.answer{ background:var(--blue-50); border:1px solid var(--blue-200); border-left:4px solid var(--hero); border-radius:12px; padding:20px 24px; margin:0 0 8px; }
.answer .k{ display:block; font-size:.72rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--blue-500); margin-bottom:6px; }
.answer p:last-child{ margin-bottom:0; }
.table{ overflow-x:auto; margin:0 0 1.2em; border:1px solid var(--hair); border-radius:12px; }
table{ width:100%; border-collapse:collapse; font-size:.92rem; }
th,td{ text-align:left; padding:12px 16px; border-bottom:1px solid var(--hair); vertical-align:top; }
th{ background:var(--blue-100); color:var(--text); font-weight:600; }
tr:last-child td{ border-bottom:0; }
td.n{ white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--text); font-weight:600; }
.steps{ counter-reset:s; list-style:none; padding:0; }
.steps li{ counter-increment:s; position:relative; padding-left:48px; margin-bottom:1em; }
.steps li::before{ content:counter(s); position:absolute; left:0; top:0; width:32px; height:32px; border-radius:50%; background:var(--navy-900); color:#fff; font-size:.85rem; font-weight:600; display:grid; place-items:center; }
.faq details{ border-bottom:1px solid var(--hair); padding:14px 0; }
.faq summary{ cursor:pointer; font-weight:600; color:var(--text); list-style:none; display:flex; justify-content:space-between; gap:16px; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; color:var(--accent); font-size:1.3rem; line-height:1; }
.faq details[open] summary::after{ content:"–"; }
.faq details p{ margin:10px 0 0; }
.note{ font-size:.85rem; color:var(--text-soft); border-top:1px solid var(--hair); padding-top:18px; margin-top:40px; }
.sources{ font-size:.88rem; }
.ctabox{ background:var(--navy-900); color:#fff; border-radius:16px; padding:28px 30px; margin-top:44px; }
.ctabox h2{ color:#fff; margin:0 0 .4em; font-size:1.5rem; }
.ctabox p{ margin:0 0 1.1em; opacity:.92; }
.btn{ display:inline-block; background:#fff; color:var(--navy-900); text-decoration:none; font-size:.78rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:.95em 1.7em; border-radius:100px; }
.btn:hover{ background:var(--blue-100); }

/* Yan sütun */
.side .box{ position:sticky; top:92px; border:1px solid var(--hair); border-radius:14px; padding:20px 22px; font-size:.9rem; }
.side .box + .box{ margin-top:18px; position:static; }
.side h2{ font-family:var(--sans); font-size:.72rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--blue-500); margin:0 0 10px; }
.side ol,.side ul{ margin:0; padding-left:18px; }
.side li{ margin-bottom:6px; }
.side a{ color:var(--navy-900); text-decoration:none; }
.side a:hover{ color:var(--accent); text-decoration:underline; }
@media (max-width:980px){ .side .box{ position:static; } }

/* Alt bilgi */
footer{ background:var(--navy-950); color:rgba(255,255,255,.82); font-size:.88rem; padding:44px 0; }
footer .wrap{ display:grid; grid-template-columns:auto 1fr; gap:28px 48px; align-items:start; }
footer img{ width:150px; height:auto; }
footer a{ color:#fff; }
footer .links{ display:flex; flex-wrap:wrap; gap:6px 20px; }
footer .addr{ grid-column:2; }
@media (max-width:700px){ footer .wrap{ grid-template-columns:1fr; } footer .addr{ grid-column:auto; } }
/* Yasal metin sayfaları */
article.yasal{ max-width:820px; }
article.yasal h2{ font-size:1.35rem; margin:2em 0 .5em; }
.kunye{ display:grid; grid-template-columns:max-content 1fr; gap:8px 20px; margin:0 0 1.2em; }
.kunye dt{ font-weight:600; color:var(--text); }
.kunye dd{ margin:0; }
