/* ==========================================================================
   Gizlilik ve Destek sayfaları (privacy.html, support.html)
   style.css'in renk ve yazı tiplerini kullanır; yalnız okuma sayfası düzeni.
   ========================================================================== */

[hidden] { display: none !important; }

body.legal-page {
    min-height: 100vh;
    padding: 88px 16px 40px;
}

.legal-card {
    max-width: 760px;
    margin: 0 auto;
    background: var(--bg-surface);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: 44px 48px;
    font-size: 1rem;
    line-height: 1.7;
}

.legal-card .legal-logo {
    display: flex;
    width: max-content;
    margin: 0 auto 28px;
}

.legal-card .legal-logo .logo-word { font-size: 1.45rem; }
.legal-card .legal-logo .logo-line { width: 104px; height: 5px; }

.legal-card h1 {
    font-family: var(--font-heading);
    font-size: clamp(1.7rem, 5vw, 2.2rem);
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    color: var(--text-main);
}

.legal-card .legal-date {
    text-align: center;
    color: var(--text-soft);
    font-size: 0.9rem;
    margin: 4px 0 28px;
}

.legal-card h2 {
    font-family: var(--font-heading);
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--brand-teal);
    margin: 34px 0 8px;
}

.legal-card h3 {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-main);
    margin: 22px 0 6px;
}

.legal-card p { margin: 0 0 12px; }

.legal-card ul,
.legal-card ol { margin: 6px 0 14px; padding-left: 1.3em; }
.legal-card li { margin: 5px 0; }
.legal-card li::marker { color: var(--brand-coral); font-weight: 700; }

.legal-card a {
    color: var(--brand-teal);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.legal-card code,
.legal-card kbd {
    font-size: 0.86em;
    background: var(--brand-teal-light);
    color: var(--text-main);
    padding: 2px 6px;
    border-radius: 6px;
    overflow-wrap: anywhere;
}

.legal-card kbd {
    font-family: var(--font-heading);
    font-weight: 700;
    border: 1px solid var(--border-teal-light);
}

.legal-card .legal-callout {
    background: var(--brand-teal-light);
    border-radius: var(--radius-md);
    padding: 16px 20px;
    margin: 8px 0 16px;
}

.legal-card .legal-callout p:last-child { margin-bottom: 0; }
.legal-card .legal-callout kbd { background: var(--bg-surface); }

.legal-footer {
    max-width: 760px;
    margin: 28px auto 0;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.85rem;
}

.legal-footer a {
    color: var(--brand-teal);
    font-weight: 600;
    text-decoration: none;
}

.legal-footer a:hover { text-decoration: underline; }

@media (max-width: 600px) {
    body.legal-page { padding-top: 64px; }
    .legal-card { padding: 28px 20px; border-radius: var(--radius-md); }
    .legal-card h2 { margin-top: 28px; }
}