/* ========================================
   AKADEMİK DİJİTAL KİTAP - OPTİMİZE CSS
   Springer/IEEE/ACM Standartları
   Tarih: 2025-12-27

   ✅ TELİF KORUMA: Aktif (user-select: none)
   ✅ TİPOGRAFİ: 5 ana font boyutu
   ✅ RENK PALETİ: Minimal (Tek ana renk)
   ✅ ANİMASYON: Sadece gerekli olanlar
   ======================================== */

/* ==================== RESET & BASE ==================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* CSS Variables - Profesyonel Akademik Palet */
:root {
    /* Ana Renkler - Springer tarzı minimal */
    --primary-color: #1e40af;
    /* Koyu mavi */
    --primary-light: #00d1b2;
    /* Açık mavi */
    --primary-lighter: #6ea8fe;
    /* En açık mavi */

    /* HİYERARŞİK RENKLER - Kademeli Mavi Tonları */
    /* ERİŞİLEBİLİRLİK: Tüm renkler WCAG AA standardına uygun (min 4.5:1 kontrast) */
    --color-h1: #1e3a8a;
    /* Ana başlık - en koyu mavi */
    --color-h2: #1d4ed8;
    /* Alt başlık - koyu mavi */
    --color-h3: #2563eb;
    /* H3 - orta mavi */
    --color-h4: #3b82f6;
    /* H4 - açık mavi */
    --color-emphasis: #b8860b;
    /* Vurgu - koyu altın (kontrast: 4.6:1) */
    --color-highlight: #2980b9;
    /* Önemli - orta mavi (kontrast: 4.5:1) */

    /* Metin Renkleri - Beyaz Sayfa için */
    /* ERİŞİLEBİLİRLİK: WCAG AA uyumlu kontrastlar */
    --text-primary: #2c3e50;
    /* Ana metin - koyu gri (kontrast: 9.5:1) */
    --text-secondary: #34495e;
    /* İkincil metin (kontrast: 7.8:1) */
    --text-muted: #5a6c7d;
    /* Soluk metin (kontrast: 5.1:1) - #7f8c8d'den değiştirildi */

    /* Arka Plan Renkleri - Kitap Görünümü */
    --bg-primary: #95a5a6;
    /* Orta gri - kitap rafı */
    --bg-secondary: #ffffff;
    /* Beyaz */
    --bg-card: #ffffff;
    /* Beyaz */

    /* ========== MİNİMAL PASTEL PALET ========== */
    /* Ultra-soft pastel renkler - düşük doygunluk, yüksek şeffaflık */

    /* BAŞARI - Ultra Soft Yeşil */
    --success: #5a8a6a;
    --success-light: rgba(90, 138, 106, 0.10);
    --success-lighter: rgba(90, 138, 106, 0.05);
    --success-border: rgba(90, 138, 106, 0.18);

    /* TEHLİKE - Ultra Soft Pembe/Kırmızı */
    --danger: #b87878;
    --danger-light: rgba(184, 120, 120, 0.10);
    --danger-lighter: rgba(184, 120, 120, 0.05);
    --danger-border: rgba(184, 120, 120, 0.18);

    /* UYARI - Ultra Soft Sarı/Amber */
    --warning: #c4a35a;
    --warning-light: rgba(196, 163, 90, 0.10);
    --warning-lighter: rgba(196, 163, 90, 0.05);
    --warning-border: rgba(196, 163, 90, 0.18);

    /* BİLGİ - Ultra Soft Mavi */
    --info: #6a8caa;
    --info-light: rgba(106, 140, 170, 0.10);
    --info-lighter: rgba(106, 140, 170, 0.05);
    --info-border: rgba(106, 140, 170, 0.18);

    /* NÖTR - Ultra Soft Gri */
    --neutral: #7a8490;
    --neutral-light: rgba(122, 132, 144, 0.10);
    --neutral-lighter: rgba(122, 132, 144, 0.04);
    --neutral-border: rgba(122, 132, 144, 0.15);

    /* Ek Pastel Tonlar - Vurgular için */
    --pastel-blue: #f0f5fa;
    --pastel-yellow: #faf8f0;
    --pastel-green: #f2f7f4;
    --pastel-pink: #faf2f2;
    --pastel-gray: #f7f8f9;

    /* Legacy uyumluluk */
    --accent-success: var(--info);
    --accent-warning: var(--warning);
    --accent-danger: var(--danger);

    /* Font Boyutları - SADECE 5 ANA BOYUT */
    --font-size-base: 16px;
    --font-size-h1: 2em;
    /* 32px */
    --font-size-h2: 1.25em;
    /* 24px */
    --font-size-h3: 1.25em;
    /* 20px */
    --font-size-h4: 1.125em;
    /* 18px */
    --font-size-body: 1em;
    /* 16px */
    --font-size-small: 0.875em;
    /* 14px */

    /* Line Heights - SADECE 2 DEĞER */
    --line-height-headings: 1.2;
    --line-height-body: 1.6;

    /* Font Weights - SADECE 3 DEĞER */
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
}

/* ==================== BODY & LAYOUT ==================== */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: var(--font-size-base);
    line-height: var(--line-height-body);
    color: var(--text-primary);
    background: var(--bg-primary);
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.container {
    display: flex;
    height: 100vh;
    position: relative;
}

/* ==================== SIDEBAR NAVIGATION ==================== */
.sidebar-nav {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 300px;
    height: 100vh;
    background: linear-gradient(145deg, rgba(15, 20, 25, 0.98), rgba(26, 31, 46, 0.98));
    backdrop-filter: blur(10px);
    border-right: 2px solid rgba(251, 191, 36, 0.3);
    overflow-y: auto;
    transition: transform 0.3s ease;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
    scrollbar-width: none;
    /* Firefox - gizle */
}

/* Webkit scrollbar (Chrome, Edge, Safari) - gizle */
.sidebar-nav::-webkit-scrollbar {
    display: none;
}

.sidebar-nav.hidden {
    transform: translateX(-100%);
}

.nav-header {
    padding: 16px 16px 12px 16px;
    /* Daha kompakt */
    border-bottom: 1px solid rgba(251, 191, 36, 0.2);
    /* Altın vurgu */
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.98) 0%, rgba(31, 41, 55, 0.95) 100%);
    /* Koyu prestijli */
    position: relative;
}

/* Altın dekoratif çizgi */
.nav-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #fbbf24, transparent);
}

.nav-header h2 {
    color: #ffffff;
    font-size: 1.15em;
    font-weight: 700;
    margin-bottom: 4px;
    /* Küçültüldü */
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0.5px;
}

.nav-header p {
    color: #d1d5db;
    font-size: 0.85em;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 0;
}

.nav-copyright {
    text-align: center;
    margin-top: 8px;
    /* Küçültüldü */
    padding: 8px 12px;
    /* Küçültüldü */
    font-size: 0.7em;
    /* Daha küçük */
    background: linear-gradient(135deg, rgba(17, 24, 39, 0.6), rgba(31, 41, 55, 0.4));
    /* Koyu zarif */
    border-top: 1px solid rgba(251, 191, 36, 0.15);
    /* İnce altın çizgi */
    border-radius: 0 0 8px 8px;
}

.nav-copyright p {
    margin: 0;
    color: #fbbf24;
    /* Altın renk */
    font-weight: 600;
    letter-spacing: 0.3px;
}

.nav-slides {
    padding: 8px 0;
    /* Daha kompakt */
    max-height: calc(100vh - 120px);
    /* Header küçüldü, daha fazla alan */
    overflow-y: auto;
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: rgba(251, 191, 36, 0.5) rgba(17, 24, 39, 0.6);
    /* Firefox - altın */
}

.nav-slides::-webkit-scrollbar {
    width: 4px;
}

.nav-slides::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(251, 191, 36, 0.6), rgba(251, 191, 36, 0.3));
    border-radius: 3px;
}

.nav-slides::-webkit-scrollbar-track {
    background: rgba(17, 24, 39, 0.6);
}

.nav-slide {
    display: block;
    padding: var(--spacing-sm) var(--spacing-md);
    margin: var(--spacing-xs) var(--spacing-sm);
    color: var(--text-secondary);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    text-decoration: none;
    border-radius: 8px;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nav-slide:hover {
    background: rgba(59, 130, 246, 0.15);
    border-left-color: rgba(251, 191, 36, 0.6);
    color: var(--primary-lighter);
}

.nav-slide.active {
    background: rgba(59, 130, 246, 0.2);
    border-left-color: rgba(251, 191, 36, 0.8);
    font-weight: var(--font-weight-semibold);
    color: var(--primary-lighter);
}

.nav-sub-item {
    display: block;
    padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 55px;
    margin: 4px var(--spacing-sm);
    color: #a8b8c8;
    font-size: 0.8125em;
    font-weight: var(--font-weight-normal);
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nav-sub-item:hover {
    background: rgba(52, 152, 219, 0.15);
    /* Mavi (yeşil yerine) */
    color: var(--accent-success);
}

/* Hesaplama Araçları - Özel Stil */
.nav-calculator {
    display: block;
    padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 45px;
    margin: 4px var(--spacing-sm);
    font-size: 0.8125em;
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: linear-gradient(135deg, rgba(100, 180, 230, 0.15), rgba(80, 140, 180, 0.10));
    color: #7ec8e8;
    border-left: 3px solid #5dade2;
}

.nav-calculator::before {
    content: "⚙ ";
}

.nav-calculator:hover {
    background: linear-gradient(135deg, rgba(100, 180, 230, 0.25), rgba(80, 140, 180, 0.18));
    color: #a8ddf5;
    transform: translateX(3px);
}

.slide-number {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, var(--primary-light), var(--primary-color));
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    margin-right: var(--spacing-sm);
    font-weight: var(--font-weight-bold);
    font-size: 0.8125em;
}

/* ==================== MAIN CONTENT ==================== */
.main-content {
    position: fixed;
    left: 300px;
    right: 0;
    top: 0;
    bottom: 0;
    padding: var(--spacing-lg);
    overflow-y: hidden;
    transition: left 0.3s ease, right 0.3s ease;
    z-index: 1;
}

.main-content.nav-hidden {
    left: 0;
}

.main-content.sidebar-open {
    right: 350px;
}

/* ==================== SLIDE CONTAINER ==================== */
.slide {
    background: #ffffff;
    backdrop-filter: none;
    border-radius: 0;
    border: 1px solid #d4d4d4;
    padding: 50px;
    height: calc(100vh - 40px);
    display: none;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3),
        0 2px 8px rgba(0, 0, 0, 0.2),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    overflow-y: auto;
    overflow-x: hidden;
    color: #2c3e50 !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(251, 191, 36, 0.5) #f5f5f5;
}

/* Kapak slaytı için .slide background'unu override et */
#cover-slide,
.slide#cover-slide {
    background: linear-gradient(145deg, rgba(52, 73, 94, 0.15), rgba(44, 62, 80, 0.05)) !important;
}

/* Metin renkleri - Sadece gerekli elementler için */
.slide p,
.slide span,
.slide div,
.slide li {
    color: #2c3e50;
}

/* Başlıklar özel renkler ve spacing - UPDATED to match index-classic.html */
.slide h1 {
    font-size: 2.2rem;
    margin-bottom: 15px;
    color: var(--color-h1) !important;
    font-weight: 800 !important;
    border-bottom: 3px solid #3b82f6;
    padding-bottom: 16px;
}

/* Kapak başlığı istisnası - .slide h1 ve h1, .slide h1 kurallarını override eder */
#cover-slide h1,
#cover-slide .cover-main-title,
#cover-slide h1.cover-main-title {
    color: #ffffff !important;
    border-bottom: none !important;
    /* h1, .slide h1 kuralının border-bottom'unu kaldır */
    padding-bottom: 0 !important;
    /* h1, .slide h1 kuralının padding-bottom'unu kaldır */
}

.slide h2 {
    font-size: 1.6rem !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
    color: var(--color-h2) !important;
    font-weight: 700 !important;
}

.slide h3 {
    font-size: 1.35rem !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    color: var(--color-h3) !important;
    font-weight: 600 !important;
}

.slide h4,
.slide h5 {
    font-size: 1.15rem !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
    color: var(--color-h4) !important;
    padding-left: 0 !important;
    font-weight: 500 !important;
}

/* .slide strong - GENEL KURAL KALDIRILDI, sadece paragraflardaki strong tag'ler için özel kurallar var */
/* /* .slide strong - GENEL KURAL KALDIRILDI, sadece başlıklardaki strong tag'ler için özel kurallar var */
/* Paragraflardaki strong tag'ler normal font-weight olacak (aşağıdaki kurallar ile) */
/* .slide strong {
    color: #1e40af !important;
    font-weight: 600 !important;
} */

.slide em {
    color: #10b981 !important;
    font-style: italic;
}

/* Paragraf ve liste spacing */
.slide p {
    margin-bottom: 15px;
    text-align: justify;
    line-height: 1.8;
    color: #2c3e50;
    font-weight: var(--font-weight-normal) !important;
    /* 6. slayttan sonra tüm paragraflar normal font-weight */
}

.slide ul,
.slide ol {
    margin-left: 30px;
    margin-bottom: 15px;
    line-height: 1.7;
}

.slide li {
    margin-bottom: 10px;
    line-height: 1.7;
}

.slide blockquote {
    padding: 16px 20px;
    margin: 20px 0;
    font-style: italic;
    color: #555;
    background: var(--neutral-lighter);
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
}

/* Image Container */
.image-container {
    margin: 30px 0;
    text-align: center;
}

.image-container img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    cursor: zoom-in;
}

.image-container figcaption {
    margin-top: 10px;
    font-size: 0.9rem;
    color: #666;
    font-style: italic;
    display: grid !important;
    padding: 0 !important;
}

/* Köşe süslemeleri kaldırıldı */

/* Aktif slaytlar görünür olmalı - yüksek öncelik */
div.slide.active,
.slide.active,
.main-content .slide.active {
    display: block !important;
    /* HTML inline style ile uyumlu */
    animation: slideIn 0.3s ease;
}

/* Kapak slide istisnası - flex layout - sadece kapak için */
/* Navigasyon paneli ile aynı renk tonu (koyu gri-mavi) */
/* En yüksek spesifiklik ile override */
div#cover-slide.active,
div.slide#cover-slide.active,
.main-content #cover-slide.active,
.main-content .slide#cover-slide.active,
#cover-slide.active,
.slide#cover-slide.active {
    display: flex !important;
    /* Kapak için flex, diğerleri için block */
    background: linear-gradient(145deg, rgba(52, 73, 94, 0.15), rgba(44, 62, 80, 0.05)) !important;
}

/* Kapak slaytı aktif değilken gizli olmalı */
#cover-slide:not(.active),
.slide#cover-slide:not(.active) {
    display: none !important;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide::-webkit-scrollbar {
    width: 5px;
}

.slide::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(251, 191, 36, 0.6), rgba(251, 191, 36, 0.3));
    border-radius: 10px;
}

.slide::-webkit-scrollbar-track {
    background: rgba(17, 24, 39, 0.6);
}

/* ==================== TYPOGRAPHY - PROFESYONEL STANDART ==================== */

/* Lists - Akademik stil */
ul,
ol {
    margin: var(--spacing-lg) 0 var(--spacing-lg) 30px;
    padding-left: var(--spacing-md);
}

li {
    padding-left: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
    position: relative;
}

/* Liste işaretleyicileri için özel renk */
ul li::marker {
    color: var(--primary-light);
}

ol li::marker {
    color: var(--primary-light);
    font-weight: var(--font-weight-semibold);
}

/* ==================== CONTENT SECTIONS - AKADEMİK KALİTE ==================== */

/* Kapsam Kutusu */
.scope-box {
    background: none;
    padding: 0;
    margin: 12px 0;
    border-radius: 0;
    border-left: none;
    text-align: justify;
}

.scope-box h3 {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

/* İntro bölümler */
.slide-intro {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(59, 130, 246, 0.04));
    padding: var(--spacing-lg);
    margin: var(--spacing-xl) 0 var(--spacing-lg) 0;
    border-radius: 8px;
    border: 1px solid var(--warning-border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.slide-intro p {
    font-size: var(--font-size-body) !important;
    line-height: var(--line-height-body) !important;
}

/* Ana içerik bölümleri - SIFIRLANMIŞ YAPI */
.content-section {
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    position: relative;
}

/* FIX: Tüm iç içe divlerde padding/margin birikimini engelle */
/* ANCAK: key-point, comparison-box, scenario-box, table-container gibi özel kutuları hariç tut */
.content-section div:not(.key-point):not(.comparison-left):not(.comparison-right):not(.comparison-box):not(.athlete-comparison):not(.athlete-profile):not(.scenario-box):not(.table-container):not(.note-box):not(.scope-box):not(.scenario-profile):not(.scenario-situation):not(.scenario-outcome):not(.scenario-lesson) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Scenario box içindeki alt div'lerin stillerini koru */
.scenario-box .scenario-profile,
.scenario-box .scenario-situation,
.scenario-box .scenario-outcome,
.scenario-box .scenario-lesson {
    padding: 12px 16px !important;
    margin-bottom: 12px;
    background: var(--info-lighter);
    border: 1px solid var(--info-border);
    border-radius: 6px;
}

.scenario-box .scenario-lesson {
    background: var(--warning-lighter) !important;
    border-color: var(--warning-border) !important;
}

/* FIX: İç içe divlerde margin-left birikimini azalt */
.content-section div[style*="margin-left"] {
    margin-left: 20px !important;
    /* Tüm margin-left'leri 20px'e sabitle */
}

/* ==================== ÖZEL İÇERİK KUTULARI - AKADEMİK ==================== */

/* Uyarı kutuları */
div[style*="border-left: 4px solid #e74c3c"],
.warning-box {
    padding: var(--spacing-lg) !important;
    margin: var(--spacing-xl) 0 !important;
    border-radius: 6px !important;
    background: var(--warning-lighter) !important;
    border: 1px solid var(--warning-border) !important;
}

div[style*="border-left: 4px solid #e74c3c"] h3,
.warning-box h3 {
    color: #fca5a5 !important;
    font-size: var(--font-size-h3) !important;
    margin-bottom: var(--spacing-md) !important;
    font-weight: var(--font-weight-bold) !important;
}

/* Bilgi kutuları - mavi */
.info-box,
div[style*="background: rgba(52, 152, 219"] {
    padding: var(--spacing-lg) !important;
    margin: var(--spacing-xl) 0 !important;
    border: 1px solid var(--warning-border) !important;
    border-radius: 6px !important;
    background: linear-gradient(90deg,
            rgba(59, 130, 246, 0.08),
            rgba(59, 130, 246, 0.02)) !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}

/* Başarı/Örnek kutuları */
.success-box,
div[style*="background: rgba(46, 204, 113"] {
    padding: var(--spacing-lg) !important;
    margin: var(--spacing-xl) 0 !important;
    border-radius: 6px !important;
    background: var(--success-lighter) !important;
    border: 1px solid var(--success-border) !important;
}

/* Not kutuları */
.note-box,
div[style*="background: rgba(230, 126, 34"] {
    padding: var(--spacing-lg) !important;
    margin: var(--spacing-xl) 0 !important;
    border-radius: 6px !important;
    background: var(--warning-lighter) !important;
    border: 1px solid var(--warning-border) !important;
}

/* ==================== KARŞILAŞTIRMA KUTULARI ==================== */
.comparison-box {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.comparison-box h4,
.comparison-box h3 {
    color: var(--text-primary) !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin: 0 0 16px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid currentColor !important;
    border-bottom-color: inherit !important;
    text-align: left !important;
}

/* Sol kutu - Varsayılan olarak soft pembe (olumsuz/eski yaklaşım) */
.comparison-left {
    background: var(--danger-lighter) !important;
    border: 1px solid var(--danger-border) !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

.comparison-left h3,
.comparison-left h4 {
    color: var(--danger) !important;
    border-bottom-color: var(--danger-border) !important;
}

/* Sağ kutu - Varsayılan olarak soft yeşil (olumlu/yeni yaklaşım) */
.comparison-right {
    background: var(--success-lighter) !important;
    border: 1px solid var(--success-border) !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

.comparison-right h3,
.comparison-right h4 {
    color: var(--success) !important;
    border-bottom-color: var(--success-border) !important;
}

/* Nötr karşılaştırma - her iki seçenek de geçerli olduğunda */
.comparison-box.neutral .comparison-left,
.comparison-box.neutral .comparison-right {
    background: var(--info-lighter) !important;
    border: 1px solid var(--info-border) !important;
}

.comparison-box.neutral .comparison-left h3,
.comparison-box.neutral .comparison-left h4,
.comparison-box.neutral .comparison-right h3,
.comparison-box.neutral .comparison-right h4 {
    color: var(--info) !important;
    border-bottom-color: var(--info-border) !important;
}

/* Comparison Grid - comparison-box ile aynı davranış */
.comparison-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    background: transparent !important;
    border: none !important;
    margin: 20px 0 !important;
}

.comparison-grid>div {
    background: var(--neutral-lighter) !important;
    border: 1px solid var(--neutral-border) !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

.athlete-comparison {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

.athlete-profile {
    background: #ffffff !important;
    border: 1px solid var(--neutral-border) !important;
    border-radius: 6px !important;
    padding: 16px !important;
}

.athlete-profile strong {
    display: block !important;
    color: var(--text-primary) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--neutral-border) !important;
    text-align: left !important;
}

.athlete-profile ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.athlete-profile li {
    padding: 8px 0 !important;
    font-size: 0.95rem !important;
    border-bottom: 1px solid var(--neutral-lighter) !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.athlete-profile li:last-child {
    border-bottom: none !important;
    padding-top: 12px !important;
    margin-top: 4px !important;
}

.athlete-profile em {
    font-weight: 600 !important;
    font-style: normal !important;
    color: var(--info) !important;
}

.athlete-profile .label {
    color: var(--text-secondary) !important;
    font-size: 0.9rem !important;
    text-align: left !important;
}

.athlete-profile .value {
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    text-align: right !important;
}

/* Uygulama kutuları */
.application-box {
    background: var(--success-lighter);
    border: 1px solid var(--success-border);
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.application-box h4 {
    color: var(--success);
    margin-bottom: 12px;
}

/* Metrik grid */
.metric-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    text-align: center;
    margin-top: 16px;
}

.metric-item {
    background: #ffffff;
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    padding: 16px;
}

.metric-item .metric-value {
    display: block;
    font-size: 1.5em;
    font-weight: 700;
    color: var(--info);
    margin-bottom: 6px;
}

.metric-item .metric-label {
    font-size: 0.85em;
    color: var(--text-muted);
}

/* İki sütunlu liste */
ul.two-column {
    column-count: 2;
    column-gap: 30px;
}

/* Responsive */
@media (max-width: 768px) {
    .athlete-comparison {
        grid-template-columns: 1fr !important;
    }

    .metric-grid {
        grid-template-columns: 1fr !important;
    }

    ul.two-column {
        column-count: 1 !important;
    }
}

/* Hesaplama araçları - yeşil gradient koruma */
#individualized-lvp-calculator,
div[id*="calculator"] {
    padding: 24px !important;
    margin-top: 40px !important;
}

/* Hesaplama aracı içindeki divlere padding geri ver */
#individualized-lvp-calculator div,
div[id*="calculator"] div {
    padding: initial !important;
}

/* Grid yapılarını koru */
div[style*="display: grid"],
div[style*="grid-template-columns"] {
    display: grid !important;
    padding: 0 !important;
}

/* Form elementleri için padding */
#individualized-lvp-calculator input,
#individualized-lvp-calculator select,
#individualized-lvp-calculator button {
    padding: 8px 15px !important;
}

/* Veri girişi container'ı */

.content-section h3 {
    font-size: var(--font-size-h3) !important;
}

.content-section p,
.content-section li,
.content-section strong,
.content-section p strong,
.content-section div strong {
    color: var(--text-primary) !important;
    /* Siyah (mavi yerine) */
}

.content-section p,
.content-section li {
    font-size: var(--font-size-body) !important;
    text-align: justify;
}

/* Main content card - flat hierarchy, no nesting */
.content-card {
    max-width: 1200px;
    width: 100%;
    margin: 25px auto;
    padding: 24px;
    background: rgba(15, 20, 25, 0.5);
    border-radius: 12px;
    box-sizing: border-box;
}

/* Highlighted/Important sections */
.content-card.highlight {
    background: var(--info-lighter);
    border: 1px solid var(--info-border);
}

.content-card.warning {
    background: var(--danger-lighter);
    border: 1px solid var(--danger-border);
}

.content-card.success {
    background: var(--success-lighter);
    border: 1px solid var(--success-border);
}

/* Full-width cards for tables, charts */
.content-card.full-width {
    max-width: 100%;
    margin: 25px 0;
}

/* Compact card for references, footnotes */
.content-card.compact {
    padding: 24px;
    margin: 20px auto;
}

/* Card headings */
.content-card h3 {
    font-size: var(--font-size-h3) !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
}

.content-card h4 {
    font-size: var(--font-size-h4) !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

/* Card text content */
.content-card p,
.content-card li {
    font-size: var(--font-size-body) !important;
    line-height: var(--line-height-body) !important;
}

/* Card lists */
.content-card ul,
.content-card ol {
    margin: 15px 0;
    padding-left: 24px;
}

.section-title {
    background: rgba(59, 130, 246, 0.15);
    color: var(--primary-lighter);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: 6px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--spacing-md);
}

/* ==================== TABLES - UPDATED to match index-classic.html ==================== */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 1em !important;
    line-height: 1.7 !important;
}

/* Tablo başlıkları - Her tablo için özel renkler inline olarak ayarlanabilir */
th {
    color: #ffffff;
    padding: 12px;
    text-align: center;
    font-weight: 600 !important;
    font-size: 1em !important;
    border: 1px solid #ddd;
}

/* Tablo hücreleri */
td {
    background: #ffffff;
    color: var(--text-primary);
    padding: 12px;
    text-align: center;
    border: 1px solid #ddd;
    font-weight: 400 !important;
    font-size: 1em !important;
    line-height: 1.7 !important;
    transition: background-color 0.2s ease;
}

/* Son hücrede sağ border olmasın */
td:last-child {
    border-right: none;
}

/* Satır hover efekti - Gri */
tr:hover td {
    background: #f3f4f6;
}

/* Zebra striping - Varsayılan beyaz (zebra striping kaldırıldı) */
tbody tr:nth-child(even) td {
    background: #ffffff;
}

/* Zebra striping hover efekti - Gri */
tbody tr:nth-child(even):hover td {
    background: #f3f4f6;
}

/* Tablo açıklama metni */
.table-context {
    margin-bottom: var(--spacing-lg);
    padding: var(--spacing-md) var(--spacing-lg);
    background: linear-gradient(90deg,
            rgba(59, 130, 246, 0.08),
            rgba(59, 130, 246, 0.04));
    border: 1px solid var(--warning-border);
    border-radius: 4px;
    font-size: var(--font-size-body) !important;
    line-height: 1.7 !important;
    color: var(--text-secondary);
}

/* ==================== RIGHT SIDEBAR ==================== */
/* Ana sunum ile uyumlu açık tema - profesyonel akademik görünüm */
.right-sidebar {
    position: fixed;
    right: 0;
    top: 0;
    width: 350px;
    height: 100vh;
    background: #f8fafc;
    /* Çok hafif gri-beyaz */
    border: 1px solid var(--info-border);
    /* Mavi vurgu çizgisi */
    overflow-y: auto;
    transition: transform 0.3s ease;
    box-shadow: -4px 0 15px rgba(0, 0, 0, 0.08);
    z-index: 999;
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: #3498db #e5e7eb;
    /* Firefox - mavi scrollbar */
}

/* Webkit scrollbar (Chrome, Edge, Safari) */
.right-sidebar::-webkit-scrollbar {
    width: 4px;
}

.right-sidebar::-webkit-scrollbar-thumb {
    background: #3498db;
    border-radius: 3px;
}

.right-sidebar::-webkit-scrollbar-track {
    background: #e5e7eb;
}

.right-sidebar.hidden {
    transform: translateX(100%);
}

.sidebar-header {
    position: sticky;
    top: 0;
    background: #ffffff;
    color: #2c3e50;
    padding: 60px var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
    text-align: center;
    border-bottom: 2px solid #3498db;
    z-index: 10;
}

.sidebar-header h3 {
    color: #1e40af;
    /* Ana başlık rengi - koyu mavi */
    font-weight: 600;
}

.sidebar-content {
    padding: var(--spacing-lg);
}

.sidebar-section {
    margin-bottom: var(--spacing-lg);
    padding: var(--spacing-md);
    background: #ffffff;
    /* Beyaz arka plan */
    border-radius: 6px;
    border: 1px solid var(--info-border);
    /* Mavi vurgu */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.sidebar-section h4 {
    color: #1e40af;
    /* Koyu mavi başlık */
    font-size: var(--font-size-body) !important;
    font-weight: 600 !important;
    margin-bottom: var(--spacing-sm);
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 8px;
}

.sidebar-section p {
    font-size: var(--font-size-small) !important;
    line-height: var(--line-height-body);
    color: #2c3e50;
    /* Koyu gri metin - okunabilir */
}

.sidebar-section ul,
.sidebar-section ol {
    color: #2c3e50;
    font-size: var(--font-size-small) !important;
    line-height: 1.6;
    padding-left: 1.2em;
}

.sidebar-section li {
    margin-bottom: 6px;
}

/* Sidebar içinde vurgulu metin kutuları */
.sidebar-section .note-box {
    background: #f0f9ff;
    /* Çok açık mavi */
    border: 1px solid #bfdbfe;
    padding: 10px 12px;
    border-radius: 4px;
    margin: 10px 0;
    font-size: 0.9em;
}

.sidebar-section .warning-box {
    background: #fffbeb;
    /* Çok açık sarı */
    border: 1px solid #fde68a;
    padding: 10px 12px;
    border-radius: 4px;
    margin: 10px 0;
    font-size: 0.9em;
}

/* ==================== CONTROLS ==================== */
.floating-controls {
    position: fixed;
    top: 10px;
    right: var(--spacing-lg);
    z-index: 10002;
    display: flex;
    gap: var(--spacing-sm);
}

.float-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: var(--primary-lighter);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.float-btn:hover {
    background: var(--primary-light);
    color: white;
}

.controls {
    position: fixed;
    bottom: 20px;
    right: 160px;
    /* Sayacın soluna yerleştir */
    display: flex;
    gap: 8px;
    /* Daha kompakt */
    z-index: 10001;
}

.control-btn {
    /* Koyu zarif background + altın aksan */
    background: linear-gradient(135deg, rgba(31, 41, 55, 0.95), rgba(17, 24, 39, 0.9));
    color: #e5e7eb;
    border: 1px solid rgba(251, 191, 36, 0.3);
    /* Altın border */
    padding: 8px 18px;
    /* Daha kompakt */
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.8em;
    /* Daha küçük */
    font-weight: 600;
    transition: all 0.25s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(251, 191, 36, 0.1);
    /* İç gölge altın parıltı */

    /* Text shadow - daha zarif */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.control-btn:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, rgba(31, 41, 55, 1), rgba(17, 24, 39, 0.95));
    border-color: rgba(251, 191, 36, 0.6);
    /* Hover'da altın parlar */
    color: #fbbf24;
    /* Altın text */
    box-shadow: 0 4px 16px rgba(251, 191, 36, 0.25),
        inset 0 1px 0 rgba(251, 191, 36, 0.2);
}

.control-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.slide-counter {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /* Koyu zarif + altın aksan */
    background: linear-gradient(135deg, rgba(31, 41, 55, 0.95), rgba(17, 24, 39, 0.9));
    color: #fbbf24;
    /* Altın counter */
    padding: 8px 16px;
    /* Daha kompakt */
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.75em;
    /* Daha küçük */
    border: 1px solid rgba(251, 191, 36, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(251, 191, 36, 0.1);
    z-index: 10001;
    letter-spacing: 0.5px;
}

/* ==================== SPECIAL COMPONENTS ==================== */
.research-insight {
    background: rgba(59, 130, 246, 0.1);
    border-radius: 8px;
    padding: var(--spacing-lg);
    margin: var(--spacing-lg) 0;
}

.research-insight h4 {
    color: var(--primary-lighter);
    font-size: var(--font-size-body) !important;
    margin-bottom: var(--spacing-md);
}

.research-insight p {
    font-size: var(--font-size-body) !important;
}

.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
    margin: var(--spacing-lg) 0;
}

.stat-box {
    background: rgba(59, 130, 246, 0.1);
    border: 2px solid rgba(251, 191, 36, 0.4);
    border-radius: 8px;
    padding: var(--spacing-lg);
    text-align: center;
    margin: var(--spacing-md) 0;
}

.stat-box .value {
    font-size: var(--font-size-h1);
    color: var(--primary-lighter);
    font-weight: var(--font-weight-bold);
    display: block;
    margin: var(--spacing-sm) 0;
}

.stat-box .label {
    font-size: var(--font-size-small);
    color: var(--text-secondary);
}

/* References Section */
.slide-references {
    font-size: var(--font-size-small) !important;
    color: var(--text-muted);
    margin-top: var(--spacing-xl);
}

.slide-references p,
.slide-references li {
    font-size: var(--font-size-small) !important;
    line-height: 1.8 !important;
}

/* Citation */
.citation {
    margin-top: var(--spacing-lg);
    padding-top: var(--spacing-md);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: var(--font-size-small);
    color: var(--text-muted);
}

/* ==================== TELİF KORUMA ==================== */
/* UYARI: Bu bölüm telif haklarını korur - DEĞİŞTİRMEYİN */
body,
.slide,
p,
h1,
h2,
h3,
h4,
li,
td,
th,
div {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* ==================== DARK MODE ==================== */
body.dark-mode {
    background: #0a0e27;
}

body.dark-mode .slide {
    background: rgba(20, 20, 36, 0.95);
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3 {
    color: #4ecdc4;
}

body.dark-mode th {
    background: linear-gradient(135deg, #4ecdc4, #38ef7d);
    color: #0a0e27;
}

body.dark-mode strong {
    color: #fbbf24;
}

/* ==================== PROJECTION MODE ==================== */
body.projection-mode {
    background: #ffffff !important;
}

body.projection-mode .sidebar-nav,
body.projection-mode .right-sidebar,
body.projection-mode .controls,
body.projection-mode .floating-controls {
    display: none !important;
}

body.projection-mode .main-content {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

body.projection-mode .slide {
    background: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 40px !important;
    min-height: 100vh !important;
    box-sizing: border-box !important;
}

body.projection-mode h1,
body.projection-mode h2 {
    font-size: 3em !important;
    color: #000000 !important;
    font-weight: var(--font-weight-bold) !important;
}

body.projection-mode p,
body.projection-mode li {
    font-size: 1.5em !important;
    color: #000000 !important;
}

body.projection-mode strong {
    color: var(--primary-color) !important;
}

body.projection-mode table {
    border: 3px solid #000000 !important;
}

body.projection-mode th {
    background: #000000 !important;
    color: #ffffff !important;
}

body.projection-mode td {
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

body.projection-mode h3,
body.projection-mode h4 {
    color: #000000 !important;
}

body.projection-mode .content-section,
body.projection-mode .sidebar-section {
    background: #f8f9fa !important;
    border: 2px solid #dee2e6 !important;
    color: #000000 !important;
}

body.projection-mode svg {
    max-width: 100% !important;
    height: auto !important;
}

body.projection-mode .slide-intro {
    background: #e3f2fd !important;
    border-left: 5px solid #1976d2 !important;
    color: #000000 !important;
}

body.projection-mode ul,
body.projection-mode ol {
    color: #000000 !important;
}

/* ==================== RESPONSIVE DESIGN ==================== */
@media (max-width: 1024px) {
    .sidebar-nav {
        transform: translateX(-100%);
    }

    .main-content {
        left: 0;
    }

    .two-column {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }
}

/* ==================== PRINT STYLES ==================== */
@media print {

    .sidebar-nav,
    .right-sidebar,
    .controls,
    .floating-controls,
    .slide-counter {
        display: none !important;
    }

    .slide {
        box-shadow: none;
        border: none;
        padding: var(--spacing-lg);
    }
}

/* ==================== MINIMAL INLINE STYLE ADJUSTMENTS ==================== */
/* Sadece gerekli düzeltmeler - Inline stillere saygı göster */


/* ==================== PRESTİJLİ KAPAK TASARIMI ==================== */
/* Navigasyon temasıyla tamamen uyumlu kapak tasarımı - Okunabilir ve Estetik */

/* Kapak Renk Paleti - Navigasyon Temasıyla Uyumlu */
:root {
    --cover-accent-gold: #fbbf24;
    /* Ana vurgu rengi - altın (nav ile aynı) */
    --cover-accent-blue: #6ea8fe;
    /* İkincil vurgu - açık mavi */
    --cover-text-primary: #ffffff;
    /* Ana metin - beyaz (nav ile aynı) */
    --cover-text-secondary: #d1d5db;
    /* İkincil metin - açık gri (nav ile aynı) */
    --cover-text-muted: #9ca3af;
    /* Soluk metin - orta gri */
}

/* En yüksek spesifiklik ile override - tüm olası selector'lar */
div#cover-slide.active,
div.slide#cover-slide.active,
.main-content #cover-slide.active,
.main-content .slide#cover-slide.active,
#cover-slide.active,
.slide#cover-slide.active {
    display: flex !important;
    align-items: center;
    justify-content: center;
    /* Navigasyon paneli ile aynı renk tonu (koyu gri-mavi) */
    background: linear-gradient(145deg, rgba(52, 73, 94, 0.15), rgba(44, 62, 80, 0.05)) !important;
    backdrop-filter: blur(10px) !important;
    /* Navigasyon ile aynı blur efekti */
    padding: 50px 40px !important;
    min-height: calc(100vh - 100px);
    border: none !important;
    /* .slide kuralının border'ını kaldır */
    box-shadow: none !important;
    /* .slide kuralının box-shadow'unu kaldır */
}

.cover-container {
    width: 100%;
    max-width: 950px;
    text-align: center;
    padding: 0 20px;
}

/* Üst Kurum Bilgisi - Daha Okunabilir */
.cover-institution {
    margin-bottom: 40px;
    animation: fadeInDown 0.8s ease;
}

.institution-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 18px;
}

.badge-line {
    width: 100px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--cover-accent-gold), transparent);
    flex-shrink: 0;
}

.institution-badge p,
.institution-name {
    font-size: 0.95em !important;
    /* 0.875em → 0.95em daha okunabilir */
    font-weight: 700 !important;
    letter-spacing: 3px;
    color: var(--cover-accent-gold) !important;
    text-transform: uppercase;
    margin: 0 !important;
    line-height: 1.8 !important;
    /* 1.7 → 1.8 daha okunabilir */
    white-space: nowrap;
}

.faculty-name {
    font-size: 1.1em !important;
    /* 1em → 1.1em daha belirgin */
    color: var(--cover-accent-blue) !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px;
    margin: 10px 0 6px 0 !important;
    line-height: 1.6 !important;
}

.department-name {
    font-size: 0.95em !important;
    /* 0.875em → 0.95em daha okunabilir */
    color: var(--cover-text-secondary) !important;
    font-weight: 500 !important;
    letter-spacing: 0.8px;
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* Ana Başlık Bölümü - Daha Belirgin ve Okunabilir */
.cover-title-section {
    margin: 40px 0;
    padding: 32px 0;
    /* Navigasyon temasıyla aynı altın border */
    border-top: 1px solid rgba(251, 191, 36, 0.25);
    border-bottom: 1px solid rgba(251, 191, 36, 0.25);
    animation: fadeInUp 1s ease;
}

.title-ornament {
    font-size: 1.8em;
    /* 1.5em → 1.8em daha belirgin */
    color: var(--cover-accent-gold);
    margin: 25px 0;
    animation: pulse 2s ease infinite;
    opacity: 0.9;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 0.9;
    }

    50% {
        opacity: 0.5;
    }
}

/* Kapak başlığı - ID seçici ile daha spesifik, .slide h1 kuralını override eder */
#cover-slide .cover-main-title,
#cover-slide h1.cover-main-title,
.slide#cover-slide .cover-main-title {
    font-size: 3em !important;
    /* 2.5em → 3em daha büyük ve okunabilir */
    font-weight: 900 !important;
    line-height: 1.25 !important;
    /* 1.2 → 1.25 daha okunabilir */
    color: #ffffff !important;
    /* Navigasyon başlığı ile aynı tam beyaz */
    margin: 25px 0 !important;
    /* Navigasyon başlığından daha belirgin - güçlü gölge efekti */
    text-shadow: 0 0 25px rgba(255, 255, 255, 0.6),
        0 0 10px rgba(255, 255, 255, 0.4),
        0 4px 20px rgba(0, 0, 0, 0.8),
        0 2px 8px rgba(0, 0, 0, 0.6),
        0 1px 3px rgba(0, 0, 0, 0.4);
    letter-spacing: 3px !important;
    /* 2px → 3px daha zarif */
    border: none !important;
    padding: 0 !important;
}

.title-divider {
    width: 250px;
    /* 200px → 250px daha geniş */
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--cover-accent-gold), var(--cover-accent-gold), var(--cover-accent-gold), transparent);
    margin: 35px auto;
    border-radius: 2px;
}

.cover-subtitle {
    font-size: 1.3em !important;
    /* 1.125em → 1.3em daha okunabilir */
    font-weight: 600 !important;
    line-height: 1.6 !important;
    /* 1.5 → 1.6 daha okunabilir */
    color: var(--cover-text-secondary) !important;
    margin: 25px 0 !important;
    letter-spacing: 1px;
    /* 0.5px → 1px daha belirgin */
    font-style: italic;
}

/* Yazar Bilgisi - Daha Prestijli ve Okunabilir */
.cover-author {
    margin: 40px 0;
    animation: fadeIn 1.2s ease;
}

.author-badge {
    display: inline-block;
    padding: 24px 60px;
    /* 20px 50px → 25px 60px daha geniş */
    /* Kapak arka planıyla uyumlu - transparent */
    background: transparent;
    border: 2px solid rgba(251, 191, 36, 0.35);
    /* 0.3 → 0.35 daha belirgin */
    border-radius: 12px;
    margin-bottom: 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(251, 191, 36, 0.1);
    /* İç gölge eklendi */
}

.author-badge p,
#cover-slide .author-badge p {
    color: #ffffff !important;
    /* Normal beyaz - author-title ve author-name ile aynı */
    font-size: 1.1em !important;
    /* 1.4em → 1.1em küçültüldü */
    font-weight: 700 !important;
    /* author-title ve author-name ile aynı font weight */
    letter-spacing: 2px;
    /* author-title ve author-name ile aynı letter spacing */
    margin: 0 !important;
    line-height: 1.5 !important;
}

.author-title,
#cover-slide .author-title,
#cover-slide span.author-title {
    font-size: 1.1em !important;
    /* 1.4em → 1.1em küçültüldü */
    color: #ffffff !important;
    /* Normal beyaz - İzzet İNCE ile aynı renk */
    font-weight: 700 !important;
    /* İzzet İNCE ile aynı font weight */
    letter-spacing: 2px;
    /* İzzet İNCE ile aynı letter spacing */
    margin: 0 10px 0 0 !important;
    display: inline !important;
}

.author-name,
#cover-slide .author-name,
#cover-slide span.author-name {
    font-size: 1.1em !important;
    /* 1.4em → 1.1em küçültüldü */
    color: #ffffff !important;
    /* Normal beyaz - Doç. Dr. ile aynı renk */
    font-weight: 700 !important;
    /* Doç. Dr. ile aynı font weight */
    letter-spacing: 2px;
    /* Doç. Dr. ile aynı letter spacing */
    margin: 0 !important;
    display: inline !important;
    /* Navigasyon temasıyla uyumlu */
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.3);
}

.author-credentials {
    display: flex;
    justify-content: center;
    gap: 35px;
    /* 30px → 35px daha geniş */
    margin-top: 25px;
    /* 20px → 25px daha fazla boşluk */
}

.author-credentials p {
    font-size: 0.95em !important;
    /* 0.875em → 0.95em daha okunabilir */
    color: var(--cover-accent-blue) !important;
    font-weight: 600 !important;
    margin: 0 !important;
    letter-spacing: 1px;
    line-height: 1.6 !important;
}

/* Alt Bilgi - Daha Okunabilir */
.cover-footer {
    margin-top: 40px;
    /* 30px → 40px daha fazla boşluk */
    animation: fadeInUp 1.4s ease;
}

.audience-badge {
    padding: 24px 30px;
    /* 20px → 25px 30px daha geniş */
    /* Navigasyon temasıyla uyumlu */
    background: linear-gradient(135deg, rgba(17, 24, 39, 0.7), rgba(31, 41, 55, 0.5));
    border-radius: 12px;
    /* 10px → 12px daha yuvarlak */
    border: 1px solid rgba(251, 191, 36, 0.2);
    /* 0.15 → 0.2 daha belirgin */
    margin-bottom: 25px;
    /* 20px → 25px daha fazla boşluk */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.audience-title {
    font-size: 1.1em !important;
    /* 1em → 1.1em daha belirgin */
    color: var(--cover-accent-blue) !important;
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
    /* 12px → 15px daha fazla boşluk */
    letter-spacing: 1px;
    line-height: 1.5 !important;
}

.audience-list {
    font-size: 0.95em !important;
    /* 0.875em → 0.95em daha okunabilir */
    color: var(--cover-text-secondary) !important;
    font-weight: 500 !important;
    line-height: 2 !important;
    /* 1.8 → 2 daha okunabilir */
    margin: 0 !important;
    letter-spacing: 0.5px;
}

.cover-year {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    /* 20px → 25px daha geniş */
}

.year-line {
    width: 120px;
    /* 100px → 120px daha geniş */
    height: 2px;
    /* 1px → 2px daha belirgin */
    background: linear-gradient(90deg, transparent, var(--cover-accent-gold), transparent);
    flex-shrink: 0;
}

.cover-year p {
    font-size: 1.3em !important;
    /* 1.125em → 1.3em daha büyük */
    color: #ffffff !important;
    /* Beyaz renk - daha iyi okunabilirlik */
    font-weight: 700 !important;
    letter-spacing: 4px;
    /* 3px → 4px daha zarif */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Animasyonlar */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design - Kapak için */
@media (max-width: 768px) {
    .cover-main-title {
        font-size: 2.2em !important;
        /* Mobilde daha küçük */
        letter-spacing: 2px !important;
    }

    .cover-subtitle {
        font-size: 1.1em !important;
    }

    .author-name {
        font-size: 1.0em !important;
        /* Mobilde daha küçük */
    }

    .author-badge {
        padding: 24px 30px !important;
    }

    .institution-badge {
        flex-direction: column;
        gap: 15px;
    }

    .badge-line {
        width: 60px;
    }

    .cover-container {
        padding: 0 15px;
    }
}

/* Projection Mode için kapak - Okunabilir ve Temiz */
body.projection-mode #cover-slide {
    background: #ffffff !important;
    padding: 40px !important;
}

body.projection-mode .cover-main-title {
    color: #000000 !important;
    text-shadow: none !important;
    font-size: 2.5em !important;
}

body.projection-mode .cover-subtitle {
    color: #4b5563 !important;
    font-size: 1.2em !important;
}

body.projection-mode .author-name,
body.projection-mode .author-badge p {
    color: #000000 !important;
    text-shadow: none !important;
}

body.projection-mode .institution-name,
body.projection-mode .institution-badge p,
body.projection-mode .author-title,
body.projection-mode .cover-year p {
    color: #1e40af !important;
}

body.projection-mode .faculty-name,
body.projection-mode .author-credentials p,
body.projection-mode .audience-title {
    color: #3b82f6 !important;
}

body.projection-mode .audience-list,
body.projection-mode .department-name {
    color: #6b7280 !important;
}

body.projection-mode .author-badge,
body.projection-mode .audience-badge {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

body.projection-mode .badge-line,
body.projection-mode .year-line,
body.projection-mode .title-divider {
    background: linear-gradient(90deg, transparent, #1e40af, transparent) !important;
}


/* ==================== SENARYO VE PRATİK KUTU DÜZENLEMELERİ ==================== */
/* Karmaşık senaryoları okunabilir hale getir */

/* Tüm küçük fontları standartlaştır */
.slide div[style*="font-size: 12px"],
.slide span[style*="font-size: 12px"],
.slide div[style*="font-size: 14px"],
.slide span[style*="font-size: 14px"],
.slide p[style*="font-size: 14px"],
.slide strong[style*="font-size: 14px"] {
    font-size: var(--font-size-body) !important;
    line-height: 1.8 !important;
}

/* Senaryo başlıkları - Vurgulu ve belirgin */
/* Senaryo başlıkları - Standart stil (önceki stil override ediliyor) */
.slide h4[style*="Senaryo"],
.slide h4[style*="margin-top: 0"] {
    color: var(--text-primary) !important;
    font-size: var(--font-size-h4) !important;
    font-weight: var(--font-weight-semibold) !important;
    margin: var(--spacing-lg) 0 var(--spacing-md) 0 !important;
    padding-bottom: var(--spacing-sm) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    display: block !important;
}

/* Tüm renkli başlıkları standartlaştır */
.slide strong[style*="color: #2980b9"],
.slide strong[style*="color: #c0392b"],
.slide strong[style*="color: #27ae60"],
.slide strong[style*="color: #e74c3c"],
.slide strong[style*="color: #d35400"],
.slide strong[style*="color: #8e44ad"],
.slide strong[style*="color: #ff7a45"],
.slide strong[style*="color: #ffc53d"] {
    color: var(--text-primary) !important;
    font-weight: var(--font-weight-semibold) !important;
}

/* Senaryo kutuları - Temiz akademik stil */
.slide div[style*="background: rgba(79, 172, 254"],
.slide div[style*="background: rgba(231, 76, 60"],
.slide div[style*="background: rgba(46, 204, 113"],
.slide div[style*="background: rgba(52, 152, 219"] {
    background: linear-gradient(90deg,
            rgba(59, 130, 246, 0.06),
            transparent) !important;
    padding: var(--spacing-lg) !important;
    margin: var(--spacing-lg) 0 !important;
    border-radius: 6px !important;
    border: 1px solid var(--info-border) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Senaryo içindeki span'ları düzelt */
.slide div span[style*="font-size: 12px"] {
    font-size: 14px;
    line-height: 1.8 !important;
    display: block !important;
    margin-top: 12px !important;
}

/* Pratik öneri başlıkları */
.slide strong[style*="💡 Pratik"] {
    color: var(--accent-warning) !important;
    font-size: 1.125em !important;
    display: block !important;
    margin: var(--spacing-lg) 0 var(--spacing-md) 0 !important;
}

/* Tablo açıklama kutularını düzelt */
.slide div[style*="margin-left: 20px"] {
    margin-left: 0 !important;
    padding: var(--spacing-md) !important;
    background: rgba(59, 130, 246, 0.08) !important;
    border-radius: 8px !important;
    margin-top: var(--spacing-md) !important;
    margin-bottom: var(--spacing-md) !important;
}

/* Uzun tablo açıklamalarını parçala */
.slide span[style*="display: block"][style*="line-height: 1.8"] {
    font-size: 14px;
    line-height: 1.8 !important;
    display: block !important;
    word-wrap: break-word !important;
    margin: var(--spacing-sm) 0 !important;
}

/* Emoji ikonlarını standardize et - normal font-weight */
.slide strong[style*="🎯"],
.slide strong[style*="📊"],
.slide strong[style*="💡"],
.slide strong[style*="🚨"],
.slide strong[style*="✅"] {
    font-size: 1em !important;
    font-weight: var(--font-weight-normal) !important;
}

/* Tablo açıklamalarındaki ve liste elemanlarındaki strong tag'leri normal kalınlıkta */
/* 7. slayttan itibaren tüm paragraflardaki strong tag'leri normal font-weight - EN YÜKSEK ÖNCELİK */
/* Liste elemanlarındaki strong tag'ler için özel kural - diğer tüm kuralları override eder */
.slide ul strong,
.slide ol strong,
.slide li strong,
.slide ul li strong,
.slide ol li strong,
.slide li>strong,
.slide ul>li>strong,
.slide ol>li>strong,
.slide p strong,
.slide div strong,
.slide span strong,
.slide p strong[style*="font-weight"],
.slide div strong[style*="font-weight"],
.slide li strong[style*="font-weight"],
.slide ul strong[style*="font-weight"],
.slide ol strong[style*="font-weight"],
.slide p strong[style*="font-size"],
.slide div strong[style*="font-size"],
.slide .content-section p strong,
.slide .content-section div strong,
.slide .content-section li strong,
.slide .content-section ul strong,
.slide .content-section ol strong,
.slide p>strong,
.slide div>strong,
.slide p strong:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
.slide div strong:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
.slide li strong:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
.slide ul strong:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
.slide ol strong:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    color: var(--text-primary) !important;
    /* Siyah (mavi yerine) */
    font-weight: var(--font-weight-normal) !important;
    font-size: inherit !important;
}

/* Sadece gerçekten vurgulanması gereken strong tag'leri kalın tut */
.slide p strong strong,
.slide div strong strong {
    font-weight: var(--font-weight-semibold) !important;
}

/* İç içe kutular için padding düzelt */
.slide div[style*="padding: 12px"] {
    padding: var(--spacing-md) !important;
}

.slide div[style*="margin-bottom: 15px"] {
    margin-bottom: var(--spacing-md) !important;
}

/* Senaryo detaylarını daha okunabilir yap */
/* Liste elemanlarındaki strong tag'ler normal font-weight olmalı - EN YÜKSEK ÖNCELİK */
.slide div[style*="background: rgba"] li strong,
.slide div[style*="background: rgba"] ul strong,
.slide div[style*="background: rgba"] ol strong,
.slide div[style*="background: rgba"] ul li strong,
.slide div[style*="background: rgba"] ol li strong,
.slide ul strong,
.slide ol strong,
.slide li strong {
    font-weight: var(--font-weight-normal) !important;
    color: var(--text-primary) !important;
}

.slide div[style*="background: rgba"] p strong {
    color: var(--text-primary) !important;
    /* Siyah (mavi yerine) */
    font-weight: var(--font-weight-semibold) !important;
}

/* Liste elemanlarını düzelt */
.slide div[style*="background: rgba"] span {
    line-height: 1.8 !important;
}

/* Metodolojik not kutularını standartlaştır */
.slide div[style*="🎯"][style*="margin-bottom: 15px"] {
    background: rgba(59, 130, 246, 0.08) !important;
    padding: var(--spacing-lg) !important;
    border-radius: 8px !important;
    margin: var(--spacing-lg) 0 !important;
}

/* Kritik bilgi kutularını vurgula - ama minimal */
.slide div[style*="background: rgba"] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.2s ease !important;
}

.slide div[style*="background: rgba"]:hover {
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2) !important;
    transform: translateX(4px) !important;
}

/* Senaryo başlıkları için özel stil */
.slide strong[style*="Senaryo"]::before {
    content: "📋 ";
    margin-right: 8px;
}

/* Analiz ve Çözüm başlıkları için genel stil */
.slide div[style*="background: rgba"] strong {
    color: var(--text-primary) !important;
    /* Siyah (mavi yerine) */
    margin-top: var(--spacing-sm) !important;
    display: inline-block !important;
}


/* ==================== TAMAMEN STANDART YAZI BOYUTLARI ==================== */
/* Her şey 16px (1em) - Tablo açıklamaları, terimler, senaryolar, öneriler */

/* Agresif .slide * override kaldırıldı */

/* Başlıklar istisna tutulsun */
.slide h1 {
    font-size: var(--font-size-h1) !important;
}

/* Başlık boyut ve renkleri ana tanımda (satır 435-447) */
/* Buradaki tekrar tanımlar kaldırıldı - tutarlılık için */

/* strong font-weight override kaldırıldı - zaten h1-h4'te tanımlı */

/* Sadece başlıklardaki ve özel vurgulardaki strong tag'leri kalın tut */
.slide h1 strong,
.slide h2 strong,
.slide h3 strong,
.slide h4 strong,
.slide h5 strong,
.slide h6 strong {
    font-weight: var(--font-weight-semibold) !important;
    color: inherit !important;
}

/* Tablo override kaldırıldı - zaten table, th, td'de tanımlı */

/* Tablo override'ları kaldırıldı - inline stillere saygı göster */

/* Liste override'ları kaldırıldı - zaten .slide ul, ol, li'de tanımlı */

/* Senaryo kutuları override kaldırıldı */

/* Tablo context açıklamaları */
.slide div[style*="margin-left: 20px"] span,
.slide div[style*="margin-left: 20px"] p {
    font-size: var(--font-size-body) !important;
}

/* Pratik öneri metinleri */
.slide div[style*="💡 Pratik"]+div span,
.slide div[style*="💡 Pratik"]+div p {
    font-size: var(--font-size-body) !important;
}

/* Terim ve kısaltma açıklamaları */
.slide div[style*="margin-bottom: 15px"] span,
.slide div[style*="margin-bottom: 10px"] span {
    font-size: var(--font-size-body) !important;
}

/* Tüm inline span'ları standartlaştır */
.slide span {
    font-size: var(--font-size-body) !important;
    line-height: var(--line-height-body) !important;
}

/* Metodolojik notlar */
.slide div[style*="🎯"] span {
    font-size: var(--font-size-body) !important;
}

/* Kaynak açıklamaları */
.slide div[style*="line-height: 1.8"] {
    font-size: var(--font-size-body) !important;
}

/* Body text kesinlikle 16px - Sadece başlıklar hariç */
.slide {
    font-size: var(--font-size-body) !important;
}

.slide p:not(h1):not(h2):not(h3):not(h4),
.slide li:not(h1):not(h2):not(h3):not(h4),
.slide div:not(h1):not(h2):not(h3):not(h4),
.slide span:not(h1):not(h2):not(h3):not(h4) {
    font-size: var(--font-size-body) !important;
}

/* Paragraflar iki yana yaslı - akademik görünüm */
.slide p {
    text-align: justify;
    font-weight: var(--font-weight-normal) !important;
    /* 6. slayttan sonra tüm paragraflar normal font-weight */
}

/* Başlıklar istisna tutulsun */
.slide h1 {
    font-size: var(--font-size-h1) !important;
}

/* Başlık boyutları ana tanımda (satır 435-447) - tekrar tanımlar kaldırıldı */

/* Vurgu renkleri - ALTIN SARISI */
.slide div[style*="background: rgba"] strong,
.slide strong[style*="color"] {
    color: var(--text-primary) !important;
}

/* Önemli bilgiler - YEŞİL */
.slide strong[style*="✅"],
.slide strong[style*="Ana bulgular"],
.slide strong[style*="Kritik insight"] {
    color: var(--color-highlight) !important;
}

/* ===========================================
   TABLO CAPTION'LARI - Küçültme ve Standardizasyon
   ============================================ */

/* Tablo numarası */
.table-caption .caption-number,
.slide .table-caption .caption-number,
div[class="table-caption"] div[class="caption-number"],
.slide div[style*="font-size: 13px"].caption-number,
div.caption-number[style*="font-size: 13px"] {
    font-size: 11px !important;
    /* 10px → 11px */
}

/* Tablo başlığı */
.table-caption .caption-title,
.slide .table-caption .caption-title,
div[class="table-caption"] div[class="caption-title"],
.slide div[style*="font-size: 14px"].caption-title,
div.caption-title[style*="font-size: 14px"] {
    font-size: 12px !important;
    /* 11px → 12px */
}

/* Tablo açıklaması (italik) */
.table-caption .caption-description,
.slide .table-caption .caption-description,
div[class="table-caption"] div[class="caption-description"],
.slide div[style*="font-size: 12px"].caption-description,
div.caption-description[style*="font-size: 12px"] {
    font-size: 10px !important;
    /* 9px → 10px */
    font-style: italic !important;
    opacity: 0.85;
}

/* Tablo numarasını gizle - "Tablo:" ile değiştir */
.caption-number,
div.caption-number,
.table-caption .caption-number {
    font-size: 0 !important;
    /* Orijinal metni gizle */
    color: transparent !important;
}

.caption-number::before,
div.caption-number::before,
.table-caption .caption-number::before {
    content: "Tablo: " !important;
    /* İki nokta üst üste + boşluk */
    font-size: 11px !important;
    /* 10px → 11px */
    color: var(--primary-light) !important;
    font-weight: 600 !important;
    display: inline-block;
}

/* ===========================================
   HESAPLAMA ARAÇLARI - MODERN RAKSİYONEL TASARIM
   ============================================ */

/* Tüm calculator container'ları - Modern card design */
[id*="-calculator"],
div[id*="-calculator"] {
    margin: var(--spacing-xl) 0 !important;
    padding: 0 !important;
    /* Temiz gradient background */
    background: linear-gradient(135deg,
            rgba(30, 64, 175, 0.15),
            rgba(59, 130, 246, 0.08)) !important;
    border-radius: 16px !important;
    border: 2px solid rgba(59, 130, 246, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(59, 130, 246, 0.1) inset !important;
    overflow: hidden !important;
}

/* Calculator ana başlık - Hero section */
[id*="-calculator"]>h3:first-of-type {
    background: linear-gradient(135deg,
            rgba(30, 64, 175, 0.95),
            rgba(59, 130, 246, 0.9)) !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: var(--spacing-xl) var(--spacing-lg) !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    border-bottom: 3px solid rgba(251, 191, 36, 0.5) !important;
}

/* Calculator içerik wrapper */
[id*="-calculator"]>p:first-of-type,
[id*="-calculator"]>div {
    padding: var(--spacing-lg) var(--spacing-xl) !important;
}

/* Alt başlıklar - Section headers */
[id*="-calculator"] h4 {
    color: var(--primary-lighter) !important;
    font-size: 1.125em !important;
    font-weight: 700 !important;
    margin: var(--spacing-lg) 0 var(--spacing-md) 0 !important;
    padding-bottom: var(--spacing-sm) !important;
    border-bottom: 2px solid rgba(96, 165, 250, 0.2) !important;
}

/* Info box'lar (açıklamalar) */
[id*="-calculator"]>div[style*="background: rgba(52, 152, 219"],
[id*="-calculator"]>div[style*="background: rgba(230, 126, 34"] {
    background: linear-gradient(135deg, rgba(31, 41, 55, 0.6), rgba(17, 24, 39, 0.5)) !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}

[id*="-calculator"]>div[style*="background: rgba(52, 152, 219"] p,
[id*="-calculator"]>div[style*="background: rgba(230, 126, 34"] p {
    font-size: 0.85em !important;
    /* Daha okunabilir */
    line-height: 1.7 !important;
}

/* Input section */
[id*="-calculator"]>div[style*="background: rgba(255,255,255,0.1)"] {
    background: rgba(17, 24, 39, 0.5) !important;
    padding: 24px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    border: 1px solid rgba(251, 191, 36, 0.15) !important;
}

/* ===== INPUT SECTION WRAPPER ===== */
[id*="-calculator"]>div[style*="border-radius"],
[id*="-calculator"]>div[style*="background: rgba(255,255,255"] {
    background: rgba(15, 20, 25, 0.4) !important;
    border: 1px solid rgba(96, 165, 250, 0.2) !important;
    border-radius: 12px !important;
    padding: var(--spacing-lg) !important;
    margin: var(--spacing-lg) 0 !important;
}

/* Label'lar - Modern & Clean */
[id*="-calculator"] label {
    display: block !important;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: var(--spacing-sm) !important;
    letter-spacing: 0.3px !important;
}

/* Input field'lar - Minimal Pastel Theme */
[id*="-calculator"] input[type="number"],
[id*="-calculator"] input[type="text"],
[id*="-calculator"] select {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid #c0c0c0 !important;
    border-radius: 8px !important;
    font-size: 0.95em !important;
    font-weight: 500 !important;
    background: #ffffff !important;
    color: #1a1a1a !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

/* Focus state */
[id*="-calculator"] input[type="number"]:focus,
[id*="-calculator"] input[type="text"]:focus,
[id*="-calculator"] select:focus {
    outline: none !important;
    border-color: var(--info) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px var(--info-light) !important;
}

/* Placeholder text */
[id*="-calculator"] input::placeholder {
    color: #888888 !important;
    font-weight: 400 !important;
}

/* Select dropdown */
[id*="-calculator"] select {
    cursor: pointer !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2360a5fa' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 40px !important;
}

/* ===== BUTONLAR - MODERN PROFESYONEL ===== */

/* Ana hesaplama butonu - Primary action */
[id*="-calculator"] button[onclick*="calculate"],
[id*="-calculator"] button[onclick*="Calculate"] {
    width: 100% !important;
    padding: 16px 32px !important;
    margin-top: var(--spacing-lg) !important;
    background: var(--info) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 1.05em !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px var(--info-light) !important;
    transition: all 0.2s ease !important;
}

[id*="-calculator"] button[onclick*="calculate"]:hover,
[id*="-calculator"] button[onclick*="Calculate"]:hover {
    opacity: 0.9 !important;
    box-shadow: 0 4px 12px var(--info-light) !important;
}

[id*="-calculator"] button[onclick*="calculate"]:active,
[id*="-calculator"] button[onclick*="Calculate"]:active {
    opacity: 0.85 !important;
}

/* Buton grubu container */
[id*="-calculator"]>div[style*="display: flex"] {
    display: flex !important;
    gap: var(--spacing-md) !important;
    margin-top: var(--spacing-lg) !important;
    flex-wrap: wrap !important;
}

/* Sıfırla butonu - Secondary action */
[id*="-calculator"] button[onclick*="reset"],
[id*="-calculator"] button[onclick*="Reset"] {
    flex: 1 !important;
    min-width: 120px !important;
    padding: 12px 20px !important;
    background: var(--neutral-lighter) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--neutral-border) !important;
    border-radius: 8px !important;
    font-size: 0.95em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

[id*="-calculator"] button[onclick*="reset"]:hover,
[id*="-calculator"] button[onclick*="Reset"]:hover {
    background: var(--neutral-light) !important;
    border-color: var(--neutral) !important;
}

/* Örnek veri butonu - Tertiary action */
[id*="-calculator"] button[onclick*="load"],
[id*="-calculator"] button[onclick*="Load"],
[id*="-calculator"] button[onclick*="Sample"] {
    flex: 1 !important;
    min-width: 120px !important;
    padding: 12px 20px !important;
    background: var(--info-lighter) !important;
    color: var(--info) !important;
    border: 1px solid var(--info-border) !important;
    border-radius: 8px !important;
    font-size: 0.95em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

[id*="-calculator"] button[onclick*="load"]:hover,
[id*="-calculator"] button[onclick*="Load"]:hover,
[id*="-calculator"] button[onclick*="Sample"]:hover {
    background: var(--info-light) !important;
    border-color: var(--info) !important;
}

/* Ekle butonu - Success action */
[id*="-calculator"] button[onclick*="add"],
[id*="-calculator"] button[onclick*="Add"] {
    padding: 8px 20px !important;
    background: var(--success-lighter) !important;
    color: var(--success) !important;
    border: 1px solid var(--success-border) !important;
    border-radius: 8px !important;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

[id*="-calculator"] button[onclick*="add"]:hover,
[id*="-calculator"] button[onclick*="Add"]:hover {
    background: var(--success-light) !important;
    border-color: var(--success) !important;
}

/* Sil/Remove butonu - Danger action (küçük) */
[id*="-calculator"] button[onclick*="remove"],
[id*="-calculator"] button[onclick*="Remove"] {
    padding: 8px 12px !important;
    background: var(--danger-lighter) !important;
    color: var(--danger) !important;
    border: 1px solid var(--danger-border) !important;
    border-radius: 6px !important;
    font-size: 0.85em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

[id*="-calculator"] button[onclick*="remove"]:hover,
[id*="-calculator"] button[onclick*="Remove"]:hover {
    background: var(--danger-light) !important;
    border-color: var(--danger) !important;
}

/* Disabled state */
[id*="-calculator"] button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* ===== GRID LAYOUT SISTEMLERI ===== */

/* 2 kolonlu grid - Settings, form fields */
[id*="-calculator"] div[style*="grid-template-columns: 1fr 1fr"],
[id*="-calculator"]>div>div[style*="display: grid"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: var(--spacing-lg) !important;
    margin: var(--spacing-md) 0 !important;
}

/* Veri giriş satırları - Load + Velocity + Delete button */
[id*="-calculator"] div[style*="grid-template-columns: 1fr 1fr 60px"],
#lvp_data_girdis>div,
#vl-Tekrar-girdis>div {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    gap: var(--spacing-md) !important;
    align-items: center !important;
    margin-bottom: var(--spacing-md) !important;
    padding: var(--spacing-md) !important;
    background: rgba(15, 20, 25, 0.4) !important;
    border-radius: 10px !important;
    border: 2px solid rgba(59, 130, 246, 0.25) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.2s ease !important;
}

[id*="-calculator"] div[style*="grid-template-columns: 1fr 1fr 60px"]:hover,
#lvp_data_girdis>div:hover,
#vl-Tekrar-girdis>div:hover {
    background: rgba(15, 20, 25, 0.6) !important;
    border-color: rgba(59, 130, 246, 0.4) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15) !important;
    transform: translateX(2px) !important;
}

/* Hız kaybı hesaplayıcı - özel grid yapısı */
#vl-Tekrar-girdis>div {
    grid-template-columns: 90px 1fr 80px !important;
}

/* Input container'larda label'lar */
[id*="-calculator"] div[style*="grid-template-columns"] label {
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Span (birim göstergesi) */
[id*="-calculator"] span[style*="font-size: 14px"] {
    font-size: 0.85em !important;
    color: var(--text-muted) !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

/* ===== SONUÇ ALANLARI ===== */

/* Sonuç container'ı */
[id*="-calculator"] [id*="-result"],
[id*="-calculator"] [id*="-results"],
[id*="-calculator"] div[id*="results"] {
    background: linear-gradient(135deg,
            rgba(52, 152, 219, 0.08),
            rgba(52, 152, 219, 0.04)) !important;
    /* Mavi (yeşil yerine) */
    border: 2px solid rgba(52, 152, 219, 0.3) !important;
    border-radius: 12px !important;
    padding: var(--spacing-lg) !important;
    margin-top: var(--spacing-xl) !important;
    box-shadow: 0 4px 16px rgba(52, 152, 219, 0.1) !important;
}

/* Sonuç başlıkları */
[id*="-calculator"] [id*="-result"] h4,
[id*="-calculator"] [id*="-results"] h4 {
    color: #6ea8fe !important;
    /* Mavi (yeşil yerine) */
    border-bottom-color: rgba(52, 152, 219, 0.3) !important;
}

/* ===== AÇIKLAMA METİNLERİ ===== */

/* Ana açıklama paragrafları */
[id*="-calculator"]>p {
    background: rgba(59, 130, 246, 0.05) !important;
    padding: var(--spacing-md) var(--spacing-lg) !important;
    border: 1px solid var(--info-border) !important;
    border-radius: 6px !important;
    margin: var(--spacing-md) 0 !important;
    line-height: 1.8 !important;
}

/* Info kutucuklar - emoji başlıklı */
[id*="-calculator"] p strong[style*="color: #3498db"],
[id*="-calculator"] p strong[style*="color: #27ae60"],
[id*="-calculator"] p strong[style*="color: #e67e22"] {
    display: block !important;
    margin-bottom: var(--spacing-sm) !important;
    font-size: 1.05em !important;
    color: var(--primary-lighter) !important;
}

/* Küçük yardımcı metinler */
[id*="-calculator"] span[style*="font-size: 12px"],
[id*="-calculator"] span[style*="font-size: 14px"],
[id*="-calculator"] p[style*="font-size: 14px"],
[id*="-calculator"] span[style*="color: #555"],
[id*="-calculator"] span[style*="color: #666"] {
    font-size: 0.85em !important;
    color: var(--text-muted) !important;
    line-height: 1.6 !important;
}

/* Strong vurgular calculator içinde */
[id*="-calculator"] strong {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}

/* Uyarı/Not metinleri */
[id*="-calculator"] p[style*="color: rgba(255,255,255,0.85)"] {
    background: rgba(251, 191, 36, 0.08) !important;
    border-left-color: rgba(251, 191, 36, 0.5) !important;
    padding: var(--spacing-md) !important;
    border-radius: 6px !important;
}

/* ===== AYIRICILAR ===== */

/* Bölüm ayırıcı çizgiler */
[id*="-calculator"] div[style*="border-top"] {
    border-top: 2px solid rgba(96, 165, 250, 0.2) !important;
    margin-top: var(--spacing-xl) !important;
    padding-top: var(--spacing-lg) !important;
}

/* ===========================================
   KAYNAKLAR - Çok Daha Küçük
   ============================================ */

/* Kaynaklar başlığı */
.slide p strong[style*="📚 Kaynaklar"],
.slide strong[style*="Kaynaklar:"] {
    font-size: 0.7em !important;
}

/* Kaynaklar listesi */
.slide-references,
.slide-references p,
.slide-references ul,
.slide-references li,
div[class="slide-references"],
div[class="slide-references"] ul,
div[class="slide-references"] li,
.slide div[class="slide-references"] ul[style*="font-size: 0.72em"],
ul[style*="font-size: 0.72em"] {
    font-size: 0.5em !important;
    /* 0.72em → 0.5em (çok daha küçük) */
    line-height: 1.8 !important;
}

/* ===========================================
   NAVİGASYON - Akademik Ciddiyet ve Kalite
   ============================================ */

/* Override kaldırıldı - nav-copyright artık yukarıda doğru şekilde ayarlanmış */

/* Bölüm başlıkları - Prestijli koyu ton + altın aksan */
.nav-section-header {
    /* Koyu zarif gradient */
    background: linear-gradient(135deg, rgba(31, 41, 55, 0.8), rgba(17, 24, 39, 0.6));

    /* Altın sınır */
    border: 1px solid var(--warning-border);
    border-radius: 6px;

    /* Yazı rengi - açık gri */
    color: #e5e7eb;

    /* Font özellikleri */
    font-size: 0.8em;
    /* Biraz daha kompakt */
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;

    /* Boşluklar - daha kompakt */
    padding: 11px 14px;
    margin: 12px 10px 8px 10px;

    /* İnce gölge */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(251, 191, 36, 0.1);
    /* İç gölge - altın parıltı */
    transition: all 0.3s ease;

    /* Kullanıcı seçimi etkin */
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* Hover efekti - altın parıltı */
.nav-section-header:hover {
    background: linear-gradient(135deg, rgba(31, 41, 55, 0.95), rgba(17, 24, 39, 0.8));
    border: 1px solid var(--warning-border);
    transform: translateX(2px);
    box-shadow: 0 3px 12px rgba(251, 191, 36, 0.2),
        inset 0 1px 0 rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    /* Hover'da altın renk */
    cursor: default;
}

/* Navigasyon slide'lar - zarif görünüm */
/* ==================== CALCULATORS - STANDARDIZED ==================== */
/* Container Styling */
#individualized-lvp-calculator,
#Hız-loss-calculator,
div[id*="calculator"],
#fvr-calculator,
.calculator-tool {
    background: rgba(15, 20, 25, 0.5);
    border-radius: 12px;
    padding: 24px;
    margin: 25px 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-primary);
}

/* Titles */
#individualized-lvp-calculator h3,
#Hız-loss-calculator h3,
div[id*="calculator"] h3,
.calculator-tool h3 {
    margin-top: 0;
    color: var(--primary-light);
    border-bottom: 2px solid rgba(251, 191, 36, 0.3);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Inputs & Selects */
#individualized-lvp-calculator input,
#individualized-lvp-calculator select,
#Hız-loss-calculator input,
#Hız-loss-calculator select,
div[id*="calculator"] input,
div[id*="calculator"] select,
.calculator-tool input,
.calculator-tool select {
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 10px 15px !important;
    font-size: 1rem;
    color: #1f2937;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.2s ease;
    margin-bottom: 10px;
}

#individualized-lvp-calculator input:focus,
#individualized-lvp-calculator select:focus,
div[id*="calculator"] input:focus,
div[id*="calculator"] select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    outline: none;
}

/* Labels */
#individualized-lvp-calculator label,
div[id*="calculator"] label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: var(--text-primary);
}

/* Buttons */
#individualized-lvp-calculator button,
#Hız-loss-calculator button,
div[id*="calculator"] button,
.calculator-tool button {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
    color: white;
    border: none;
    border-radius: 6px;
    padding: 12px 24px !important;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.2s ease;
    margin-top: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

#individualized-lvp-calculator button:hover,
div[id*="calculator"] button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

#individualized-lvp-calculator button:active,
div[id*="calculator"] button:active {
    transform: translateY(0);
}

/* Secondary Buttons (Reset, etc.) */
#individualized-lvp-calculator button[onclick*="reset"],
div[id*="calculator"] button[onclick*="reset"] {
    background: linear-gradient(135deg, #6b7280, #4b5563);
}

/* Remove Row Buttons */
#individualized-lvp-calculator button[onclick*="remove"],
div[id*="calculator"] button[onclick*="remove"] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    padding: 8px 12px !important;
    margin-top: 0;
}

/* Results Area */
#lvp_results,
#vl-sonuçs,
div[id*="result"],
.calculator-result {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid var(--success-border);
    padding: 20px;

    .slide p strong[style*="📚 Kaynaklar"],
    .slide strong[style*="Kaynaklar:"] {
        font-size: 0.7em !important;
    }

    /* Kaynaklar listesi */
    .slide-references,
    .slide-references p,
    .slide-references ul,
    .slide-references li,
    div[class="slide-references"],
    div[class="slide-references"] ul,
    div[class="slide-references"] li,
    .slide div[class="slide-references"] ul[style*="font-size: 0.72em"],
    ul[style*="font-size: 0.72em"] {
        font-size: 0.5em !important;
        /* 0.72em → 0.5em (çok daha küçük) */
        line-height: 1.8 !important;
    }

    /* ===========================================
   NAVİGASYON - Akademik Ciddiyet ve Kalite
   ============================================ */

    /* Override kaldırıldı - nav-copyright artık yukarıda doğru şekilde ayarlanmış */

    /* Bölüm başlıkları - Prestijli koyu ton + altın aksan */
    .nav-section-header {
        /* Koyu zarif gradient */
        background: linear-gradient(135deg, rgba(31, 41, 55, 0.8), rgba(17, 24, 39, 0.6));

        /* Altın sınır */
        border: 1px solid var(--warning-border);
        border-radius: 6px;

        /* Yazı rengi - açık gri */
        color: #e5e7eb;

        /* Font özellikleri */
        font-size: 0.8em;
        /* Biraz daha kompakt */
        font-weight: 600;
        letter-spacing: 0.8px;
        text-transform: uppercase;

        /* Boşluklar - daha kompakt */
        padding: 11px 14px;
        margin: 12px 10px 8px 10px;

        /* İnce gölge */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3),
            inset 0 1px 0 rgba(251, 191, 36, 0.1);
        /* İç gölge - altın parıltı */
        transition: all 0.3s ease;

        /* Kullanıcı seçimi etkin */
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    /* Hover efekti - altın parıltı */
    .nav-section-header:hover {
        background: linear-gradient(135deg, rgba(31, 41, 55, 0.95), rgba(17, 24, 39, 0.8));
        border: 1px solid var(--warning-border);
        transform: translateX(2px);
        box-shadow: 0 3px 12px rgba(251, 191, 36, 0.2),
            inset 0 1px 0 rgba(251, 191, 36, 0.2);
        color: #fbbf24;
        /* Hover'da altın renk */
        cursor: default;
    }

    /* Navigasyon slide'lar - zarif görünüm */
    /* ==================== CALCULATORS - STANDARDIZED ==================== */
    /* Container Styling */
    #individualized-lvp-calculator,
    #Hız-loss-calculator,
    div[id*="calculator"],
    #fvr-calculator,
    .calculator-tool {
        background: rgba(15, 20, 25, 0.5);
        border-radius: 12px;
        padding: 24px;
        margin: 25px 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: var(--text-primary);
    }

    /* Titles */
    #individualized-lvp-calculator h3,
    #Hız-loss-calculator h3,
    div[id*="calculator"] h3,
    .calculator-tool h3 {
        margin-top: 0;
        color: var(--primary-light);
        border-bottom: 2px solid rgba(251, 191, 36, 0.3);
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    /* Inputs & Selects */
    #individualized-lvp-calculator input,
    #individualized-lvp-calculator select,
    #Hız-loss-calculator input,
    #Hız-loss-calculator select,
    div[id*="calculator"] input,
    div[id*="calculator"] select,
    .calculator-tool input,
    .calculator-tool select {
        background: #ffffff;
        border: 1px solid #d1d5db;
        border-radius: 6px;
        padding: 10px 15px !important;
        font-size: 1rem;
        color: #1f2937;
        width: 100%;
        box-sizing: border-box;
        transition: all 0.2s ease;
        margin-bottom: 10px;
    }

    #individualized-lvp-calculator input:focus,
    #individualized-lvp-calculator select:focus,
    div[id*="calculator"] input:focus,
    div[id*="calculator"] select:focus {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
        outline: none;
    }

    /* Labels */
    #individualized-lvp-calculator label,
    div[id*="calculator"] label {
        display: block;
        margin-bottom: 5px;
        font-weight: 600;
        color: var(--text-primary);
    }

    /* Buttons */
    #individualized-lvp-calculator button,
    #Hız-loss-calculator button,
    div[id*="calculator"] button,
    .calculator-tool button {
        background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
        color: white;
        border: none;
        border-radius: 6px;
        padding: 12px 24px !important;
        font-weight: 600;
        cursor: pointer;
        transition: transform 0.1s ease, box-shadow 0.2s ease;
        margin-top: 10px;
        margin-right: 10px;
        text-transform: uppercase;
        font-size: 0.9rem;
        letter-spacing: 0.5px;
    }

    #individualized-lvp-calculator button:hover,
    div[id*="calculator"] button:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    }

    #individualized-lvp-calculator button:active,
    div[id*="calculator"] button:active {
        transform: translateY(0);
    }

    /* Secondary Buttons (Reset, etc.) */
    #individualized-lvp-calculator button[onclick*="reset"],
    div[id*="calculator"] button[onclick*="reset"] {
        background: linear-gradient(135deg, #6b7280, #4b5563);
    }

    /* Remove Row Buttons */
    #individualized-lvp-calculator button[onclick*="remove"],
    div[id*="calculator"] button[onclick*="remove"] {
        background: linear-gradient(135deg, #ef4444, #dc2626);
        padding: 8px 12px !important;
        margin-top: 0;
    }

    /* Results Area */
    #lvp_results,
    #vl-sonuçs,
    div[id*="result"],
    .calculator-result {
        background: rgba(16, 185, 129, 0.1);
        border: 1px solid var(--success-border);
        padding: 20px;
        margin-top: 25px;
        border-radius: 0 6px 6px 0;
        animation: slideIn 0.3s ease;
    }

    #lvp_results h4,
    #vl-sonuçs h4 {
        color: #059669 !important;
        margin-top: 0;
        margin-bottom: 10px;
    }

    /* ==================== BÖLÜM ÖZETİ STİLLERİ ==================== */
    /* Her bölümün sonunda kullanılacak özet kutusu */

    .chapter-summary {
        background: var(--neutral-lighter);
        border: 1px solid var(--neutral-border);
        border-radius: 8px;
        padding: 24px 28px;
        margin: 16px 0 16px 0;
        page-break-inside: avoid;
        text-align: justify;
    }

    .chapter-summary h3 {
        color: var(--primary-color, #1e40af);
        margin-bottom: 16px;
        font-size: 1.2em;
        font-weight: 600;
        border-bottom: 2px solid var(--primary-light, #3b82f6);
        padding-bottom: 8px;
    }

    .chapter-summary ul {
        margin-bottom: 20px;
        padding-left: 0;
        list-style: none;
    }

    .chapter-summary li {
        margin-bottom: 12px;
        line-height: 1.6;
        padding-left: 24px;
        position: relative;
    }

    .chapter-summary li::before {
        content: "✓";
        position: absolute;
        left: 0;
        color: #10b981;
        font-weight: bold;
    }

    .chapter-summary li strong {
        color: var(--text-primary, #2c3e50);
    }

    .next-chapter-link {
        background: #fff;
        padding: 16px 20px;
        border-radius: 6px;
        margin-top: 16px;
        border: 1px solid #cbd5e0;
        position: relative;
    }

    .next-chapter-link::before {
        content: "→";
        position: absolute;
        left: -12px;
        top: 50%;
        transform: translateY(-50%);
        background: var(--primary-color, #1e40af);
        color: white;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

    .next-chapter-link p {
        margin: 0;
        color: var(--text-secondary, #4a5568);
        padding-left: 8px;
    }

    .next-chapter-link strong {
        color: var(--primary-color, #1e40af);
    }

    @media print {
        .chapter-summary {
            background: #f8fafc !important;
            border-left-color: #1e40af !important;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }

        .next-chapter-link::before {
            display: none;
        }
    }

    /* ==================== YARDIMCI SINIFLAR (UTILITY CLASSES) ==================== */

    /* Bilgi Kutuları */
    .info-box {
        padding: 15px 20px;
        border-radius: 8px;
        background-color: #f8f9fa;
        border: 1px solid #e9ecef;
        margin: 15px 0;
    }

    .info-box-light {
        padding: 12px 15px;
        border-radius: 6px;
        background-color: #fafafa;
        margin: 10px 0;
    }

    /* Terim Sözlüğü Kutusu */
    .glossary-box {
        padding: 20px;
        border-radius: 8px;
        background-color: #f0f4f8;
        border: 1px solid var(--info-border);
        margin: 20px 0;
    }

    .glossary-box ul {
        margin: 10px 0 0 0;
        padding-left: 0;
        list-style: none;
    }

    .glossary-box li {
        padding: 8px 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .glossary-box li:last-child {
        border-bottom: none;
    }

    /* Örnek Hesaplama Kutusu */
    .example-box {
        padding: 20px;
        border-radius: 8px;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        margin: 15px 0;
    }

    .example-box p {
        margin: 8px 0;
    }

    /* Formül Kutusu */
    .formula-box {
        text-align: center;
        padding: 15px;
        border-radius: 6px;
        background-color: #f0f4f8;
        margin: 15px 0;
        font-family: 'Courier New', monospace;
    }

    /* Alıntı Kutusu */
    .quote-box {
        border: 1px solid var(--info-border);
        padding: 15px 20px;
        margin: 20px 0;
        background-color: #fafafa;
        font-style: italic;
    }

    .quote-box footer {
        font-style: normal;
        margin-top: 10px;
        color: var(--text-secondary);
    }

    /* Grid Düzenleri */
    .grid-2 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
        margin: 20px 0;
    }

    .grid-3 {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 15px;
        margin: 20px 0;
    }

    .grid-item {
        padding: 15px;
        border-radius: 8px;
        background-color: #f8f9fa;
        border: 1px solid #e9ecef;
        text-align: center;
    }

    /* Yöntem Karşılaştırma Kartları */
    .method-card {
        padding: 20px;
        border-radius: 8px;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        margin: 15px 0;
    }

    .method-card h5 {
        margin-top: 0;
        margin-bottom: 15px;
        color: var(--color-h3);
    }

    /* Tablo İyileştirmeleri */
    .data-table {
        width: 100%;
        border-collapse: collapse;
        margin: 15px 0;
    }

    .data-table td,
    .data-table th {
        padding: 8px 12px;
        border-bottom: 1px solid #e0e0e0;
    }

    .data-table th {
        background-color: #f8f9fa;
        font-weight: 600;
        text-align: left;
    }

    /* Sonuç Vurgusu */
    .result-highlight {
        background-color: #e8f5e9;
        padding: 15px 20px;
        border-radius: 8px;
        border: 1px solid var(--success-border);
        margin: 15px 0;
    }

    /* Uyarı Kutusu */
    .warning-box {
        background-color: var(--warning-lighter);
        padding: 15px 20px;
        border-radius: 8px;
        border: 1px solid var(--warning-border);
        margin: 15px 0;
    }

    /* Bölüm Alt Başlığı */
    .subsection-title {
        margin-top: 0;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 2px solid #f0f0f0;
        color: var(--color-h4);
    }

    /* Metin Hizalama */
    .text-center {
        text-align: center !important;
    }

    .text-left {
        text-align: left !important;
    }

    /* Margin/Padding Yardımcıları */
    .mt-0 {
        margin-top: 0 !important;
    }

    .mt-1 {
        margin-top: 10px !important;
    }

    .mt-2 {
        margin-top: 20px !important;
    }

    .mb-0 {
        margin-bottom: 0 !important;
    }

    .mb-1 {
        margin-bottom: 10px !important;
    }

    .mb-2 {
        margin-bottom: 20px !important;
    }

    .my-1 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .my-2 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    /* Başlık renkleri ana tanımda (satır 435-459) belirlendi */

    /* ========================================
   GLOBAL PASTEL PALETTE OVERRIDES
   Tüm kitapta tutarlı ultra-soft pastel renkler
   ======================================== */

    /* Eski parlak sarı arka planları soft amber'a dönüştür */
    [style*="background: #fff8e1"],
    [style*="background-color: #fff8e1"],
    [style*="background:#fff8e1"] {
        background: var(--warning-lighter) !important;
        border-color: var(--warning-border) !important;
    }

    /* Eski parlak mavi arka planları soft mavi'ye dönüştür */
    [style*="background: #f0f4f8"],
    [style*="background-color: #f0f4f8"],
    [style*="background:#f0f4f8"],
    [style*="background: #e8f4f8"],
    [style*="background-color: #e8f4f8"] {
        background: var(--info-lighter) !important;
        border-color: var(--info-border) !important;
    }

    /* Eski gri arka planları soft gri'ye dönüştür */
    [style*="background: #f2f2f2"],
    [style*="background-color: #f2f2f2"],
    [style*="background: #f8f9fa"],
    [style*="background-color: #f8f9fa"],
    [style*="background: #fafafa"],
    [style*="background-color: #fafafa"] {
        background: var(--neutral-lighter) !important;
    }

    /* Highlight kutuları - Tutarlı pastel stil */
    .highlight-box,
    .key-point,
    .callout,
    .note-box,
    .info-box {
        background: var(--info-lighter) !important;
        border: 1px solid var(--info-border) !important;
        border-left: none !important;
        border-radius: 8px !important;
        padding: 20px !important;
    }

    /* Kutu içi paragraflar ve direkt metin - İki yana yaslı */
    .highlight-box p,
    .key-point p,
    .callout p,
    .note-box p,
    .info-box p,
    .scenario-box p,
    .scope-box p,
    .alert-box p,
    .warning-box p,
    .success-box p,
    .comparison-left p,
    .comparison-right p,
    .highlight-box,
    .key-point,
    .callout,
    .note-box,
    .info-box {
        text-align: justify !important;
        line-height: 1.7 !important;
    }

    /* Alert/Warning kutuları - Tutarlı pastel stil */
    .alert-box,
    .warning-box,
    .caution-box {
        background: var(--warning-lighter) !important;
        border: 1px solid var(--warning-border) !important;
        border-left: none !important;
        border-radius: 8px !important;
    }

    /* Success/Tip kutuları - Tutarlı pastel stil */
    .success-box,
    .tip-box {
        background: var(--success-lighter) !important;
        border: 1px solid var(--success-border) !important;
        border-left: none !important;
        border-radius: 8px !important;
    }

    /* Danger/Error kutuları - Tutarlı pastel stil */
    .danger-box,
    .error-box {
        background: var(--danger-lighter) !important;
        border: 1px solid var(--danger-border) !important;
        border-left: none !important;
        border-radius: 8px !important;
    }

    /* Scope Box - Ultra soft gri */
    .scope-box {
        background: var(--neutral-lighter) !important;
        border: 1px solid var(--neutral-border) !important;
        border-radius: 8px !important;
    }

    /* Scenario Box - Ultra soft mavi */
    .scenario-box {
        background: var(--info-lighter) !important;
        border: 1px solid var(--info-border) !important;
        border-radius: 8px !important;
    }

    /* Content Section içindeki grid kartları */
    .content-section [style*="display: grid"]>div,
    .content-section [style*="display:grid"]>div {
        border-radius: 8px !important;
    }

    /* Tablolarda satır vurgulama - Daha soft */
    .data-table tr.row-success td,
    table tr.row-success td {
        background: var(--success-lighter) !important;
    }

    .data-table tr.row-warning td,
    table tr.row-warning td {
        background: var(--warning-lighter) !important;
    }

    .data-table tr.row-danger td,
    table tr.row-danger td {
        background: var(--danger-lighter) !important;
    }

    .data-table tr.row-info td,
    table tr.row-info td {
        background: var(--info-lighter) !important;
    }

    /* Tablo başlıkları - Soft gri */
    .data-table thead th,
    table.data-table thead th {
        background: var(--neutral-lighter) !important;
        border-bottom: 1px solid var(--neutral-border) !important;
    }

    /* Tablo hover - Çok hafif */
    .data-table tbody tr:hover td,
    table.data-table tbody tr:hover td {
        background: var(--pastel-gray) !important;
    }

    /* Abbreviations box - Soft gri */
    .abbreviations-box {
        background: var(--neutral-lighter) !important;
        border: 1px solid var(--neutral-border) !important;
        border-radius: 8px !important;
    }

    /* Chapter summary - Soft mavi */
    .chapter-summary {
        background: var(--info-lighter) !important;
        border: 1px solid var(--info-border) !important;
        border-radius: 8px !important;
    }

    /* Pre/Code blokları - Soft gri */
    pre,
    code {
        background: var(--pastel-gray) !important;
    }

    /* Inline div'lerdeki arka planları soft hale getir */
    .slide div[style*="background: var(--info-lighter)"],
    .slide div[style*="background: var(--warning-lighter)"],
    .slide div[style*="background: var(--success-lighter)"],
    .slide div[style*="background: var(--danger-lighter)"] {
        border-radius: 8px !important;
    }

    /* ==================== PRATİK SENARYO KARTLARI ==================== */
    /* Tutarlı yapı: Bağlam → Plan → Değerlendirme → Karar → İzleme → Sonuç */

    .scenario-card {
        background: #ffffff;
        border: 1px solid var(--neutral-border);
        border-radius: 12px;
        padding: 0;
        margin: 24px 0;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    .scenario-card .scenario-header {
        background: var(--info-lighter);
        border-bottom: 1px solid var(--info-border);
        padding: 16px 24px;
    }

    .scenario-card .scenario-header h4 {
        margin: 0 0 8px 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--info);
    }

    .scenario-card .scenario-header .scenario-context {
        font-size: 0.9rem;
        color: var(--text-secondary);
        margin: 0;
        font-style: italic;
    }

    .scenario-card .scenario-body {
        padding: 24px;
    }

    /* Planlanan Antrenman Kutusu */
    .scenario-card .scenario-planned {
        background: var(--neutral-lighter);
        border: 1px solid var(--neutral-border);
        border-radius: 8px;
        padding: 16px 20px;
        margin-bottom: 20px;
    }

    .scenario-card .scenario-planned h5 {
        margin: 0 0 8px 0;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--text-muted);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .scenario-card .scenario-planned .planned-workout {
        font-size: 1.05rem;
        font-weight: 600;
        color: var(--text-primary);
        margin: 0;
    }

    /* Değerlendirme ve Karar Tabloları */
    .scenario-card .scenario-section {
        margin-bottom: 20px;
    }

    .scenario-card .scenario-section h5 {
        margin: 0 0 12px 0;
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--text-primary);
        padding-bottom: 8px;
        border-bottom: 1px solid var(--neutral-border);
    }

    .scenario-card table {
        width: 100%;
        border-collapse: collapse;
        margin: 0;
        font-size: 0.9rem;
    }

    .scenario-card table th {
        background: var(--neutral-lighter);
        padding: 10px 12px;
        text-align: left;
        font-weight: 600;
        font-size: 0.85rem;
        color: var(--text-secondary);
        border-bottom: 1px solid var(--neutral-border);
    }

    .scenario-card table td {
        padding: 10px 12px;
        border-bottom: 1px solid var(--neutral-border);
        vertical-align: middle;
    }

    .scenario-card table tr:last-child td {
        border-bottom: none;
    }

    /* Durum renkleri */
    .scenario-card .status-good {
        color: var(--success);
        font-weight: 500;
    }

    .scenario-card .status-warning {
        color: var(--warning);
        font-weight: 500;
    }

    .scenario-card .status-bad {
        color: var(--danger);
        font-weight: 500;
    }

    .scenario-card .status-neutral {
        color: var(--info);
        font-weight: 500;
    }

    /* HTA İzleme Kutusu */
    .scenario-card .scenario-monitoring {
        background: var(--info-lighter);
        border: 1px solid var(--info-border);
        border-radius: 8px;
        padding: 16px 20px;
        margin-bottom: 20px;
    }

    .scenario-card .scenario-monitoring h5 {
        margin: 0 0 12px 0;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--info);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: none;
        padding-bottom: 0;
    }

    .scenario-card .scenario-monitoring .monitoring-data {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }

    .scenario-card .scenario-monitoring .monitoring-item {
        background: #ffffff;
        border: 1px solid var(--info-border);
        border-radius: 6px;
        padding: 10px 14px;
        text-align: center;
        min-width: 80px;
    }

    .scenario-card .scenario-monitoring .monitoring-item .weight {
        font-size: 0.85rem;
        color: var(--text-secondary);
        margin-bottom: 4px;
    }

    .scenario-card .scenario-monitoring .monitoring-item .velocity {
        font-size: 1rem;
        font-weight: 600;
        color: var(--info);
    }

    .scenario-card .scenario-monitoring .monitoring-item .change {
        font-size: 0.8rem;
        margin-top: 2px;
    }

    /* Sonuç Kutusu */
    .scenario-card .scenario-result {
        background: var(--success-lighter);
        border: 1px solid var(--success-border);
        border-radius: 8px;
        padding: 16px 20px;
        margin-bottom: 20px;
    }

    .scenario-card .scenario-result.result-warning {
        background: var(--warning-lighter);
        border-color: var(--warning-border);
    }

    .scenario-card .scenario-result.result-danger {
        background: var(--danger-lighter);
        border-color: var(--danger-border);
    }

    .scenario-card .scenario-result h5 {
        margin: 0 0 8px 0;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--success);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: none;
        padding-bottom: 0;
    }

    .scenario-card .scenario-result.result-warning h5 {
        color: var(--warning);
    }

    .scenario-card .scenario-result.result-danger h5 {
        color: var(--danger);
    }

    .scenario-card .scenario-result p {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.6;
    }

    /* Öğrenilen Ders Kutusu */
    .scenario-card .scenario-lesson {
        background: var(--neutral-lighter);
        border-left: 3px solid var(--info);
        padding: 14px 18px;
        margin-top: 0;
    }

    .scenario-card .scenario-lesson h5 {
        margin: 0 0 8px 0;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--info);
        border-bottom: none;
        padding-bottom: 0;
    }

    .scenario-card .scenario-lesson p {
        margin: 0;
        font-size: 0.9rem;
        font-style: italic;
        color: var(--text-secondary);
    }

    /* Case Study - Eski sınıf için uyumluluk */
    .case-study {
        background: #ffffff;
        border: 1px solid var(--neutral-border);
        border-radius: 12px;
        padding: 24px;
        margin: 20px 0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    .case-study h4 {
        margin: 0 0 16px 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--info);
        padding-bottom: 12px;
        border-bottom: 1px solid var(--neutral-border);
    }

    .case-study p {
        margin: 12px 0;
        line-height: 1.6;
    }

    .case-study ul {
        margin: 12px 0;
        padding-left: 24px;
    }

    .case-study li {
        margin: 8px 0;
        line-height: 1.5;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .scenario-card .scenario-header {
            padding: 14px 18px;
        }

        .scenario-card .scenario-body {
            padding: 18px;
        }

        .scenario-card .scenario-monitoring .monitoring-data {
            flex-direction: column;
        }

        .scenario-card table {
            font-size: 0.85rem;
        }

        .scenario-card table th,
        .scenario-card table td {
            padding: 8px 10px;
        }
    }

    /* ========================================
   TUTARLI BOŞLUK SİSTEMİ
   Tüm blok elementler için standart margin
   Tarih: 2025-12-29
   ======================================== */

    /* Slide içindeki tüm blok elementler için standart boşluk */
    .slide h2,
    .slide h3,
    .slide h4 {
        margin-top: 20px !important;
        margin-bottom: 12px !important;
    }

    /* İlk başlık için üst boşluk kaldır */
    .slide>h2:first-child,
    .slide>.scope-box+h2,
    .slide>.content-section:first-of-type h2:first-child {
        margin-top: 0 !important;
    }

    /* Tüm kutu elementleri için tutarlı boşluk */
    .slide .key-point,
    .slide .highlight-box,
    .slide .note-box,
    .slide .info-box,
    .slide .callout,
    .slide .research-insight,
    .slide .scope-box,
    .slide .chapter-summary,
    .slide .application-box,
    .slide .status-box {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    /* Tablolar için tutarlı boşluk */
    .slide table {
        margin-top: 12px !important;
        margin-bottom: 16px !important;
    }

    /* table-caption için boşluk */
    .slide .table-caption,
    .slide p.table-caption {
        margin-top: 16px !important;
        margin-bottom: 8px !important;
    }

    /* Paragraflar için tutarlı boşluk */
    .slide p {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    /* content-section içindeki boşluklar */
    .content-section {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    /* content-section içindeki ilk element için üst boşluk kaldır */
    .content-section>h2:first-child,
    .content-section>h3:first-child,
    .content-section>p:first-child {
        margin-top: 0 !important;
    }

    /* content-section içindeki son element için alt boşluk kaldır */
    .content-section>*:last-child {
        margin-bottom: 0 !important;
    }

    /* key-point içindeki paragraflar için boşluk kaldır */
    .key-point>p:first-child,
    .key-point>p:last-child,
    .highlight-box>p:first-child,
    .highlight-box>p:last-child {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Arka arkaya gelen key-point'ler için boşluk azalt */
    .key-point+.key-point,
    .key-point+.highlight-box,
    .highlight-box+.key-point {
        margin-top: 8px !important;
    }

    /* Önceki key-point'in alt boşluğunu da azalt */
    .key-point:has(+ .key-point),
    .key-point:has(+ .highlight-box),
    .highlight-box:has(+ .key-point) {
        margin-bottom: 0 !important;
    }

    /* Başlıktan hemen sonra gelen tablo/kutu için boşluk azalt */
    h3+table,
    h4+table,
    h3+.key-point,
    h4+.key-point,
    h3+p.table-caption,
    h4+p.table-caption {
        margin-top: 8px !important;
    }

    /* Tablodan hemen sonra gelen key-point için boşluk azalt */
    table+.key-point {
        margin-top: 12px !important;
    }

    /* Boş div'lerin boyutunu sıfırla */
    .slide div:empty,
    .content-section div:empty {
        display: none !important;
    }

    /* Diğer kutu türleri için tutarlı boşluk */
    .slide .definition-box,
    .slide .method-box,
    .slide .stat-box,
    .slide .card-warning,
    .slide .card-success,
    .slide .card-info,
    .slide .terminology-box,
    .slide .variable-box,
    .slide .scenario-card {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    /* citation için boşluk */
    .slide .citation {
        margin-top: 12px !important;
        margin-bottom: 8px !important;
    }

    /* Ardışık br tagları için boşluk sınırla */
    .slide br+br {
        display: none;
    }

    /* Liste içindeki son element için alt boşluk kaldır */
    .slide ul:last-child,
    .slide ol:last-child {
        margin-bottom: 0 !important;
    }

    /* h2'den önce content-section border/padding varsa boşluk azalt */
    .content-section+.content-section {
        margin-top: 16px !important;
    }

    /* key-point, highlight-box içindeki elementler için tutarlı boşluk */
    .key-point h4,
    .highlight-box h4,
    .key-point h5,
    .highlight-box h5 {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
    }

    /* h4'ten sonra gelen ul için boşluk azalt */
    .key-point h4+ul,
    .key-point h4+ol,
    .highlight-box h4+ul,
    .highlight-box h4+ol {
        margin-top: 0 !important;
    }

    .key-point ul,
    .key-point ol,
    .highlight-box ul,
    .highlight-box ol {
        margin-top: 6px !important;
        margin-bottom: 0 !important;
        padding-left: 20px !important;
    }

    .key-point li,
    .highlight-box li {
        margin-bottom: 4px !important;
        line-height: 1.5 !important;
    }

    .key-point li:last-child,
    .highlight-box li:last-child {
        margin-bottom: 0 !important;
    }

    /* key-point içindeki metin akışı düzgün olmalı */
    .key-point,
    .highlight-box {
        white-space: normal !important;
    }

    /* key-point içindeki strong MUTLAKA inline olmalı - en yüksek öncelik */
    .slide .key-point strong,
    .slide .highlight-box strong,
    .slide div.key-point strong,
    .slide div.highlight-box strong,
    div.key-point strong,
    div.highlight-box strong {
        display: inline !important;
        white-space: normal !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* key-point veya highlight-box sonrası gelen başlıklar için boşluk azalt */
    .slide .key-point+h3,
    .slide .key-point+h4,
    .slide .highlight-box+h3,
    .slide .highlight-box+h4,
    .slide .content-section .key-point+h3,
    .slide .content-section .key-point+h4 {
        margin-top: 8px !important;
    }

    /* h1'den hemen sonra gelen scope-box için üst boşluk azalt */
    .slide h1+.scope-box,
    .slide h1+div.scope-box {
        margin-top: 8px !important;
    }

    /* content-section'dan sonra gelen chapter-summary için boşluk azalt */
    .slide .chapter-summary,
    .slide>.chapter-summary,
    .slide .content-section+.chapter-summary {
        margin-top: 12px !important;
    }
}
/* KEY POINT STYLE - ADDED TO FIX MISSING STYLE */
.key-point {
    background: var(--warning-lighter) !important;
    border: 1px solid var(--warning-border) !important;
    border-left: 4px solid var(--warning) !important;
    border-radius: 6px !important;
    padding: 16px 20px !important;
    margin: 24px 0 !important;
    text-align: justify !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.key-point h3 {
    color: var(--warning) !important; /* Amber/Gold tone */
    font-size: 1.15em !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid var(--warning-border);
    padding-bottom: 8px;
    font-weight: 600 !important;
}

.key-point p {
    margin-bottom: 12px !important;
    text-align: justify !important;
}

.key-point p:last-child {
    margin-bottom: 0 !important;
}