/* akaturk.com — institutional public UI (AVİD-quality, red + white) */



:root {

  --aka-primary: #c1121f;

  --aka-primary-l: #e01e2b;

  --aka-navy: #1a1f2e;

  --aka-navy-dark: #7a0b12;

  --aka-emerald: #0f766e;

  --aka-emerald-l: #14b8a6;

  --aka-red: #c1121f;

  --aka-red-strong: #9a0e18;

  --aka-red-soft: #fdecec;

  --aka-red-soft-border: #f3c3c7;

  --aka-red-tint: #fff6f6;

  --aka-bg: #ffffff;

  --aka-body-bg: #f7f6f7;

  --aka-surface: #fbf9f9;

  --aka-ink: #1a2036;

  --aka-muted: #64748b;

  --aka-border: #e2e8f0;

  --aka-nav-h: 52px;

  --aka-radius: 12px;

  --aka-radius-lg: 16px;

  --aka-font: "Inter", system-ui, -apple-system, sans-serif;

  --aka-mono: ui-monospace, "Cascadia Mono", "Consolas", monospace;

  /* ── Design system tokens (single source, 2026-09-17) ───────────
     Shared across all akaturk public pages. Flat surfaces, red accent,
     neutral slate lines/shadows. Keep gradients minimal, motion subtle. */

  /* Page shell — standard content width + gutters (adopts /alanlar 1400px). */
  --aka-shell-max: 1400px;
  --aka-shell-pad: clamp(1rem, 3vw, 2rem);
  --aka-shell-read: 920px;     /* narrow reading width (glossary/legal) */

  /* Spacing rhythm — 4 / 8 base scale. */
  --aka-s1: 0.25rem;   /* 4  */
  --aka-s2: 0.5rem;    /* 8  */
  --aka-s3: 0.75rem;   /* 12 */
  --aka-s4: 1rem;      /* 16 */
  --aka-s5: 1.5rem;    /* 24 */
  --aka-s6: 2rem;      /* 32 */
  --aka-s7: 3rem;      /* 48 */

  /* Type scale. */
  --aka-fs-h1: clamp(1.75rem, 3.8vw, 2.25rem);
  --aka-fs-h2: 1.35rem;
  --aka-fs-h3: 1.08rem;
  --aka-fs-body: 1rem;
  --aka-fs-meta: 0.8125rem;

  /* Radius levels. */
  --aka-radius-sm: 8px;

  /* Border + shadow levels — neutral slate, subtle. */
  --aka-border-strong: #cbd2dc;
  --aka-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --aka-shadow-md: 0 4px 14px rgba(15, 23, 42, 0.06);
  --aka-shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.08);

  /* Motion — single subtle duration token. */
  --aka-t: 150ms;

  /* Provenance / source colors (kept distinct per data-provenance rule). */
  --aka-prov-yoksis: #c1121f;   /* YÖKSİS */
  --aka-prov-openalex: #047857; /* OpenAlex */
  --aka-prov-trindex: #0f766e;  /* TR Index / OA (fields) */

}



*, *::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) */



/* Do NOT set overflow-x on body: with overflow-y:visible it computes to
   overflow-y:auto and becomes a scrollport that breaks position:fixed
   descendants (mobile header scrolls away / menu ends up off-screen). */
body.aka-page--full {

  max-width: 100vw;

}

body.aka-page--full > main,

body.aka-page--full > .aka-footer {

  overflow-x: clip;

  max-width: 100%;

}



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: 1100;

  width: 100%;

  height: var(--aka-nav-h);

  background: rgba(255, 255, 255, 0.94);

  border-bottom: 1px solid rgba(226, 232, 240, 0.95);

  box-shadow: 0 1px 0 rgba(15, 35, 71, 0.04), 0 6px 20px rgba(15, 35, 71, 0.035);

  /* Blur lives on ::before — backdrop-filter on this element creates a
     containing block so position:fixed panel/backdrop size to 52px and
     overflow:auto clips the menu (appears "at the bottom" / invisible). */
  overflow: visible;

}



.aka-nav::before {

  content: "";

  position: absolute;

  inset: 0;

  z-index: -1;

  pointer-events: none;

  background: rgba(255, 255, 255, 0.72);

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

}



.aka-nav__inner {

  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  gap: 0.65rem;

  height: 100%;

  max-width: 1140px;

  margin-inline: auto;

  padding: 0 1rem;

}



.aka-brand {

  display: flex;

  align-items: center;

  gap: 0.55rem;

  text-decoration: none;

  flex-shrink: 0;

}



.aka-brand__mark {

  width: 30px;

  height: 30px;

  background: var(--aka-primary);

  border-radius: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 800;

  font-size: 0.625rem;

  color: #fff;

  letter-spacing: -0.04em;

  text-transform: lowercase;

}



.aka-brand__text { line-height: 1.12; }



.aka-brand__text strong {

  display: block;

  font-size: 0.9rem;

  font-weight: 800;

  color: var(--aka-navy);

  letter-spacing: -0.03em;

}



.aka-brand__text span {

  display: block;

  font-size: 0.55rem;

  /* 2026-09-19: was #7b879c = 3.63:1 on white, under WCAG AA for small text. */
  color: #667285;

  letter-spacing: 0.055em;

  text-transform: uppercase;

  font-weight: 600;

}



.aka-nav__toggle {

  display: none;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 3.5px;

  width: 36px;

  height: 36px;

  min-width: 36px;

  min-height: 36px;

  margin-left: auto;

  padding: 0;

  border: 1px solid var(--aka-border);

  border-radius: 8px;

  background: var(--aka-bg);

  cursor: pointer;

  color: var(--aka-navy);

}



.aka-nav__toggle-bar {

  display: block;

  width: 14px;

  height: 1.5px;

  background: currentColor;

  border-radius: 1px;

  transition: transform 0.2s, opacity 0.2s;

}



.aka-nav__panel {

  display: flex;

  align-items: center;

  flex: 1;

  min-width: 0;

  gap: 0.25rem;

  justify-content: flex-end;

}



.aka-nav__links {

  display: flex;

  align-items: center;

  gap: 0.05rem;

}



.aka-nav__links > a,

.aka-nav__drop-btn {

  position: relative;

  color: #4a5568;

  font-size: 0.8rem;

  font-weight: 600;

  padding: 0.32rem 0.58rem;

  border-radius: 7px;

  text-decoration: none;

  white-space: nowrap;

  border: none;

  background: transparent;

  cursor: pointer;

  font-family: inherit;

  display: inline-flex;

  align-items: center;

  gap: 0.2rem;

  line-height: 1.3;

  transition: color 0.16s ease, background 0.16s ease;

}



.aka-nav__links > a::after,

.aka-nav__drop-btn::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 2px;

  width: 0;

  height: 1.5px;

  border-radius: 2px;

  background: var(--aka-primary);

  transform: translateX(-50%);

  transition: width 0.2s ease;

}



.aka-nav__links > a:hover,

.aka-nav__drop-btn:hover {

  color: var(--aka-navy);

  background: rgba(15, 35, 71, 0.045);

}



.aka-nav__links > a[aria-current="page"] {

  color: var(--aka-navy);

  background: rgba(193, 18, 31, 0.07);

}



.aka-nav__links > a:hover::after,

.aka-nav__links > a[aria-current="page"]::after,

.aka-nav__drop-btn:hover::after {

  width: 48%;

}



.aka-nav__chev {

  opacity: 0.5;

  flex-shrink: 0;

  width: 9px;

  height: 9px;

  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% + 6px);

  left: 0;

  min-width: 196px;

  background: var(--aka-bg);

  border: 1px solid var(--aka-border);

  border-radius: 10px;

  box-shadow: 0 10px 28px rgba(15, 35, 71, 0.12), 0 1px 4px rgba(0, 0, 0, 0.04);

  padding: 0.3rem;

  z-index: 100;

  animation: akaDropIn 0.14s ease;

}



@keyframes akaDropIn {

  from { opacity: 0; transform: translateY(-4px) scale(0.98); }

  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.42rem 0.6rem;

  border-radius: 7px;

  color: #374151;

  font-size: 0.78rem;

  font-weight: 500;

  text-decoration: none;

  transition: background 0.12s, color 0.12s;

}



.aka-nav__drop-menu a:hover {

  background: rgba(15, 118, 110, 0.08);

  color: var(--aka-emerald);

}



.aka-nav__lang {

  margin-left: 0.3rem;

  padding-left: 0.55rem;

  border-left: 1px solid var(--aka-border);

}



.aka-nav__lang a {

  font-family: var(--aka-mono);

  font-size: 0.625rem;

  font-weight: 700;

  color: var(--aka-muted);

  text-decoration: none;

  padding: 0.26rem 0.42rem;

  border: 1px solid var(--aka-border);

  border-radius: 6px;

  transition: color 0.15s, border-color 0.15s, background 0.15s;

}



.aka-nav__lang a:hover {

  color: var(--aka-navy);

  border-color: rgba(193, 18, 31, 0.28);

  background: rgba(193, 18, 31, 0.04);

}



.aka-nav__auth {

  display: flex;

  align-items: center;

  gap: 0.35rem;

  margin-left: 0.45rem;

  padding-left: 0.55rem;

  border-left: 1px solid var(--aka-border);

}



.aka-nav__auth-btn {

  font-family: var(--aka-sans);

  font-size: 0.72rem;

  font-weight: 700;

  color: #fff;

  text-decoration: none;

  background: var(--aka-navy);

  border: 1px solid var(--aka-navy);

  border-radius: 6px;

  padding: 0.28rem 0.62rem;

  transition: background 0.15s, border-color 0.15s;

}



.aka-nav__auth-btn:hover {

  background: var(--aka-primary);

  border-color: var(--aka-primary);

}



.aka-nav__auth-link {

  font-family: var(--aka-sans);

  font-size: 0.72rem;

  font-weight: 600;

  color: var(--aka-muted);

  text-decoration: none;

  padding: 0.28rem 0.4rem;

  border-radius: 6px;

  transition: color 0.15s, background 0.15s;

}



.aka-nav__auth-link:hover,

.aka-nav__auth-link[aria-current="page"] {

  color: var(--aka-navy);

  background: rgba(193, 18, 31, 0.06);

}



/* Auth pages */

.aka-auth {

  max-width: 440px;

  margin: 0 auto;

  padding: 2.5rem 1.25rem 3.5rem;

}



.aka-auth__card {

  border: 1px solid var(--aka-border);

  border-radius: 12px;

  background: var(--aka-surface);

  padding: 1.6rem 1.4rem 1.5rem;

}



.aka-auth__eyebrow {

  margin: 0 0 0.35rem;

  font-size: 0.7rem;

  font-weight: 700;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  color: var(--aka-emerald);

}



.aka-auth__title {

  margin: 0 0 0.4rem;

  font-size: 1.55rem;

  font-weight: 800;

  color: var(--aka-navy);

  letter-spacing: -0.02em;

}



.aka-auth__lead {

  margin: 0 0 1rem;

  color: var(--aka-muted);

  font-size: 0.92rem;

  line-height: 1.45;

}



.aka-auth__notice {

  margin: 0 0 1rem;

  padding: 0.75rem 0.85rem;

  border-radius: 8px;

  border-left: 3px solid var(--aka-emerald);

  background: rgba(16, 185, 129, 0.08);

  font-size: 0.86rem;

  line-height: 1.45;

  color: var(--aka-ink);

}



.aka-auth__notice p { margin: 0; }



.aka-auth__flash {

  margin: 0 0 0.85rem;

  padding: 0.65rem 0.8rem;

  border-radius: 8px;

  font-size: 0.88rem;

}



.aka-auth__flash--err {

  background: rgba(185, 28, 28, 0.08);

  color: #991b1b;

  border: 1px solid rgba(185, 28, 28, 0.2);

}



.aka-auth__flash--ok {

  background: rgba(16, 185, 129, 0.1);

  color: #065f46;

  border: 1px solid rgba(16, 185, 129, 0.25);

}



.aka-auth__form {

  display: flex;

  flex-direction: column;

  gap: 0.85rem;

}



.aka-auth__field {

  display: flex;

  flex-direction: column;

  gap: 0.3rem;

  font-size: 0.82rem;

  font-weight: 600;

  color: var(--aka-ink);

}



.aka-auth__field input {

  font: inherit;

  font-weight: 500;

  padding: 0.55rem 0.7rem;

  border: 1px solid var(--aka-border);

  border-radius: 8px;

  background: #fff;

  color: var(--aka-ink);

}



.aka-auth__field input:focus {

  outline: 2px solid rgba(193, 18, 31, 0.35);

  outline-offset: 1px;

  border-color: var(--aka-primary);

}



.aka-auth__hp {

  position: absolute;

  left: -9999px;

  width: 1px;

  height: 1px;

  overflow: hidden;

}



.aka-auth__submit {

  margin-top: 0.25rem;

  font: inherit;

  font-weight: 700;

  color: #fff;

  background: var(--aka-navy);

  border: none;

  border-radius: 8px;

  padding: 0.65rem 1rem;

  cursor: pointer;

}



.aka-auth__submit:hover {

  background: var(--aka-primary);

}



.aka-auth__switch {

  margin: 1rem 0 0;

  font-size: 0.86rem;

  color: var(--aka-muted);

  text-align: center;

}



.aka-auth__switch a {

  color: var(--aka-navy);

  font-weight: 600;

  text-decoration: none;

}



.aka-auth__switch a:hover { text-decoration: underline; }



.aka-auth__hint {

  font-size: 0.78rem;

  color: var(--aka-muted);

  line-height: 1.35;

}



.aka-auth__meta {

  display: grid;

  gap: 0.65rem;

  margin: 0 0 1.1rem;

  padding: 0;

}



.aka-auth__meta div {

  display: grid;

  gap: 0.15rem;

}



.aka-auth__meta dt {

  margin: 0;

  font-size: 0.72rem;

  font-weight: 600;

  color: var(--aka-muted);

  text-transform: uppercase;

  letter-spacing: 0.04em;

}



.aka-auth__meta dd {

  margin: 0;

  font-size: 0.95rem;

  font-weight: 600;

  color: var(--aka-ink);

  word-break: break-word;

}



.aka-auth--profile {

  max-width: 480px;

}



.aka-auth__resend {

  margin-top: 0.75rem;

  text-align: center;

}



.aka-auth__linkbtn {

  font: inherit;

  font-size: 0.84rem;

  font-weight: 600;

  color: var(--aka-navy);

  background: none;

  border: none;

  cursor: pointer;

  text-decoration: underline;

  padding: 0;

}



.aka-nav__backdrop {

  display: none;

  position: fixed;

  inset: 0;

  top: var(--aka-nav-h);

  background: rgba(15, 23, 42, 0.45);

  z-index: 1090;

}



.aka-nav__backdrop:not([hidden]) { display: block; }



/* ── Hero ───────────────────────────────────────────────── */



.aka-hero {

  position: relative;

  overflow: hidden;

  background: #ffffff;

  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: #c1121f;

  --aka-modal-accent-dim: rgba(193, 18, 31, 0.14);

  --aka-modal-accent-glow: rgba(193, 18, 31, 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: var(--aka-modal-surface);

}



.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: #c1121f;

  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(193, 18, 31, 0.35);

  color: var(--aka-modal-accent);

  font-weight: 600;

  box-shadow: 0 0 0 1px rgba(193, 18, 31, 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(193, 18, 31, 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(193, 18, 31, 0.45);

  background: var(--aka-modal-surface-hover);

  color: var(--aka-modal-accent);

}



.aka-search-chip.is-active {

  background: #c1121f;

  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(193, 18, 31, 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(193, 18, 31, 0.12);

  border-color: #f0b8bc;

}



.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: #fdecec; color: var(--aka-primary); }

.aka-card__icon--journal { background: #ecfdf5; color: #047857; }

.aka-card__icon--compare { background: #fef3c7; color: #b45309; }
.aka-card__icon--quartile { background: #ecfdf5; color: #047857; }

.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;

}



/* Score guide (homepage) — colorful Q / OA / examples */

.aka-score-guide__lead {
  margin: 0.65rem 0 0;
  max-width: 42rem;
  font-size: 0.9375rem;
  color: var(--aka-muted);
  line-height: 1.55;
}

.aka-score-guide__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.15rem 0 1rem;
}

.aka-score-guide__block {
  padding: 1.15rem 1.25rem;
  background: var(--aka-bg);
  border: 1px solid var(--aka-border);
  border-radius: var(--aka-radius-lg);
}

.aka-score-guide__block--journal {
  border-color: var(--aka-red-soft-border);
  background: linear-gradient(180deg, var(--aka-red-tint) 0%, var(--aka-bg) 42%);
  box-shadow: inset 3px 0 0 var(--aka-primary);
}

.aka-score-guide__block--oa {
  border-color: rgba(180, 83, 9, 0.22);
  background: linear-gradient(180deg, #fff8f1 0%, var(--aka-bg) 42%);
  box-shadow: inset 3px 0 0 #b45309;
}

.aka-score-guide__h {
  margin: 0 0 0.45rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--aka-primary);
}

.aka-score-guide__block--oa .aka-score-guide__h {
  color: #9a3412;
}

.aka-score-guide__p {
  margin: 0 0 0.65rem;
  font-size: 0.8125rem;
  color: var(--aka-muted);
  line-height: 1.55;
}

.aka-score-guide__sub {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  color: var(--aka-ink, #0f1c2e);
}

.aka-score-guide__qrow,
.aka-score-guide__oarow {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.45rem;
}

.aka-score-guide__qrow {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.aka-score-guide__oarow {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aka-score-q,
.aka-score-oa {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: 0.45rem 0.4rem;
  text-align: center;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.25;
  border-radius: 10px;
  border: 1px solid transparent;
}

.aka-score-q--q1 {
  color: #047857;
  background: rgba(4, 120, 87, 0.14);
  border-color: rgba(4, 120, 87, 0.32);
}

.aka-score-q--q2 {
  color: #1d4ed8;
  background: rgba(29, 78, 216, 0.12);
  border-color: rgba(29, 78, 216, 0.28);
}

.aka-score-q--q3 {
  color: #a16207;
  background: rgba(161, 98, 7, 0.12);
  border-color: rgba(161, 98, 7, 0.3);
}

.aka-score-q--q4 {
  color: #475569;
  background: rgba(100, 116, 139, 0.14);
  border-color: rgba(100, 116, 139, 0.3);
}

.aka-score-q--none {
  color: var(--aka-primary);
  background: var(--aka-red-soft);
  border-color: var(--aka-red-soft-border);
}

.aka-score-oa--top1 {
  color: #9a3412;
  background: rgba(194, 65, 12, 0.14);
  border-color: rgba(194, 65, 12, 0.32);
}

.aka-score-oa--top10 {
  color: #0f766e;
  background: rgba(15, 118, 110, 0.12);
  border-color: rgba(15, 118, 110, 0.28);
}

.aka-score-oa--none {
  color: #64748b;
  background: rgba(100, 116, 139, 0.1);
  border-color: rgba(100, 116, 139, 0.22);
}

.aka-score-guide__examples {
  margin: 0 0 1.1rem;
  padding: 1rem 1.1rem;
  background: var(--aka-red-tint);
  border: 1px solid var(--aka-red-soft-border);
  border-radius: var(--aka-radius-lg);
}

.aka-score-guide__exgrid {
  margin: 0.55rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}

.aka-score-ex {
  margin: 0;
  padding: 0.7rem 0.75rem;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.35;
  color: var(--aka-ink);
  background: var(--aka-bg);
  border: 1px solid var(--aka-border);
  border-radius: 10px;
  box-shadow: 0 1px 0 rgba(15, 28, 46, 0.04);
}

.aka-score-ex--1 {
  border-color: rgba(4, 120, 87, 0.28);
  box-shadow: inset 0 3px 0 #047857;
}

.aka-score-ex--2 {
  border-color: rgba(194, 65, 12, 0.28);
  box-shadow: inset 0 3px 0 #c2410c;
}

.aka-score-ex--3 {
  border-color: rgba(15, 118, 110, 0.28);
  box-shadow: inset 0 3px 0 #0f766e;
}

.aka-score-ex--4 {
  border-color: var(--aka-red-soft-border);
  box-shadow: inset 0 3px 0 var(--aka-primary);
}

.aka-score-guide__src {
  margin: 0.35rem 0 0;
  font-size: 0.75rem;
  color: var(--aka-muted);
  line-height: 1.5;
}

.aka-score-guide__cta {
  margin: 1.25rem 0 0;
}

@media (max-width: 900px) {
  .aka-score-guide__qrow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .aka-score-guide__exgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .aka-score-guide__grid {
    grid-template-columns: 1fr;
  }

  .aka-score-guide__qrow,
  .aka-score-guide__oarow,
  .aka-score-guide__exgrid {
    grid-template-columns: 1fr;
  }
}



/* 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(193, 18, 31, 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(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(-5px) rotate(-45deg); }



  .aka-nav__panel {

    display: none;

    /* Viewport-fixed overlay below the sticky bar. Works because blur is on
       .aka-nav::before — not on .aka-nav itself (filter CB bug). */
    position: fixed;

    top: var(--aka-nav-h);

    left: 0;

    right: 0;

    bottom: auto;

    width: 100%;

    max-height: min(85dvh, calc(100dvh - var(--aka-nav-h)));

    flex: none;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 0.35rem;

    padding: 0.55rem 0.85rem 1.25rem;

    background: var(--aka-bg);

    overflow-x: hidden;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    overscroll-behavior: contain;

    z-index: 1095;

    box-shadow: 0 14px 32px rgba(15, 35, 71, 0.12);

  }



  .aka-nav.open .aka-nav__panel { display: flex; }



  .aka-nav.open .aka-nav__toggle { position: relative; z-index: 1096; }



  .aka-nav__links {

    flex-direction: column;

    align-items: stretch;

    gap: 0.1rem;

  }



  .aka-nav__links > a,

  .aka-nav__drop-btn {

    width: 100%;

    padding: 0.58rem 0.7rem;

    justify-content: space-between;

    font-size: 0.875rem;

  }



  .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: 0.35rem;

    margin-left: 0;

    padding-left: 0;

    border-left: none;

    padding-top: 0.75rem;

    border-top: 1px solid var(--aka-border);

  }



  .aka-nav__auth {

    margin-left: 0;

    padding-left: 0;

    border-left: none;

    padding-top: 0.55rem;

    margin-top: 0.35rem;

    flex-wrap: wrap;

  }



  .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;

  }

}

/* Shared article-list badges (fields / person / search) */
.aka-pub-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.4rem;
}

.aka-pub-badges--search {
  margin-top: 0.35rem;
}

.aka-pub-badges--modal {
  margin-top: 0.4rem;
}

.aka-pub-badge {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 0.12rem 0.4rem;
  border-radius: 4px;
  border: 1px solid transparent;
  line-height: 1.25;
  white-space: nowrap;
}

.aka-pub-badge--yok {
  background: rgba(193, 18, 31, 0.1);
  border-color: rgba(193, 18, 31, 0.22);
  color: #c1121f;
}

.aka-pub-badge--tr {
  background: rgba(15, 118, 110, 0.1);
  border-color: rgba(15, 118, 110, 0.22);
  color: #0f766e;
}

.aka-pub-badge--q {
  letter-spacing: 0.03em;
}

.aka-pub-badge--q1 {
  background: rgba(4, 120, 87, 0.12);
  border-color: rgba(4, 120, 87, 0.28);
  color: #047857;
}

.aka-pub-badge--q2 {
  background: rgba(29, 78, 216, 0.1);
  border-color: rgba(29, 78, 216, 0.25);
  color: #1d4ed8;
}

.aka-pub-badge--q3 {
  background: rgba(161, 98, 7, 0.1);
  border-color: rgba(161, 98, 7, 0.28);
  color: #a16207;
}

.aka-pub-badge--q4 {
  background: rgba(100, 116, 139, 0.12);
  border-color: rgba(100, 116, 139, 0.28);
  color: #475569;
}

.aka-pub-badge--oa-top1 {
  background: rgba(180, 83, 9, 0.14);
  border-color: rgba(180, 83, 9, 0.28);
  color: #b45309;
}

.aka-pub-badge--oa-top10 {
  background: rgba(4, 120, 87, 0.12);
  border-color: rgba(4, 120, 87, 0.25);
  color: #047857;
}

.aka-pub-badge--oa-pct {
  background: rgba(14, 116, 144, 0.12);
  border-color: rgba(14, 116, 144, 0.25);
  color: #0e7490;
}

/* —— Feedback floating widget —— */
.aka-fb-fab {
  position: fixed;
  right: 1.1rem;
  bottom: 1.1rem;
  z-index: 80;
  margin: 0;
  padding: 0.72rem 1.05rem;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  background: #0f2744;
  color: #f8fafc;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(15, 39, 68, 0.28);
  transition: transform 0.18s ease, background 0.18s ease;
}

.aka-fb-fab:hover,
.aka-fb-fab:focus-visible {
  background: #16385f;
  transform: translateY(-1px);
  outline: none;
}

.aka-fb-fab.is-open {
  background: #16385f;
}

.aka-fb-panel {
  position: fixed;
  right: 1.1rem;
  bottom: 4.2rem;
  z-index: 81;
  width: min(24rem, calc(100vw - 1.6rem));
  max-height: min(78vh, 36rem);
  overflow: auto;
  padding: 1rem 1.05rem 1.1rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(15, 39, 68, 0.22);
  color: #0f172a;
}

.aka-fb-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.aka-fb-panel__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.aka-fb-panel__x {
  border: none;
  background: transparent;
  color: #64748b;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.1rem 0.25rem;
}

.aka-fb-panel__lead {
  margin: 0.45rem 0 0.75rem;
  font-size: 0.84rem;
  color: #475569;
  line-height: 1.45;
}

.aka-fb-panel__flash {
  margin: 0 0 0.75rem;
  padding: 0.55rem 0.7rem;
  border-radius: 8px;
  font-size: 0.82rem;
  line-height: 1.4;
}

.aka-fb-panel__flash.is-err {
  background: #fef2f2;
  color: #991b1b;
}

.aka-fb-panel__flash.is-ok {
  background: #ecfdf5;
  color: #065f46;
}

.aka-fb-form {
  display: grid;
  gap: 0.7rem;
}

.aka-fb-field {
  display: grid;
  gap: 0.28rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #334155;
}

.aka-fb-field input,
.aka-fb-field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0.55rem 0.65rem;
  font: inherit;
  font-weight: 400;
  color: #0f172a;
  background: #fff;
}

.aka-fb-field input[readonly] {
  background: #f8fafc;
  color: #64748b;
}

.aka-fb-field input:focus,
.aka-fb-field textarea:focus {
  outline: 2px solid rgba(15, 39, 68, 0.25);
  border-color: #0f2744;
}

.aka-fb-shot {
  display: grid;
  gap: 0.35rem;
  font-size: 0.8rem;
}

.aka-fb-shot__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-weight: 600;
  color: #334155;
}

.aka-fb-shot__skip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
}

.aka-fb-shot__hint {
  margin: 0;
  color: #64748b;
  font-size: 0.75rem;
  line-height: 1.35;
}

.aka-fb-shot__preview {
  width: 100%;
  max-height: 7rem;
  object-fit: cover;
  object-position: top;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}

.aka-fb-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.aka-fb-submit,
.aka-fb-ghost {
  font: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  border-radius: 8px;
  padding: 0.62rem 0.9rem;
  cursor: pointer;
}

.aka-fb-submit {
  border: none;
  background: #0f2744;
  color: #f8fafc;
}

.aka-fb-submit:hover {
  background: #16385f;
}

.aka-fb-ghost {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #334155;
}

.aka-fb-actions {
  display: flex;
  gap: 0.55rem;
  justify-content: flex-end;
}

@media (max-width: 480px) {
  .aka-fb-fab {
    right: 0.75rem;
    bottom: 0.75rem;
    font-size: 0.82rem;
    padding: 0.65rem 0.9rem;
  }

  .aka-fb-panel {
    right: 0.75rem;
    left: 0.75rem;
    width: auto;
    bottom: 3.7rem;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   RED · WHITE THEME — home hero, unified search, accents
   Single source of truth for the red-white redesign (2026-09-17).
   Overrides earlier navy/dark rules; palette from :root --aka-red*.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Brand mark → red ─────────────────────────────────────── */
.aka-brand__mark {
  background: var(--aka-red);
}

/* ── Nav: red primary CTA + red dropdown hover ────────────── */
.aka-nav__auth-btn {
  background: var(--aka-red);
  border-color: var(--aka-red);
}
.aka-nav__auth-btn:hover {
  background: var(--aka-red-strong);
  border-color: var(--aka-red-strong);
}
.aka-nav__drop-menu a:hover {
  background: var(--aka-red-soft);
  color: var(--aka-red);
}

/* ── Hero → light, red accent ─────────────────────────────── */
.aka-hero {
  background: radial-gradient(70% 100% at 50% -18%, var(--aka-red-tint) 0%, #ffffff 62%);
  border-bottom: 1px solid var(--aka-border);
  padding: 3.5rem 0 3rem;
  overflow: visible;
}
.aka-hero__eyebrow {
  display: inline-block;
  color: var(--aka-red);
  background: var(--aka-red-soft);
  border: 1px solid var(--aka-red-soft-border);
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  margin-bottom: 1rem;
}
.aka-hero__title { color: var(--aka-ink); }
.aka-hero__subtitle { color: var(--aka-muted); }

/* Unified search — prominent white field, red accent */
.aka-hero__search { max-width: 720px; }
.aka-hero__search-wrap {
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 0;
}
.aka-hero__search-box {
  background: #ffffff;
  border: 1.6px solid #e6d6d7;
  border-radius: 14px;
  padding: 0.32rem 0.34rem 0.32rem 0.9rem;
  gap: 0.4rem;
  box-shadow: 0 10px 30px rgba(17, 17, 17, 0.07), 0 2px 6px rgba(17, 17, 17, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.aka-hero__search-box:focus-within {
  border-color: var(--aka-red);
  box-shadow: 0 0 0 4px var(--aka-red-soft), 0 12px 30px rgba(193, 18, 31, 0.12);
}
.aka-hero__search-icon { color: var(--aka-red); margin-left: 0.1rem; }
.aka-hero__search-input {
  background: transparent;
  border-radius: 10px;
  color: var(--aka-ink);
  padding: 0.72rem 0.4rem;
}
.aka-hero__search-input::placeholder { color: #9aa1ad; }
.aka-hero__search-input:focus { background: transparent; box-shadow: none; }
.aka-hero__search-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: none;
  border-radius: 10px;
  background: var(--aka-red);
  color: #ffffff;
  font-family: inherit;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.62rem 1.2rem;
  cursor: pointer;
  transition: background 0.15s ease;
}
.aka-hero__search-btn:hover { background: var(--aka-red-strong); }
.aka-hero__search-btn:active { transform: translateY(1px); }
.aka-hero__search-hint { color: var(--aka-muted); }

/* Hero feature tour — under search */
.aka-hero__tour {
  margin: 1.65rem auto 0;
  max-width: 720px;
  text-align: left;
}
.aka-hero__tour-title {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--aka-ink);
  text-align: center;
}
.aka-hero__tour-lead {
  margin: 0 0 0.95rem;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--aka-muted);
  text-align: center;
}
.aka-hero__tour-grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}
.aka-hero__tour-item {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  height: 100%;
  padding: 0.72rem 0.85rem;
  text-decoration: none;
  color: inherit;
  background: #ffffff;
  border: 1px solid var(--aka-border);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.aka-hero__tour-item:hover {
  border-color: var(--aka-red);
  box-shadow: 0 6px 18px rgba(193, 18, 31, 0.08);
  transform: translateY(-1px);
}
.aka-hero__tour-item-title {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--aka-ink);
  line-height: 1.3;
}
.aka-hero__tour-item-body {
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--aka-muted);
}
@media (max-width: 560px) {
  .aka-hero__tour-grid { grid-template-columns: 1fr; }
}

/* Hero quick entry chips */
.aka-hero__quick {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.15rem;
}
.aka-hero__quick a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--aka-ink);
  background: #ffffff;
  border: 1px solid var(--aka-border);
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.aka-hero__quick a:hover {
  border-color: var(--aka-red);
  color: var(--aka-red);
  background: var(--aka-red-soft);
}
.aka-hero__quick svg { width: 15px; height: 15px; }

/* Hero stat chips → light */
.aka-hero__stats { margin-top: 2rem; }
.aka-hero__stat {
  background: #ffffff;
  border: 1px solid var(--aka-border);
  box-shadow: 0 1px 3px rgba(17, 17, 17, 0.05);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.aka-hero__stat-value { color: var(--aka-red); }
.aka-hero__stat-label { color: var(--aka-muted); }

/* ── Feature card icons → unified red ─────────────────────── */
.aka-card__icon--uni,
.aka-card__icon--journal,
.aka-card__icon--aca,
.aka-card__icon--guide,
.aka-card__icon--compare,
.aka-card__icon--quartile {
  background: var(--aka-red-soft);
  color: var(--aka-red);
}

/* ── Unified search modal → light red-white ───────────────── */
.aka-search-modal {
  --aka-modal-bg: #f7f6f7;
  --aka-modal-panel: #ffffff;
  --aka-modal-surface: #f5f2f3;
  --aka-modal-surface-hover: #efe9ea;
  --aka-modal-border: rgba(20, 20, 20, 0.09);
  --aka-modal-border-strong: rgba(20, 20, 20, 0.14);
  --aka-modal-ink: #16181d;
  --aka-modal-muted: #5b6472;
  --aka-modal-accent: #c1121f;
  --aka-modal-accent-dim: #fdecec;
  --aka-modal-accent-glow: rgba(193, 18, 31, 0.22);
}
.aka-search-modal__backdrop {
  background: rgba(38, 18, 20, 0.42);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.aka-search-modal__dialog {
  box-shadow: 0 30px 70px rgba(20, 10, 12, 0.26), 0 8px 24px rgba(20, 10, 12, 0.12);
}
.aka-search-modal__head-icon {
  background: var(--aka-red);
  box-shadow: 0 4px 14px var(--aka-modal-accent-glow);
}
.aka-search-result__title { color: var(--aka-red); }
.aka-search-facet.is-active {
  box-shadow: 0 0 0 1px rgba(193, 18, 31, 0.12) inset;
}
.aka-search-chip.is-active {
  background: var(--aka-red);
}

/* ── Feedback widget → red ────────────────────────────────── */
.aka-fb-fab,
.aka-fb-submit { background: var(--aka-red); }
.aka-fb-fab:hover,
.aka-fb-fab:focus-visible,
.aka-fb-fab.is-open,
.aka-fb-submit:hover { background: var(--aka-red-strong); }
.aka-fb-field input:focus,
.aka-fb-field textarea:focus {
  outline: 2px solid rgba(193, 18, 31, 0.28);
  border-color: var(--aka-red);
}

/* ── Mobile hero spacing ──────────────────────────────────── */
@media (max-width: 768px) {
  .aka-hero { padding: 2.5rem 0 2.75rem; }
  .aka-hero__search-btn { padding: 0.58rem 0.95rem; font-size: 0.85rem; }
}
@media (max-width: 480px) {
  .aka-hero__search-box { flex-wrap: wrap; padding: 0.5rem; }
  .aka-hero__search-btn { width: 100%; justify-content: center; margin-top: 0.15rem; }
}


/* ===================================================================
   SHARED STANDARD COMPONENTS (2026-09-17) � single source
   Used by all public subpages via aka_ui.html macros. Flat, red accent.
   =================================================================== */

/* �� Summary KPI strip (white cards, red value) ��������������������� */
.aka-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--aka-s3, 0.75rem);
  margin: 0 0 var(--aka-s4, 1rem);
}
.aka-summary__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: var(--aka-s4, 1rem) var(--aka-s4, 1rem) var(--aka-s4, 1rem) 1.1rem;
  background: #fff;
  border: 1px solid var(--aka-border, #e2e8f0);
  border-radius: var(--aka-radius, 12px);
  box-shadow: var(--aka-shadow-sm);
}
.aka-summary__item::before {
  content: "";
  position: absolute;
  left: 0; top: 0.7rem; bottom: 0.7rem;
  width: 3px;
  border-radius: 3px;
  background: var(--aka-primary, #c1121f);
}
.aka-summary__val {
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--aka-primary, #c1121f);
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.aka-summary__label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--aka-muted, #64748b);
}
.aka-summary__note {
  margin: -0.4rem 0 var(--aka-s4, 1rem);
  font-size: 0.8rem;
  color: var(--aka-muted, #64748b);
  line-height: 1.5;
}

/* �� Standard pager ������������������������������������������������� */
.aka-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--aka-s3, 0.75rem);
  margin-top: var(--aka-s5, 1.5rem);
}
.aka-pager__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.95rem;
  border: 1px solid var(--aka-border, #e2e8f0);
  border-radius: var(--aka-radius-sm, 8px);
  background: #fff;
  color: var(--aka-ink, #1a2036);
  font-size: 0.85rem;
  font-weight: 650;
  text-decoration: none;
  transition: border-color var(--aka-t, 150ms) ease, color var(--aka-t, 150ms) ease;
}
.aka-pager__btn:hover {
  border-color: var(--aka-primary, #c1121f);
  color: var(--aka-primary, #c1121f);
}
.aka-pager__btn.is-disabled {
  opacity: 0.42;
  pointer-events: none;
}
.aka-pager__status {
  font-size: 0.82rem;
  color: var(--aka-muted, #64748b);
  font-variant-numeric: tabular-nums;
}

/* �� Standard empty state ������������������������������������������� */
.aka-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--aka-s2, 0.5rem);
  padding: var(--aka-s7, 3rem) var(--aka-s5, 1.5rem);
  border: 1px dashed var(--aka-border-strong, #cbd2dc);
  border-radius: var(--aka-radius-lg, 16px);
  background: #fff;
}
.aka-empty__icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  background: var(--aka-red-soft, #fdecec);
  color: var(--aka-primary, #c1121f);
  margin-bottom: 0.15rem;
}
.aka-empty__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--aka-ink, #1a2036);
}
.aka-empty__text {
  margin: 0;
  max-width: 34rem;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--aka-muted, #64748b);
}

/* Hero sub-note (coverage / provenance line under the lead) � on red hero */
.aka-uni__hero-note {
  margin: 0.5rem 0 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.66);
  max-width: 60ch;
}

/* ═══════════════════════════════════════════════════════════════════
   BRAND LOGO — Concept "Ceyrek" (Q1..Q4 quartile ladder), 2026-09-19
   The mark is now an SVG asset, not a CSS square with the letters "ak".
   `.aka-brand__mark` above is left in place but is no longer emitted by
   `partials/akaturk_nav.html`; it can be deleted in the next public-CSS
   standardisation pass.
   ═══════════════════════════════════════════════════════════════════ */

.aka-brand__logo {
  width: 30px;
  height: 30px;
  display: block;
  flex-shrink: 0;
}

.aka-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.aka-footer__logo {
  width: 26px;
  height: 26px;
  display: block;
  flex-shrink: 0;
}

@media (max-width: 480px) {
  .aka-brand__logo { width: 28px; height: 28px; }
}

/* ═══════════════════════════════════════════════════════════════════
   NAV REFRESH (2026-09-24 home redesign) — plain links + red underline
   for the current page (no tinted pill), "Kayıt ol" is the red button,
   "Giriş yap" is a quiet text link. Shared by every akaturk public page.
   ═══════════════════════════════════════════════════════════════════ */
.aka-nav__inner { max-width: 1200px; }
.aka-nav__links { gap: 0; }
.aka-nav__links > a,
.aka-nav__drop-btn {
  color: #3d4757;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.38rem 0.5rem;
}
.aka-nav__links > a:hover,
.aka-nav__drop-btn:hover { background: transparent; color: var(--aka-ink); }
.aka-nav__links > a[aria-current="page"] {
  background: transparent;
  color: var(--aka-ink);
  font-weight: 700;
}
.aka-nav__links > a[aria-current="page"]::after { width: 55%; height: 2px; bottom: 1px; }
.aka-nav__auth { gap: 0.45rem; margin-left: 0.45rem; padding-left: 0.6rem; white-space: nowrap; }
.aka-nav__auth-link {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--aka-ink);
  padding: 0.38rem 0.4rem;
  white-space: nowrap;
}
.aka-nav__auth-link:hover { background: transparent; color: var(--aka-red); }
.aka-nav__auth-btn {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.46rem 0.95rem;
  border-radius: 9px;
  white-space: nowrap;
  box-shadow: 0 6px 16px rgba(193, 18, 31, 0.22);
}
@media (max-width: 1100px) {
  .aka-nav__links > a,
  .aka-nav__drop-btn { font-size: 0.76rem; padding: 0.35rem 0.4rem; }
  .aka-brand__text span { display: none; }
}
@media (max-width: 768px) {
  .aka-nav__links > a,
  .aka-nav__drop-btn { font-size: 0.875rem; padding: 0.58rem 0.7rem; }
  .aka-nav__auth { white-space: normal; }
  .aka-nav__auth-btn { display: inline-flex; justify-content: center; padding: 0.6rem 1.1rem; }
  .aka-nav__auth-link { padding: 0.6rem 0.7rem; }
}

/* ── Mobile nav fix (2026-09-25): the open panel lives inside .aka-nav__inner
   (its own stacking context, z-index 2) while the dark backdrop is a sibling
   with z-index 1090, so the backdrop painted OVER the white panel and ate the
   taps. Keep the backdrop under the inner box; the panel already sits above. */
@media (max-width: 768px) {
  .aka-nav__inner { z-index: 3; }
  .aka-nav__backdrop { z-index: 1; }
  .aka-nav.open .aka-nav__panel { z-index: 1095; }
}