/* Okul Araçları — üst çubuk ve alt bilgi
   ============================================================
   Bu dosya eskiden bir ajans sayfasının bölüm yerleşimlerini de
   taşıyordu (.hero .strip .liquid .steps .cta). Hiçbir sayfada
   kullanılmıyorlardı; kaldırıldılar.
   ============================================================ */

/* ---------- üst çubuk ---------- */
/* Üstteki ince marka çizgisi resmî belge dilinden geliyor — antetli
   kâğıdın üst kuralı. Tek dekoratif öge bu ve bir şey söylüyor. */
header{
  position:sticky; top:0; z-index:40;
  background:color-mix(in srgb,var(--paper) 88%,transparent);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
  box-shadow:inset 0 3px 0 var(--brand);
}
@media print{ header{ box-shadow:none } }
.bar{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; min-height:66px;
}
.mark{
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:var(--serif); font-size:1.1rem; font-weight:600; letter-spacing:-.01em;
  text-decoration:none; white-space:nowrap;
}
.mark em{ font-family:var(--sans); font-size:.85rem; font-weight:400; color:var(--muted) }
/* Rozet logosu küçük tutuluyor; asıl marka adı yanındaki yazı. */
.mark__logo{ width:32px; height:32px; flex:none; border-radius:8px }
@media (max-width:420px){ .mark em{ display:none } }

nav.top{ display:flex; gap:.35rem }
nav.top a{
  font-size:.88rem; font-weight:500; color:var(--muted); text-decoration:none;
  padding:.45em .8em; border-radius:var(--r-sm);
  transition:color .18s var(--ease-out), background-color .18s var(--ease-out);
}
@media (hover:hover){ nav.top a:hover{ color:var(--brand); background:var(--brand-soft) } }
nav.top a[aria-current="page"]{ color:var(--ink); background:var(--surface); box-shadow:var(--sh-1) }
@media (max-width:860px){ nav.top{ display:none } }

/* ---------- alt bilgi ---------- */
footer{ border-top:1px solid var(--line); padding-block:2rem; margin-top:1rem }
.foot{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem;
}
.foot nav{ display:flex; flex-wrap:wrap; gap:.35rem 1.25rem }
.foot a{ text-decoration:none; font-size:.85rem; color:var(--muted) }
@media (hover:hover){ .foot a:hover{ color:var(--brand) } }