/*
 * Bilgi ve yasal sayfalar (KVKK, çerez, erişilebilirlik, yolculuk kuralları): ortak belge düzeni.
 * Diğer yenilenen sayfalarla aynı dil: kısa başlık, okunur metin genişliği, telefonda tek sütun.
 */
.doc-page {
    --ink: #0d1b42;
    --navy: #1d3d70;
    --teal: #2f96a4;
    --line: #dcecf1;
    --soft: #f7fbfc;
    --muted: #64748b;
    background: #fff;
}
.doc-wrap { max-width: 52rem; margin: 0 auto; padding: 0 16px; }
.doc-head { padding: 14px 0 14px; border-bottom: 1px solid #eef6f8; background: linear-gradient(180deg, var(--soft), #fff); }
.doc-head h1 { color: var(--ink); font-size: clamp(1.45rem, 3vw, 2rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.doc-head p { margin-top: 4px; color: var(--muted); font-size: .9rem; line-height: 1.5; }
.doc-head__date { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 4px 10px; border-radius: 999px; background: #eef6f8; color: #475569; font-size: .76rem; font-weight: 700; }
.doc-body { padding: 18px 0 40px; }
.doc-content { color: #334155; font-size: 1rem; line-height: 1.7; }
.doc-content > h2 { margin: 1.8rem 0 .6rem; color: var(--ink); font-size: 1.15rem; font-weight: 800; letter-spacing: -.01em; line-height: 1.3; }
.doc-content > h2:first-child { margin-top: 0; }
.doc-content h3 { margin: 1.4rem 0 .5rem; color: var(--ink); font-size: 1rem; font-weight: 800; }
.doc-content p { margin: 0 0 1rem; }
.doc-content strong { color: var(--ink); font-weight: 700; }
.doc-content a { color: #244f86; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.doc-content ul, .doc-content ol { margin: 1rem 0; padding-left: 1.4rem; }
.doc-content ul li { margin: .4rem 0; list-style: disc; }
.doc-content ol li { margin: .4rem 0; list-style: decimal; }
.doc-content table { width: 100%; margin: 1rem 0; border-collapse: collapse; font-size: .92rem; }
.doc-content th, .doc-content td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; }
.doc-content th { color: var(--ink); font-weight: 800; }
.doc-content kbd { display: inline-block; padding: 3px 7px; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); color: var(--ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; white-space: nowrap; }
.doc-content blockquote { margin: 1.2rem 0; padding: .75rem 1rem; border: 1px solid #d6e9ec; border-radius: .75rem; background: #f3f9fa; color: #334155; }
/* İçerik içindeki kutucuklar (çerez türleri, erişilebilirlik özellikleri, kural kartları) */
.doc-cards { display: grid; gap: 10px; margin: 16px 0; }
.doc-card { display: flex; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.doc-card__icon { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; background: #eef6f8; color: #244f86; }
.doc-card__icon svg { width: 19px; height: 19px; }
.doc-card__title { color: var(--ink); font-size: .96rem; font-weight: 800; line-height: 1.3; }
.doc-card__text { margin-top: 3px; color: #475569; font-size: .86rem; line-height: 1.5; }
.doc-note { margin-top: 18px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--soft); color: #475569; font-size: .9rem; line-height: 1.6; }
.doc-note strong { color: var(--ink); }
.doc-actions { display: grid; gap: 8px; margin-top: 16px; }
.doc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--ink); font-size: .88rem; font-weight: 800; }
.doc-btn svg { width: 17px; height: 17px; }
.doc-btn--primary { border-color: var(--navy); background: var(--navy); color: #fff; }
.doc-btn:focus-visible, .doc-content a:focus-visible { outline: 3px solid rgba(47, 150, 164, .45); outline-offset: 2px; }
@media (min-width: 640px) {
    .doc-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .doc-actions { display: flex; flex-wrap: wrap; }
}