/* mine.wiz.net.tr ortak stil — tüm sayfalar: üst menü + renk/yazı tokenları
   Düzen: üstte sabit menü, altında tek sütun içerik (gösterge sayfasında geniş ızgara) */
:root {
  --bg: #eef1ef;
  --surface: #ffffff;
  --surface-2: #f3f6f4;
  --line: #d5dcd8;
  --ink: #16201c;
  --muted: #56625c;
  --faint: #7c8882;
  --gold: #a86f00;
  --gold-soft: #f6e7c4;
  --in: #2a78d6;
  --out: #e34948;
  --track: #e2e8e4;
  --good: #0ca30c;
  --warn: #fab219;
  --serious: #ec835a;
  --critical: #d03b3b;
  --font-display: "Pixelify Sans", "Courier New", monospace;
  --font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111613; --surface: #1a211d; --surface-2: #222a25; --line: #2c3631;
    --ink: #e8efea; --muted: #a3b0a8; --faint: #7f8b84;
    --gold: #e7b04a; --gold-soft: #3a2f17;
    --in: #3987e5; --out: #e66767; --track: #333d37;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #111613; --surface: #1a211d; --surface-2: #222a25; --line: #2c3631;
  --ink: #e8efea; --muted: #a3b0a8; --faint: #7f8b84;
  --gold: #e7b04a; --gold-soft: #3a2f17;
  --in: #3987e5; --out: #e66767; --track: #333d37;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--ink); font: 16px/1.55 var(--font-body); }
a { color: var(--gold); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }

.ust { position: sticky; top: 0; z-index: 10; background: var(--surface); border-bottom: 1px solid var(--line); }
.ust-ic { max-width: 1200px; margin: 0 auto; padding-inline: 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; min-height: 56px; }
.marka { font: 700 20px/1 var(--font-display); color: var(--ink); text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.marka i { width: 14px; height: 14px; background: var(--gold); display: inline-block; box-shadow: 4px 4px 0 var(--ink); }
.menu { display: flex; flex-wrap: wrap; gap: 4px; margin-left: auto; }
.menu a { color: var(--muted); text-decoration: none; font-weight: 700; font-size: 15px; padding: 8px 12px; border-radius: 8px; }
.menu a:hover { color: var(--ink); background: var(--surface-2); }
.menu a[aria-current="page"] { color: var(--ink); background: var(--gold-soft); }
@media (max-width: 560px) {
  .ust-ic { padding-block: 8px; }
  .menu { margin-left: 0; width: 100%; }
  .menu a { padding: 6px 10px; }
}

.eyebrow { font: 600 12px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
h1 { font-family: var(--font-display); font-weight: 700; line-height: 1.1; margin: 0; text-wrap: balance; }
h2 { font-family: var(--font-display); font-weight: 500; margin: 0; text-wrap: balance; }
.alt { color: var(--faint); font-size: 13px; max-width: 1200px; margin: 0 auto; padding: 24px 16px 40px; }