/* Burçin Dursun Akademi Tema · Blog · v1.0.0 */

/* ── YAZI ÜST ── */
.uyb { padding: clamp(8.5rem, 13vw, 11.5rem) 0 clamp(1.5rem, 3vw, 2.5rem); background: linear-gradient(180deg, var(--bd-peach-mist) 0%, var(--bd-canvas) 100%); }
.uyb-baslik { max-width: 22ch; margin: 0 0 1.25rem; color: var(--bd-ink); font: 450 clamp(2.2rem, 4.8vw, 3.9rem)/1.08 var(--bd-display); letter-spacing: -.015em; text-wrap: balance; }
.uyb-gorsel { margin: clamp(2rem, 4vw, 3rem) 0 0; overflow: hidden; border-radius: var(--bd-r-kart); aspect-ratio: 16 / 8; background: var(--bd-peach); }
.uyb-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ── YAZI ── */
.uyz { padding: clamp(2rem, 4vw, 3.5rem) 0 clamp(2rem, 4vw, 3rem); }
.uyz-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(2.5rem, 6vw, 5.5rem); align-items: start; }
.uyz-ana { min-width: 0; max-width: 720px; }
.uyz-yan { align-self: stretch; }

.uyz-meta { display: flex; flex-wrap: wrap; gap: .35rem 1.25rem; margin: 0; padding: 0; list-style: none; color: var(--bd-muted); font-size: .92rem; }
.uyz-meta a { color: var(--bd-apricot-ink); font-weight: 600; text-decoration: none; }
.uyz-meta a:hover { color: var(--bd-ink); }
.uyz-ana > .uyz-meta { margin-bottom: 1.75rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--bd-cizgi); }

.uyz-icerik { color: var(--bd-ink-2); font-size: clamp(1.02rem, 1.2vw, 1.1rem); line-height: 1.8; overflow-wrap: break-word; }
.uyz-icerik > * + * { margin-top: 1.1em; }
.uyz-icerik :where(p) { margin: 0; }
.uyz-icerik h2 { margin: 2em 0 .6em; color: var(--bd-ink); font: 450 clamp(1.6rem, 2.6vw, 2.1rem)/1.2 var(--bd-display); text-wrap: balance; scroll-margin-top: 130px; }
.uyz-icerik h3 { margin: 1.6em 0 .5em; color: var(--bd-ink); font: 450 clamp(1.3rem, 2vw, 1.55rem)/1.3 var(--bd-display); text-wrap: balance; scroll-margin-top: 130px; }
.uyz-icerik h4 { margin: 1.4em 0 .4em; color: var(--bd-ink); font-size: 1.05rem; font-weight: 600; }
.uyz-icerik strong { color: var(--bd-ink); font-weight: 600; }
.uyz-icerik span[style*="color"] strong, .uyz-icerik span[style*="color"] a { color: inherit; }
.uyz-icerik a { color: var(--bd-apricot-ink); font-weight: 600; text-decoration: underline 1px rgb(var(--bd-apricot-deep-rgb) / .4); text-underline-offset: 4px; transition: text-decoration-color .26s var(--bd-ease); }
.uyz-icerik a:hover { text-decoration-color: currentColor; }
.uyz-icerik ul, .uyz-icerik ol { margin: 1em 0; padding-left: 1.3em; }
.uyz-icerik li + li { margin-top: .45em; }
.uyz-icerik li::marker { color: var(--bd-apricot-deep); }
.uyz-icerik blockquote { margin: 1.75em 0; padding: 1.25rem 1.5rem; border-radius: 14px; background: var(--bd-peach-mist); color: var(--bd-ink); font: italic 450 1.2rem/1.55 var(--bd-display); }
.uyz-icerik blockquote p { margin: 0; }
.uyz-icerik img { display: block; max-width: 100%; height: auto; margin: 1.75em 0; border-radius: 14px; }
.uyz-icerik figure { margin: 1.75em 0; }
.uyz-icerik figcaption { margin-top: .5rem; color: var(--bd-muted); font-size: .88rem; }
.uyz-icerik figure.table { overflow-x: auto; }
.uyz-icerik figure.table table { margin: 0; }
.uyz-icerik table { width: 100%; margin: 1.75em 0; border-collapse: collapse; font-size: .95rem; line-height: 1.55; }
.uyz-icerik th, .uyz-icerik td { padding: .75rem .9rem; border: 1px solid var(--bd-cizgi); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.uyz-icerik th { background: var(--bd-peach-mist); color: var(--bd-ink); font-weight: 600; }
.uyz-icerik hr { margin: 2.4em 0; border: 0; border-top: 1px solid var(--bd-cizgi); }

.uyz-not { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: .75rem; margin: 2.5rem 0 0; padding: 1.1rem 1.25rem; border-radius: 14px; background: var(--bd-sage-mist); color: var(--bd-sage-ink); font-size: .95rem; line-height: 1.6; }
.uyz-not .bd-ikon, .uyz-not svg { width: 20px; height: 20px; margin-top: 2px; color: var(--bd-sage-deep); }

.uyz-kutu { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 1.5rem; align-items: start; margin-top: 2.5rem; padding: clamp(1.25rem, 3vw, 2rem); border-radius: var(--bd-r-kart); background: var(--bd-peach-mist); }
.uyz-kutu-foto { display: block; width: 96px; height: 96px; overflow: hidden; border-radius: 50%; background: var(--bd-peach); }
.uyz-kutu-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.uyz-kutu-ad { margin: 0 0 .2rem; color: var(--bd-ink); font: 450 1.4rem/1.25 var(--bd-display); }
.uyz-kutu-unvan { margin: 0 0 .75rem; color: var(--bd-sage-ink); font-size: .92rem; font-weight: 600; }
.uyz-kutu-bio { margin: 0 0 1rem; color: var(--bd-muted); line-height: 1.7; }

.uyi { padding: clamp(3rem, 6vw, 5rem) 0 clamp(1rem, 2vw, 1.5rem); }
.uyi .uyk-liste { margin-top: 1.5rem; }

/* ── KART ── */
.uyk-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 2rem); margin: 0; padding: 0; list-style: none; }
.uyk-liste--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.uyk { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 0; border-radius: var(--bd-r-kart); background: var(--bd-canvas); box-shadow: inset 0 0 0 1px var(--bd-cizgi); transition: box-shadow .26s var(--bd-ease); }
.uyk-gorsel { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--bd-peach); }
.uyk-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: none; transition: transform .6s var(--bd-ease); }
.uyk-bos { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--bd-apricot-deep); }
.uyk-bos .bd-ikon, .uyk-bos svg { width: 56px; height: 56px; opacity: .7; }
.uyk-yazi { display: flex; flex-direction: column; flex: 1 1 auto; padding: 1.4rem 1.5rem 1.5rem; }
.uyk-ust { display: flex; flex-wrap: wrap; gap: .25rem .9rem; margin: 0 0 .6rem; color: var(--bd-muted); font-size: .85rem; }
.uyk-ust span { color: var(--bd-sage-ink); font-weight: 600; }
.uyk-baslik { margin: 0 0 .6rem; font: 450 clamp(1.2rem, 1.7vw, 1.4rem)/1.3 var(--bd-display); text-wrap: balance; }
.uyk-link { color: var(--bd-ink); text-decoration: none; transition: color .26s var(--bd-ease); }
.uyk-link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.uyk-link:focus-visible { outline: none; }
.uyk:focus-within { outline: 2px solid var(--bd-apricot-deep); outline-offset: 3px; }
.uyk-ozet { margin: 0 0 1.1rem; color: var(--bd-muted); font-size: .95rem; line-height: 1.65; }
.uyk-devam { display: inline-flex; align-items: center; gap: .5rem; margin-top: auto; color: var(--bd-apricot-ink); font-size: .95rem; font-weight: 600; }
.uyk-devam .bd-ikon, .uyk-devam svg { width: 15px; height: 15px; transition: transform .26s var(--bd-ease); }
.uyk:hover { box-shadow: inset 0 0 0 1px rgb(var(--bd-apricot-deep-rgb) / .45); background: var(--bd-canvas); }
.uyk:hover .uyk-gorsel img { transform: scale(1.04); }
.uyk:hover .uyk-link { color: var(--bd-apricot-ink); }
.uyk:hover .uyk-devam .bd-ikon, .uyk:hover .uyk-devam svg { transform: translateX(4px); }

.uyk--buyuk { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); background: var(--bd-peach-mist); box-shadow: none; }
.uyk--buyuk .uyk-gorsel { aspect-ratio: auto; min-height: 320px; }
.uyk--buyuk .uyk-yazi { justify-content: center; padding: clamp(1.75rem, 4vw, 3rem); }
.uyk--buyuk .uyk-baslik { font-size: clamp(1.6rem, 2.8vw, 2.3rem); line-height: 1.15; }
.uyk--buyuk .uyk-ozet { font-size: 1.02rem; }
.uyk--buyuk .uyk-devam { margin-top: .5rem; }

/* ── LİSTE ── */
.ubl { padding: 0 0 clamp(3rem, 6vw, 5rem); }
.ubl-bas { max-width: 780px; margin-bottom: 2.5rem; }
.ubl-metin { max-width: 64ch; margin: 0; color: var(--bd-muted); line-height: 1.7; }
.ubl-one { margin-bottom: clamp(1.25rem, 3vw, 2rem); }
.ubl-kat { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 2rem; padding: 0; list-style: none; }
.ubl-kat a {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 1rem; border-radius: 999px; background: var(--bd-peach-mist);
  color: var(--bd-ink); font-size: .92rem; font-weight: 600; text-decoration: none; transition: background-color .26s var(--bd-ease);
}
.ubl-kat a:hover { background: var(--bd-peach); }
.ubl-kat a[aria-current] { background: var(--bd-ink); color: #fff; }
.ubl-bos { padding: 2.5rem 1.5rem; border-radius: var(--bd-r-kart); background: var(--bd-peach-mist); color: var(--bd-muted); text-align: center; }

.ubl-bos-kutu { display: grid; justify-items: start; gap: .6rem; max-width: 720px; padding: clamp(1.75rem, 4vw, 3rem); border-radius: var(--bd-r-kart); background: var(--bd-peach-mist); }
.ubl-bos-ikon { color: var(--bd-apricot-deep); line-height: 0; }
.ubl-bos-ikon .bd-ikon, .ubl-bos-ikon svg { width: 36px; height: 36px; }
.ubl-bos-baslik { margin: .25rem 0 0; color: var(--bd-ink); font: 450 clamp(1.4rem, 2.4vw, 1.8rem)/1.2 var(--bd-display); }
.ubl-bos-metin { max-width: 52ch; margin: 0; color: var(--bd-muted); line-height: 1.7; }
.ubl-bos-linkler { display: flex; flex-wrap: wrap; gap: .75rem 2rem; margin-top: .75rem; }

.ubl-sayfa { margin-top: 2.5rem; }
.ubl-sayfa .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.ubl-sayfa .page-numbers {
  display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 .9rem; border-radius: 999px;
  background: var(--bd-peach-mist); color: var(--bd-ink); font-weight: 600; text-decoration: none; transition: background-color .26s var(--bd-ease);
}
.ubl-sayfa .page-numbers.current { background: var(--bd-ink); color: #fff; }
.ubl-sayfa a.page-numbers:hover { background: var(--bd-peach); }

/* ── YASAL ── */
.bd-yasal .usb-alt { color: var(--bd-muted); font: 400 .95rem/1.5 var(--bd-font); }
.uyz-toc-mobil { display: none; margin-bottom: 1.75rem; border-radius: 14px; background: var(--bd-peach-mist); }
.uyz-toc-mobil summary { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; color: var(--bd-ink); font-weight: 600; cursor: pointer; list-style: none; }
.uyz-toc-mobil summary::-webkit-details-marker { display: none; }
.uyz-toc-mobil summary::after { content: "+"; font-size: 1.25rem; line-height: 1; color: var(--bd-apricot-deep); }
.uyz-toc-mobil[open] summary::after { content: "−"; }
.uyz-toc-mobil .uhd-toc-liste { padding: 0 1.25rem 1.1rem; }
.uyz-yasal-diger ul { margin: 0; padding: 0; list-style: none; }
.uyz-yasal-diger li + li { border-top: 1px solid var(--bd-cizgi); }
.uyz-yasal-diger a { display: block; padding: .6rem 0; color: var(--bd-ink); font-size: .92rem; font-weight: 600; text-decoration: none; transition: color .26s var(--bd-ease); }
.uyz-yasal-diger a:hover { color: var(--bd-apricot-ink); }
.uyz-yasal-not { margin: 0; padding: 0 .25rem; color: var(--bd-muted); font-size: .88rem; line-height: 1.6; }
.uyz-yasal-not a { color: var(--bd-apricot-ink); font-weight: 600; overflow-wrap: anywhere; }
.bd-yasal .uyz { padding-bottom: clamp(4rem, 8vw, 7rem); }

/* ── DUYARLI ── */
@media (max-width: 1079px) {
  .uyz-grid { grid-template-columns: minmax(0, 1fr); }
  .uyz-ana { max-width: none; }
  .uyz-yan .uhd-toc { display: none; }
  .uyz-toc-mobil { display: block; }
  .uyz-yan .uhd-yapiskan { position: static; }
  .uyk-liste--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uyk--buyuk { grid-template-columns: minmax(0, 1fr); }
  .uyk--buyuk .uyk-gorsel { min-height: 0; aspect-ratio: 16 / 9; }
}
@media (max-width: 640px) {
  .uyk-liste, .uyk-liste--3 { grid-template-columns: minmax(0, 1fr); }
  .uyz-kutu { grid-template-columns: minmax(0, 1fr); }
}