/* akaturk.com — institutional public UI (AVİD-quality, navy + white) */



:root {

  --aka-primary: #1a3a8f;

  --aka-primary-l: #2550c0;

  --aka-navy: #0f2347;

  --aka-navy-dark: #0d1b5e;

  --aka-bg: #ffffff;

  --aka-body-bg: #f4f6fb;

  --aka-surface: #f7f9fc;

  --aka-ink: #1a2036;

  --aka-muted: #64748b;

  --aka-border: #e2e8f0;

  --aka-nav-h: 64px;

  --aka-radius: 12px;

  --aka-radius-lg: 16px;

  --aka-font: "Inter", system-ui, -apple-system, sans-serif;

  --aka-mono: ui-monospace, "Cascadia Mono", "Consolas", monospace;

  /* Publication provenance split — harmonized with source badges */
  --aka-pub-yok: var(--aka-primary);
  --aka-pub-yok-l: var(--aka-primary-l);
  --aka-pub-yok-bg: rgba(26, 58, 143, 0.07);
  --aka-pub-yok-border: rgba(26, 58, 143, 0.2);
  --aka-pub-yok-glow: rgba(26, 58, 143, 0.12);
  --aka-pub-oa: #047857;
  --aka-pub-oa-l: #0d9488;
  --aka-pub-oa-bg: rgba(4, 120, 87, 0.07);
  --aka-pub-oa-border: rgba(4, 120, 87, 0.2);
  --aka-pub-oa-glow: rgba(4, 120, 87, 0.12);

}



*, *::before, *::after { box-sizing: border-box; }



html, body { margin: 0; }



body.aka-body {

  min-height: 100vh;

  font-family: var(--aka-font);

  font-size: 15px;

  font-weight: 400;

  color: var(--aka-ink);

  background: var(--aka-body-bg);

  line-height: 1.55;

  padding-top: var(--aka-nav-h);

  -webkit-font-smoothing: antialiased;

}



body.aka-search-open { overflow: hidden; }



.visually-hidden {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  white-space: nowrap;

  border: 0;

}



.aka-skip {

  position: absolute;

  left: -9999px;

  z-index: 9999;

}



.aka-skip:focus {

  left: 1rem;

  top: 1rem;

  background: var(--aka-bg);

  color: var(--aka-primary);

  padding: 0.35rem 0.65rem;

  border: 1px solid var(--aka-border);

  border-radius: var(--aka-radius);

}



.aka-container {

  width: min(1140px, calc(100% - 2.5rem));

  margin-inline: auto;

}



/* Full-width layout (non-home public pages) */



body.aka-page--full {

  overflow-x: clip;

}



body.aka-page--full .aka-container,

.aka-container--full {

  width: 100%;

  max-width: none;

  margin-inline: 0;

  padding-inline: 0;

}



body.aka-page--full .aka-nav__inner {

  max-width: none;

  padding-inline: clamp(0.75rem, 2vw, 1.25rem);

}



body.aka-page--full .aka-footer__inner {

  width: 100%;

  max-width: none;

  padding-inline: clamp(0.75rem, 2vw, 1.25rem);

}



/* ── Navbar ─────────────────────────────────────────────── */



.aka-nav {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 1000;

  height: var(--aka-nav-h);

  background: var(--aka-bg);

  border-bottom: 1px solid var(--aka-border);

  box-shadow: 0 2px 16px rgba(26, 58, 143, 0.07);

}



.aka-nav__inner {

  display: flex;

  align-items: center;

  gap: 1rem;

  height: 100%;

  max-width: 1140px;

  margin-inline: auto;

  padding: 0 1.25rem;

}



.aka-brand {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  text-decoration: none;

  flex-shrink: 0;

}



.aka-brand__mark {

  width: 40px;

  height: 40px;

  background: linear-gradient(135deg, var(--aka-primary), var(--aka-primary-l));

  border-radius: 11px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 800;

  font-size: 0.75rem;

  color: #fff;

  letter-spacing: -0.03em;

  text-transform: lowercase;

  box-shadow: 0 4px 14px rgba(26, 58, 143, 0.28);

}



.aka-brand__text { line-height: 1.15; }



.aka-brand__text strong {

  display: block;

  font-size: 1.05rem;

  font-weight: 800;

  color: var(--aka-primary);

  letter-spacing: -0.02em;

}



.aka-brand__text span {

  display: block;

  font-size: 0.625rem;

  color: #8892a4;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  font-weight: 600;

}



.aka-nav__toggle {

  display: none;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 4px;

  width: 44px;

  height: 44px;

  min-width: 44px;

  min-height: 44px;

  margin-left: auto;

  padding: 0;

  border: 1.5px solid var(--aka-border);

  border-radius: 10px;

  background: var(--aka-bg);

  cursor: pointer;

  color: var(--aka-primary);

}



.aka-nav__toggle-bar {

  display: block;

  width: 16px;

  height: 1.5px;

  background: currentColor;

  transition: transform 0.2s, opacity 0.2s;

}



.aka-nav__panel {

  display: flex;

  align-items: center;

  flex: 1;

  min-width: 0;

  gap: 0.35rem;

  justify-content: flex-end;

}



.aka-nav__links {

  display: flex;

  align-items: center;

  gap: 0.15rem;

}



.aka-nav__links > a,

.aka-nav__drop-btn {

  position: relative;

  color: #475569;

  font-size: 0.86rem;

  font-weight: 600;

  padding: 0.5rem 0.85rem;

  border-radius: 10px;

  text-decoration: none;

  white-space: nowrap;

  border: none;

  background: transparent;

  cursor: pointer;

  font-family: inherit;

  display: inline-flex;

  align-items: center;

  gap: 0.25rem;

  line-height: 1.4;

  transition: color 0.18s ease, background 0.18s ease;

}



.aka-nav__links > a::after,

.aka-nav__drop-btn::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 4px;

  width: 0;

  height: 2px;

  border-radius: 2px;

  background: linear-gradient(90deg, var(--aka-primary), var(--aka-primary-l));

  transform: translateX(-50%);

  transition: width 0.22s ease;

}



.aka-nav__links > a:hover,

.aka-nav__drop-btn:hover {

  color: var(--aka-primary);

  background: rgba(26, 58, 143, 0.06);

}



.aka-nav__links > a[aria-current="page"] {

  color: var(--aka-primary);

  background: linear-gradient(135deg, rgba(26, 58, 143, 0.1), rgba(37, 80, 192, 0.07));

}



.aka-nav__links > a:hover::after,

.aka-nav__links > a[aria-current="page"]::after,

.aka-nav__drop-btn:hover::after {

  width: 55%;

}



.aka-nav__chev {

  opacity: 0.55;

  flex-shrink: 0;

  transition: transform 0.2s ease;

}



.aka-nav__drop.open .aka-nav__chev { transform: rotate(180deg); }



.aka-nav__drop { position: relative; }



.aka-nav__drop-menu {

  display: none;

  position: absolute;

  top: calc(100% + 8px);

  left: 0;

  min-width: 220px;

  background: var(--aka-bg);

  border: 1px solid var(--aka-border);

  border-radius: var(--aka-radius-lg);

  box-shadow: 0 16px 48px rgba(15, 40, 100, 0.14), 0 2px 8px rgba(0, 0, 0, 0.05);

  padding: 0.45rem;

  z-index: 100;

  animation: akaDropIn 0.15s ease;

}



@keyframes akaDropIn {

  from { opacity: 0; transform: translateY(-6px) scale(0.97); }

  to { opacity: 1; transform: translateY(0) scale(1); }

}



.aka-nav__drop.open .aka-nav__drop-menu { display: block; }



.aka-nav__drop-menu a {

  display: block;

  padding: 0.55rem 0.75rem;

  border-radius: 9px;

  color: #374151;

  font-size: 0.84rem;

  font-weight: 500;

  text-decoration: none;

  transition: background 0.12s;

}



.aka-nav__drop-menu a:hover {

  background: #f1f5f9;

  color: var(--aka-primary);

}



.aka-nav__lang {

  margin-left: 0.5rem;

  padding-left: 0.75rem;

  border-left: 1px solid var(--aka-border);

}



.aka-nav__lang a {

  font-family: var(--aka-mono);

  font-size: 0.6875rem;

  font-weight: 700;

  color: var(--aka-muted);

  text-decoration: none;

  padding: 0.35rem 0.55rem;

  border: 1px solid var(--aka-border);

  border-radius: 8px;

  transition: color 0.15s, border-color 0.15s;

}



.aka-nav__lang a:hover {

  color: var(--aka-primary);

  border-color: #c5d0f0;

}



.aka-nav__backdrop {

  display: none;

  position: fixed;

  inset: 0;

  top: var(--aka-nav-h);

  background: rgba(15, 23, 42, 0.45);

  z-index: 998;

}



.aka-nav__backdrop:not([hidden]) { display: block; }



/* ── Hero ───────────────────────────────────────────────── */



.aka-hero {

  position: relative;

  overflow: hidden;

  background: linear-gradient(175deg, var(--aka-navy-dark) 0%, #152d6e 48%, var(--aka-primary) 100%);

  padding: 4.25rem 0 5rem;

  text-align: center;

}



.aka-hero__inner {

  position: relative;

  max-width: 860px;

  margin: 0 auto;

  text-align: center;

}



.aka-hero__eyebrow {

  margin: 0 auto 0.85rem;

  font-size: 0.72rem;

  font-weight: 700;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.58);

}



.aka-hero__title {

  margin: 0 auto 1rem;

  font-size: clamp(1.95rem, 4.5vw, 2.85rem);

  font-weight: 800;

  color: #fff;

  line-height: 1.12;

  letter-spacing: -0.03em;

}



.aka-hero__subtitle {

  margin: 0 auto 2.5rem;

  font-size: 1.05rem;

  color: rgba(255, 255, 255, 0.72);

  line-height: 1.65;

  max-width: 44ch;

}



.aka-hero__search {

  margin: 0 auto;

  max-width: 760px;

  width: 100%;

}



.aka-hero__search-wrap {

  background: rgba(255, 255, 255, 0.1);

  border: 1.5px solid rgba(255, 255, 255, 0.22);

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  border-radius: 16px;

  padding: 0.85rem 1rem;

  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16);

  text-align: left;

}



.aka-hero__search-box {

  display: flex;

  align-items: center;

  gap: 0.55rem;

}



.aka-hero__search-icon {

  flex-shrink: 0;

  margin-left: 0.15rem;

  color: rgba(255, 255, 255, 0.55);

}



.aka-hero__search-input {

  flex: 1;

  min-width: 0;

  border: none;

  background: rgba(255, 255, 255, 0.14);

  border-radius: 12px;

  padding: 0.85rem 1rem;

  font-family: var(--aka-font);

  font-size: 1rem;

  color: #fff;

  outline: none;

  transition: background 0.2s, box-shadow 0.2s;

}



.aka-hero__search-input::placeholder { color: rgba(255, 255, 255, 0.48); }



.aka-hero__search-input:focus {

  background: rgba(255, 255, 255, 0.22);

  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12);

}



.aka-hero__search-hint {

  margin: 0.6rem 0 0;

  font-size: 0.75rem;

  color: rgba(255, 255, 255, 0.52);

  text-align: center;

}




.aka-hero__stats {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 0.6rem 0.75rem;

  margin-top: 2.25rem;

}



.aka-hero__stat {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  min-width: 5.25rem;

  padding: 0.6rem 0.8rem;

  border-radius: 12px;

  background: rgba(255, 255, 255, 0.07);

  border: 1px solid rgba(255, 255, 255, 0.13);

  backdrop-filter: blur(6px);

  -webkit-backdrop-filter: blur(6px);

}



.aka-hero__stat-value {

  font-size: 1.12rem;

  font-weight: 700;

  color: #fff;

  font-variant-numeric: tabular-nums;

  letter-spacing: -0.02em;

  line-height: 1.2;

}



.aka-hero__stat-label {

  margin-top: 0.25rem;

  font-size: 0.625rem;

  font-weight: 600;

  color: rgba(255, 255, 255, 0.54);

  text-transform: uppercase;

  letter-spacing: 0.045em;

  text-align: center;

  line-height: 1.35;

  max-width: 9rem;

}


/* ── Search modal (dark institutional) ───────────────────── */



.aka-search-modal {

  --aka-modal-bg: #0a1020;

  --aka-modal-panel: #0f1729;

  --aka-modal-surface: #141e33;

  --aka-modal-surface-hover: #1a2740;

  --aka-modal-border: rgba(148, 163, 184, 0.14);

  --aka-modal-border-strong: rgba(148, 163, 184, 0.22);

  --aka-modal-ink: #e8edf5;

  --aka-modal-muted: #94a3b8;

  --aka-modal-accent: #6b9bff;

  --aka-modal-accent-dim: rgba(107, 155, 255, 0.14);

  --aka-modal-accent-glow: rgba(107, 155, 255, 0.28);

  position: fixed;

  inset: 0;

  z-index: 2000;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 2.5vh 5vw;

}



.aka-search-modal[hidden] { display: none; }



.aka-search-modal__backdrop {

  position: absolute;

  inset: 0;

  background: rgba(2, 6, 16, 0.82);

  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

}



.aka-search-modal__dialog {

  position: relative;

  width: min(90vw, 1440px);

  height: min(85vh, 920px);

  max-height: 85vh;

  background: var(--aka-modal-panel);

  border: 1px solid var(--aka-modal-border-strong);

  border-radius: 20px;

  box-shadow:

    0 0 0 1px rgba(255, 255, 255, 0.04) inset,

    0 32px 80px rgba(0, 0, 0, 0.55),

    0 8px 24px rgba(0, 0, 0, 0.35);

  display: flex;

  flex-direction: column;

  overflow: hidden;

  animation: akaModalIn 0.22s cubic-bezier(0.4, 0, 0.2, 1);

}



@keyframes akaModalIn {

  from { opacity: 0; transform: scale(0.96) translateY(12px); }

  to { opacity: 1; transform: scale(1) translateY(0); }

}



.aka-search-modal__head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 1rem;

  flex-shrink: 0;

  padding: 1.1rem 1.5rem;

  border-bottom: 1px solid var(--aka-modal-border);

  background: linear-gradient(180deg, var(--aka-modal-surface) 0%, var(--aka-modal-panel) 100%);

}



.aka-search-modal__head-main {

  display: flex;

  align-items: center;

  gap: 0.9rem;

  min-width: 0;

}



.aka-search-modal__head-icon {

  width: 42px;

  height: 42px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 12px;

  background: linear-gradient(135deg, #1a3a8f 0%, #2550c0 100%);

  color: #fff;

  box-shadow: 0 4px 16px var(--aka-modal-accent-glow);

}



.aka-search-modal__title {

  margin: 0;

  font-size: 1.125rem;

  font-weight: 700;

  letter-spacing: -0.01em;

  color: var(--aka-modal-ink);

}



.aka-search-modal__query {

  margin: 0.2rem 0 0;

  font-size: 0.8125rem;

  color: var(--aka-modal-muted);

  font-family: var(--aka-mono);

}



.aka-search-modal__close {

  flex-shrink: 0;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid var(--aka-modal-border);

  border-radius: 11px;

  background: var(--aka-modal-surface);

  color: var(--aka-modal-muted);

  cursor: pointer;

  transition: color 0.15s, background 0.15s, border-color 0.15s;

}



.aka-search-modal__close:hover {

  color: #fca5a5;

  background: rgba(220, 38, 38, 0.12);

  border-color: rgba(248, 113, 113, 0.35);

}



.aka-search-modal__body {

  display: grid;

  grid-template-columns: minmax(300px, 340px) 1fr;

  flex: 1;

  min-height: 0;

  overflow: hidden;

}



.aka-search-modal__sidebar {

  border-right: 1px solid var(--aka-modal-border);

  padding: 1.15rem 1rem 1.25rem;

  overflow-y: auto;

  background: var(--aka-modal-bg);

  scrollbar-color: rgba(148, 163, 184, 0.25) transparent;

}



.aka-search-modal__sidebar-label {

  margin: 0 0 0.75rem;

  padding: 0 0.65rem;

  font-size: 0.6875rem;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: var(--aka-modal-muted);

}



.aka-search-facets {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.aka-search-facet {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 0.75rem;

  padding: 0.7rem 0.85rem;

  border: 1px solid transparent;

  border-radius: 11px;

  background: transparent;

  cursor: pointer;

  font-family: inherit;

  font-size: 0.9375rem;

  font-weight: 500;

  color: var(--aka-modal-ink);

  text-align: left;

  line-height: 1.35;

  transition: background 0.14s, border-color 0.14s, color 0.14s;

}



.aka-search-facet__label {

  flex: 1;

  min-width: 0;

}



.aka-search-facet:hover {

  background: var(--aka-modal-surface);

  border-color: var(--aka-modal-border);

}



.aka-search-facet.is-active {

  background: var(--aka-modal-accent-dim);

  border-color: rgba(107, 155, 255, 0.35);

  color: var(--aka-modal-accent);

  font-weight: 600;

  box-shadow: 0 0 0 1px rgba(107, 155, 255, 0.08) inset;

}



.aka-search-facet__count {

  flex-shrink: 0;

  font-family: var(--aka-mono);

  font-size: 0.75rem;

  font-weight: 700;

  font-variant-numeric: tabular-nums;

  color: var(--aka-modal-muted);

  background: rgba(148, 163, 184, 0.1);

  padding: 0.15rem 0.55rem;

  border-radius: 999px;

  min-width: 2rem;

  text-align: center;

}



.aka-search-facet.is-active .aka-search-facet__count {

  background: rgba(107, 155, 255, 0.2);

  color: var(--aka-modal-accent);

}



.aka-search-subfacets {

  margin-top: 1.15rem;

  padding-top: 1.15rem;

  border-top: 1px solid var(--aka-modal-border);

}



.aka-search-subfacets__label {

  margin: 0 0 0.55rem;

  padding: 0 0.15rem;

  font-size: 0.6875rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  color: var(--aka-modal-muted);

}



.aka-search-subfacets__group + .aka-search-subfacets__group { margin-top: 1rem; }



.aka-search-chips {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  gap: 0.45rem;

}



.aka-search-chip {

  border: 1px solid var(--aka-modal-border);

  border-radius: 999px;

  background: var(--aka-modal-surface);

  padding: 0.35rem 0.75rem;

  font-size: 0.75rem;

  font-weight: 500;

  color: var(--aka-modal-ink);

  cursor: pointer;

  font-family: inherit;

  max-width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: border-color 0.14s, background 0.14s, color 0.14s, box-shadow 0.14s;

}



.aka-search-chip:hover {

  border-color: rgba(107, 155, 255, 0.45);

  background: var(--aka-modal-surface-hover);

  color: var(--aka-modal-accent);

}



.aka-search-chip.is-active {

  background: linear-gradient(135deg, #1a3a8f, #2550c0);

  border-color: transparent;

  color: #fff;

  box-shadow: 0 2px 10px var(--aka-modal-accent-glow);

}



.aka-search-modal__results {

  display: flex;

  flex-direction: column;

  overflow: hidden;

  padding: 1.15rem 1.35rem 1.25rem;

  background: var(--aka-modal-panel);

}



.aka-search-status {

  margin: 0 0 0.75rem;

  font-size: 0.8125rem;

  font-weight: 500;

  color: var(--aka-modal-muted);

  letter-spacing: 0.01em;

}



.aka-search-results {

  list-style: none;

  margin: 0;

  padding: 0;

  flex: 1;

  overflow-y: auto;

  display: flex;

  flex-direction: column;

  gap: 3px;

  scrollbar-color: rgba(148, 163, 184, 0.25) transparent;

}



.aka-search-result {

  border-radius: 11px;

  border: 1px solid transparent;

  transition: background 0.14s, border-color 0.14s;

}



.aka-search-result:hover {

  background: var(--aka-modal-surface);

  border-color: var(--aka-modal-border);

}



.aka-search-result__link {

  display: flex;

  align-items: baseline;

  justify-content: space-between;

  gap: 1rem;

  padding: 0.85rem 0.75rem;

  text-decoration: none;

  color: inherit;

  border-radius: 11px;

}



.aka-search-result:not(:has(.aka-search-result__link)) {

  display: flex;

  align-items: baseline;

  justify-content: space-between;

  gap: 1rem;

  padding: 0.85rem 0.75rem;

}



.aka-search-result__main {

  display: flex;

  flex-direction: column;

  gap: 0.2rem;

  min-width: 0;

}



.aka-search-result__title {

  font-size: 0.975rem;

  font-weight: 600;

  color: var(--aka-modal-accent);

  line-height: 1.4;

  letter-spacing: -0.01em;

}



.aka-search-result__link:hover .aka-search-result__title { text-decoration: underline; }



.aka-search-result__subtitle {

  font-size: 0.8125rem;

  color: var(--aka-modal-muted);

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  line-height: 1.45;

}



.aka-search-result__meta {

  flex-shrink: 0;

  font-family: var(--aka-mono);

  font-size: 0.6875rem;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--aka-modal-muted);

  text-align: right;

  max-width: 34%;

  padding: 0.2rem 0.55rem;

  border-radius: 6px;

  background: rgba(148, 163, 184, 0.08);

}



.aka-search-pager {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0.85rem;

  margin-top: 0.85rem;

  padding-top: 0.85rem;

  border-top: 1px solid var(--aka-modal-border);

  flex-shrink: 0;

}



.aka-search-pager__btn {

  padding: 0.5rem 0.9rem;

  border: 1px solid var(--aka-modal-border);

  border-radius: 10px;

  background: var(--aka-modal-surface);

  font-family: inherit;

  font-size: 0.8125rem;

  font-weight: 600;

  color: var(--aka-modal-accent);

  cursor: pointer;

  transition: background 0.14s, border-color 0.14s;

}



.aka-search-pager__btn:hover:not(:disabled) {

  background: var(--aka-modal-surface-hover);

  border-color: rgba(107, 155, 255, 0.35);

}



.aka-search-pager__btn:disabled { opacity: 0.35; cursor: not-allowed; }



.aka-search-pager__info {

  font-size: 0.8125rem;

  color: var(--aka-modal-muted);

  font-family: var(--aka-mono);

  font-variant-numeric: tabular-nums;

}



/* ── Sections ───────────────────────────────────────────── */



.aka-section {

  padding: 2.75rem 0;

  background: var(--aka-bg);

}



.aka-section--muted { background: var(--aka-body-bg); }



.aka-section--compact { padding: 2rem 0 2.5rem; }



.aka-section__head { margin-bottom: 1.75rem; }



.aka-section__label {

  margin: 0 0 0.35rem;

  font-size: 0.72rem;

  font-weight: 700;

  letter-spacing: 0.07em;

  text-transform: uppercase;

  color: #8892a4;

}



.aka-section__title {

  margin: 0;

  font-size: clamp(1.25rem, 2.5vw, 1.6rem);

  font-weight: 800;

  color: var(--aka-ink);

  letter-spacing: -0.02em;

  line-height: 1.25;

}



.aka-section__lead {

  margin: 0.5rem 0 0;

  color: var(--aka-muted);

  font-size: 0.92rem;

  line-height: 1.6;

  max-width: 58ch;

}



/* Feature cards */



.aka-cards {

  margin: 0;

  padding: 0;

  list-style: none;

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 1.1rem;

}



.aka-card {

  display: flex;

  flex-direction: column;

  gap: 0.45rem;

  height: 100%;

  padding: 1.35rem;

  background: var(--aka-bg);

  border: 1px solid #e8ecf2;

  border-radius: var(--aka-radius-lg);

  text-decoration: none;

  color: inherit;

  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;

}



.aka-card:hover {

  transform: translateY(-3px);

  box-shadow: 0 8px 24px rgba(26, 58, 143, 0.12);

  border-color: #c5d0f0;

}



.aka-card__icon {

  width: 46px;

  height: 46px;

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 0.15rem;

}



.aka-card__icon--uni { background: #e8f0fe; color: var(--aka-primary); }

.aka-card__icon--journal { background: #ecfdf5; color: #047857; }

.aka-card__icon--compare { background: #fef3c7; color: #b45309; }

.aka-card__icon--guide { background: #f3e8ff; color: #7c3aed; }



.aka-card__title {

  font-size: 1rem;

  font-weight: 700;

  color: var(--aka-ink);

}



.aka-card__desc {

  font-size: 0.8125rem;

  color: var(--aka-muted);

  line-height: 1.55;

}



/* Source cards */



.aka-source-cards {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 1rem;

  margin-bottom: 1rem;

}



.aka-source-card {

  padding: 1.25rem 1.35rem;

  background: var(--aka-bg);

  border: 1px solid var(--aka-border);

  border-radius: var(--aka-radius-lg);

  box-shadow: 0 2px 8px rgba(15, 35, 71, 0.04);

}



.aka-source-card__name {

  margin: 0 0 0.4rem;

  font-size: 0.9375rem;

  font-weight: 700;

  color: var(--aka-primary);

}



.aka-source-card__desc {

  margin: 0;

  font-size: 0.8125rem;

  color: var(--aka-muted);

  line-height: 1.55;

}



.aka-sources__note {

  margin: 0;

  font-size: 0.8125rem;

  color: var(--aka-muted);

  line-height: 1.55;

}



/* Compare CTA (home bottom) */

.aka-compare-cta {
  max-width: 720px;
  text-align: center;
}

.aka-compare-cta__body {
  margin: 0.65rem auto 1.25rem;
  font-size: 0.9375rem;
  color: var(--aka-ink);
  line-height: 1.65;
}

.aka-compare-cta__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1.35rem;
  border-radius: 10px;
  background: var(--aka-primary);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.aka-compare-cta__link:hover {
  filter: brightness(1.05);
}

.aka-card__icon--aca {
  background: rgba(26, 58, 143, 0.1);
  color: var(--aka-primary);
}

/* Mission */



.aka-mission { max-width: 640px; }



.aka-mission__body {

  margin: 0.5rem 0 0;

  font-size: 0.9375rem;

  color: var(--aka-ink);

  line-height: 1.65;

}



/* ── Footer ─────────────────────────────────────────────── */



.aka-footer {

  background: #0d1117;

  color: rgba(255, 255, 255, 0.55);

  padding: 2.75rem 0 1.5rem;

  margin-top: 0;

}



.aka-footer__inner {

  width: min(1140px, calc(100% - 2.5rem));

  margin-inline: auto;

}



.aka-footer__grid {

  display: grid;

  grid-template-columns: 1.5fr repeat(3, 1fr);

  gap: 2rem;

}



.aka-footer__brand {

  display: block;

  text-decoration: none;

  margin-bottom: 0.65rem;

}



.aka-footer__brand strong {

  color: rgba(255, 255, 255, 0.92);

  font-size: 1.05rem;

  font-weight: 800;

  letter-spacing: -0.02em;

}



.aka-footer__meta {

  margin: 0 0 0.75rem;

  font-size: 0.8125rem;

  line-height: 1.6;

  color: rgba(255, 255, 255, 0.45);

  max-width: 32ch;

}



.aka-footer__sources-line {

  margin: 0;

  font-size: 0.75rem;

  font-family: var(--aka-mono);

  color: rgba(255, 255, 255, 0.32);

}



.aka-footer__heading {

  margin: 0 0 0.75rem;

  font-size: 0.75rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  color: rgba(255, 255, 255, 0.72);

}



.aka-footer__links {

  list-style: none;

  margin: 0;

  padding: 0;

}



.aka-footer__links a {

  color: rgba(255, 255, 255, 0.45);

  text-decoration: none;

  font-size: 0.8125rem;

  display: block;

  margin-bottom: 0.4rem;

  transition: color 0.15s;

}



.aka-footer__links a:hover { color: rgba(255, 255, 255, 0.85); }



.aka-footer__rule {

  border: none;

  border-top: 1px solid rgba(255, 255, 255, 0.08);

  margin: 2rem 0 1rem;

}



.aka-footer__copy {

  margin: 0;

  font-size: 0.78rem;

  color: rgba(255, 255, 255, 0.28);

}



/* ── Mobile ─────────────────────────────────────────────── */



@media (max-width: 992px) {

  .aka-cards { grid-template-columns: repeat(2, 1fr); }

  .aka-footer__grid { grid-template-columns: 1fr 1fr; }

  .aka-footer__brand-col { grid-column: 1 / -1; }

}



@media (max-width: 768px) {

  .aka-nav__toggle { display: flex; }



  .aka-nav.open .aka-nav__toggle-bar:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }

  .aka-nav.open .aka-nav__toggle-bar:nth-child(2) { opacity: 0; }

  .aka-nav.open .aka-nav__toggle-bar:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }



  .aka-nav__panel {

    display: none;

    position: fixed;

    top: var(--aka-nav-h);

    left: 0;

    right: 0;

    bottom: 0;

    flex-direction: column;

    align-items: stretch;

    padding: 0.75rem 1rem 1.5rem;

    background: var(--aka-bg);

    overflow-y: auto;

    z-index: 999;

    box-shadow: 0 18px 40px rgba(15, 40, 100, 0.14);

  }



  .aka-nav.open .aka-nav__panel { display: flex; }



  .aka-nav__links {

    flex-direction: column;

    align-items: stretch;

    gap: 0.15rem;

  }



  .aka-nav__links > a,

  .aka-nav__drop-btn {

    width: 100%;

    padding: 0.7rem 0.85rem;

    justify-content: space-between;

    font-size: 0.92rem;

  }



  .aka-nav__links > a::after,

  .aka-nav__drop-btn::after { display: none; }



  .aka-nav__drop-menu {

    position: static;

    border: none;

    box-shadow: none;

    border-radius: 10px;

    background: var(--aka-surface);

    padding: 0.25rem 0.35rem;

    margin: 0.15rem 0 0.25rem 0.65rem;

  }



  .aka-nav__lang {

    margin-top: auto;

    margin-left: 0;

    padding-left: 0;

    border-left: none;

    padding-top: 0.75rem;

    border-top: 1px solid var(--aka-border);

  }



  .aka-brand__text span { display: none; }



  .aka-hero { padding: 2.75rem 0 3.25rem; }



  .aka-cards { grid-template-columns: 1fr; }

  .aka-source-cards { grid-template-columns: 1fr; }



  .aka-search-modal {

    padding: 0;

    align-items: stretch;

  }



  .aka-search-modal__dialog {

    width: 100vw;

    height: 100vh;

    max-height: 100vh;

    border-radius: 0;

    border: none;

  }



  .aka-search-modal__body { grid-template-columns: 1fr; }



  .aka-search-modal__sidebar {

    border-right: none;

    border-bottom: 1px solid var(--aka-modal-border);

    max-height: 220px;

    padding: 0.85rem 0.75rem;

  }



  .aka-search-facets { flex-direction: row; flex-wrap: wrap; gap: 6px; }

  .aka-search-facet { width: auto; flex: 0 1 auto; font-size: 0.8125rem; padding: 0.55rem 0.7rem; }

  .aka-search-modal__sidebar-label { display: none; }

}



@media (max-width: 480px) {

  body.aka-page--home .aka-container,

  body.aka-page--home .aka-footer__inner { width: calc(100% - 1.5rem); }



  .aka-footer__grid { grid-template-columns: 1fr; }

  .aka-brand__text { display: none; }

}



@media (max-width: 320px) {

  .aka-nav__inner { padding-inline: 0.65rem; }

  .aka-hero { padding: 2.25rem 0 2.75rem; }

  body.aka-page--home .aka-container { width: calc(100% - 1rem); }

}



@media (prefers-reduced-motion: reduce) {

  *, *::before, *::after {

    animation-duration: 0.01ms !important;

    transition-duration: 0.01ms !important;

  }

}

/* Publication count — YÖKSİS / OpenAlex source split (shared) */
.aka-pub-split {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.45rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
}

.aka-pub-split__part {
  position: relative;
  flex: 1 1 5.75rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 0.5rem;
  row-gap: 0.06rem;
  min-width: 0;
  padding: 0.5rem 0.6rem 0.52rem 0.55rem;
  border-radius: var(--aka-radius);
  background: linear-gradient(165deg, #fff 0%, var(--aka-surface) 100%);
  border: 1px solid var(--aka-border);
  box-shadow:
    0 1px 2px rgba(15, 35, 71, 0.04),
    0 4px 14px rgba(15, 35, 71, 0.06);
  white-space: nowrap;
  overflow: hidden;
}

.aka-pub-split__part::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: var(--aka-radius) 0 0 var(--aka-radius);
}

.aka-pub-split__part::before {
  content: "";
  grid-row: 1 / span 2;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}

.aka-pub-split__sep {
  display: none;
}

.aka-pub-split__src {
  display: block;
  grid-column: 2;
  font-size: 0.58em;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  line-height: 1.2;
}

.aka-pub-split__part--yok {
  border-color: var(--aka-pub-yok-border);
  background: linear-gradient(165deg, #fff 0%, rgba(26, 58, 143, 0.04) 100%);
  box-shadow:
    0 1px 2px rgba(15, 35, 71, 0.04),
    0 4px 16px var(--aka-pub-yok-glow),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.aka-pub-split__part--yok::after {
  background: linear-gradient(180deg, var(--aka-pub-yok-l) 0%, var(--aka-pub-yok) 100%);
}

.aka-pub-split__part--yok::before {
  background-color: var(--aka-pub-yok-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a3a8f' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='13' y2='17'/%3E%3C/svg%3E");
}

.aka-pub-split__part--yok .aka-pub-split__src {
  color: var(--aka-pub-yok);
}

.aka-pub-split__part--oa {
  border-color: var(--aka-pub-oa-border);
  background: linear-gradient(165deg, #fff 0%, rgba(4, 120, 87, 0.04) 100%);
  box-shadow:
    0 1px 2px rgba(15, 35, 71, 0.04),
    0 4px 16px var(--aka-pub-oa-glow),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.aka-pub-split__part--oa::after {
  background: linear-gradient(180deg, var(--aka-pub-oa-l) 0%, var(--aka-pub-oa) 100%);
}

.aka-pub-split__part--oa::before {
  background-color: var(--aka-pub-oa-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Ccircle cx='5' cy='7' r='2'/%3E%3Ccircle cx='19' cy='7' r='2'/%3E%3Ccircle cx='5' cy='17' r='2'/%3E%3Ccircle cx='19' cy='17' r='2'/%3E%3Cpath d='M7 8.5L10 10.5M17 8.5L14 10.5M7 15.5L10 13.5M17 15.5L14 13.5'/%3E%3C/svg%3E");
}

.aka-pub-split__part--oa .aka-pub-split__src {
  color: var(--aka-pub-oa);
}

.aka-pub-split__num {
  display: block;
  grid-column: 2;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--aka-navy);
  font-feature-settings: "tnum" 1;
}

.aka-pub-split__part--yok .aka-pub-split__num {
  color: var(--aka-navy);
}

.aka-pub-split__part--oa .aka-pub-split__num {
  color: var(--aka-navy);
}

/* Hero row — frosted glass mini-cards on navy gradient */
.aka-hero__stat--publications {
  min-width: 12.5rem;
  max-width: 19rem;
  padding: 0.55rem 0.65rem 0.5rem;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.aka-pub-split--hero {
  gap: 0.4rem;
  font-size: clamp(0.72rem, 1.6vw, 0.82rem);
  width: 100%;
}

.aka-pub-split--hero .aka-pub-split__part {
  flex: 1 1 5rem;
  padding: 0.42rem 0.5rem 0.46rem 0.48rem;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.1),
    0 6px 20px rgba(15, 35, 71, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.aka-pub-split--hero .aka-pub-split__part::before {
  width: 1.55rem;
  height: 1.55rem;
  background-size: 0.88rem;
}

.aka-pub-split--hero .aka-pub-split__num {
  font-size: 1.08em;
  font-weight: 800;
  letter-spacing: -0.035em;
}
