/*

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; 

/* --- 2. RENK VE FONT AYARLARI --- */
:root {
    --ana-renk: #3498db;    
    --arka-plan: #f4f4f4;
    --yazi-rengi: #333;
}

body {
    all: unset; 
    display: block;
    text-align: left;
    color: var(--yazi-rengi);
    font-family: sans-serif;
    margin-bottom: 10px;
}

body {
    background-color: var(--arka-plan);
    padding: 20px;

}

/* --- 3. ANA YAPI (KONTEYNER) --- */
.container {
    max-width: 1100px;       
    margin: 0 auto;         
    padding: 0 20px;         
}

/* --- 4. TEMEL ELEMANLAR --- */
a {
    text-decoration: none;   
    color: inherit;          
}

img {
    max-width: 100%;         
    height: auto;
}

/* --- 5. TELEFON UYUMLULUĞU (RESPONSIVE) --- */


@media (max-width: 768px) {
    body {
        
        padding: 20px; 
        font-size: 16px; 
    }

    h1, h2 {
        line-height: 1.2;
        margin-bottom: 15px; 
    }

    p, li {
        line-height: 1.6;
        margin-bottom: 10px; 
    }

    
    .icerik, table, div {
        width: 100% !important;
        display: block;
        text-align: left !important;
    display: block !important;

    }
}
  




CSS
body, html {
    text-align: left !important;
    display: block !important;
}

p, h3, h4, div {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 10px !important; 
    width: auto !important;
}