/* Pasha Giriş Rehberi – GAZETE / EDITORIAL teması. Kritik stiller (header, hero, butonlar) HTML <head> içinde inline'dır. */
/* ===== Genel tipografi ===== */
h2,h3{font-family:var(--serif);color:var(--ink);font-weight:700}
h2{font-size:26px;line-height:1.2;margin:0 0 16px}
h3{font-size:19px;line-height:1.3;margin:28px 0 10px}
p{margin:0 0 16px}
ul,ol{margin:0 0 18px;padding-left:22px}
li{margin-bottom:6px}
strong{font-weight:700}
.muted{color:var(--ink-2)}
@media(min-width:768px){h2{font-size:32px}h3{font-size:21px}}

/* ===== E-E-A-T künye ===== */
.byline{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:40px 0 0;padding:14px 0;font-size:14px}
.byline dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.byline dt{font:700 11px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink)}
.byline dd{margin:2px 0 0;line-height:1.45}
@media(min-width:768px){.byline dl{grid-template-columns:1fr 1fr 1fr 2fr}.byline div+div{border-left:1px solid var(--rule);padding-left:20px}}

/* ===== Makale düzeni: yapışkan içindekiler + metin ===== */
.layout{display:grid;gap:32px;padding:48px 0 24px}
.toc{display:none}
@media(min-width:1024px){
.layout{grid-template-columns:230px minmax(0,1fr);gap:56px}
.toc{display:block;position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;border-top:3px double var(--ink);padding-top:12px}
.toc p{font:700 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 8px}
.toc ol{list-style:none;padding:0;margin:0;counter-reset:t}
.toc li{counter-increment:t;margin:0;border-bottom:1px solid var(--rule)}
.toc a{display:flex;gap:10px;padding:8px 0;font-size:13.5px;line-height:1.35;font-weight:600;text-decoration:none}
.toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--serif);color:var(--gold-ink);min-width:22px}
}
.article{min-width:0;max-width:760px}

/* ===== Numaralı bölümler ===== */
.sec{counter-increment:sec;padding:40px 0;border-top:1px solid var(--ink);position:relative}
.article{counter-reset:sec}
.sec:first-child{border-top:0;padding-top:0}
.sec-num{display:block;font:700 12px/1 var(--sans);letter-spacing:.22em;color:var(--crimson);text-transform:uppercase;margin-bottom:12px}
.sec-num::before{content:counter(sec,decimal-leading-zero) " / "}
.sec h2{max-width:22em}

/* ===== Drop cap ===== */
.lede::first-letter{float:left;font:700 64px/.82 var(--serif);color:var(--gold-ink);margin:8px 10px 0 0}
.lede{font-size:18px}

/* ===== Pull quote ===== */
.pull{margin:28px 0;padding:18px 0 18px 22px;border-left:4px solid var(--crimson);font:600 21px/1.45 var(--serif);color:var(--ink)}
.pull cite{display:block;margin-top:10px;font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--gold-ink)}
@media(min-width:1152px){.pull.wide{margin-right:-120px;border-left:0;border-top:3px double var(--ink);border-bottom:1px solid var(--ink);padding:20px 0;font-size:24px;text-align:center}}

/* ===== Kutular, kartlar ===== */
.box{border:1px solid var(--ink);padding:20px;margin:24px 0;background:var(--paper)}
.box-t{font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 10px}
.offer{border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:4px;padding:24px;margin:28px 4px;background:linear-gradient(180deg,#fff9ec,var(--paper))}
.offer h3{margin-top:0}
.offer .b18{margin-left:6px}
.cards{display:grid;gap:0;margin:24px 0;border-top:1px solid var(--ink)}
.card{padding:20px 0;border-bottom:1px solid var(--rule)}
.card h3{margin:8px 0 8px;font-size:19px}
.card p{margin:0;font-size:16px}
.card svg{color:var(--crimson)}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}.card{padding:20px}.card:nth-child(odd){border-right:1px solid var(--rule);padding-left:0}}
@media(min-width:1152px){.cards.four{grid-template-columns:repeat(4,1fr);margin-right:-120px}.cards.four .card{border-right:1px solid var(--rule);padding:20px 16px}.cards.four .card:first-child{padding-left:0}.cards.four .card:last-child{border-right:0}}
.cols2{display:grid;gap:20px}
@media(min-width:768px){.cols2{grid-template-columns:1fr 1fr;gap:32px}}

/* ===== Tablolar ===== */
.tbl-wrap{overflow-x:auto;margin:20px 0 24px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
caption{caption-side:top;text-align:left;font:700 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);padding:12px 0 8px}
th,td{padding:10px 12px 10px 0;border-top:1px solid var(--rule);vertical-align:top;text-align:left}
thead th{border-top:1px solid var(--ink);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
tbody th{font-weight:700;min-width:120px}
.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border:1px solid var(--gold-ink);color:var(--gold-ink);white-space:nowrap}

/* ===== Adım listesi ===== */
.steps{list-style:none;padding:0;margin:24px 0;counter-reset:st}
.steps>li{counter-increment:st;display:grid;grid-template-columns:56px 1fr;gap:12px;padding:18px 0;border-top:1px solid var(--rule);margin:0}
.steps>li::before{content:counter(st,decimal-leading-zero);font:700 32px/1 var(--serif);color:var(--gold-ink)}
.steps h3{margin:2px 0 6px;font-size:18px}
.steps p{margin:0}
.dl{display:grid;grid-template-columns:auto 1fr;gap:0;margin:20px 0;border-top:1px solid var(--ink)}
.dl dt,.dl dd{padding:10px 0;border-bottom:1px solid var(--rule);margin:0}
.dl dt{font-weight:700;padding-right:18px}

/* ===== Risk kutusu ===== */
.risk{border:2px solid var(--crimson);padding:22px;margin:24px 0;background:#fff6f4}
.risk h2{color:var(--crimson)}
.b18{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:26px;padding:0 6px;border:2px solid var(--crimson);color:var(--crimson);font:700 13px/1 var(--sans);border-radius:var(--radius)}

/* ===== Artılar / eksiler ===== */
.pc h3{margin-top:0;display:flex;align-items:center;gap:8px}
.pc ul{list-style:none;padding:0}
.pc li{padding:8px 0 8px 24px;border-bottom:1px solid var(--rule);position:relative;margin:0}
.pc.plus li::before{content:"+";position:absolute;left:0;font-weight:700;color:var(--gold-ink)}
.pc.minus li::before{content:"–";position:absolute;left:0;font-weight:700;color:var(--crimson)}

/* ===== SSS ===== */
.faq{border-bottom:1px solid var(--rule)}
.faq:first-of-type{border-top:1px solid var(--ink)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font:700 17px/1.4 var(--sans);min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 22px/1 var(--serif);color:var(--crimson);flex:none}
.faq[open] summary::after{content:"–"}
.faq p{margin:0 0 18px;color:var(--ink-2)}
.more{display:inline-flex;align-items:center;min-height:44px;font-weight:700;margin-top:12px}

/* ===== Teknik sayfalar ===== */
.page{max-width:768px;margin:0 auto;padding:28px 16px 48px}
.crumb ol{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.crumb li{margin:0}
.crumb li+li::before{content:"/";margin-right:6px;color:var(--gold-ink)}
.crumb a{display:inline-block;padding:10px 0}
.page h1{font-size:30px}
@media(min-width:768px){.page h1{font-size:42px}}
.page .byline{margin:24px 0 8px}
.page section{padding:28px 0;border-top:1px solid var(--rule)}
.page section:first-of-type{border-top:0}
.cta-card{border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:4px;padding:24px;margin:36px 4px;text-align:center;background:linear-gradient(180deg,#fff9ec,var(--paper))}
.cta-card h2{font-size:24px}
.cta-card .cta-row{justify-content:center}
.related{border-top:3px double var(--ink);padding-top:16px;margin-top:24px}
.related h2{font-size:22px}
.related ul{list-style:none;padding:0;display:grid;gap:0}
.related li{border-bottom:1px solid var(--rule);margin:0}
.related a{display:flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none}
.related a::after{content:"→";margin-left:auto;color:var(--gold-ink)}
@media(min-width:640px){.related ul{grid-template-columns:1fr 1fr;column-gap:28px}}

/* ===== Footer (koyu navy, marka tokenları) ===== */
.site-footer{background:var(--background);color:var(--foreground);margin-top:40px;padding:48px 0 24px;border-top:4px solid var(--primary);font-size:15px}
.site-footer a{color:var(--foreground);text-decoration-color:var(--primary)}
.site-footer a:hover{color:var(--primary)}
.foot-grid{display:grid;gap:28px}
@media(min-width:768px){.foot-grid{grid-template-columns:1.6fr 1fr 1fr;gap:48px}}
.foot-logo{font:700 24px/1.1 var(--serif);color:var(--foreground);margin-bottom:12px}
.foot-logo span{color:var(--primary)}
.site-footer p{color:var(--muted-foreground)}
.foot-note{color:var(--foreground)!important;border-left:3px solid var(--primary);padding-left:12px}
.foot-h{font:700 12px/1 var(--sans)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--primary)!important;margin-bottom:10px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:0}
.site-footer li a{display:inline-flex;align-items:center;min-height:40px}
.foot-legal{border-top:1px solid var(--border);margin-top:32px;padding-top:20px;font-size:13.5px}
.foot-legal .b18{border-color:#ff8a80;color:#ffb3ab;margin-right:6px}

/* ===== Mobil sabit CTA ===== */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px;background:var(--background);border-top:2px solid var(--primary);height:64px}
.mbar .btn-ghost{color:var(--foreground);border-color:var(--primary)}
@media(min-width:768px){.mbar{display:none}}

/* ===== Çerez bildirimi ===== */
.ck-anchor{position:fixed;top:0}
.cookie{position:fixed;left:12px;right:12px;bottom:76px;z-index:70;background:var(--paper);border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:3px;padding:16px;font-size:14px;max-width:520px}
.cookie p{margin:0 0 12px}
.cookie-btns{display:flex;flex-wrap:wrap;gap:8px}
.cookie-btns .btn{font-size:14px}
#cerez-kabul:target~.cookie,#cerez-red:target~.cookie{display:none}
@media(min-width:768px){.cookie{bottom:16px;left:16px;right:auto}}

/* ===== Hareket azaltma & yazdırma ===== */
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.mbar,.cookie,.topbar,.toc{display:none}body{padding:0}}