/* =====================================================================
   Patibul Blog — editoryal rehber düzeni
   Tasarım dili: sitenin kendi Montserrat yığını + #ea4e1b vurgusu.
   Uzun metin için Source Serif 4 (OFL, self-host). İlham: Wired'ın
   serif gövde / sans künye ikiliği ve çizgi tabanlı hiyerarşisi,
   Notion'ın sakin okuma ölçüsü. Kopya değil, Patibul'a uyarlandı.
   ===================================================================== */
@font-face {
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url("../fonts/source-serif-4-latin-ext-wght-normal.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+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Source Serif 4";
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url("../fonts/source-serif-4-latin-wght-normal.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: "Source Serif 4";
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
    src: url("../fonts/source-serif-4-latin-ext-wght-italic.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+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Source Serif 4";
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
    src: url("../fonts/source-serif-4-latin-wght-italic.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;
}

.pbb {
    --vurgu: var(--pb-accent, #ea4e1b);
    --vurgu-koyu: #c2400f;
    --vurgu-zemin: #fdf1ec;
    --murekkep: #1a1a1a;
    --metin: #333333;
    --soluk: #6b6b6b;
    --cizgi: #ebebeb;
    --cizgi-koyu: #1a1a1a;
    --kagit: #ffffff;
    --krem: #faf8f5;
    --yesil: #1f7a4a;
    --sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
    --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
    --olcu: 680px;
    font-family: var(--sans);
    color: var(--metin);
    background: var(--kagit);
    font-size: 16px;
    line-height: 1.55;
    padding-bottom: 72px;
    -webkit-font-smoothing: antialiased;
}
.pbb *, .pbb *::before, .pbb *::after { box-sizing: border-box; }
.pbb a { color: inherit; text-decoration: none; }
.pbb a:focus-visible, .pbb button:focus-visible, .pbb summary:focus-visible, .pbb textarea:focus-visible {
    outline: 2px solid var(--vurgu); outline-offset: 2px; border-radius: 4px;
}
.pbb img { max-width: 100%; height: auto; display: block; }
.pbb a, .pbb button, .pbb summary { touch-action: manipulation; -webkit-tap-highlight-color: rgba(234, 78, 27, .15); }
.pbb h1, .pbb h2, .pbb h3, .pbb .pbb-kart-baslik { text-wrap: balance; }
.pbb p { text-wrap: pretty; }
.pbb-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pbb h1, .pbb h2, .pbb h3 { font-family: var(--sans); color: var(--murekkep); letter-spacing: -0.015em; }
/* Tema h1–h6 ve a etiketlerini "capitalize" yapıyor; blogda doğal yazım korunur */
.pbb :where(h1, h2, h3, h4, h5, h6, a) { text-transform: none; }
.pbb .pbb-crumb a, .pbb .pbb-kunye a, .pbb .pbb-sekmeler a { text-transform: inherit; }

.pbb-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 768px) { .pbb-wrap { padding: 0 24px; } }

/* ---- Küçük etiketler (künye dili) ----------------------------------- */
.pbb-ust-etiket, .pbb-bolum-etiket, .pbb-kunye, .pbb-mini-kat, .pbb-kutu-baslik, .pbb-yazar-ust, .pbb-crumb {
    font-family: var(--sans);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px;
    font-weight: 700;
}
.pbb-ust-etiket, .pbb-bolum-etiket { color: var(--vurgu); margin: 0 0 8px; }
.pbb-etiket { color: var(--vurgu) !important; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.pbb-etiket:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ---- Breadcrumb ------------------------------------------------------ */
.pbb-crumb { font-weight: 600; letter-spacing: .04em; color: var(--soluk); margin-bottom: 20px; }
.pbb-crumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0; padding: 0; }
.pbb-crumb li { display: flex; align-items: center; min-width: 0; }
.pbb-crumb li + li::before { content: "/"; margin: 0 8px; color: #c4c4c4; }
.pbb-crumb a:hover { color: var(--vurgu); }
.pbb-crumb [aria-current] { color: var(--murekkep); max-width: 40ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---- Açılış (liste sayfaları) --------------------------------------- */
.pbb-acilis { padding: 24px 0 0; margin-bottom: 36px; border-bottom: 1px solid var(--cizgi); }
.pbb-acilis h1 { font-size: clamp(30px, 4.6vw, 52px); font-weight: 800; line-height: 1.08; margin: 0 0 14px; max-width: 20ch; }
.pbb-sayfa-eki { color: var(--soluk); font-weight: 600; }
.pbb-acilis-metin { font-family: var(--serif); font-size: clamp(18px, 1.8vw, 21px); line-height: 1.5; color: var(--metin); max-width: 58ch; margin: 0 0 24px; }

/* Kategori sekmeleri */
.pbb-sekmeler { margin-top: 8px; overflow-x: auto; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent); mask-image: linear-gradient(90deg, #000 92%, transparent); }
.pbb-sekmeler::-webkit-scrollbar { display: none; }
.pbb-sekmeler ul { list-style: none; display: flex; gap: 28px; margin: 0; padding: 0 24px 0 0; white-space: nowrap; }
.pbb-sekmeler a { display: block; padding: 12px 0 14px; font-size: 14px; font-weight: 600; color: var(--soluk); border-bottom: 3px solid transparent; margin-bottom: -1px; }
.pbb-sekmeler a:hover { color: var(--murekkep); }
.pbb-sekmeler a[aria-current] { color: var(--murekkep); border-bottom-color: var(--vurgu); }

/* ---- Manşet: büyük yazı + numaralı popüler -------------------------- */
.pbb-manset { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 48px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid var(--cizgi); }
@media (max-width: 991px) { .pbb-manset { grid-template-columns: minmax(0, 1fr); gap: 36px; } }

/* ---- Kartlar --------------------------------------------------------- */
.pbb-kart { display: flex; flex-direction: column; gap: 14px; }
.pbb-kart-gorsel { display: block; overflow: hidden; background: var(--krem); border-radius: 6px; aspect-ratio: 16 / 9; }
.pbb-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.pbb-kart:hover .pbb-kart-gorsel img { transform: scale(1.025); }
.pbb-kart-govde { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.pbb-kunye { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; color: var(--soluk); font-size: 11px; }
.pbb-kunye > * + *::before { content: "·"; margin: 0 8px; color: #c4c4c4; }
.pbb-kart-baslik { font-size: 19px; font-weight: 700; line-height: 1.3; margin: 0; }
.pbb-kart-baslik a { background-image: linear-gradient(currentColor, currentColor); background-size: 0 1px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size .25s; }
.pbb-kart:hover .pbb-kart-baslik a { background-size: 100% 1px; }
.pbb-kart-ozet { font-family: var(--serif); font-size: 16px; line-height: 1.55; color: var(--metin); margin: 0; }

.pbb-kart--buyuk .pbb-kart-gorsel { aspect-ratio: 16 / 9; }
.pbb-kart--buyuk .pbb-kart-baslik { font-size: clamp(26px, 3vw, 36px); font-weight: 800; line-height: 1.12; }
.pbb-kart--buyuk .pbb-kart-ozet { font-size: 19px; }

.pbb-liste { border-top: 2px solid var(--cizgi-koyu); }
.pbb-kart--satir { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--cizgi); align-items: start; }
.pbb-kart--satir .pbb-kart-gorsel { aspect-ratio: 4 / 3; }
.pbb-kart--satir .pbb-kart-baslik { font-size: 21px; }
@media (max-width: 575px) {
    .pbb-kart--satir { grid-template-columns: 104px minmax(0, 1fr); gap: 14px; padding: 18px 0; }
    .pbb-kart--satir .pbb-kart-gorsel { aspect-ratio: 1 / 1; }
    .pbb-kart--satir .pbb-kart-baslik { font-size: 16px; }
    .pbb-kart--satir .pbb-kart-ozet { display: none; }
}

.pbb-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; border-top: 2px solid var(--cizgi-koyu); padding-top: 24px; }
@media (max-width: 991px) { .pbb-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .pbb-izgara { grid-template-columns: minmax(0, 1fr); } }

.pbb-bolum-baslik { font-size: 22px; font-weight: 800; margin: 0 0 14px; }
.pbb-bos { border: 1px dashed var(--cizgi); border-radius: 8px; padding: 40px 24px; text-align: center; color: var(--soluk); margin-bottom: 40px; }

/* ---- İki kolon düzen ------------------------------------------------- */
.pbb-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 64px; align-items: start; }
@media (max-width: 991px) { .pbb-duzen { grid-template-columns: minmax(0, 1fr); gap: 48px; } }
.pbb-yan { display: flex; flex-direction: column; gap: 36px; min-width: 0; }

/* ---- Kenar blokları (çizgi tabanlı, kutusuz) ------------------------- */
.pbb-kutu { border-top: 2px solid var(--cizgi-koyu); padding-top: 14px; }
.pbb-kutu-baslik { color: var(--murekkep); margin: 0 0 6px; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.pbb-kutu-baslik small { font-size: 11px; color: var(--soluk); letter-spacing: .04em; }
.pbb-populer ol, .pbb-katlar ul, .pbb-toc ol { list-style: none; margin: 0; padding: 0; }
.pbb-populer li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.pbb-populer li:last-child { border-bottom: 0; }
.pbb-no { font-family: var(--serif); font-size: 28px; font-weight: 600; color: var(--vurgu); line-height: 1; font-variant-numeric: lining-nums tabular-nums; }
.pbb-populer a { display: block; font-weight: 700; color: var(--murekkep); line-height: 1.35; font-size: 15px; margin: 2px 0; }
.pbb-populer a:hover { color: var(--vurgu); }
.pbb-mini-kat { display: block; font-size: 10px; color: var(--soluk); }
.pbb-mini-dk { font-size: 12px; color: var(--soluk); }
.pbb-manset .pbb-populer { border-top: 0; padding-top: 0; }
.pbb-manset .pbb-kutu-baslik { font-size: 12px; padding-bottom: 10px; border-bottom: 2px solid var(--cizgi-koyu); margin-bottom: 0; }

.pbb-katlar a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); font-size: 15px; font-weight: 600; color: var(--metin); }
.pbb-katlar li:last-child a { border-bottom: 0; }
.pbb-katlar a:hover { color: var(--vurgu); }
.pbb-katlar a.aktif { color: var(--vurgu); }
.pbb-katlar a.aktif span::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--vurgu); margin-right: 8px; vertical-align: middle; }
.pbb-katlar b { font-size: 12px; color: var(--soluk); font-weight: 600; font-variant-numeric: tabular-nums; }

/* ---- Sayfalama ------------------------------------------------------- */
.pbb-sayfalama { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 32px; font-weight: 700; font-size: 14px; }
.pbb-sayfalama a, .pbb-sayfalama span { min-width: 44px; height: 44px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; }
.pbb-sayfalama a:hover { background: var(--krem); color: var(--vurgu); }
.pbb-sayfalama .aktif { background: var(--murekkep); color: #fff; }
.pbb-sayfalama .pbb-bosluk { color: var(--soluk); }

/* ---- Buton / CTA ----------------------------------------------------- */
.pbb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; background: var(--vurgu); color: #fff !important; font-family: var(--sans); font-weight: 700; font-size: 14px; border: 0; border-radius: 6px; padding: 10px 20px; cursor: pointer; white-space: nowrap; transition: background .15s; }
.pbb-btn:hover { background: var(--vurgu-koyu); }
.pbb-cta { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; background: var(--vurgu-zemin); border-left: 4px solid var(--vurgu); padding: 20px 24px; border-radius: 0 6px 6px 0; }
.pbb-cta p { margin: 0; color: var(--metin); }
.pbb-cta-baslik { font-weight: 800; font-size: 18px; color: var(--murekkep) !important; margin-bottom: 2px !important; }
.pbb-yan .pbb-cta { flex-direction: column; align-items: flex-start; }

/* ===================================================================
   Yazı detay
   =================================================================== */
.pbb-yazi-bas { max-width: 1200px; margin: 0 auto; padding: 24px 16px 0; }
.pbb-yazi-bas > * { max-width: 860px; }
@media (min-width: 768px) { .pbb-yazi-bas { padding: 32px 24px 0; } }
.pbb-yazi-bas h1 { font-size: clamp(30px, 4.8vw, 50px); font-weight: 800; line-height: 1.1; margin: 10px 0 18px; }
.pbb-lead { font-family: var(--serif); font-size: clamp(19px, 2vw, 22px); line-height: 1.5; color: var(--metin); margin: 0 0 22px; }
.pbb-yazi-kunye { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; padding: 14px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); font-size: 13px; color: var(--soluk); }
.pbb-yazi-kunye a:hover { color: var(--vurgu); }
.pbb-yazar-mini { display: inline-flex; align-items: center; gap: 10px; color: var(--murekkep) !important; font-weight: 700; font-size: 14px; }
.pbb-yazar-mini img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.pbb-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--vurgu-zemin); color: var(--vurgu); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 15px; }
.pbb-avatar--buyuk { width: 72px; height: 72px; font-size: 26px; }
.pbb-guncel { color: var(--yesil); font-weight: 700; }
.pbb-kapak { max-width: 1200px; margin: 28px auto 0; padding: 0 16px; }
@media (min-width: 768px) { .pbb-kapak { padding: 0 24px; } }
.pbb-kapak img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; background: var(--krem); }
.pbb-kapak figcaption { font-size: 13px; color: var(--soluk); margin-top: 8px; }
.pbb-taslak { background: #fff4d6; color: #7a5a00; text-align: center; padding: 10px; font-weight: 700; font-size: 14px; }

.pbb-yazi-duzen { display: grid; grid-template-columns: minmax(0, var(--olcu)) 300px; justify-content: space-between; gap: 64px; max-width: 1200px; margin: 48px auto 0; padding: 0 16px; }
@media (min-width: 768px) { .pbb-yazi-duzen { padding: 0 24px; } }
@media (max-width: 1099px) { .pbb-yazi-duzen { grid-template-columns: minmax(0, var(--olcu)); justify-content: center; gap: 48px; } }
.pbb-ray { position: sticky; top: calc(var(--pbb-ust, 0px) + 24px); align-self: start; display: flex; flex-direction: column; gap: 36px; transition: top .2s ease; }
@media (max-width: 1099px) { .pbb-ray { position: static; } .pbb-ray .pbb-toc { display: none; } }

/* Makale gövdesi */
.pbb-icerik { font-family: var(--serif); font-size: 19px; line-height: 1.7; color: #262626; overflow-wrap: break-word; font-optical-sizing: auto; }
@media (max-width: 575px) { .pbb-icerik { font-size: 18px; } }
.pbb-icerik > *:first-child { margin-top: 0; }
.pbb-icerik p { margin: 0 0 1.15em; }
.pbb-icerik h2 { font-size: clamp(24px, 2.6vw, 30px); font-weight: 800; line-height: 1.2; margin: 2em 0 .6em; scroll-margin-top: calc(var(--pbb-ust, 0px) + 24px); }
.pbb-icerik h3 { font-size: 21px; font-weight: 700; line-height: 1.3; margin: 1.6em 0 .5em; scroll-margin-top: calc(var(--pbb-ust, 0px) + 24px); }
.pbb-icerik h4 { font-family: var(--sans); font-size: 17px; margin: 1.4em 0 .4em; }
.pbb-icerik a { color: var(--vurgu-koyu); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pbb-icerik a:hover { color: var(--vurgu); text-decoration-thickness: 2px; }
.pbb-icerik strong { color: var(--murekkep); font-weight: 650; }
.pbb-icerik ul, .pbb-icerik ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.pbb-icerik li { margin-bottom: .45em; padding-left: .2em; }
.pbb-icerik li::marker { color: var(--vurgu); font-family: var(--sans); font-weight: 700; }
.pbb-icerik img { border-radius: 6px; margin: 1.6em auto; height: auto !important; }
.pbb-icerik figure { margin: 2em 0; }
.pbb-icerik figure img { margin: 0 auto; }
.pbb-icerik figcaption { font-family: var(--sans); font-size: 13px; color: var(--soluk); margin-top: 10px; line-height: 1.5; }
.pbb-icerik blockquote { margin: 1.8em 0; padding: 0 0 0 22px; border-left: 3px solid var(--vurgu); font-style: italic; font-size: 21px; line-height: 1.5; color: var(--murekkep); }
.pbb-icerik blockquote p:last-child { margin-bottom: 0; }
.pbb-icerik hr { border: 0; border-top: 1px solid var(--cizgi); margin: 2.4em 0; }
.pbb-icerik table { width: 100%; border-collapse: collapse; margin: 1.8em 0; font-family: var(--sans); font-size: 15px; display: block; overflow-x: auto; }
.pbb-icerik th, .pbb-icerik td { border-bottom: 1px solid var(--cizgi); padding: 10px 14px 10px 0; text-align: left; vertical-align: top; }
.pbb-icerik th { color: var(--murekkep); border-bottom: 2px solid var(--cizgi-koyu); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
.pbb-icerik iframe, .pbb-icerik video { max-width: 100%; border-radius: 6px; }
.pbb-icerik .not, .pbb-icerik .callout { background: var(--krem); border-radius: 6px; padding: 18px 22px; font-size: 17px; margin: 1.6em 0; }

/* "Bunu da okuyun" */
.pbb-oku { display: flex; flex-direction: column; gap: 4px; padding: 16px 0; margin: 2em 0; border-top: 2px solid var(--cizgi-koyu); border-bottom: 1px solid var(--cizgi); font-family: var(--sans); }
.pbb-oku span { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--vurgu); }
.pbb-oku a { color: var(--murekkep) !important; text-decoration: none !important; font-weight: 700; font-size: 18px; line-height: 1.35; }
.pbb-oku a:hover { color: var(--vurgu) !important; }

/* İçindekiler */
.pbb-toc { position: relative; }
.pbb-ilerleme { position: absolute; top: -2px; left: 0; height: 2px; width: 100%; }
.pbb-ilerleme span { display: block; height: 100%; width: 0; background: var(--vurgu); }
.pbb-toc ol { max-height: calc(100vh - 380px - var(--pbb-ust, 0px)); min-height: 120px; overflow-y: auto; scrollbar-width: thin; }
.pbb-toc li a, .pbb-toc-mobil li a { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 4px; padding: 7px 0; font-size: 14px; line-height: 1.4; color: var(--soluk); border-left: 2px solid transparent; }
.pbb-toc li a span { font-weight: 700; font-size: 12px; font-variant-numeric: tabular-nums; padding-top: 1px; }
.pbb-toc li a:hover { color: var(--murekkep); }
.pbb-toc li a.aktif { color: var(--murekkep); font-weight: 700; }
.pbb-toc li a.aktif span { color: var(--vurgu); }
.pbb-toc .pbb-toc-h3 a, .pbb-toc-mobil .pbb-toc-h3 a { padding-left: 26px; grid-template-columns: minmax(0, 1fr); font-size: 13px; }
.pbb-toc-mobil { display: none; border-top: 2px solid var(--cizgi-koyu); border-bottom: 1px solid var(--cizgi); margin-bottom: 32px; }
.pbb-toc-mobil summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 14px 0; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--murekkep); list-style: none; min-height: 44px; }
.pbb-toc-mobil summary::-webkit-details-marker { display: none; }
.pbb-toc-mobil summary::after { content: "+"; font-size: 20px; color: var(--vurgu); font-weight: 400; }
.pbb-toc-mobil[open] summary::after { content: "–"; }
.pbb-toc-mobil summary small { margin-left: auto; margin-right: 12px; color: var(--soluk); letter-spacing: .04em; }
.pbb-toc-mobil ol { list-style: none; padding: 0 0 12px; margin: 0; }
.pbb-toc-mobil li a { grid-template-columns: minmax(0, 1fr); padding: 9px 0; font-size: 15px; color: var(--metin); }
@media (max-width: 1099px) { .pbb-toc-mobil { display: block; } }

/* SSS */
.pbb-sss { margin-top: 56px; }
.pbb-sss > h2 { scroll-margin-top: calc(var(--pbb-ust, 0px) + 24px); font-size: clamp(24px, 2.6vw, 30px); font-weight: 800; margin: 0 0 8px; padding-bottom: 12px; border-bottom: 2px solid var(--cizgi-koyu); }
.pbb-sss details { border-bottom: 1px solid var(--cizgi); }
.pbb-sss summary { cursor: pointer; padding: 18px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.pbb-sss summary::-webkit-details-marker { display: none; }
.pbb-sss summary::after { content: "+"; flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--cizgi); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; color: var(--vurgu); }
.pbb-sss details[open] summary::after { content: "–"; }
.pbb-sss summary h3 { font-size: 17px; font-weight: 700; margin: 0; line-height: 1.4; }
.pbb-sss summary:hover h3 { color: var(--vurgu); }
.pbb-sss details > div { font-family: var(--serif); font-size: 18px; line-height: 1.65; padding: 0 44px 20px 0; color: var(--metin); }

/* Yazı alt bilgisi */
.pbb-yazi-alt { margin: 48px 0 32px; padding: 18px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: center; justify-content: space-between; font-size: 13px; color: var(--soluk); }
.pbb-tarihler { margin: 0; flex-basis: 100%; }
.pbb-etiketler { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0; padding: 0; font-weight: 600; color: var(--metin); }
.pbb-paylas { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.pbb-paylas span { margin-right: 6px; font-weight: 600; }
.pbb-paylas a, .pbb-paylas button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--cizgi); background: #fff; display: inline-flex; align-items: center; justify-content: center; color: var(--murekkep); cursor: pointer; font-size: 16px; transition: color .15s, border-color .15s; }
.pbb-paylas a:hover, .pbb-paylas button:hover { color: var(--vurgu); border-color: var(--vurgu); }
.pbb-kopyala.kopyalandi { background: var(--yesil); color: #fff; border-color: var(--yesil); }

/* Yazar */
.pbb-yazar { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 20px; align-items: start; margin: 40px 0; padding: 24px 0; border-top: 2px solid var(--cizgi-koyu); border-bottom: 1px solid var(--cizgi); }
.pbb-yazar img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.pbb-yazar p { margin: 0 0 8px; }
.pbb-yazar-ust { color: var(--vurgu); }
.pbb-yazar-ad { font-size: 20px; font-weight: 800; color: var(--murekkep); }
.pbb-yazar-ad a:hover { color: var(--vurgu); }
.pbb-yazar-ad span { font-weight: 500; color: var(--soluk); font-size: 15px; }
.pbb-yazar-bio { font-family: var(--serif); font-size: 17px; line-height: 1.6; }
.pbb-yazar-sosyal { display: flex; align-items: center; gap: 4px 16px; flex-wrap: wrap; font-size: 14px; }
.pbb-yazar-sosyal a { color: var(--murekkep); font-weight: 700; display: inline-flex; align-items: center; min-height: 32px; }
.pbb-yazar-sosyal a:hover { color: var(--vurgu); }
.pbb-yazar--profil { grid-template-columns: 96px minmax(0, 1fr); border: 0; margin: 4px 0 28px; padding: 0; }
.pbb-yazar--profil img, .pbb-yazar--profil .pbb-avatar--buyuk { width: 96px; height: 96px; }
.pbb-yazar--profil h1 { margin: 0 0 6px; font-size: clamp(28px, 4vw, 44px); font-weight: 800; }

/* Yorumlar */
.pbb-yorumlar { margin-top: 48px; }
.pbb-yorumlar > h2 { font-size: 24px; font-weight: 800; margin: 0 0 4px; display: flex; align-items: baseline; gap: 10px; }
.pbb-yorumlar > h2 small { font-size: 14px; color: var(--soluk); font-weight: 600; }
.pbb-yorum-liste, .pbb-yorum-liste ol { list-style: none; margin: 0; padding: 0; }
.pbb-yorum-liste ol { margin-left: 28px; padding-left: 20px; border-left: 2px solid var(--cizgi); }
.pbb-yorum { padding: 18px 0; border-bottom: 1px solid var(--cizgi); }
.pbb-yorum p { margin: 0 0 6px; }
.pbb-yorum > p:not(.pbb-yorum-ust) { font-family: var(--serif); font-size: 17px; line-height: 1.6; color: var(--metin); }
.pbb-yorum-ust { font-size: 13px; color: var(--soluk); display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.pbb-yorum-ust b { color: var(--murekkep); font-size: 14px; }
.pbb-rozet-editor { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; background: var(--vurgu); color: #fff; border-radius: 3px; padding: 2px 6px; font-weight: 700; }
.pbb-cevapla { background: none; border: 0; color: var(--vurgu-koyu); font-weight: 700; padding: 6px 0; cursor: pointer; font-size: 13px; min-height: 32px; }
.pbb-cevapla:hover { text-decoration: underline; }
.pbb-yorum-bos { color: var(--soluk); font-family: var(--serif); font-size: 17px; padding: 14px 0 0; margin: 0; }
.pbb-giris-uyari { margin-top: 20px; padding: 18px 20px; background: var(--krem); border-radius: 6px; color: var(--metin); }
.pbb-giris-uyari a { color: var(--vurgu-koyu); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.pbb-yorum-form { margin-top: 24px; }
.pbb-yorum-form label { font-weight: 700; color: var(--murekkep); display: block; margin-bottom: 8px; font-size: 14px; }
.pbb-yorum-form textarea { width: 100%; border: 1px solid #d6d6d6; border-radius: 6px; padding: 14px; font-family: var(--serif); font-size: 17px; line-height: 1.5; resize: vertical; min-height: 120px; background: #fff; color: var(--murekkep); }
.pbb-yorum-form textarea:focus { border-color: var(--vurgu); outline: none; box-shadow: 0 0 0 3px rgba(234, 78, 27, .25); }
.pbb-form-alt { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; color: var(--soluk); flex-wrap: wrap; font-size: 13px; }
.pbb-cevap-bilgi { font-size: 13px; background: var(--krem); border-radius: 6px; padding: 8px 12px; margin: 0 0 10px; }
.pbb-cevap-iptal { background: none; border: 0; color: var(--vurgu-koyu); cursor: pointer; font-weight: 700; margin-left: 6px; }
.pbb-uyari { border-radius: 6px; padding: 12px 16px; font-weight: 600; font-size: 14px; margin: 14px 0 0; }
.pbb-uyari--ok { background: #e7f4ec; color: var(--yesil); }
.pbb-uyari--hata { background: #fdecea; color: #b42318; }

/* Önceki / sonraki */
.pbb-komsu { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--cizgi); }
.pbb-komsu a { display: flex; flex-direction: column; gap: 6px; font-weight: 700; color: var(--murekkep); line-height: 1.35; font-size: 16px; }
.pbb-komsu a:hover { color: var(--vurgu); }
.pbb-komsu small { color: var(--soluk); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.pbb-komsu-sag { text-align: right; grid-column: 2; }
@media (max-width: 575px) { .pbb-komsu { grid-template-columns: 1fr; } .pbb-komsu-sag { grid-column: auto; text-align: left; } }

.pbb-ilgili { margin-top: 72px; }

/* Diğer yazılarımız (yazı sonu iç link ızgarası) */
.pbb-diger { margin-top: 72px; }
.pbb-bolum-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.pbb-tumu { font-size: 13px; font-weight: 700; color: var(--vurgu-koyu) !important; white-space: nowrap; }
.pbb-tumu:hover { text-decoration: underline; text-underline-offset: 3px; }
.pbb-izgara--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 24px; }
.pbb-izgara--4 .pbb-kart-baslik { font-size: 17px; }
.pbb-izgara--4 .pbb-kart-ozet { display: none; }
@media (max-width: 991px) { .pbb-izgara--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; } }
.pbb-izgara--4 .pbb-kunye { flex-direction: column; align-items: flex-start; gap: 3px; }
.pbb-izgara--4 .pbb-kunye > * + *::before { content: none; }
.pbb-izgara--4 .pbb-kunye > :nth-child(3) { display: none; }
@media (min-width: 576px) and (max-width: 991px) {
    .pbb-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
    .pbb-izgara--3 .pbb-kart-ozet { display: none; }
    .pbb-izgara--3 .pbb-kart-baslik { font-size: 16px; }
    .pbb-izgara--3 .pbb-kunye { flex-direction: column; align-items: flex-start; gap: 3px; }
    .pbb-izgara--3 .pbb-kunye > * + *::before { content: none; }
    .pbb-izgara--3 .pbb-kunye > :nth-child(3) { display: none; }
}
@media (max-width: 575px) {
    .pbb-izgara--3, .pbb-izgara--4 { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: 4px; }
    .pbb-izgara--3 .pbb-kart, .pbb-izgara--4 .pbb-kart { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
    .pbb-izgara--3 .pbb-kart-gorsel, .pbb-izgara--4 .pbb-kart-gorsel { aspect-ratio: 1 / 1; }
    .pbb-izgara--3 .pbb-kart-ozet { display: none; }
    .pbb-izgara--3 .pbb-kart-baslik { font-size: 16px; }
    .pbb-izgara--3 .pbb-kunye { flex-direction: column; align-items: flex-start; gap: 3px; }
    .pbb-izgara--3 .pbb-kunye > * + *::before { content: none; }
    .pbb-izgara--3 .pbb-kunye > :nth-child(3) { display: none; }
}
.pbb-kart-gorsel { position: relative; }
.pbb-kart-rozet { position: absolute; top: 10px; left: 10px; z-index: 1; background: #fff; color: var(--vurgu-koyu); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; padding: 4px 8px; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, .12); }
@media (max-width: 575px) { .pbb-kart-rozet { top: 6px; left: 6px; font-size: 9px; padding: 3px 6px; } }

@media (prefers-reduced-motion: reduce) {
    .pbb *, .pbb *::before, .pbb *::after { transition: none !important; scroll-behavior: auto !important; }
}
@media (max-width: 575px) { .pbb-yorum-liste ol { margin-left: 8px; padding-left: 14px; } }