/* Ortak üst menü ve sayfa düzeni — tüm sayfalar bu dosyayı kullanır */
body { margin: 0; padding: 0; }
.ust { background: #fff; border-bottom: 1px solid #cdd9df; position: sticky; top: 0; z-index: 10; }
.ust-ic { max-width: 960px; margin: 0 auto; padding: 10px 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
.marka { font-weight: 700; font-size: 17px; color: #0f2430; text-decoration: none; }
.marka small { display: block; font: 500 11px Consolas, monospace; letter-spacing: .06em; color: #0b7f92; }
.menu { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.menu a { text-decoration: none; color: #0f2430; font-weight: 600; font-size: 14px; padding: 7px 12px; border-radius: 8px; border: 1px solid transparent; }
.menu a:hover { background: #e6eef2; }
.menu a[aria-current="page"] { background: #0b7f92; color: #fff; }
.icerik { max-width: 960px; margin: 0 auto; padding: 16px; }
@media (max-width: 560px) { .menu { margin-left: 0; width: 100%; } .menu a { flex: 1 1 auto; text-align: center; } }
:focus-visible { outline: 2px solid #0b7f92; outline-offset: 2px; }