/* Sayfa bulunamadı (404) içerik alanı */
.bulunamadi-alani {
    padding-top: 230px;
    padding-bottom: 80px;
}

@media (max-width: 768px) {
    .bulunamadi-alani {
        padding-top: 140px;
    }
}

/* Sayfa başlığı h1'e alındı; görünüm eski etiketle aynı kalsın diye eski etiketin
   tema yazı boyutları taşındı (diğer özellikler h1-h6 için ortak kurallardan geliyor):
   bootstrap.css "h3, .h3" 1.75rem / "h2, .h2" 2rem;
   styleCanvas.css @media (max-width: 767.98px) "h3" 1.25rem / "h2" 1.5rem. */

/* Branş sayfası başlığı (sayfa-detay.php, eskiden h3.gold) */
h1.gold {
    font-size: 1.75rem;
}

/* Kurumsal sayfa başlığı (kurumsal.php, eskiden h2) */
.education-content > h1 {
    font-size: 2rem;
}

@media (max-width: 767.98px) {
    h1.gold {
        font-size: 1.25rem;
    }

    .education-content > h1 {
        font-size: 1.5rem;
    }
}

/* Kategori ve galeri video başlığı (kategori-detay.php, galeri.php; eskiden p.bransIconYazisi) */
h1.bransIconYazisi {
    line-height: inherit;
    margin-bottom: 1rem;
}

/* İletişim kartı başlığı (iletisim.php; eskiden .iletisimBilgileri h6, ortak.css) */
.iletisimBilgileri h1 {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 20px;
    color: burlywood;
}

/* Branş ve kampüs sayfası içerik tipografisi (Paket 4; renkler Paket 4c)
   Kapsam yalnız iki içerik kapsayıcısının içi: .blog-top-content (sayfa-detay.php) ve
   .kampus-ulasim-icerik (kampus-ve-ulasim.php). Banner, kart, footer ve kurumsal.php'ye dokunmaz.
   Başlık rengi temanın moru #472567 (12,15:1): içerik H2'si ve bu iki sayfanın H1'i; H3 #2B2B2B (14,16:1).
   Vurgu temanın altını #B18B3D (H2 çizgisi, madde işareti, hover alt çizgisi). Altın beyazda 3,17:1 olduğu için yalnız
   çizgi ve madde işaretinde; bağlantı metni aynı tonun koyusu #8F6E2E (4,73:1, WCAG AA).
   Gövde #444 (9,74:1), giriş #333 (12,63:1), strong #222 (15,91:1).
   styleCanvas.css "a { text-decoration: none !important }" nedeniyle hover alt çizgisi !important ister. */
.blog-top-content,
.kampus-ulasim-icerik {
    --icerik-baslik: #472567;
    --icerik-altin: #b18b3d;
    --icerik-baglanti: #8f6e2e;
    --icerik-metin: #444;
    color: var(--icerik-metin);
    line-height: 1.7;
}

.blog-top-content p,
.kampus-ulasim-icerik p {
    margin: 0 0 1rem;
    line-height: 1.7;
}

/* Sayfa başlığı (H1) içerik H2'si ile aynı mor; yalnız renk, boyut/ağırlık/konum temadan.
   H1 içerik kapsayıcısının dışında olduğu için --icerik-baslik değişkenine erişmez; değer aynı yazıldı.
   Branş: sayfa-detay.php'deki h1.gold (0,3,1; temanın .gold altınını geçer, iletisim.php'deki
   .single-blog-area'da h1.gold yok). Kampüs: kurumsal.php ve gizlilik-politikasi.php ile aynı
   .education-content kapsayıcısı; yalnız .kampus-ulasim-icerik taşıyanı :has() ile seçilir.
   :has() desteklemeyen tarayıcı kuralı atlar (H1 tema renginde kalır); bu yüzden iki kural ayrı.
   Paket 4d: H1 altında da altın çizgi; hiyerarşi belli olsun diye H2'ninkinin (40 × 2 px) 1,5 katı: 60 × 3 px.
   Aralıklar da 1,5 kat: metin-çizgi .75rem (H2 .5rem), çizgi-ilk paragraf 1.125rem (H2 .75rem). H1'in alt
   boşluğu ilk paragrafın .75rem üst boşluğuyla birleşir (margin collapse), aralık 1.125rem olur. */
.single-blog-area .col-md-12 > h1.gold {
    margin-bottom: 1.125rem;
    color: #472567;
}

.single-blog-area .col-md-12 > h1.gold::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin-top: .75rem;
    background-color: #b18b3d;
}

.education-content:has(> .kampus-ulasim-icerik) > h1 {
    margin-bottom: 1.125rem;
    color: #472567;
}

.education-content:has(> .kampus-ulasim-icerik) > h1::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin-top: .75rem;
    background-color: #b18b3d;
}

/* Giriş paragrafı: H1'in hemen altındaki ilk paragraf */
.blog-top-content > p:first-child,
.kampus-ulasim-icerik > p:first-child {
    margin-top: .75rem;
    font-size: 1.05rem;
    color: #333;
}

.blog-top-content h2,
.kampus-ulasim-icerik h2 {
    margin: 2rem 0 .75rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--icerik-baslik);
}

/* Başlık altı kısa altın çizgi (40 × 2 px) */
.blog-top-content h2::after,
.kampus-ulasim-icerik h2::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    margin-top: .5rem;
    background-color: var(--icerik-altin);
}

/* SSS sorusu */
.blog-top-content h3,
.kampus-ulasim-icerik h3 {
    margin: 1.25rem 0 .375rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    color: #2b2b2b;
}

.blog-top-content h2 + h3,
.kampus-ulasim-icerik h2 + h3 {
    margin-top: 0;
}

.blog-top-content ul,
.kampus-ulasim-icerik ul {
    margin: 0 0 1.25rem;
    padding-left: 1.25rem;
    list-style: disc outside;
}

.blog-top-content li,
.kampus-ulasim-icerik li {
    margin-bottom: .4rem;
    padding-left: .25rem;
    line-height: 1.7;
}

.blog-top-content li::marker,
.kampus-ulasim-icerik li::marker {
    color: var(--icerik-altin);
}

.blog-top-content strong,
.kampus-ulasim-icerik strong {
    font-weight: 700;
    color: #222;
}

.blog-top-content a,
.kampus-ulasim-icerik a {
    font-weight: 600;
    color: var(--icerik-baglanti);
}

.blog-top-content a:hover,
.blog-top-content a:focus-visible,
.kampus-ulasim-icerik a:hover,
.kampus-ulasim-icerik a:focus-visible {
    color: var(--icerik-baglanti);
    text-decoration-line: underline !important;
    text-decoration-color: var(--icerik-altin) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: .2em;
}

@media (max-width: 767.98px) {
    .blog-top-content h2,
    .kampus-ulasim-icerik h2 {
        font-size: 1.3rem;
    }
}

/* Branş kartı: tıklanabilir kartta el imleci */
.book-wrap {
    cursor: pointer;
}

/* width/height öznitelikli görseller: oran korunsun, yükseklik öznitelikten sabitlenmesin */
img[fetchpriority="high"],
.book-image > img,
.single-teachers > img {
    height: auto;
}

/* Altbilgi iletişim satırları (footer-sayfa.php, footer-kategori.php): #footer_yazi ile aynı görünüm.
   #footer_yazi mobilde gizli: sss.css (header-kategori, body.stretched) 767px'te, ortak.css (header-sayfa) 768px'te. */
.footer-iletisim {
    font-size: 13px;
    line-height: 1.8;
    padding-right: 100px;
}

@media (max-width: 767px) {
    .footer-iletisim {
        display: none;
    }
}

@media (max-width: 768px) {
    body:not(.stretched) .footer-iletisim {
        display: none;
    }
}