/* mokkem.net ortak kabuk: üst menü + alt bilgi. Sayfa kendi stiliyle gelir; bu dosya yalnız .site-* öğelerini biçimler. */
:root {
  --site-bg: #ffffff; --site-ink: #1f2933; --site-muted: #607080; --site-line: #d9e2ec; --site-accent: #0b7895; --site-soft: #f0f4f8;
}
@media (prefers-color-scheme: dark) {
  :root[data-themeable]:not([data-theme="light"]) {
    --site-bg: #1f2124; --site-ink: #e8e6e1; --site-muted: #a2a49f; --site-line: #34373b; --site-accent: #7cc4d6; --site-soft: #26282b;
  }
}
:root[data-themeable][data-theme="dark"] {
  --site-bg: #1f2124; --site-ink: #e8e6e1; --site-muted: #a2a49f; --site-line: #34373b; --site-accent: #7cc4d6; --site-soft: #26282b;
}
.site-nav {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; padding: 6px 18px;
  border-bottom: 1px solid var(--site-line); background: var(--site-bg); color: var(--site-ink);
  font: 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.site-nav a { color: inherit; text-decoration: none; }
.site-brand { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; letter-spacing: .02em; margin-right: 8px; }
.site-brand img { width: 26px; height: 20px; }
.site-links { display: flex; flex-wrap: wrap; gap: 2px; }
.site-links a { padding: 6px 10px; border-radius: 6px; color: var(--site-muted); }
.site-links a:hover { background: var(--site-soft); color: var(--site-ink); }
.site-links a.active { color: var(--site-ink); font-weight: 600; box-shadow: inset 0 -2px 0 var(--site-accent); border-radius: 6px 6px 0 0; }
.site-spacer { flex: 1; }
.site-btn {
  padding: 4px 9px; border: 1px solid var(--site-line); border-radius: 6px; background: var(--site-bg); color: var(--site-ink);
  font: inherit; font-size: 13px; cursor: pointer;
}
.site-btn:hover { border-color: var(--site-accent); }
.site-btn[hidden] { display: none; }
.site-foot {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 18px;
  border-top: 1px solid var(--site-line); background: var(--site-bg); color: var(--site-muted);
  font: 12px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.site-foot img { width: 22px; height: 17px; }
.site-foot a { color: var(--site-accent); }
.site-foot .site-copy { margin-left: auto; }
@media (max-width: 640px) {
  .site-nav { padding: 6px 12px; }
  .site-links a { padding: 5px 8px; font-size: 13px; }
  .site-foot .site-copy { margin-left: 0; }
}