/* MEMUR MERKEZİ (2026-10-10) — /kategori/memur-haberleri üst hub'ı (hubs/memur-haberleri-ust.php).
   kamu1 dili: kalın üst çizgi + ince ayraç + tipografi; dolgulu kutu/hap/pembe yok. Rakamlar tabular. */
.mm { --mm-sicak: var(--accent); min-width: 0; margin: 6px 0 40px; }
.mm dd, .mm b, .mm time, .mm .mm-tarih, .mm .mm-bar-n, .mm .mm-kalan, .mm .mm-cok-no { font-variant-numeric: tabular-nums; }

/* künye */
.mm-kunye { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 340px); gap: 0 48px; padding-top: 14px; border-top: 4px solid var(--ink); }
.mm-ust { display: inline-flex; align-items: center; gap: 9px; margin: 0; font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--mm); }
.mm-ust i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.mm-ad { margin: 8px 0 0; font-family: var(--display); font-size: clamp(30px, 4.2vw, 52px); font-weight: 900; line-height: .98; letter-spacing: -.035em; color: var(--ink); text-wrap: balance; }
.mm-ozet { max-width: 640px; margin: 12px 0 0; font-size: 16px; line-height: 1.55; color: var(--ink-soft); text-wrap: pretty; }
.mm-say { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 22px 0 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mm-say > div { display: grid; align-content: start; gap: 4px; padding: 12px 16px 12px 0; min-width: 0; }
.mm-say > div + div { padding-left: 16px; border-left: 1px solid var(--line); }
.mm-say dt { font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); }
.mm-say dd { display: flex; align-items: baseline; gap: 5px; margin: 0; font-family: var(--display); font-size: clamp(22px, 2.6vw, 34px); font-weight: 900; line-height: 1; letter-spacing: -.03em; color: var(--ink); white-space: nowrap; }
.mm-say dd small { font-size: 12px; font-weight: 700; letter-spacing: 0; color: var(--ink-faint); }
.mm-say > div > span { overflow: hidden; font-size: 12px; font-weight: 600; color: var(--ink-faint); white-space: nowrap; text-overflow: ellipsis; }
.mm-say .is-sicak dd { color: var(--mm-sicak); }

.mm-kritik { display: grid; align-content: start; gap: 8px; padding: 14px 0 16px 22px; border-left: 3px solid var(--mm); }
.mm-kritik-et { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-faint); }
.mm-kritik-gun { display: flex; align-items: center; gap: 12px; color: var(--mm); }
.mm-kritik-gun > b { font-family: var(--display); font-size: clamp(56px, 6vw, 80px); font-weight: 900; line-height: .85; letter-spacing: -.05em; }
.mm-kritik-gun > span { display: grid; font-family: var(--display); font-size: 22px; font-weight: 900; line-height: 1.05; color: var(--ink); }
.mm-kritik-gun small { font-family: var(--sans, inherit); font-size: 12.5px; font-weight: 700; color: var(--ink-faint); }
.mm-kritik strong { font-family: var(--display); font-size: 20px; font-weight: 800; line-height: 1.2; color: var(--ink); }
.mm-kritik p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); }
.mm-kritik a { font-size: 12.5px; font-weight: 800; color: var(--mm); text-decoration: none; }
.mm-kritik a:hover { text-decoration: underline; }

/* gezgin */
.mm-nav { display: flex; gap: 0 4px; margin: 20px 0 0; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.mm-nav::-webkit-scrollbar { display: none; }
.mm-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-bottom: 3px solid transparent; font-size: 12.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-soft); white-space: nowrap; text-decoration: none; transition: color .13s, border-color .13s; }
.mm-nav a:first-child { padding-left: 0; }
.mm-nav a:hover { color: var(--ink); border-bottom-color: var(--mm); }

/* ortak başlık */
.mm-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 3px solid var(--ink); }
.mm-h h3 { margin: 0; font-family: var(--display); font-size: 22px; font-weight: 900; letter-spacing: -.02em; color: var(--ink); }
.mm-h-not { margin: 0; font-size: 12px; font-weight: 700; color: var(--ink-faint); white-space: nowrap; text-decoration: none; }
a.mm-h-not { color: var(--mm); font-weight: 800; }
.mm section[id] { scroll-margin-top: 110px; }
.mm-not { margin: 10px 0 0; font-size: 12px; line-height: 1.5; color: var(--ink-faint); }

.mm-iki { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 0 44px; margin-top: 36px; }
.mm-iki--esit { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }

/* maaş rehberi (çubuk) */
.mm-bar { list-style: none; margin: 8px 0 0; padding: 0; }
.mm-bar li { display: grid; grid-template-columns: minmax(0, 1fr) 96px; grid-template-areas: "ad n" "iz n"; gap: 5px 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.mm-bar-ad { grid-area: ad; display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.mm-bar-ad b { overflow: hidden; font-size: 14.5px; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; color: var(--ink); }
.mm-bar-ad small { flex: none; font-size: 12px; font-weight: 600; color: var(--ink-faint); }
.mm-bar-iz { grid-area: iz; display: block; height: 8px; }
.mm-bar-iz i { display: block; height: 100%; border-radius: 0 4px 4px 0; background: var(--mm); }
.mm-bar-n { grid-area: n; justify-self: end; display: flex; align-items: baseline; gap: 3px; font-family: var(--display); font-size: 22px; font-weight: 900; letter-spacing: -.03em; color: var(--ink); }
.mm-bar-n small { font-size: 13px; font-weight: 800; color: var(--ink-faint); }
.mm-kats { margin: 12px 0 0; font-size: 12.5px; line-height: 1.6; color: var(--ink-soft); }
.mm-kats b { color: var(--ink); }
.mm-cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding-bottom: 2px; border-bottom: 2px solid var(--mm); font-size: 14px; font-weight: 900; color: var(--ink); text-decoration: none; }
.mm-cta:hover { color: var(--mm); }

/* zam takvimi (zaman çizgisi) */
.mm-zaman { list-style: none; margin: 14px 0 0; padding: 0 0 0 22px; position: relative; }
.mm-zaman::before { content: ""; position: absolute; left: 5px; top: 6px; bottom: 6px; width: 2px; background: var(--line); }
.mm-zaman li { position: relative; display: grid; gap: 1px; padding: 0 0 16px; }
.mm-zaman li::before { content: ""; position: absolute; left: -22px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--bg, #fff); border: 2px solid var(--ink-faint); }
.mm-zaman li.is-hedef::before { border-color: var(--mm); background: var(--mm); box-shadow: 0 0 0 4px color-mix(in srgb, var(--mm) 18%, transparent); }
.mm-zaman time { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.mm-zaman li.is-hedef time { color: var(--mm); }
.mm-zaman b { font-family: var(--display); font-size: 17px; font-weight: 800; color: var(--ink); }
.mm-zaman small { font-size: 12.5px; color: var(--ink-soft); }
.mm-nasil { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mm-nasil summary { position: relative; padding: 12px 26px 12px 0; font-size: 14.5px; font-weight: 800; color: var(--ink); cursor: pointer; list-style: none; }
.mm-nasil summary::-webkit-details-marker { display: none; }
.mm-nasil summary::after, .mm-sss summary::after { content: "+"; position: absolute; right: 2px; top: 9px; font-size: 20px; font-weight: 700; color: var(--mm); transition: transform .15s; }
.mm-nasil[open] summary::after, .mm-sss details[open] summary::after { transform: rotate(45deg); }
.mm-nasil p { margin: 0 0 14px; font-size: 14px; line-height: 1.6; color: var(--ink-soft); }

/* memurun takvimi */
.mm-ajanda { list-style: none; margin: 6px 0 0; padding: 0; }
.mm-ajanda li { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.mm-tarih { display: grid; justify-items: center; line-height: 1; }
.mm-tarih b { font-family: var(--display); font-size: 22px; font-weight: 900; color: var(--ink); }
.mm-tarih small { margin-top: 3px; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); }
.mm-ajanda-g { display: grid; gap: 1px; min-width: 0; }
.mm-ajanda-g em { font-size: 10.5px; font-style: normal; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); }
.mm-ajanda-g strong { font-size: 14.5px; font-weight: 800; line-height: 1.3; color: var(--ink); }
.mm-ajanda-g small { font-size: 12px; color: var(--ink-soft); }
.mm-ajanda li.is-maas em, .mm-ajanda li.is-maas .mm-tarih b { color: var(--mm); }
.mm-ajanda li.is-tatil em { color: #15803d; }
.mm-ajanda li.is-enflasyon em { color: #b45309; }
.mm-kalan { font-size: 12px; font-weight: 800; color: var(--ink-soft); white-space: nowrap; }
@media (prefers-color-scheme: dark) { html:not([data-theme=light]) .mm-ajanda li.is-tatil em { color: #4ade80; } html:not([data-theme=light]) .mm-ajanda li.is-enflasyon em { color: #fbbf24; } }
html[data-theme=dark] .mm-ajanda li.is-tatil em { color: #4ade80; }
html[data-theme=dark] .mm-ajanda li.is-enflasyon em { color: #fbbf24; }

/* çok okunanlar */
.mm-cok { list-style: none; margin: 6px 0 0; padding: 0; }
.mm-cok li { display: grid; grid-template-columns: 34px minmax(0, 1fr); grid-template-areas: "no t" "no z"; gap: 2px 12px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.mm-cok-no { grid-area: no; font-family: var(--display); font-size: 30px; font-weight: 900; line-height: .9; color: var(--mm); }
.mm-cok a { grid-area: t; font-size: 15px; font-weight: 800; line-height: 1.3; color: var(--ink); text-decoration: none; }
.mm-cok a:hover { text-decoration: underline; text-underline-offset: 3px; }
.mm-cok time { grid-area: z; font-size: 11.5px; font-weight: 700; color: var(--ink-faint); }

/* haklar ve izinler */
.mm-haklar { margin-top: 40px; }
.mm-haklar-ic { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 0 44px; margin-top: 8px; }
.mm-hak { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 0; }
.mm-hak > div { padding: 11px 0; border-bottom: 1px solid var(--line); }
.mm-hak dt { font-size: 14px; font-weight: 900; color: var(--ink); }
.mm-hak dd { margin: 3px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink-soft); }
.mm-sss-et, .mm-sutun-et { margin: 10px 0 2px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--mm); }
.mm-sss details { border-bottom: 1px solid var(--line); }
.mm-sss summary { position: relative; padding: 11px 28px 11px 0; font-size: 14.5px; font-weight: 800; line-height: 1.35; color: var(--ink); cursor: pointer; list-style: none; }
.mm-sss summary::-webkit-details-marker { display: none; }
.mm-sss p { margin: 0 0 12px; font-size: 14px; line-height: 1.6; color: var(--ink-soft); }

/* sendikalar ve kurumlar */
.mm-sendika { margin-top: 40px; }
.mm-uc { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; }
.mm-link { list-style: none; margin: 0; padding: 0; }
.mm-link li { border-bottom: 1px solid var(--line); }
.mm-link a { display: grid; gap: 2px; padding: 9px 0; color: var(--ink); text-decoration: none; }
.mm-link b { font-size: 14px; font-weight: 800; }
.mm-link b span { font-size: 11px; color: var(--ink-faint); }
.mm-link small { font-size: 12px; line-height: 1.4; color: var(--ink-faint); }
.mm-link a:hover b { color: var(--mm); }

/* araçlar */
.mm-arac { margin-top: 40px; }
.mm-arac-l { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; margin: 6px 0 0; padding: 0; }
.mm-arac-l li { border-bottom: 1px solid var(--line); }
.mm-arac-l a { display: grid; gap: 2px; padding: 11px 0; color: var(--ink); text-decoration: none; }
.mm-arac-l b { font-size: 15px; font-weight: 900; }
.mm-arac-l b::after { content: " →"; color: var(--mm); }
.mm-arac-l small { font-size: 12.5px; color: var(--ink-faint); }
.mm-arac-l a:hover b { color: var(--mm); }

@media (max-width: 1080px) {
    .mm-kunye { grid-template-columns: minmax(0, 1fr); }
    .mm-kritik { margin-top: 18px; padding-left: 16px; }
    .mm-iki, .mm-iki--esit, .mm-haklar-ic { grid-template-columns: minmax(0, 1fr); gap: 36px; }
}
@media (max-width: 760px) {
    .mm-say { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mm-say > div:nth-child(3) { padding-left: 0; border-left: 0; }
    .mm-say > div:nth-child(n+3) { border-top: 1px solid var(--line); }
    .mm-hak, .mm-uc, .mm-arac-l { grid-template-columns: minmax(0, 1fr); }
    .mm-bar li { grid-template-columns: minmax(0, 1fr) 84px; }
    .mm-bar-ad { display: grid; gap: 1px; }
    .mm-bar-n { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) { .mm-nasil summary::after, .mm-sss summary::after { transition: none; } }