/* Era Otomasyon — yasal sayfalar */
:root {
    --lacivert: #0f172a;
    --lacivert-2: #1e293b;
    --amber: #f59e0b;
    --beyaz: #ffffff;
    --gri: #64748b;
    --cizgi: rgba(15, 23, 42, 0.08);
}

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

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--lacivert);
    background: #f8fafc;
    line-height: 1.75;
}

a { color: var(--amber); text-decoration: none; }
a:hover { text-decoration: underline; }

.ust {
    background: var(--lacivert);
    padding: 1rem 0;
    position: sticky;
    top: 0;
    z-index: 10;
}

.kap {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.ust .kap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.marka {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--beyaz);
    font-weight: 700;
    font-size: 1.125rem;
}

.marka img { width: 36px; height: 36px; }
.marka span { color: var(--amber); }
.marka:hover { text-decoration: none; }

.ust a.geri {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.9375rem;
}

.baslik {
    background: linear-gradient(135deg, var(--lacivert) 0%, var(--lacivert-2) 100%);
    color: var(--beyaz);
    padding: 3.5rem 0 4.5rem;
}

.baslik h1 { font-size: 2rem; font-weight: 800; line-height: 1.3; }
.baslik p { color: rgba(255, 255, 255, 0.7); margin-top: 0.75rem; font-size: 0.9375rem; }

.icerik {
    background: var(--beyaz);
    border: 1px solid var(--cizgi);
    border-radius: 20px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
    padding: 2.5rem;
    margin: -2.5rem auto 4rem;
}

.icerik h2 {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 2rem 0 0.75rem;
    padding-left: 0.85rem;
    border-left: 3px solid var(--amber);
}

.icerik h2:first-child { margin-top: 0; }
.icerik p, .icerik li { color: #334155; font-size: 0.9375rem; }
.icerik ul, .icerik ol { margin: 0.5rem 0 1rem 1.25rem; }
.icerik li { margin-bottom: 0.35rem; }
.icerik table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 0.875rem; }
.icerik th, .icerik td { border: 1px solid var(--cizgi); padding: 0.65rem 0.75rem; text-align: left; }
.icerik th { background: #f1f5f9; font-weight: 600; }

.not {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.25);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    font-size: 0.875rem;
    margin-top: 2rem;
}

.alt {
    background: var(--lacivert);
    color: rgba(255, 255, 255, 0.6);
    padding: 1.5rem 0;
    font-size: 0.875rem;
    text-align: center;
}

@media (max-width: 640px) {
    .icerik { padding: 1.5rem; border-radius: 16px; }
    .baslik h1 { font-size: 1.5rem; }
}