/* Rehber ("nasıl yapılır") yazıları — v4.9.6.0. Yalnız içinde <!--rehber ...--> notu olan haberde yüklenir (yazi_detay.php).
   Özet kutusu (zorluk / süre / adım / gerekenler / adımlar), numaralı adım başlıkları ve sol adım çizgisi,
   DİKKAT kutusu (blockquote), kopyalanabilir komut kutusu (pre), sık sorulanlar. */
.tc-rehber-rozet{display:inline-block;margin:2px 0 6px;padding:3px 12px 2px;font:400 17px/1.2 "TC Bangers","Comic Sans MS",sans-serif;letter-spacing:.06em;color:#191816;background:var(--tcm-sari);border:2.4px solid var(--tcm-murekkep);border-radius:12px 8px 13px 9px;box-shadow:3px 3px 0 var(--tcm-golge);transform:rotate(-2deg)}

/* ---------- özet kutusu ---------- */
.tc-rehber-ozet{display:grid;grid-template-columns:auto 1fr;gap:16px 22px;margin:18px 0 26px;padding:18px 20px;background:var(--tcm-kutu);border:2.6px solid var(--tcm-murekkep);border-radius:14px 10px 15px 11px;box-shadow:4px 5px 0 var(--tcm-golge);color:var(--tcm-yazi)}
.tc-rehber-bilgi{grid-row:span 2;display:flex;flex-direction:column;gap:10px;margin:0;padding:0 22px 0 0;list-style:none;border-right:2px dashed var(--tcm-ayrac,rgba(0,0,0,.2))}
.tc-rehber-bilgi li{display:flex;flex-direction:column;line-height:1.1}
.tc-rehber-bilgi small{font:700 12px/1.2 "TC Oswald","Arial Narrow",sans-serif;letter-spacing:.08em;opacity:.65}
.tc-rehber-bilgi b{font:400 26px/1.1 "TC Bangers","Comic Sans MS",sans-serif;letter-spacing:.03em}
.tc-zorluk{display:flex;gap:4px;margin-top:4px}
.tc-zorluk i{width:22px;height:9px;border:2px solid var(--tcm-murekkep);border-radius:6px 4px 6px 4px}
.tc-zorluk i.dolu{background:var(--tcm-kirmizi)}
.tc-rehber-gerek b,.tc-rehber-icindekiler b{display:block;margin-bottom:6px;font:700 13px/1.2 "TC Oswald","Arial Narrow",sans-serif;letter-spacing:.08em;color:var(--tcm-kirmizi)}
.tc-rehber-gerek ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.tc-rehber-gerek li{padding:4px 11px;font:500 15px/1.3 "TC Oswald","Arial Narrow",sans-serif;background:var(--tcm-kart);border:2px solid var(--tcm-murekkep);border-radius:10px 7px 11px 8px}
.tc-rehber-gerek li::before{content:"✓ ";color:#2f9e44;font-weight:700}
.tc-rehber-icindekiler ol{margin:0;padding:0;list-style:none;columns:2;column-gap:22px}
.tc-rehber-icindekiler li{display:flex;align-items:flex-start;gap:8px;break-inside:avoid;margin:0 0 6px;font:500 15px/1.35 "TC Oswald","Arial Narrow",sans-serif}
.tc-rehber-icindekiler li.tc-ic-bolum{margin:8px 0 6px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;break-after:avoid}
.tc-rehber-icindekiler li.tc-ic-bolum a{border-bottom:0;color:var(--tcm-kirmizi)}
.tc-rehber-icindekiler li[data-no]::before{content:attr(data-no);flex:0 0 21px;display:grid;place-items:center;width:21px;height:21px;margin-top:1px;font:400 13px/1 "TC Bangers",sans-serif;color:#fff;background:var(--tcm-kirmizi);border-radius:50%}
.tc-rehber-icindekiler a{color:inherit;text-decoration:none;border-bottom:1.5px dotted currentColor}
.tc-rehber-icindekiler a:hover{color:var(--tcm-kirmizi)}

/* ---------- adımlar ---------- */
.tc-rehber h2.tc-adim-bas{display:flex;align-items:center;gap:14px;margin:2.1em 0 .7em;padding:0;font-size:1.4em;scroll-margin-top:90px}
.tc-adim-no{flex:0 0 auto;display:grid;place-items:center;width:50px;height:50px;font:400 30px/1 "TC Bangers","Comic Sans MS",sans-serif;color:#191816;background:var(--tcm-sari);border:2.6px solid var(--tcm-murekkep);border-radius:52% 48% 50% 46%;box-shadow:3px 4px 0 var(--tcm-golge);transform:rotate(-4deg)}
/* adımın altındaki metin sol kesikli çizgiye yaslanır; kutular (komut, dikkat) çizginin sağına hizalanır */
.tc-rehber h2.tc-adim-bas~:is(p,ul,ol,h3,h4,figure,table){margin-left:24px;padding-left:38px;border-left:3px dashed var(--tcm-ayrac,rgba(0,0,0,.25))}
.tc-rehber h2.tc-adim-bas~:is(pre,blockquote){margin-left:62px}
/* sık sorulanlar / sonuç: rehberin sonu, adım çizgisi biter */
.tc-rehber h2.tc-rehber-son~:is(p,ul,ol,h3,h4,figure,table,pre,blockquote){margin-left:0!important}
.tc-rehber h2.tc-rehber-son~:is(p,ul,ol,h3,h4,figure,table){padding-left:0!important;border-left:0!important}
.tc-rehber h2.tc-rehber-bolum{display:block;margin:2.2em 0 .4em;padding:10px 18px 7px;font:400 1.7em/1.1 "TC Bangers","Comic Sans MS",sans-serif;letter-spacing:.05em;color:#191816;background:var(--tcm-sari);border:2.6px solid var(--tcm-murekkep);border-radius:14px 9px 15px 10px;box-shadow:4px 5px 0 var(--tcm-golge);scroll-margin-top:90px}
.tc-rehber h2.tc-rehber-ara{margin-top:2em;padding:6px 14px 4px;display:inline-block;font:400 1.5em/1.15 "TC Bangers","Comic Sans MS",sans-serif;letter-spacing:.04em;color:#fff;background:var(--tcm-kirmizi);border:2.4px solid var(--tcm-murekkep);border-radius:12px 8px 13px 9px;box-shadow:3px 4px 0 var(--tcm-golge);transform:rotate(-1deg)}

.tc-rehber h2.tc-rehber-bolum+p{margin-left:0;padding-left:0;border-left:0}

/* ---------- DİKKAT kutusu ---------- */
.tc-rehber blockquote{font-style:normal;background:#fff4c2;color:#191816;border-color:var(--tcm-murekkep);padding-left:58px}
.tc-rehber blockquote::before{content:"!";left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;font:400 24px/1 "TC Bangers",sans-serif;color:#191816;background:var(--tcm-sari);border:2.4px solid #191816;border-radius:50%}
.tc-rehber blockquote strong:first-child{color:#c01d14;letter-spacing:.03em}

/* ---------- komut kutusu ---------- */
.tc-rehber pre{position:relative;margin:1em 0 1.3em;padding:46px 18px 16px;overflow-x:auto;font:500 15px/1.55 ui-monospace,"Cascadia Mono",Consolas,monospace;white-space:pre;color:#e8f5d8;background:#1d1f1b;border:2.6px solid var(--tcm-murekkep);border-radius:12px 9px 13px 10px;box-shadow:4px 5px 0 var(--tcm-golge)}
.tc-rehber pre code{font:inherit;color:inherit;background:none;padding:0}
.tc-rehber pre::before{content:"KOMUT";position:absolute;left:12px;top:10px;padding:1px 8px;font:400 13px/1.3 "TC Bangers",sans-serif;letter-spacing:.06em;color:#191816;background:#7bd389;border:2px solid var(--tcm-murekkep);border-radius:8px 6px 9px 6px}
.tc-kopyala{position:absolute;right:10px;top:10px;padding:5px 10px 4px;font:400 15px/1 "TC Bangers","Comic Sans MS",sans-serif;letter-spacing:.05em;color:#191816;background:var(--tcm-sari);border:2px solid #e8e4d8;border-radius:9px 6px 10px 7px;cursor:pointer}
.tc-kopyala.tamam{background:#7bd389}
.tc-rehber :not(pre)>code{padding:1px 6px;font:500 .92em ui-monospace,Consolas,monospace;background:var(--tcm-kart);border:1.5px solid var(--tcm-ayrac,rgba(0,0,0,.2));border-radius:5px;overflow-wrap:anywhere}

/* ---------- sık sorulanlar ---------- */
.tc-rehber h2.tc-sss-bas~h3{margin:1.2em 0 .35em;font-size:1.12em}
.tc-rehber h2.tc-sss-bas~h3::before{content:"S: ";color:var(--tcm-kirmizi);font-family:"TC Bangers",sans-serif}

/* ---------- telefon ---------- */
@media (max-width:700px){
  .tc-rehber-ozet{grid-template-columns:1fr;padding:16px}
  .tc-rehber-bilgi{grid-row:auto;flex-direction:row;justify-content:space-between;padding:0 0 12px;border-right:0;border-bottom:2px dashed var(--tcm-ayrac,rgba(0,0,0,.2))}
  .tc-rehber-icindekiler ol{columns:1}
  .tc-rehber h2.tc-adim-bas~:is(p,ul,ol,h3,h4,figure,table){margin-left:14px;padding-left:18px}
  .tc-rehber h2.tc-adim-bas~:is(pre,blockquote){margin-left:0}
  .tc-adim-no{width:42px;height:42px;font-size:25px}
  .tc-rehber pre{font-size:13px}
}