/* Editoryal · dizin/katalog dili: üst başlık şeridi, büyük serif başlık, kartlar yerine ince çizgili satırlar.
   Krem/toprak ve gece+asit yeşil klişelerinden kaçınıldı: soğuk gri kâğıt, mürekkep siyahı, tek kobalt vurgu.
   --line metne yaklaştırıldı (>= 4.5:1); --side sayfa zeminiyle aynı. */
html[data-tema="editorial"][data-mod="gunduz"] {
  --bg: #f4f4f0;
  --bg2: #f4f4f0;
  --surface: #fbfbf8;
  --text: #0e1116;
  --muted: #444c5a;
  --line: #5d6672;
  --accent: #1e3a8a;
  --accent-text: #ffffff;
  --side: #f4f4f0;
  --side-text: #0e1116;
  --side-muted: #444c5a;
  --side-hover: #e4e4dc;
  --danger: #a32017;
  --danger-bg: #fbeeec;
  --radius: 0px;
  --radius-sm: 2px;
  --shadow: none;
}
html[data-tema="editorial"][data-mod="gece"] {
  --bg: #0d1017;
  --bg2: #0d1017;
  --surface: #141922;
  --text: #eceef4;
  --muted: #a3a8b8;
  --line: #98a0b0;
  --accent: #93b4ff;
  --accent-text: #0d1017;
  --side: #0d1017;
  --side-text: #eceef4;
  --side-muted: #a3a8b8;
  --side-hover: #1c2230;
  --danger: #ffb4ab;
  --danger-bg: #331b19;
  --radius: 0px;
  --radius-sm: 2px;
  --shadow: none;
}
html[data-tema="editorial"] {
  --font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;
  --font-body: "Instrument Sans Variable", system-ui, sans-serif;
}
html[data-tema="editorial"] body { font-size: 16px; }
html[data-tema="editorial"] .ust-serit {
  background: transparent; color: var(--text); border-bottom: 2px solid var(--text); min-height: 40px; padding: 4px 48px;
}
html[data-tema="editorial"] .portal-don,
html[data-tema="editorial"] .ust-kullanici { color: var(--text); }
html[data-tema="editorial"] .portal-don:hover { background: var(--side-hover); }
html[data-tema="editorial"] .layout { grid-template-columns: minmax(0, 1fr); min-height: 0; }
html[data-tema="editorial"] .sidebar {
  position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 10px 22px;
  padding: 22px 48px 16px; border-bottom: 2px solid var(--text); overflow: visible; background: transparent;
}
html[data-tema="editorial"] #menu { flex-direction: row; flex-wrap: wrap; gap: 4px 16px; flex: 1 1 100%; }
html[data-tema="editorial"] .menu-group { padding: 8px 0 0; }
html[data-tema="editorial"] .menu-item { color: var(--text); padding: 4px 2px; border-radius: 0; }
html[data-tema="editorial"] .menu-item:hover { background: transparent; text-decoration: underline; text-underline-offset: 4px; }
html[data-tema="editorial"] .sidebar .chip { display: none; }
html[data-tema="editorial"] .brand-mark { display: none; }
html[data-tema="editorial"] .brand-name { font: 600 30px/1 var(--font-display); }
html[data-tema="editorial"] .brand-sub { font: italic 300 28px/1 var(--font-display); color: var(--muted); }
html[data-tema="editorial"] .cikis button {
  border: 0; padding: 0; font-weight: 600; color: var(--text); text-decoration: underline; text-underline-offset: 4px; width: auto;
}
html[data-tema="editorial"] .content { max-width: 1240px; margin: 0 auto; padding: 36px 48px 80px; }
html[data-tema="editorial"] .ustbar h1,
html[data-tema="editorial"] .topbar h1 { font: 300 clamp(40px, 7vw, 84px)/.98 var(--font-display); letter-spacing: -.03em; }
html[data-tema="editorial"] .lead { font-size: 18px; margin: 16px 0 44px; max-width: 54ch; }
html[data-tema="editorial"] .cards { gap: 0; }
html[data-tema="editorial"] .grup {
  display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 0 40px;
  border-top: 1px solid var(--text); padding: 20px 0 32px;
}
html[data-tema="editorial"] .grup-baslik {
  border: 0; flex-direction: column; align-items: flex-start; gap: 2px; margin: 0; padding: 0;
}
html[data-tema="editorial"] .grup-baslik h2 { font: 500 26px/1.1 var(--font-display); }
html[data-tema="editorial"] .grup-liste { display: flex; flex-direction: column; gap: 0; }
html[data-tema="editorial"] .card {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) minmax(120px, 220px);
  align-items: baseline; gap: 6px 28px; padding: 16px 0; background: transparent;
  border: 0; border-bottom: 1px solid var(--line); border-radius: 0;
}
html[data-tema="editorial"] a.card:hover {
  transform: none; box-shadow: inset 4px 0 0 var(--accent); padding-left: 16px; background: transparent;
}
html[data-tema="editorial"] .card-icon { display: none; }
html[data-tema="editorial"] .card-head h3 { font: 400 28px/1.12 var(--font-display); }
html[data-tema="editorial"] a.card:hover .card-head h3 {
  color: var(--accent); text-decoration: underline; text-underline-offset: 5px;
}
html[data-tema="editorial"] .card-desc { font-size: 16px; }
html[data-tema="editorial"] .card-foot { justify-content: flex-end; }
html[data-tema="editorial"] .login-card {
  background: transparent; border: 0; border-top: 2px solid var(--text); border-radius: 0; padding: 22px 0 0; max-width: 440px;
}
html[data-tema="editorial"] .login-card h1 { font: 300 48px/1 var(--font-display); letter-spacing: -.03em; margin: 24px 0 18px; }
html[data-tema="editorial"] .login-card input {
  background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding-left: 0;
}
html[data-tema="editorial"] .login-card button { border-radius: 0; padding: 13px; }

@media (max-width: 860px) {
  html[data-tema="editorial"] .ust-serit { padding: 4px 18px; }
  html[data-tema="editorial"] .sidebar { padding: 16px 18px 12px; }
  html[data-tema="editorial"] .content { padding: 24px 18px 56px; }
  html[data-tema="editorial"] .grup { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  html[data-tema="editorial"] .card { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  html[data-tema="editorial"] .ust-serit { padding: 4px 10px; }
  html[data-tema="editorial"] .sidebar { padding: 12px 10px; }
  html[data-tema="editorial"] .brand-name { font-size: 22px; }
  html[data-tema="editorial"] .brand-sub { font-size: 20px; }
  html[data-tema="editorial"] .content { padding: 18px 10px 44px; }
  html[data-tema="editorial"] .card-head h3 { font-size: 22px; }
  html[data-tema="editorial"] .login-card h1 { font-size: 34px; }
}