/* --- TEMEL SIFIRLAMA --- */
html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: border-box !important;
}

/* --- GENEL AYARLAR --- */
body { font-family: sans-serif; background: #0a0a0f; color: #e8e4d9; line-height: 1.6; }
img { max-width: 100%; height: auto; display: block; }

/* --- MOBİL İÇİN GÜÇLENDİRİLMİŞ KURALLAR --- */
@media screen and (max-width: 768px) {
    /* Sayfa yapısını tam genişliğe zorla */
    .main, .layout, .header-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin: 0 !important;
    }

    .layout { display: block !important; }

    /* Kartlar tam genişlik */
    .paper-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
        border-radius: 0 !important;
        padding: 15px !important;
    }

    /* Kategori menüsü */
    .sidebar { position: static !important; margin-bottom: 20px; padding: 10px !important; }
    .sidebar-title:first-child { cursor: pointer; padding: 12px; background: #1a1a20; border: 1px solid #333; border-radius: 6px; color: #c9a84c; display: block; text-align: center; }
    .category-list { display: none; background: #0d0d14; padding: 10px; border: 1px solid #333; border-radius: 6px; }
    .category-list.active { display: block !important; }

    /* MODAL DÜZENLEMESİ (Sorduğunuz daralmış yazı sorunu için) */
    .modal-window {
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100% !important;
        max-height: 100% !important;
        border-radius: 0 !important;
        padding: 20px !important;
        margin: 0 !important;
        overflow-y: auto !important;
    }

    #modalBody {
        text-align: left !important; /* Kelime boşluklarını düzeltir */
        font-size: 16px !important;
        line-height: 1.6 !important;
        word-wrap: break-word !important;
    }
}

/* --- MASAÜSTÜ AYARLARI --- */
@media screen and (min-width: 769px) {
    .category-list { display: block !important; }
    .sidebar-title:first-child { cursor: default; background: none; border: none; padding: 0; }
}

.cat-link { display: block; padding: 10px; text-decoration: none; color: #ccc; }
.cat-link:hover { background: #333; }

.paper-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important; 
        padding: 20px !important;
        border-radius: 0 !important;
        
        /* Çizgiyi garantiye alıyoruz */
        border-bottom: 1px solid #33333b !important; 
        background: transparent !important;
    }