/* One public navigation/footer design: landing, reading pages and blog. */
.public-shell, .public-shell :where(a, button, p, span) { font-family: 'Satoshi', sans-serif; }
.public-shell .tn-kap { box-sizing: border-box; width: 100%; max-width: 1376px; padding-inline: clamp(22px, 4vw, 48px); margin-inline: auto; }
.public-shell.tn-ust { position: sticky; top: 0; z-index: 50; background: var(--page); border-bottom: 1px solid transparent; transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease; }
.public-shell.tn-ust.kaydi { border-bottom-color: color-mix(in srgb, var(--accent) 20%, transparent); box-shadow: 0 4px 16px rgba(11,22,34,.08); }
@supports (backdrop-filter: blur(16px)) {
  .public-shell.tn-ust.kaydi { background: color-mix(in srgb, var(--page) 94%, transparent); backdrop-filter: blur(16px) saturate(1.12); }
}
.public-shell .tn-ust-ic { min-height: 84px; display: flex; align-items: center; gap: 24px; }
.public-shell .tn-marka { display: inline-flex; align-items: center; flex: none; gap: 10px; min-height: 44px; color: var(--text); text-decoration: none; }
.public-shell .tn-marka span { font-family: 'Satoshi', sans-serif; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.public-shell .tn-marka svg { width: 34px; height: 34px; flex: none; color: var(--accent); }
.public-shell .tn-gez { display: flex; gap: 4px; margin-inline: auto; }
.public-shell .tn-gez a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 8px; color: var(--muted); font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.public-shell .tn-gez a:hover { color: var(--text); background: var(--accent-soft); }
.public-shell .tn-ust-eylem { display: flex; align-items: center; gap: 8px; flex: none; }
.public-shell .tn-btn { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; cursor: pointer; transform: none; }
.public-shell .tn-btn--hayalet { background: transparent; color: var(--text); }
.public-shell .tn-btn--hayalet:hover { background: var(--accent-soft); }
.public-shell .tn-btn--bakir { background: var(--accent); color: var(--ink-ters, #FFF7EF); }
.public-shell .tn-btn--bakir:hover { filter: brightness(1.06); }
.public-shell :is(.tn-tema, .tema-dugme) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: none; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--text); cursor: pointer; }
.public-shell :is(.tn-tema, .tema-dugme)[hidden] { display: none; }
.public-shell :is(.tn-tema, .tema-dugme):hover { border-color: var(--accent); }
.public-shell :is(.tn-tema, .tema-dugme) svg { width: 20px; height: 20px; }
.public-shell .tema-dugme .tema-gunes, .public-shell .tema-dugme[data-koyu="true"] .tema-ay { display: none; }
.public-shell .tema-dugme[data-koyu="true"] .tema-gunes { display: block; }
.public-shell :is(a, button):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.public-shell.tn-alt-bilgi { margin-top: 80px; border-top: 1px solid var(--line); }
.public-shell .tn-alt-ic { display: flex; flex-wrap: wrap; gap: 32px clamp(32px, 5vw, 64px); padding-top: clamp(40px, 5vw, 56px); padding-bottom: 32px; }
.public-shell .tn-alt-marka { flex: 2 1 280px; min-width: 0; }
.public-shell .tn-alt-marka p { max-width: 42ch; margin: 12px 0 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.public-shell .tn-alt-sutun { flex: 1 1 150px; display: flex; flex-direction: column; align-items: flex-start; }
.public-shell .tn-alt-sutun > p { margin: 0 0 8px; color: var(--muted); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.public-shell .tn-alt-sutun a, .public-shell .tn-alt-dugme { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; color: var(--muted); font-size: 14px; font-weight: 400; line-height: 1.5; text-decoration: none; cursor: pointer; }
.public-shell .tn-alt-sutun a:hover, .public-shell .tn-alt-dugme:hover { color: var(--accent); }
.public-shell .tn-alt-son { padding-bottom: 24px; }
.public-shell .tn-alt-son p { margin: 0; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.6; }
@media (max-width: 1100px) {
  .public-shell .tn-gez { display: none; }
  .public-shell .tn-ust-eylem { margin-left: auto; }
}
@media (max-width: 940px) { .public-shell .tn-ust-ic { min-height: 68px; gap: 12px; } }
@media (max-width: 600px) {
  .public-shell .tn-ust-cta { display: none; }
  .public-shell .tn-ust-eylem { gap: 4px; }
  .public-shell .tn-btn { padding-inline: 10px; }
}
/* 320 px: tema + "Giriş yap" ekrandan 4 px taşıyordu (tanitim-olc). Logo 24 px KALIR (kullanıcı kararı); yalnız kenar ve aralık daralır. */
@media (max-width: 360px) { .public-shell .tn-kap { padding-inline: 16px; } .public-shell .tn-ust-ic { gap: 8px; } }
@media (prefers-reduced-motion: reduce) { .public-shell.tn-ust { transition: none; } }