/* akaturk.com /universities — visual refresh (2026-09-25)
   Loaded ONLY by akaturk_universities.html, after akaturk-universities.css.
   Pure presentation layer: same DOM, same data-* hooks, same JS classes
   (is-active / is-hidden / is-zero / is-open / is-visible …). Palette follows
   the redesigned homepage: white surfaces, one red accent, warm hairlines,
   no navy/emerald/teal side bars. Responsive rules that the base sheet sets
   inside media queries are re-declared here so the drawer/grids keep working. */

.aka-uni-body {
  --u-ink: #141a2b;
  --u-muted: #5c6675;
  --u-faint: #8892a4;
  --u-line: #ebe4e5;
  --u-soft: #fbf8f8;
  --u-red: #c1121f;
  --u-red-soft: #fdecec;
  --u-red-tint: #fff6f6;
  --u-radius: 18px;
  --u-shadow: 0 1px 2px rgba(20, 10, 12, 0.03);
  --u-shadow-hover: 0 14px 30px rgba(193, 18, 31, 0.08);
  background: #ffffff;
}

/* ───────────────────────── Hero → light masthead ───────────────────────── */
.aka-uni__hero {
  background:
    radial-gradient(55% 90% at 95% 0%, #fff0f1 0%, rgba(255, 240, 241, 0) 65%),
    linear-gradient(180deg, #fffafa 0%, #ffffff 100%);
  color: var(--u-ink);
  padding: 2rem 0 2.25rem;
  border-bottom: 1px solid var(--u-line);
}
.aka-uni__breadcrumb { margin-bottom: 1.25rem; }
.aka-uni__breadcrumb-list { font-size: 0.8rem; }
.aka-uni__breadcrumb-item { color: var(--u-faint); }
.aka-uni__breadcrumb-item:not(:last-child)::after { color: #cdc3c5; }
.aka-uni__breadcrumb-item a { color: var(--u-muted); }
.aka-uni__breadcrumb-item a:hover { color: var(--u-red); }
.aka-uni__breadcrumb-item[aria-current="page"],
.aka-uni__breadcrumb-current { color: var(--u-ink); font-weight: 600; }
.aka-uni__eyebrow {
  margin-bottom: 0.7rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--u-red);
}
.aka-uni__title {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.05;
  color: var(--u-ink);
}
.aka-uni__lead {
  margin-top: 0.85rem;
  max-width: 46rem;
  font-size: 1.02rem;
  line-height: 1.6;
  color: var(--u-muted);
}

/* ───────────────────────── Shell + sidebar ───────────────────────── */
.aka-uni__shell { padding-top: 1.5rem; }
.aka-uni__layout { gap: 1.5rem; }
.aka-uni__sidebar {
  top: calc(var(--aka-nav-h, 52px) + 1rem);
  max-height: calc(100vh - var(--aka-nav-h, 52px) - 2rem);
  border: 1px solid var(--u-line);
  border-radius: var(--u-radius);
  box-shadow: var(--u-shadow);
}
.aka-uni__sidebar::before { display: none; }
.aka-uni__sidebar-head { padding: 1.1rem 1.1rem 0.9rem; border-bottom: 1px solid var(--u-line); }
.aka-uni__sidebar-ico {
  width: 2rem;
  height: 2rem;
  border-radius: 9px;
  background: var(--u-red-soft);
  color: var(--u-red);
  box-shadow: none;
}
.aka-uni__sidebar-title { font-size: 1rem; font-weight: 800; letter-spacing: -0.02em; color: var(--u-ink); }
.aka-uni__sidebar-lead { margin: 0.45rem 0 0.85rem; font-size: 0.8rem; color: var(--u-muted); }
.aka-uni__search-icon { color: var(--u-red); left: 0.85rem; }
.aka-uni__search {
  padding: 0.66rem 0.85rem 0.66rem 2.5rem;
  border: 1.5px solid #e6dcdd;
  border-radius: 12px;
  color: var(--u-ink);
}
.aka-uni__search::placeholder { color: #9aa1ad; }
.aka-uni__search:focus { border-color: var(--u-red); box-shadow: 0 0 0 4px var(--u-red-soft); }
.aka-uni__sidebar-count {
  display: inline-block;
  margin-top: 0.7rem;
  padding: 0.18rem 0.6rem;
  border-radius: 999px;
  background: var(--u-red-soft);
  color: var(--u-red);
  font-size: 0.7rem;
  letter-spacing: 0.04em;
}
.aka-uni__list { padding: 0.5rem 0.6rem 0.9rem; scrollbar-color: #d9cfd1 transparent; }
.aka-uni__list-item--all {
  background: linear-gradient(180deg, #ffffff 70%, rgba(255, 255, 255, 0));
  padding-bottom: 0.45rem;
}
.aka-uni__letter {
  margin: 0.8rem 0.45rem 0.25rem;
  padding: 0;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: var(--u-faint);
  background: transparent;
  border-radius: 0;
}
.aka-uni__item {
  min-height: 40px;
  padding: 0.5rem 0.7rem 0.5rem 0.8rem;
  border-radius: 10px;
  color: var(--u-ink);
  box-shadow: none;
  border: 1px solid transparent;
}
.aka-uni__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22%;
  bottom: 22%;
  width: 3px;
  border-radius: 3px;
  background: var(--u-red);
  opacity: 0;
  transition: opacity 0.12s ease;
}
.aka-uni__item { position: relative; }
.aka-uni__item:hover { background: #f7f2f3; border-color: transparent; box-shadow: none; }
.aka-uni__item.is-active {
  background: var(--u-red-soft);
  border-color: #f3c3c7;
  color: var(--u-red);
  box-shadow: none;
}
.aka-uni__item.is-active::before { opacity: 1; }
.aka-uni__item--all { border: 1px solid var(--u-line); background: #ffffff; }
.aka-uni__item--all.is-active { background: var(--u-red-soft); border-color: #f3c3c7; }
.aka-uni__item-dot { background: var(--u-red); box-shadow: 0 0 0 3px rgba(193, 18, 31, 0.14); }
.aka-uni__item-name { font-size: 0.86rem; font-weight: 600; }
.aka-uni__item-meta { padding-left: 0; font-size: 0.72rem; color: var(--u-muted); }
.aka-uni__item--all .aka-uni__item-meta { padding-left: 0.9rem; }
.aka-uni__item.is-active .aka-uni__item-meta { color: rgba(193, 18, 31, 0.75); }
.aka-uni__search-empty { border-top: 1px solid var(--u-line); color: var(--u-muted); }
.aka-uni__sidebar-toggle {
  border: 1px solid var(--u-line);
  border-radius: 14px;
  color: var(--u-ink);
  box-shadow: var(--u-shadow);
}
.aka-uni__sidebar-toggle:hover { border-color: var(--u-red); }
.aka-uni__sidebar-toggle-count { background: var(--u-red); }
.aka-uni__sidebar-close { color: var(--u-muted); }
.aka-uni__sidebar-close:hover { background: var(--u-red-soft); color: var(--u-red); }

/* ───────────────────────── Summary band (scope + 4 KPIs) ───────────────────────── */
.aka-uni__summary {
  gap: 1rem 1.5rem;
  padding: 1.35rem 1.5rem 1.4rem;
  margin-bottom: 1.25rem;
  background: linear-gradient(135deg, #fff6f6 0%, #ffffff 55%);
  border: 1px solid #f5dcdf;
  border-radius: var(--u-radius);
  box-shadow: var(--u-shadow);
}
.aka-uni__scope-badge {
  padding: 0.24rem 0.7rem;
  margin-bottom: 0.5rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #f3c3c7;
  color: var(--u-red);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
}
.aka-uni__scope { font-size: 1.3rem; font-weight: 800; letter-spacing: -0.025em; color: var(--u-ink); }
.aka-uni__summary-stats {
  gap: 0;
  border-top: 1px solid #f5dcdf;
  padding-top: 1rem;
}
.aka-uni__summary-kpi {
  padding: 0.35rem 1.1rem 0.35rem 0;
  margin-right: 1.1rem;
  border: none;
  border-right: 1px solid #f5dcdf;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.aka-uni__summary-kpi:last-child { border-right: none; margin-right: 0; }
.aka-uni__summary-kpi-val,
.aka-uni__summary-kpi[data-tone="emerald"] .aka-uni__summary-kpi-val,
.aka-uni__summary-kpi[data-tone="primary"] .aka-uni__summary-kpi-val,
.aka-uni__summary-kpi[data-tone="teal"] .aka-uni__summary-kpi-val {
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--u-ink);
}
.aka-uni__summary-kpi[data-tone="teal"] .aka-uni__summary-kpi-val { color: var(--u-red); }
.aka-uni__summary-kpi-label {
  margin-top: 0.3rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--u-faint);
}
.aka-uni__summary-kpi-note { display: block; margin-top: 0.3rem; font-size: 0.7rem; color: var(--u-muted); line-height: 1.4; }
.aka-uni__detail-btn {
  min-height: 44px;
  padding: 0.65rem 1.2rem;
  border-radius: 12px;
  background: var(--u-red);
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(193, 18, 31, 0.22);
  transition: background 0.15s ease, transform 0.15s ease;
}
.aka-uni__detail-btn:hover { filter: none; background: #9a0e18; }
.aka-uni__detail-btn:active { transform: translateY(1px); }
.aka-uni__detail-btn:focus-visible { outline: 2px solid var(--u-ink); outline-offset: 2px; }

/* ───────────────────────── Sections ───────────────────────── */
.aka-uni__section,
.aka-uni__section--tone-navy,
.aka-uni__section--tone-emerald,
.aka-uni__section--tone-primary,
.aka-uni__section--tone-teal {
  padding: 1.4rem 1.5rem 1.5rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--u-line);
  border-radius: var(--u-radius);
  box-shadow: var(--u-shadow);
}
.aka-uni__section-head { margin-bottom: 1.1rem; align-items: center; }
.aka-uni__section-head-main { align-items: center; gap: 0.8rem; }
.aka-uni__section-ico,
.aka-uni__section-ico--navy,
.aka-uni__section-ico--emerald,
.aka-uni__section-ico--primary,
.aka-uni__section-ico--teal {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 12px;
  background: var(--u-red-soft);
  color: var(--u-red);
  box-shadow: none;
}
.aka-uni__section-ico svg { width: 17px; height: 17px; }
.aka-uni__section-eyebrow,
.aka-uni__section--tone-navy .aka-uni__section-eyebrow,
.aka-uni__section--tone-emerald .aka-uni__section-eyebrow,
.aka-uni__section--tone-primary .aka-uni__section-eyebrow,
.aka-uni__section--tone-teal .aka-uni__section-eyebrow {
  margin-bottom: 0.2rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: var(--u-red);
}
.aka-uni__section-title { font-size: 1.2rem; font-weight: 800; letter-spacing: -0.025em; color: var(--u-ink); }
.aka-uni__source-badge { border-radius: 999px; padding: 0.24rem 0.65rem; font-size: 0.66rem; letter-spacing: 0.08em; }
.aka-uni__source-badge--yoksis { background: var(--u-red-soft); color: var(--u-red); }
.aka-uni__source-badge--openalex { background: #e6f5ef; color: #047857; }
.aka-uni__source-badge--sm { padding: 0.14rem 0.5rem; font-size: 0.6rem; }

/* Guide bullets → soft info panel */
.aka-uni__section--guide { background: var(--u-red-tint); border-color: #f5dcdf; }
.aka-uni__guide {
  padding: 0;
  list-style: none;
  gap: 0.6rem;
  color: #3d4757;
  font-size: 0.9rem;
}
.aka-uni__guide li {
  position: relative;
  padding-left: 1.5rem;
}
.aka-uni__guide li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--u-red);
  box-shadow: 0 0 0 3px rgba(193, 18, 31, 0.14);
}
.aka-uni__index-lead,
.aka-uni__guide-inline,
.aka-uni__cite-lead,
.aka-uni__compare-lead,
.aka-uni__compare-status { color: var(--u-muted); font-size: 0.9rem; }
.aka-uni__provenance {
  margin: -0.15rem 0 1.1rem;
  padding: 0.75rem 0.95rem;
  background: var(--u-soft);
  border: 1px solid var(--u-line);
  border-radius: 12px;
  color: #3d4757;
}
.aka-uni__cite-coverage, .aka-uni__cite-note { color: var(--u-muted); }

/* ───────────────────────── Stat tiles ───────────────────────── */
.aka-uni__stats-grid { gap: 0.8rem; }
.aka-uni__stat {
  padding: 1rem 1.05rem 1rem;
  border-radius: 14px;
  background: var(--u-soft);
  border: 1px solid transparent;
  box-shadow: none;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
.aka-uni__stat:hover { border-color: #f3c3c7; background: #ffffff; }
.aka-uni__stat[data-tone] .aka-uni__stat-accent { display: none; }
.aka-uni__stat-value,
.aka-uni__stat[data-tone] .aka-uni__stat-value {
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--u-ink);
}
.aka-uni__stat-label {
  margin-top: 0.3rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--u-faint);
}
.aka-uni__stat.is-zero .aka-uni__stat-value { color: #b3bac6; }
.aka-uni__stat--btn:hover { border-color: #f3c3c7; }
.aka-uni__stat-hint { color: var(--u-red); }

/* ───────────────────────── Compare table ───────────────────────── */
.aka-uni__compare-wrap {
  border: 1px solid var(--u-line);
  border-radius: 14px;
  padding-bottom: 0;
}
.aka-uni__compare { font-size: 0.84rem; }
.aka-uni__compare th,
.aka-uni__compare td {
  padding: 0.7rem 0.9rem;
  border-bottom: 1px solid var(--u-line);
  color: var(--u-ink);
}
.aka-uni__compare thead th,
.aka-uni__compare thead th:first-child {
  background: var(--u-soft);
  color: var(--u-faint);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.aka-uni__compare tbody tr:last-child th,
.aka-uni__compare tbody tr:last-child td { border-bottom: none; }
.aka-uni__compare th:first-child,
.aka-uni__compare td:first-child,
.aka-uni__compare th[scope="row"] { box-shadow: 8px 0 12px -10px rgba(20, 10, 12, 0.2); }
.aka-uni__sort { gap: 0.3rem; }
.aka-uni__sort:hover { color: var(--u-ink); }
.aka-uni__sort.is-active { color: var(--u-red); }
.aka-uni__compare tbody tr:hover { background: var(--u-red-tint); }
.aka-uni__compare tbody tr:hover th[scope="row"] { background: var(--u-red-tint); }
.aka-uni__compare tbody tr.is-active { background: var(--u-red-soft); }
.aka-uni__compare tbody tr.is-active th[scope="row"] { background: var(--u-red-soft); }
.aka-uni__compare th[scope="row"] a { color: var(--u-ink); font-weight: 700; }
.aka-uni__compare th[scope="row"] a:hover { color: var(--u-red); text-decoration: none; }
.aka-uni__compare-city, .aka-uni__compare-cov { color: var(--u-muted); }
.aka-uni__compare tbody tr.is-active th[scope="row"] a { color: var(--u-red); }

/* ───────────────────────── Trend ───────────────────────── */
.aka-uni__trend-kpi-label { color: var(--u-faint); font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; font-size: 0.64rem; }
.aka-uni__trend-kpi-val { font-size: 1.3rem; font-weight: 800; letter-spacing: -0.03em; color: var(--u-ink); }
.aka-uni__metric-seg {
  padding: 4px;
  background: var(--u-soft);
  border: 1px solid var(--u-line);
  border-radius: 999px;
}
.aka-uni__metric-seg-btn {
  min-height: 34px;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  color: var(--u-muted);
  font-size: 0.82rem;
}
.aka-uni__metric-seg-btn:hover { color: var(--u-ink); }
.aka-uni__metric-seg-btn.is-active { background: #ffffff; color: var(--u-red); box-shadow: 0 2px 8px rgba(20, 10, 12, 0.08); }
.aka-uni__metric-select { border: 1.5px solid #e6dcdd; border-radius: 12px; color: var(--u-ink); }
.aka-uni__trend-grid line { stroke: #efe8e9; }
.aka-uni__trend-line polyline { stroke: rgba(193, 18, 31, 0.28); }
.aka-uni__trend-bar { background: #1f2536; border-radius: 4px 4px 0 0; }
.aka-uni__trend-col.is-hovered .aka-uni__trend-bar,
.aka-uni__trend-col:focus-visible .aka-uni__trend-bar { background: var(--u-red); }
.aka-uni__trend-tick { color: var(--u-muted); }
.aka-uni__trend-ytick { color: var(--u-faint); }
.aka-uni__trend-tooltip { background: var(--u-ink); border-radius: 8px; }
.aka-uni__trend-tooltip::after { border-top-color: var(--u-ink); }
.aka-uni__trend-skeleton-bar { background: #efe8e9; }
.aka-uni__trend-state { color: var(--u-muted); }
.aka-uni__trend-footnote { color: var(--u-faint); }

/* ───────────────────────── Quartile blocks ───────────────────────── */
.aka-uni__index-block {
  padding: 1.1rem 1.15rem;
  border-radius: 14px;
  background: var(--u-soft);
  border: 1px solid transparent;
  box-shadow: none;
}
.aka-uni__index-title { font-size: 0.95rem; font-weight: 800; color: var(--u-ink); }
.aka-uni__index-total { color: var(--u-faint); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.aka-uni__index-total strong { font-size: 1.2rem; color: var(--u-ink); letter-spacing: -0.02em; }
.aka-uni__q-track { height: 9px; background: #ece4e5; }
.aka-uni__q-label--q1 { color: var(--u-red); }
.aka-uni__q-label--q2 { color: #b45309; }
.aka-uni__q-label--q3 { color: #5c6675; }
.aka-uni__q-label--q4 { color: #9aa1ad; }
.aka-uni__q-fill--q1 { background: var(--u-red); }
.aka-uni__q-fill--q2 { background: #e2a03f; }
.aka-uni__q-fill--q3 { background: #8892a4; }
.aka-uni__q-fill--q4 { background: #c5cbd5; }
.aka-uni__q-val { color: var(--u-ink); }
.aka-uni__index-empty { color: var(--u-muted); }

/* ───────────────────────── Footer / CTA ───────────────────────── */
.aka-uni__footer-note { color: var(--u-faint); font-size: 0.8rem; }
.aka-uni__empty-note { background: var(--u-soft); border-left-color: var(--u-red); border-radius: 12px; }

/* ───────────────────────── Responsive re-declarations ───────────────────────── */
@media (max-width: 960px) {
  .aka-uni__sidebar {
    border-radius: 0;
    max-height: none;
    box-shadow: 8px 0 32px rgba(20, 10, 12, 0.12);
    top: auto;
  }
  .aka-uni__summary { gap: 0.85rem; }
}
@media (max-width: 1080px) {
  .aka-uni__summary-kpi { border-right: none; margin-right: 0; padding-right: 0; }
  .aka-uni__summary-stats { gap: 0.85rem 1.25rem; }
}
@media (max-width: 768px) {
  .aka-uni__hero { padding: 1.5rem 0 1.75rem; }
  .aka-uni__title { font-size: clamp(1.7rem, 7.5vw, 2.2rem); }
  .aka-uni__lead { font-size: 0.95rem; }
  .aka-uni__shell { padding-top: 1rem; }
  .aka-uni__section,
  .aka-uni__section--tone-navy,
  .aka-uni__section--tone-emerald,
  .aka-uni__section--tone-primary,
  .aka-uni__section--tone-teal { padding: 1.1rem 1.05rem 1.15rem; border-radius: 16px; margin-bottom: 0.9rem; }
  .aka-uni__summary { padding: 1.1rem 1.05rem 1.15rem; border-radius: 16px; }
  .aka-uni__scope { font-size: 1.12rem; }
  .aka-uni__section-title { font-size: 1.05rem; }
  .aka-uni__stat { padding: 0.85rem 0.9rem; }
  .aka-uni__stat-value,
  .aka-uni__stat[data-tone] .aka-uni__stat-value { font-size: 1.25rem; }
}
@media (max-width: 560px) {
  .aka-uni__summary-stats { grid-template-columns: 1fr 1fr; }
  .aka-uni__stats-grid--4,
  .aka-uni__stats-grid--3 { grid-template-columns: 1fr 1fr; gap: 0.6rem; }
  .aka-uni__stat-label { font-size: 0.66rem; }
  .aka-uni__compare-wrap { border-radius: 12px; }
}
@media (max-width: 375px) {
  .aka-uni__summary-stats { grid-template-columns: 1fr; }
  .aka-uni__stats-grid--4,
  .aka-uni__stats-grid--3 { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .aka-uni__stat, .aka-uni__detail-btn, .aka-uni__item::before { transition: none; }
}