/* ═══════════════════════════════════════════
   INSTITUTUL DE MOBILITATE — Design System v1
   ═══════════════════════════════════════════ */

/* ── TOKENS ─────────────────────────────── */
:root {
  /* Brand — Sun-yellow derived from the institutional logo */
  --brand:          #F6C51A;  /* Sun yellow */
  --brand-hover:    #E0A800;  /* Darker sun */
  --brand-light:    #FFE066;  /* Pale sun */
  --accent:         #1A1A1A;  /* Near-black — for strong contrast */
  --accent-dark:    #000000;

  /* Text */
  --text-main:      #1A1A1A;
  --text-secondary: #4D4D4D;
  --text-tertiary:  #8C8C8C;
  --text-inverse:   #FFFFFF;
  --text-on-brand:  #1A1A1A;  /* Text on yellow — stays dark for contrast */

  /* Surfaces */
  --bg-page:        #FAFAF7;  /* Warm off-white */
  --bg-card:        #FFFFFF;
  --bg-muted:       #F5F3EE;  /* Warm muted */
  --bg-inverse:     #1A1A1A;
  --border-light:   #EAE7DE;
  --border-medium:  #D4D0C3;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Type scale */
  --font-sans:  'Onest', system-ui, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, monospace;
  --font-serif: 'Onest', system-ui, sans-serif;  /* Institute uses single-family hierarchy */

  --text-xs:   0.625rem;   /* 10px */
  --text-sm:   0.75rem;    /* 12px */
  --text-base: 0.9375rem;  /* 15px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.5rem;     /* 24px */
  --text-2xl:  2rem;       /* 32px */
  --text-3xl:  2.5rem;     /* 40px */
  --text-hero: clamp(3rem, 8vw, 5.5rem);

  /* Radii */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-full: 9999px;  /* For the round sun motif */

  /* Shadows */
  --shadow-card:  0 1px 3px rgba(0,0,0,.04), 0 0 0 1px var(--border-light);
  --shadow-brand: 6px 6px 0px var(--accent);         /* Sun casts dark shadow */
  --shadow-brand-hover: 2px 2px 0px var(--accent);
  --shadow-sun:   0 0 40px rgba(246, 197, 26, 0.4); /* Glow effect for hero */

  /* Max width */
  --container: 1600px;
}

/* ── RESET & BASE ───────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: 1.6;
  color: var(--text-main);
  background: var(--bg-page);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

::selection {
  background: var(--brand);
  color: var(--text-on-brand);
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }

/* ── NOISE TEXTURE ──────────────────────── */
.noise-bg {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
}

/* Штриховка для пустых ячеек */
.striped-bg {
  background: repeating-linear-gradient(
    -45deg, transparent, transparent 10px,
    var(--bg-page) 10px, var(--bg-page) 20px
  );
}

/* ── LAYOUT ─────────────────────────────── */
.site-container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  background: var(--bg-card);
  min-height: 100vh;
  border-left: 1px solid var(--border-light);
  border-right: 1px solid var(--border-light);
  box-shadow: 0 0 40px rgba(0,0,0,.03);
  display: flex;
  flex-direction: column;
}

/* ── HEADER ─────────────────────────────── */
.site-header {
  height: 4rem;
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-card);
  position: sticky;
  top: 0;
  z-index: 100;
}

/* ── BRAND SQUARES ──────────────────────── */
.site-brand--uni,
.site-brand--fac {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 4rem;
  flex-shrink: 0;
  border-right: 1px solid var(--border-light);
  text-decoration: none;
  color: var(--text-main);
  font-weight: 900;
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: -.03em;
  transition: background .2s;
}
.site-brand--uni:hover,
.site-brand--fac:hover { background: var(--bg-muted); }
.site-brand--uni .slash,
.site-brand--fac .slash { color: var(--brand); }
.site-brand--uni .brand-img,
.site-brand--fac .brand-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: var(--space-2);
}

/* University logo: hidden on mobile, visible from tablet */
.site-brand--uni {
  display: none;
}
@media (min-width: 768px) {
  .site-brand--uni { display: flex; }
}

/* ── TITLE BLOCK ────────────────────────── */
.site-title-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--space-4);
  height: 100%;
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-decoration: none;
  transition: background .2s;
}
.site-title-block:hover { background: var(--bg-muted); }

/* On mobile: only faculty name visible */
.site-title-block__uni {
  display: none;
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text-tertiary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
}
.site-title-block__fac {
  font-size: 11px;
  font-weight: 800;
  color: var(--text-main);
  text-transform: uppercase;
  letter-spacing: .01em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Tablet: show university name too, slightly larger faculty */
@media (min-width: 768px) {
  .site-title-block {
    padding: 0 var(--space-6);
    border-right: 1px solid var(--border-light);
    flex: 0 1 auto;
    max-width: 340px;
  }
  .site-title-block__uni { display: block; }
  .site-title-block__fac { font-size: 12px; }
}

/* Desktop: full width, larger text */
@media (min-width: 1024px) {
  .site-title-block {
    max-width: 420px;
  }
  .site-title-block__uni { font-size: 9px; }
  .site-title-block__fac { font-size: 13px; letter-spacing: .02em; }
}

@media (min-width: 1280px) {
  .site-title-block__fac { font-size: 14px; }
}

/* Nav */
.site-nav {
  margin-left: auto;
  display: none;
  height: 100%;
}
@media (min-width: 1024px) {
  .site-nav { display: flex; }
}

.site-nav > a,
.site-nav > .site-nav__parent > a {
  display: flex;
  align-items: center;
  padding: 0 var(--space-4);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-left: 1px solid var(--border-light);
  transition: background .2s, color .2s;
  white-space: nowrap;
  height: 100%;
}
@media (min-width: 1280px) {
  .site-nav > a,
  .site-nav > .site-nav__parent > a {
    padding: 0 var(--space-6);
    font-size: var(--text-sm);
  }
}
.site-nav > a:hover,
.site-nav > .site-nav__parent > a:hover {
  background: var(--brand);
  color: var(--text-inverse);
}
.site-nav > a.is-active,
.site-nav > .site-nav__parent > a.is-active {
  background: var(--bg-muted);
  color: var(--brand);
}
.site-nav .nav-primary {
  background: var(--text-main);
  color: var(--text-inverse);
}
.site-nav .nav-primary:hover {
  background: var(--brand);
}

/* Parent (has dropdown) */
.site-nav__parent {
  position: relative;
  display: flex;
  height: 100%;
}
.site-nav__dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 240px;
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  z-index: 200;
  flex-direction: column;
}
.site-nav__parent:hover .site-nav__dropdown {
  display: flex;
}
.site-nav__dropdown-item {
  display: block;
  padding: var(--space-3) var(--space-6);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--text-main);
  text-decoration: none;
  border-bottom: 1px solid var(--border-light);
  transition: background .15s, color .15s;
  text-transform: none;
  letter-spacing: 0;
}
.site-nav__dropdown-item:last-child { border-bottom: none; }
.site-nav__dropdown-item:hover {
  background: var(--bg-muted);
  color: var(--brand);
}

/* ── BURGER (mobile) ────────────────────── */
.site-burger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 100%;
  border: none;
  border-left: 1px solid var(--border-light);
  background: none;
  font-size: 1.5rem;
  color: var(--text-main);
  cursor: pointer;
  transition: background .2s;
  margin-left: auto;
}
.site-burger:hover { background: var(--bg-muted); }
@media (min-width: 1024px) {
  .site-burger { display: none; }
}

/* Mobile nav open */
.site-nav.is-open {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 4rem;
  left: 0;
  right: 0;
  height: auto;
  background: var(--bg-card);
  border-bottom: 1px solid var(--border-light);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  z-index: 150;
}
.site-nav.is-open > a,
.site-nav.is-open > .site-nav__parent > a {
  height: 3.5rem;
  border-left: none;
  border-bottom: 1px solid var(--border-light);
  padding: 0 var(--space-6);
}
.site-nav.is-open .site-nav__parent {
  flex-direction: column;
  height: auto;
}
.site-nav.is-open .site-nav__dropdown {
  display: flex;
  position: static;
  border: none;
  box-shadow: none;
  background: var(--bg-muted);
}
.site-nav.is-open .site-nav__dropdown-item {
  padding-left: var(--space-12);
}

/* ── MEGAMENU ───────────────────────────── */
.mega-trigger {
  display: flex;
  align-items: center;
  padding: 0 var(--space-4);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-left: 1px solid var(--border-light);
  transition: background .2s, color .2s;
  white-space: nowrap;
  height: 100%;
  text-decoration: none;
  color: var(--text-main);
}
@media (min-width: 1280px) {
  .mega-trigger { padding: 0 var(--space-6); font-size: var(--text-sm); }
}
.mega-trigger:hover { background: var(--brand); color: var(--text-inverse); }
.mega-trigger--has-panel.is-active { background: var(--bg-muted); color: var(--brand); }

.mega-panel {
  display: none;
  position: absolute;
  top: 4rem;
  left: 0;
  right: 0;
  background: var(--bg-card);
  border-bottom: 1px solid var(--border-light);
  box-shadow: 0 12px 40px rgba(0,0,0,.08);
  z-index: 150;
}
.mega-panel.is-open { display: block; }

.mega-panel__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--space-6) var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.mega-panel__header {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--border-light);
}
.mega-panel__icon {
  font-size: 1.75rem;
  color: var(--brand);
  flex-shrink: 0;
}
.mega-panel__title {
  font-weight: 800;
  font-size: var(--text-lg);
  color: var(--text-main);
}
.mega-panel__desc {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  margin-top: 1px;
}
.mega-panel__viewall {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--brand);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  transition: color .15s;
}
.mega-panel__viewall:hover { color: var(--brand-hover); }

.mega-panel__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--border-light);
}
@media (min-width: 768px) { .mega-panel__grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .mega-panel__grid { grid-template-columns: repeat(4, 1fr); } }

.mega-panel__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--space-4) var(--space-5);
  background: var(--bg-card);
  text-decoration: none;
  transition: background .15s;
}
.mega-panel__item:hover { background: var(--bg-muted); }
.mega-panel__item-title {
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-main);
  line-height: 1.3;
}
.mega-panel__item:hover .mega-panel__item-title { color: var(--brand); }
.mega-panel__item-desc {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 600;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* Megamenu overlay */
.megamenu-overlay {
  display: none;
  position: fixed;
  top: 4rem;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.15);
  z-index: 140;
}
.mega-panel.is-open ~ .megamenu-overlay { display: block; }

/* Mobile: megamenu panels inline */
.site-nav.is-open .mega-panel {
  display: block;
  position: static;
  border-bottom: none;
  box-shadow: none;
  background: var(--bg-muted);
}
.site-nav.is-open .mega-panel__inner { padding: var(--space-4); }
.site-nav.is-open .mega-panel__header { display: none; }
.site-nav.is-open .mega-panel__grid { grid-template-columns: 1fr; }

/* ── FRONT PAGE VARIANTS ────────────────── */

/* Variant 2: Compact banner */
.front-banner {
  padding: var(--space-8);
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-card);
}
.front-banner__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
}

/* Stats grid (sidebar) */
.front-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--border-light);
}
.front-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: var(--space-4) var(--space-3);
  background: var(--bg-card);
  text-align: center;
}
.front-stat-num {
  font-size: var(--text-xl);
  font-weight: 900;
  color: var(--text-main);
  line-height: 1;
}
.front-stat-label {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text-tertiary);
}

/* Variant 3: Counters bar */
.front-counters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6) var(--space-12);
}
.front-counter {
  display: flex;
  flex-direction: column;
}
.front-counter__num {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
}
.front-counter__label {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text-tertiary);
  margin-top: var(--space-1);
}

/* Department cards */
.front-dept-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--border-light);
}
@media (min-width: 768px) { .front-dept-grid { grid-template-columns: repeat(2, 1fr); } }
.front-dept-card {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  background: var(--bg-card);
  text-decoration: none;
  color: inherit;
  transition: background .15s;
}
.front-dept-card:hover { background: var(--bg-muted); }
.front-dept-card__badge {
  width: 52px; height: 52px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(14,90,74,.06);
  color: var(--brand);
  font-weight: 900;
  font-size: var(--text-lg);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  letter-spacing: -.02em;
}
.front-dept-card__body { flex: 1; min-width: 0; }
.front-dept-card__name {
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-main);
  line-height: 1.3;
}
.front-dept-card:hover .front-dept-card__name { color: var(--brand); }
.front-dept-card__head {
  display: flex; align-items: center; gap: 4px;
  font-size: 11px; color: var(--text-secondary); margin-top: 2px;
}
.front-dept-card__sub {
  font-family: var(--font-mono);
  font-size: 9px; font-weight: 600;
  color: var(--text-tertiary);
  margin-top: 2px;
}

/* Variant 4: Fullscreen hero */
.front-fullhero {
  position: relative;
  min-height: calc(100vh - 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--text-main);
  overflow: hidden;
}
.front-fullhero__video {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: 1;
}
.front-fullhero__overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.55);
  z-index: 2;
}
.front-fullhero__content {
  position: relative;
  z-index: 4;
  text-align: center;
  padding: var(--space-8);
  max-width: 700px;
}
.front-fullhero__title {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.05;
  color: #fff;
  margin: 0 0 var(--space-4);
}
.front-fullhero__lead {
  font-size: var(--text-lg);
  color: rgba(255,255,255,.75);
  line-height: 1.5;
  margin: 0 0 var(--space-8);
  font-family: var(--font-serif);
}
.front-fullhero__cta {
  display: flex;
  gap: var(--space-3);
  justify-content: center;
  flex-wrap: wrap;
}
.btn-lg { padding: var(--space-4) var(--space-8); font-size: var(--text-base); }
.btn-outline-white {
  display: inline-flex; align-items: center;
  padding: var(--space-3) var(--space-6);
  border: 1px solid rgba(255,255,255,.3);
  color: rgba(255,255,255,.8);
  font-weight: 700; font-size: var(--text-sm);
  text-transform: uppercase; letter-spacing: .08em;
  text-decoration: none;
  transition: all .2s;
}
.btn-outline-white:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.6);
  color: #fff;
}

.front-fullhero__stats {
  display: flex;
  justify-content: center;
  gap: var(--space-8);
  margin-top: var(--space-12);
  padding-top: var(--space-6);
  border-top: 1px solid rgba(255,255,255,.1);
}
.front-fullhero__stat { text-align: center; }
.front-fullhero__stat-num {
  display: block;
  font-size: var(--text-2xl);
  font-weight: 900;
  color: #fff;
  line-height: 1;
}
.front-fullhero__stat-label {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255,255,255,.4);
  margin-top: 4px;
  display: block;
}

.front-fullhero__scroll {
  position: absolute;
  bottom: var(--space-6);
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  color: rgba(255,255,255,.3);
  font-size: 1.5rem;
  animation: scroll-hint 2s ease infinite;
}
@keyframes scroll-hint {
  0%, 100% { transform: translateX(-50%) translateY(0); opacity: .3; }
  50% { transform: translateX(-50%) translateY(8px); opacity: .7; }
}

/* ── HERO ───────────────────────────────── */
.hero-grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1280px) {
  .hero-grid { grid-template-columns: 4fr 6fr; }
}

.hero-left {
  border-right: 1px solid var(--border-light);
  background: var(--bg-card);
  display: flex;
  flex-direction: column;
  position: relative;
}
.hero-left .noise-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .4;
}

.hero-content {
  padding: var(--space-8);
  border-bottom: 1px solid var(--border-light);
  position: relative;
  z-index: 1;
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(8px);
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) { .hero-content { padding: var(--space-12); } }
@media (min-width: 1024px) { .hero-content { padding: var(--space-16); } }

.hero-tags {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-6);
}
.hero-tag {
  padding: var(--space-1) var(--space-2);
  background: var(--brand);
  color: var(--text-inverse);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  line-height: 1;
}
.hero-year {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--text-tertiary);
}

.hero-title {
  font-size: var(--text-hero);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: .9;
  text-transform: uppercase;
  margin-bottom: var(--space-8);
  color: var(--text-main);
}
.hero-title .gradient {
  background: linear-gradient(to right, var(--brand), var(--brand-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-lead {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--text-secondary);
  font-size: var(--text-base);
  line-height: 1.7;
  margin-bottom: var(--space-8);
  max-width: 24rem;
}
@media (min-width: 768px) { .hero-lead { font-size: var(--text-lg); } }

/* ── BUTTONS ────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4) var(--space-8);
  font-weight: 700;
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: .12em;
  transition: all .2s;
  cursor: pointer;
  border: none;
  font-family: var(--font-sans);
}
.btn-brand {
  background: var(--brand);
  color: var(--text-inverse);
  box-shadow: var(--shadow-brand);
}
.btn-brand:hover {
  background: var(--brand-hover);
  box-shadow: var(--shadow-brand-hover);
  transform: translate(4px, 4px);
}
.btn-outline {
  background: transparent;
  color: var(--text-main);
  border: 1px solid var(--border-medium);
}
.btn-outline:hover {
  background: var(--bg-muted);
  border-color: var(--text-main);
}
.btn-ghost {
  background: transparent;
  color: var(--text-secondary);
  padding: var(--space-2) var(--space-3);
}
.btn-ghost:hover { color: var(--brand); }

/* ── STATS ──────────────────────────────── */
.hero-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  z-index: 1;
  background: var(--bg-card);
}
.hero-stat {
  padding: var(--space-8);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: background .2s;
}
.hero-stat:first-child { border-right: 1px solid var(--border-light); }
.hero-stat:hover { background: var(--bg-muted); }
.hero-stat__icon {
  font-size: var(--text-xl);
  margin-bottom: var(--space-3);
}
.hero-stat__icon--accent { color: var(--accent); }
.hero-stat__icon--brand  { color: var(--brand); }
.hero-stat__num {
  font-size: var(--text-3xl);
  font-weight: 900;
  color: var(--text-main);
  margin-bottom: var(--space-1);
}
.hero-stat__label {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-tertiary);
}

/* ── MONO LABEL (utility) ───────────────── */
.mono-label {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
}

/* ── TOOLBAR ────────────────────────────── */
.section-toolbar {
  height: 3.5rem;
  border-bottom: 1px solid var(--border-light);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--space-6);
  background: var(--bg-card);
  position: sticky;
  top: 4rem;
  z-index: 40;
}
@media (min-width: 768px) { .section-toolbar { padding: 0 var(--space-8); } }

.toolbar-title {
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-main);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.toolbar-title .icon { color: var(--brand); font-size: var(--text-lg); }

.legend {
  display: none;
  align-items: center;
  gap: var(--space-6);
}
@media (min-width: 640px) { .legend { display: flex; } }

.legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-secondary);
}
.legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.legend-dot--brand  { background: var(--brand); }
.legend-dot--accent { background: var(--accent); }
.legend-dot--dark   { background: var(--text-main); }

/* ── CARD GRID ──────────────────────────── */
.card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--border-light);
  flex: 1;
}
@media (min-width: 768px) {
  .card-grid { grid-template-columns: repeat(4, 1fr); }
}
/* Inside sidebar layout — narrower, use 3 cols */
@media (min-width: 768px) {
  .program-layout__content .card-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Штрихованная заглушка — заполняет ряд */
.program-card-filler {
  background: var(--bg-card);
  min-height: 160px;
  display: none;
}
@media (min-width: 768px) {
  .program-card-filler {
    display: block;
    background:
      repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 10px,
        var(--bg-page) 10px,
        var(--bg-page) 20px
      );
    opacity: 0.5;
  }
}

.card-grid__section-header {
  grid-column: 1 / -1;
  background: var(--bg-page);
  height: 3.5rem;
  padding: 0 var(--space-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .card-grid__section-header { padding: 0 var(--space-8); }
}

.section-num { color: var(--brand); }

/* ── PROGRAM CARD ───────────────────────── */
.program-card {
  background: var(--bg-card);
  padding: var(--space-6);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 160px;
  cursor: pointer;
  transition: background .2s;
}
.program-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s;
}
.program-card:hover::before { transform: scaleX(1); }

.program-card--licenta:hover         { background: rgba(14,90,74,.03); }
.program-card--licenta::before       { background: var(--brand); }
.program-card--master:hover          { background: rgba(214,193,154,.08); }
.program-card--master::before        { background: var(--accent); }
.program-card--doctorat:hover        { background: var(--bg-muted); }
.program-card--doctorat::before      { background: var(--text-main); }

.program-card__top {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--text-tertiary);
  margin-bottom: var(--space-2);
}
.program-card__top .num { color: var(--text-main); }

.program-card__body {
  text-align: center;
  margin: auto 0;
  padding: var(--space-2) 0;
}
.program-card__symbol {
  font-size: var(--text-3xl);
  font-weight: 900;
  color: var(--text-main);
  margin-bottom: var(--space-1);
  transition: color .2s;
}
.program-card--licenta:hover  .program-card__symbol { color: var(--brand); }
.program-card--master:hover   .program-card__symbol { color: var(--accent-dark); }
.program-card--doctorat:hover .program-card__symbol { color: var(--text-main); }

.program-card__name {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
  color: var(--text-secondary);
  line-height: 1.3;
}

.program-card__footer {
  text-align: center;
  padding-top: var(--space-3);
  border-top: 1px dashed var(--border-light);
}
.program-card__level {
  font-family: var(--font-mono);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
}
.program-card__level--licenta  { color: var(--brand); }
.program-card__level--master   { color: var(--accent-dark); }
.program-card__level--doctorat { color: var(--text-main); }

/* Make card a link without underlines */
a.program-card { text-decoration: none; color: inherit; }

/* ── PROGRAM HERO (single page) ─────────── */
.program-hero {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-light);
}
@media (min-width: 768px) {
  .program-hero {
    flex-direction: row;
    align-items: stretch;
  }
}

.program-hero__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-12) var(--space-8);
  min-width: 200px;
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-card);
  position: relative;
}
.program-hero__card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
}
.program-card--licenta .program-hero__card::before,
.program-hero__card.program-card--licenta::before  { background: var(--brand); }
.program-card--master .program-hero__card::before,
.program-hero__card.program-card--master::before   { background: var(--accent); }
.program-card--doctorat .program-hero__card::before,
.program-hero__card.program-card--doctorat::before { background: var(--text-main); }

@media (min-width: 768px) {
  .program-hero__card {
    border-bottom: none;
    border-right: 1px solid var(--border-light);
    min-width: 240px;
    padding: var(--space-16) var(--space-12);
  }
  .program-hero__card::before {
    top: 0; left: 0; bottom: 0;
    right: auto;
    width: 4px;
    height: auto;
  }
}

.program-hero__symbol {
  font-size: clamp(3.5rem, 8vw, 6rem);
  font-weight: 900;
  color: var(--text-main);
  line-height: 1;
}
.program-hero__level {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.program-hero__credits {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* --- ПРАВАЯ ЧАСТЬ (С ВИДЕОФОНОМ) --- */
.program-hero__info {
  flex: 1;
  padding: var(--space-8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  
  /* Добавлено для работы видеофона */
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .program-hero__info { padding: var(--space-12) var(--space-16); }
}

/* Делаем так, чтобы весь текст (h1, кнопки, лейблы) был ПОВЕРХ видео и оверлея */
.program-hero__info > *:not(.program-hero__video-container) {
  position: relative;
  z-index: 3;
}

.program-hero__title {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.1;
  /* Если видео темное, убедись, что переменная дает контрастный (светлый) цвет */
  color: var(--text-main); 
}

/* --- СТИЛИ САМОГО ВИДЕО И ЗАТЕМНЕНИЯ --- */
.program-hero__video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.program-hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.program-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* Темный фильтр, меняй 0.6 для настройки прозрачности */
  z-index: 2;
}

/* ── PROGRAM LAYOUT (sidebar + content) ── */
.program-layout {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--border-light);
}
@media (min-width: 1024px) {
  .program-layout {
    flex-direction: row;
    align-items: flex-start;
  }
}

.program-layout__content {
  flex: 1;
  min-width: 0;
  order: 1;
}

.program-layout__sidebar {
  width: 100%;
  border-top: 1px solid var(--border-light);
  background: var(--bg-page);
  order: 2;
}
@media (min-width: 1024px) {
  .program-layout__sidebar {
    width: 380px;
    flex-shrink: 0;
    border-top: none;
    border-right: 1px solid var(--border-light);
    order: 0;
  }
  .program-layout__content {
    order: 1;
  }
}

/* Sidebar blocks — visual separation */
.sidebar-block {
  background: var(--bg-card);
  margin-bottom: 8px;  /* visible gap between blocks — bg-page shows through */
}
.sidebar-block:last-child { margin-bottom: 0; }
.sidebar-block__title {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  height: 3rem;
  padding: 0 var(--space-6);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-main);
  background: var(--bg-muted);
  border-bottom: 1px solid var(--border-light);
}
.sidebar-block__title i { color: var(--brand); font-size: var(--text-lg); }

/* Sidebar specs */
.sidebar-specs__item {
  padding: var(--space-4) var(--space-6);
  border-bottom: 1px solid var(--border-light);
}
.sidebar-specs__item:last-child { border-bottom: none; }

.sidebar-specs__label {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--brand);
  margin-bottom: 3px;
  line-height: 1.4;
}
.sidebar-specs__label-en {
  display: block;
  font-weight: 500;
  color: var(--text-tertiary);
  font-size: 8px;
  letter-spacing: .06em;
  margin-top: 1px;
}
.sidebar-specs__value {
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-main);
  line-height: 1.4;
}
.sidebar-specs__value-en {
  font-size: 11px;
  color: var(--text-tertiary);
  font-style: italic;
  margin-top: 1px;
  line-height: 1.3;
}

/* Sidebar documents */
.sidebar-doc {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-6);
  text-decoration: none;
  color: inherit;
  transition: background .15s;
  border-bottom: 1px solid var(--border-light);
}
.sidebar-doc:last-child { border-bottom: none; }
.sidebar-doc:hover { background: var(--bg-muted); }

.sidebar-doc__icon {
  width: 40px;
  height: 46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  background: var(--brand);
  color: var(--text-inverse);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}
.sidebar-doc__icon i { font-size: 1rem; }
.sidebar-doc__ext {
  font-family: var(--font-mono);
  font-size: 7px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1;
}
.sidebar-doc__icon--muted {
  background: var(--bg-muted);
  color: var(--text-secondary);
  border: 1px solid var(--border-light);
}

.sidebar-doc__info { flex: 1; min-width: 0; }
.sidebar-doc__title {
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-main);
  line-height: 1.3;
  margin-bottom: 2px;
}
.sidebar-doc--archive .sidebar-doc__title {
  font-size: 11px;
  color: var(--text-secondary);
}
.sidebar-doc__meta {
  display: flex;
  gap: var(--space-2);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.sidebar-doc__dl {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 1rem;
  transition: color .15s;
}
.sidebar-doc:hover .sidebar-doc__dl { color: var(--brand); }

/* Archive toggle */
.sidebar-archive {
  background: var(--bg-muted);
}
.sidebar-archive__toggle {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-6);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--text-secondary);
  cursor: pointer;
  border-bottom: 1px solid var(--border-light);
  list-style: none;
}
.sidebar-archive__toggle::-webkit-details-marker { display: none; }
.sidebar-archive__toggle::before {
  content: '▸';
  font-size: 10px;
  transition: transform .2s;
}
.sidebar-archive[open] .sidebar-archive__toggle::before {
  transform: rotate(90deg);
}
.sidebar-archive__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background: var(--border-light);
  color: var(--text-secondary);
  font-size: 8px;
  margin-left: auto;
}
.sidebar-archive .sidebar-doc { background: transparent; }
.sidebar-archive .sidebar-doc:hover { background: rgba(255,255,255,.5); }

/* Sidebar related programs */

/* ── PROGRAM ACCORDION ──────────────────── */
.program-accordion {
  border-bottom: 1px solid var(--border-light);
}

.program-accordion__item {
  border-bottom: 1px solid var(--border-light);
}
.program-accordion__item:last-child { border-bottom: none; }

.program-accordion__header {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8);
  cursor: pointer;
  transition: background .15s;
  list-style: none;
}
.program-accordion__header::-webkit-details-marker { display: none; }
.program-accordion__header:hover { background: var(--bg-muted); }

.program-accordion__icon {
  font-size: var(--text-xl);
  color: var(--brand);
  flex-shrink: 0;
  width: 1.5rem;
  text-align: center;
}

.program-accordion__title {
  flex: 1;
  font-weight: 800;
  font-size: var(--text-base);
  letter-spacing: -0.01em;
}
.program-accordion__title-en {
  display: block;
  font-weight: 500;
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  margin-top: 1px;
}

.program-accordion__chevron {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: var(--text-base);
  transition: transform .25s;
}
.program-accordion__item[open] .program-accordion__chevron {
  transform: rotate(180deg);
}

.program-accordion__body {
  padding: 0 var(--space-8) var(--space-8);
  padding-left: calc(var(--space-8) + 1.5rem + var(--space-4)); /* align with title text */
  font-family: var(--font-serif);
  font-size: var(--text-sm);
  line-height: 1.7;
  color: var(--text-secondary);
}
.program-accordion__body p { margin-bottom: 1em; }
.program-accordion__body p:last-child { margin-bottom: 0; }
.program-accordion__body ul,
.program-accordion__body ol { padding-left: 1.25em; margin-bottom: 1em; }
.program-accordion__body li { margin-bottom: .35em; }

/* ── PROGRAM FAQ ────────────────────────── */
.program-faq {
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-muted);
}

.program-faq__header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  height: 3rem;
  padding: 0 var(--space-8);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-main);
  border-bottom: 1px solid var(--border-light);
}
.program-faq__header-icon { color: var(--brand); font-size: var(--text-lg); }
.program-faq__header-en {
  margin-left: auto;
  color: var(--text-tertiary);
  font-weight: 500;
}

.program-faq__item {
  border-bottom: 1px solid var(--border-light);
}
.program-faq__item:last-child { border-bottom: none; }

.program-faq__question {
  display: flex;
  flex-direction: column;
  padding: var(--space-4) var(--space-8);
  cursor: pointer;
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-main);
  list-style: none;
  transition: background .15s;
}
.program-faq__question::-webkit-details-marker { display: none; }
.program-faq__question:hover { background: rgba(255,255,255,.5); }
.program-faq__question::before {
  content: '▸';
  font-size: 10px;
  color: var(--brand);
  margin-right: var(--space-2);
  display: inline;
  transition: transform .2s;
}
.program-faq__item[open] .program-faq__question::before {
  content: '▾';
}

.program-faq__question-en {
  display: block;
  font-weight: 500;
  font-size: 11px;
  color: var(--text-tertiary);
  font-style: italic;
  margin-top: 1px;
  margin-left: calc(10px + var(--space-2)); /* align with text after arrow */
}

.program-faq__answer {
  padding: 0 var(--space-8) var(--space-6);
  padding-left: calc(var(--space-8) + 10px + var(--space-2));
  font-family: var(--font-serif);
  font-size: var(--text-sm);
  line-height: 1.7;
  color: var(--text-secondary);
}
.program-faq__answer p { margin-bottom: .75em; }
.program-faq__answer p:last-child { margin-bottom: 0; }
.sidebar-related__item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-6);
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid var(--border-light);
  transition: background .15s;
}
.sidebar-related__item:last-child { border-bottom: none; }
.sidebar-related__item:hover { background: var(--bg-muted); }

.sidebar-related__symbol {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: var(--text-sm);
  flex-shrink: 0;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  transition: border-color .15s, color .15s;
}
.sidebar-related__item:hover .sidebar-related__symbol { border-color: var(--brand); }
.sidebar-related__symbol--licenta  { color: var(--brand); }
.sidebar-related__symbol--master   { color: var(--accent-dark); }
.sidebar-related__symbol--doctorat { color: var(--text-main); }

.sidebar-related__name {
  flex: 1;
  font-weight: 600;
  font-size: var(--text-sm);
  color: var(--text-main);
  line-height: 1.3;
}
.sidebar-related__item:hover .sidebar-related__name { color: var(--brand); }

.sidebar-related__credits {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

/* ── PERSON HERO ────────────────────────── */
.person-hero {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-light);
}
@media (min-width: 768px) {
  .person-hero { flex-direction: row; align-items: stretch; }
}

.person-hero__photo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-8);
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-muted);
  min-width: 200px;
}
@media (min-width: 768px) {
  .person-hero__photo {
    border-bottom: none;
    border-right: 1px solid var(--border-light);
    min-width: 240px;
    padding: var(--space-12);
  }
}
.person-hero__img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--bg-card);
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
.person-hero__placeholder {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: var(--border-light);
  display: flex;
  align-items: center;
  justify-content: center;
}

.person-hero__info {
  flex: 1;
  padding: var(--space-8);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .person-hero__info { padding: var(--space-12) var(--space-16); }
}
.person-hero__name {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: var(--text-main);
}
.person-hero__role {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--text-secondary);
  font-size: var(--text-base);
  margin-top: var(--space-2);
}
.person-hero__depts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.person-hero__dept-tag {
  padding: 3px 8px;
  background: rgba(14,90,74,.08);
  color: var(--brand);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: 2px;
}

/* ── PERSON CONTACT (sidebar rows) ──────── */
.person-contact__row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-6);
  font-size: var(--text-sm);
  color: var(--text-main);
  text-decoration: none;
  border-bottom: 1px solid var(--border-light);
  transition: background .15s;
}
.person-contact__row:last-child { border-bottom: none; }
.person-contact__row:hover { background: var(--bg-muted); }
a.person-contact__row:hover { color: var(--brand); }
.person-contact__row i {
  font-size: var(--text-base);
  color: var(--brand);
  flex-shrink: 0;
  width: 1.25rem;
  text-align: center;
}
.person-research {
  font-family: var(--font-serif);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.6;
}

/* ── DEPARTMENT HERO ────────────────────── */
.dept-hero {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-light);
}
@media (min-width: 768px) {
  .dept-hero { flex-direction: row; align-items: stretch; }
}

.dept-hero__badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-8);
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-muted);
  min-width: 200px;
  position: relative;
}
.dept-hero__badge::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--brand);
}
@media (min-width: 768px) {
  .dept-hero__badge {
    border-bottom: none;
    border-right: 1px solid var(--border-light);
    min-width: 240px;
    padding: var(--space-12);
  }
  .dept-hero__badge::before {
    top: 0; left: 0; bottom: 0;
    right: auto; width: 4px; height: auto;
  }
}
.dept-hero__short {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 900;
  color: var(--brand);
  line-height: 1;
  letter-spacing: -0.03em;
}

.dept-hero__info {
  flex: 1;
  padding: var(--space-8);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .dept-hero__info { padding: var(--space-12) var(--space-16); }
}
.dept-hero__title {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: var(--text-main);
}

/* ── DEPARTMENT HEAD CARD (sidebar) ─────── */
.dept-head-card {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-6);
  text-decoration: none;
  color: inherit;
  transition: background .15s;
}
.dept-head-card:hover { background: var(--bg-muted); }
.dept-head-card__photo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  overflow: hidden;
}
.dept-head-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dept-head-card__photo--empty {
  background: var(--border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
}
.dept-head-card__info { flex: 1; }
.dept-head-card__name {
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-main);
}
.dept-head-card:hover .dept-head-card__name { color: var(--brand); }

/* ── STAFF GRID ─────────────────────────── */
.staff-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--border-light);
}
@media (min-width: 640px) {
  .staff-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .staff-grid { grid-template-columns: repeat(3, 1fr); }
}

.staff-card {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  background: var(--bg-card);
  text-decoration: none;
  color: inherit;
  transition: background .15s;
}
.staff-card:hover { background: var(--bg-muted); }

.staff-card__photo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
}
.staff-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.staff-card__info { flex: 1; min-width: 0; }
.staff-card__prefix {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.staff-card__name {
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-main);
  line-height: 1.3;
}
.staff-card:hover .staff-card__name { color: var(--brand); }
.staff-card__role {
  font-size: 11px;
  color: var(--text-secondary);
  margin-top: 1px;
}

/* ── CONTENT SECTIONS ───────────────────── */
.section {
  padding: var(--space-12) var(--space-8);
  border-top: 1px solid var(--border-light);
}
@media (min-width: 768px) {
  .section { padding: var(--space-16) var(--space-12); }
}

.section-header {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-8);
}
.section-number {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--brand);
}
.section-title {
  font-size: var(--text-xl);
  font-weight: 900;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

/* ── POST CARDS (Archive) ───────────────── */
.posts-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--border-light);
  border: 1px solid var(--border-light);
}
@media (min-width: 768px) {
  .posts-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .posts-grid { grid-template-columns: repeat(3, 1fr); }
}

.post-card {
  background: var(--bg-card);
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  transition: background .2s;
}
.post-card:hover { background: var(--bg-muted); }

.post-card__image {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  margin-bottom: var(--space-4);
  border: 1px solid var(--border-light);
}

.post-card__meta {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}
.post-card__type {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--brand);
}
.post-card__date {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--text-tertiary);
}

.post-card__title {
  font-size: var(--text-lg);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: var(--space-3);
  line-height: 1.3;
}
.post-card__title a:hover { color: var(--brand); }

.post-card__excerpt {
  font-family: var(--font-serif);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.6;
  flex: 1;
}

/* ── SINGLE POST ────────────────────────── */
.single-content {
  max-width: 680px;
  margin: 0 auto;
  padding: var(--space-12) var(--space-6);
}
@media (min-width: 768px) {
  .single-content { padding: var(--space-16) var(--space-8); }
}

.single-content h1 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin-bottom: var(--space-6);
}

.single-content .entry-meta {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-8);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--border-light);
}

.single-content .entry-body {
  font-family: var(--font-serif);
  font-size: var(--text-base);
  line-height: 1.8;
  color: var(--text-secondary);
}
.single-content .entry-body p { margin-bottom: 1.5em; }
.single-content .entry-body h2 {
  font-family: var(--font-sans);
  font-size: var(--text-xl);
  font-weight: 800;
  color: var(--text-main);
  margin: 2em 0 0.75em;
  letter-spacing: -0.02em;
}
.single-content .entry-body h3 {
  font-family: var(--font-sans);
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--text-main);
  margin: 1.5em 0 0.5em;
}
.single-content .entry-body a {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.single-content .entry-body a:hover { color: var(--brand-hover); }
.single-content .entry-body blockquote {
  border-left: 3px solid var(--accent);
  padding-left: var(--space-6);
  margin: 1.5em 0;
  font-style: italic;
  color: var(--text-secondary);
}
.single-content .entry-body ul,
.single-content .entry-body ol {
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}
.single-content .entry-body li { margin-bottom: 0.5em; }
.single-content .entry-body img {
  border: 1px solid var(--border-light);
  margin: 2em 0;
}

/* ── FOOTER ─────────────────────────────── */
.site-footer-full {
  border-top: 1px solid var(--border-light);
  background: var(--text-main);
  color: rgba(255,255,255,.7);
}

/* Top bar: brand + social */
.footer-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.footer-top__brand {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.footer-logo {
  font-weight: 900;
  font-size: var(--text-xl);
  text-transform: uppercase;
  letter-spacing: -0.04em;
  color: var(--text-inverse);
  text-decoration: none;
}
.footer-logo .slash { color: var(--brand-light); }
.footer-logo:hover { color: var(--brand-light); }
.footer-top__names {
  display: none;
  flex-direction: column;
  gap: 1px;
  border-left: 1px solid rgba(255,255,255,.1);
  padding-left: var(--space-4);
}
@media (min-width: 768px) { .footer-top__names { display: flex; } }
.footer-top__uni {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,.4);
}
.footer-top__fac {
  font-size: var(--text-sm);
  font-weight: 700;
  color: rgba(255,255,255,.7);
}

/* Social links */
.footer-social {
  display: flex;
  gap: var(--space-2);
}
.footer-social__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.6);
  font-size: 1.125rem;
  text-decoration: none;
  transition: all .2s;
}
.footer-social__link:hover {
  background: var(--brand);
  color: var(--text-inverse);
}

/* Columns */
.footer-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: rgba(255,255,255,.05);
  padding: 0;
}
@media (min-width: 640px) {
  .footer-columns { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .footer-columns { grid-template-columns: repeat(4, 1fr); }
}

.footer-col {
  padding: var(--space-6) var(--space-8);
  background: var(--text-main);
}
.footer-col__title {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--brand-light);
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Contact rows */
.footer-contact-row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
  font-size: var(--text-sm);
  color: rgba(255,255,255,.6);
  text-decoration: none;
  line-height: 1.5;
}
a.footer-contact-row:hover { color: var(--brand-light); }
.footer-contact-row i {
  color: var(--brand-light);
  font-size: var(--text-base);
  flex-shrink: 0;
  margin-top: 2px;
}

/* Links */
.footer-link {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1) 0;
  font-size: var(--text-sm);
  color: rgba(255,255,255,.6);
  text-decoration: none;
  transition: color .15s;
}
.footer-link:hover { color: var(--brand-light); }
.footer-link i { font-size: var(--text-base); color: rgba(255,255,255,.3); }

/* Footer WP menu */
.footer-menu a {
  display: block;
  padding: var(--space-1) 0;
  font-size: var(--text-sm);
  color: rgba(255,255,255,.6);
  text-decoration: none;
  transition: color .15s;
}
.footer-menu a:hover { color: var(--brand-light); }

/* Recent events */
.footer-event {
  display: flex;
  flex-direction: column;
  padding: var(--space-2) 0;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.05);
  transition: color .15s;
}
.footer-event:last-child { border-bottom: none; }
.footer-event:hover .footer-event__title { color: var(--brand-light); }
.footer-event__title {
  font-size: var(--text-sm);
  font-weight: 600;
  color: rgba(255,255,255,.7);
  line-height: 1.3;
  transition: color .15s;
}
.footer-event__date {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 600;
  color: rgba(255,255,255,.3);
  margin-top: 2px;
}
.footer-empty {
  font-size: var(--text-sm);
  color: rgba(255,255,255,.3);
  font-style: italic;
}

/* Bottom bar */
.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-8);
  border-top: 1px solid rgba(255,255,255,.08);
  font-size: 11px;
  color: rgba(255,255,255,.3);
}
.footer-bottom__copy { font-family: var(--font-mono); font-size: 9px; letter-spacing: .05em; }

/* Institutul de Mobilitate Impact Badge */
.imob-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px 6px 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 4px;
  text-decoration: none;
  color: rgba(255,255,255,.5);
  transition: all .25s;
}
.imob-badge:hover {
  background: rgba(255,255,255,.1);
  border-color: var(--brand-light);
  color: var(--brand-light);
}
.imob-badge__logo {
  flex-shrink: 0;
  transition: color .25s;
}
.imob-badge:hover .imob-badge__logo { color: var(--brand-light); }
.imob-badge__text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.imob-badge__name {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  color: rgba(255,255,255,.7);
  transition: color .25s;
}
.imob-badge:hover .imob-badge__name { color: var(--text-inverse); }
.imob-badge__impact {
  font-family: var(--font-mono);
  font-size: 7px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255,255,255,.3);
  transition: color .25s;
}
.imob-badge:hover .imob-badge__impact { color: var(--brand-light); }

/* ── PAGINATION ─────────────────────────── */
.pagination {
  display: flex;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-8) 0;
}
.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: 700;
  border: 1px solid var(--border-light);
  transition: all .2s;
}
.pagination a:hover {
  background: var(--brand);
  color: var(--text-inverse);
  border-color: var(--brand);
}
.pagination .current {
  background: var(--text-main);
  color: var(--text-inverse);
  border-color: var(--text-main);
}

/* ── 404 ────────────────────────────────── */
.page-404 {
  padding: var(--space-16) var(--space-8);
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-404__code {
  font-size: clamp(6rem, 20vw, 12rem);
  font-weight: 900;
  letter-spacing: -0.06em;
  line-height: 1;
  color: var(--border-light);
  margin-bottom: var(--space-4);
}
.page-404__text {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-tertiary);
}

/* ── WIDGET / SIDEBAR ───────────────────── */
.widget {
  margin-bottom: var(--space-8);
}
.widget-title {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-main);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--border-light);
  margin-bottom: var(--space-4);
}

/* ── ARCHIVE LIST (vertical) ────────────── */
.archive-list {
  border-bottom: 1px solid var(--border-light);
}

.archive-row {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid var(--border-light);
  transition: background .15s;
}
@media (min-width: 768px) { .archive-row { padding: var(--space-4) var(--space-8); } }
.archive-row:last-child { border-bottom: none; }
.archive-row:hover { background: var(--bg-muted); }

.archive-row__thumb {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--border-light);
}
.archive-row__thumb img {
  width: 100%; height: 100%; object-fit: cover;
}
.archive-row__thumb--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  font-size: 1.25rem;
}

.archive-row__body {
  flex: 1;
  min-width: 0;
}
.archive-row__prefix {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: .06em;
  display: block;
}
.archive-row__badge {
  display: inline-block;
  padding: 1px 5px;
  background: rgba(14,90,74,.08);
  color: var(--brand);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  border-radius: 2px;
  margin-bottom: 2px;
}
.archive-row__title {
  font-weight: 700;
  font-size: var(--text-base);
  color: var(--text-main);
  line-height: 1.3;
}
.archive-row:hover .archive-row__title { color: var(--brand); }

.archive-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  margin-top: 2px;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 600;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.archive-row__meta i { font-size: 11px; vertical-align: -1px; }
.archive-row__type { color: var(--brand); }

.archive-row__excerpt {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin-top: 3px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.archive-row__excerpt p { margin: 0; }

.archive-row__arrow {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 1rem;
  transition: color .15s;
}
.archive-row:hover .archive-row__arrow { color: var(--brand); }

/* ── ARCHIVE SEARCH ─────────────────────── */
.archive-search {
  display: flex;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: border-color .2s;
}
.archive-search:focus-within { border-color: var(--brand); }
.archive-search__input {
  flex: 1;
  border: none;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  outline: none;
  background: transparent;
}
.archive-search__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  border: none;
  background: var(--brand);
  color: var(--text-inverse);
  cursor: pointer;
  font-size: 1rem;
  transition: background .15s;
}
.archive-search__btn:hover { background: var(--brand-hover); }

/* ── ARCHIVE FILTER LIST ────────────────── */
.archive-filter-list {
  display: flex;
  flex-direction: column;
}
.archive-filter-item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-6);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--text-main);
  text-decoration: none;
  border-bottom: 1px solid var(--border-light);
  transition: background .15s, color .15s;
}
.archive-filter-item:last-child { border-bottom: none; }
.archive-filter-item:hover { background: var(--bg-muted); color: var(--brand); }
.archive-filter-item.is-active {
  background: rgba(14,90,74,.05);
  color: var(--brand);
  font-weight: 700;
  border-left: 3px solid var(--brand);
}
.archive-filter-count {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  color: var(--text-tertiary);
  background: var(--bg-muted);
  padding: 1px 6px;
  border-radius: 10px;
}

/* Level filter dots */
.archive-filter-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.archive-filter-dot--licenta  { background: var(--brand); }
.archive-filter-dot--master   { background: var(--accent); }
.archive-filter-dot--doctorat { background: var(--text-main); }
.archive-filter-dot--formare  { background: var(--text-tertiary); }

/* ── EVENT CALENDAR STRIP ────────────────── */
.event-calendar-strip {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-card);
  overflow: hidden;
}
.event-cal__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  border: none;
  background: none;
  color: var(--text-secondary);
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s;
  flex-shrink: 0;
}
.event-cal__nav:first-child { border-right: 1px solid var(--border-light); }
.event-cal__nav:last-child { border-left: 1px solid var(--border-light); }
.event-cal__nav:hover { background: var(--bg-muted); color: var(--brand); }

.event-cal__days {
  display: flex;
  flex: 1;
  overflow-x: auto;
  scrollbar-width: none;
}
.event-cal__days::-webkit-scrollbar { display: none; }

.event-cal__day {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  min-width: 54px;
  padding: var(--space-3) var(--space-2);
  text-decoration: none;
  color: var(--text-secondary);
  border-right: 1px solid var(--border-light);
  transition: background .15s, color .15s;
  position: relative;
}
.event-cal__day:last-child { border-right: none; }
.event-cal__day:hover { background: var(--bg-muted); }
.event-cal__day--weekend { color: var(--text-tertiary); }

.event-cal__day--today {
  background: var(--bg-muted);
  font-weight: 700;
}
.event-cal__day--today .event-cal__num {
  color: var(--brand);
}

.event-cal__day--active {
  background: var(--brand);
  color: var(--text-inverse) !important;
}
.event-cal__day--active .event-cal__dow,
.event-cal__day--active .event-cal__num,
.event-cal__day--active .event-cal__month {
  color: var(--text-inverse);
}

.event-cal__dow {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.event-cal__num {
  font-size: var(--text-xl);
  font-weight: 900;
  line-height: 1;
  color: var(--text-main);
}
.event-cal__month {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
}
.event-cal__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--brand);
  position: absolute;
  bottom: 4px;
}
.event-cal__day--active .event-cal__dot { background: var(--text-inverse); }

/* ── EVENT FILTER TAGS ──────────────────── */
.event-filters {
  border-bottom: 1px solid var(--border-light);
  background: var(--bg-card);
  padding: var(--space-3) var(--space-6);
}
.event-filters__inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
}
.event-filter-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--text-secondary);
  background: var(--bg-muted);
  border: 1px solid var(--border-light);
  border-radius: 20px;
  text-decoration: none;
  transition: all .15s;
  white-space: nowrap;
}
.event-filter-tag:hover {
  border-color: var(--brand);
  color: var(--brand);
}
.event-filter-tag--active {
  background: var(--brand);
  color: var(--text-inverse);
  border-color: var(--brand);
}
.event-filter-tag--active:hover {
  background: var(--brand-hover);
  color: var(--text-inverse);
}
.event-filter-tag--clear {
  background: transparent;
  border-color: var(--text-tertiary);
  color: var(--text-tertiary);
  font-size: 11px;
}
.event-filter-tag--clear:hover {
  border-color: #b32d2e;
  color: #b32d2e;
}
.event-filter-tag i { font-size: 12px; }

/* ── EVENT LIST (cards) ─────────────────── */
.event-list {
  background: var(--bg-card);
}

.event-card {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid var(--border-light);
  transition: background .15s;
}
@media (min-width: 768px) { .event-card { padding: var(--space-4) var(--space-8); } }
.event-card:last-child { border-bottom: none; }
.event-card:hover { background: var(--bg-muted); }
.event-card--past { opacity: .6; }
.event-card--past:hover { opacity: .8; }

/* Date badge */
.event-card__date {
  width: 56px;
  height: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--brand);
  color: var(--text-inverse);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}
.event-card--past .event-card__date { background: var(--text-tertiary); }

/* Speaker/Event avatar */
.event-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  font-size: 1.25rem;
}
.event-card__avatar img {
  width: 100%; height: 100%; object-fit: cover;
}

.event-card__day {
  font-size: var(--text-xl);
  font-weight: 900;
  line-height: 1;
}
.event-card__month {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* Body */
.event-card__body { flex: 1; min-width: 0; }
.event-card__title {
  font-weight: 700;
  font-size: var(--text-base);
  color: var(--text-main);
  line-height: 1.3;
  margin-bottom: 3px;
}
.event-card:hover .event-card__title { color: var(--brand); }
.event-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 600;
  color: var(--text-tertiary);
}
.event-card__meta i { font-size: 11px; vertical-align: -1px; }
.event-card__excerpt {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin-top: 3px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.event-card__excerpt p { margin: 0; }

/* Event card format label */
.event-card__format {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--brand);
  margin-bottom: 2px;
}

/* Speaker in event card */
.event-card__speaker {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--text-main);
  margin-top: 2px;
}
.event-card__speaker-role {
  font-weight: 400;
  color: var(--text-tertiary);
}

/* Section labels (Upcoming / Past) */
.event-section-label {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-8);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  border-bottom: 1px solid var(--border-light);
}
.event-section-label--upcoming {
  color: var(--brand);
  background: rgba(14,90,74,.03);
}
.event-section-label--past {
  color: var(--text-tertiary);
  background: var(--bg-muted);
}
.event-section-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 4px;
  border-radius: 10px;
  background: var(--bg-muted);
  font-size: 9px;
  margin-left: auto;
}

/* Badges */
.event-card__badges {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex-shrink: 0;
}
.event-badge {
  display: inline-block;
  padding: 2px 8px;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  border-radius: 10px;
  line-height: 1.4;
  text-align: center;
}
.event-badge--online {
  background: #dff7df;
  color: #137413;
  border: 1px solid #c5e9c5;
}
.event-badge--offline {
  background: #ffe8d4;
  color: #a45200;
  border: 1px solid #f1caa6;
}
.event-badge--past {
  background: var(--bg-muted);
  color: var(--text-tertiary);
  border: 1px solid var(--border-light);
}

.event-card__arrow {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 1rem;
  transition: color .15s;
}
.event-card:hover .event-card__arrow { color: var(--brand); }

/* ── CV PROFILE BADGES (hero) ───────────── */
.cv-profile-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  background: var(--bg-muted);
  border: 1px solid var(--border-light);
  border-radius: 3px;
  text-decoration: none;
  transition: all .15s;
}
.cv-profile-badge:hover {
  background: var(--brand);
  color: var(--text-inverse);
  border-color: var(--brand);
}
.cv-profile-badge i { font-size: 13px; }

/* ── CV SECTIONS ────────────────────────── */
.cv-section {
  border-top: 1px solid var(--border-light);
}

.cv-entry {
  display: flex;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-8);
  border-bottom: 1px solid var(--border-light);
}
.cv-entry:last-child { border-bottom: none; }

.cv-entry__period {
  width: 120px;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  color: var(--brand);
  padding-top: 2px;
}
@media (max-width: 640px) {
  .cv-entry { flex-direction: column; gap: var(--space-1); }
  .cv-entry__period { width: auto; }
}

.cv-entry__body { flex: 1; min-width: 0; }
.cv-entry__title {
  font-weight: 700;
  font-size: var(--text-base);
  color: var(--text-main);
  line-height: 1.3;
}
.cv-entry__org {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin-top: 2px;
}
.cv-entry__detail {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  margin-top: 2px;
}

/* Publications */
.cv-pub-list {
  list-style: none;
  counter-reset: pub;
  padding: 0;
  margin: 0;
}
.cv-pub {
  counter-increment: pub;
  padding: var(--space-3) var(--space-8);
  border-bottom: 1px solid var(--border-light);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.6;
}
.cv-pub:last-child { border-bottom: none; }
.cv-pub::before {
  content: counter(pub) ". ";
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: 10px;
  color: var(--brand);
}
.cv-pub a { color: var(--text-main); font-weight: 600; }
.cv-pub a:hover { color: var(--brand); }
.cv-pub__year {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  color: var(--text-tertiary);
  margin-left: var(--space-2);
}

/* Conferences */
.cv-conf-list {
  list-style: none;
  padding: 0; margin: 0;
}
.cv-conf-list li {
  padding: var(--space-3) var(--space-8);
  border-bottom: 1px solid var(--border-light);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.5;
}
.cv-conf-list li:last-child { border-bottom: none; }

/* ── DISCIPLINE TABLE ────────────────────── */
.disc-year-header {
  padding: var(--space-3) var(--space-8);
  background: var(--bg-muted);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--brand);
  border-bottom: 1px solid var(--border-light);
}

.disc-table {
  border-bottom: 1px solid var(--border-light);
}

.disc-table__head {
  display: none;
  padding: var(--space-2) var(--space-6);
  border-bottom: 2px solid var(--border-light);
  background: var(--bg-card);
}
@media (min-width: 768px) {
  .disc-table__head { display: flex; gap: var(--space-2); }
}
.disc-table__head .disc-table__col {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--text-tertiary);
}

.disc-table__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-2);
  padding: var(--space-3) var(--space-6);
  border-bottom: 1px solid var(--border-light);
  text-decoration: none;
  color: inherit;
  transition: background .15s;
  align-items: center;
}
.disc-table__row:last-child { border-bottom: none; }
.disc-table__row:hover { background: var(--bg-muted); }

.disc-table__col {
  font-size: var(--text-sm);
}
.disc-table__col--code {
  width: 90px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  color: var(--brand);
  flex-shrink: 0;
}
.disc-table__col--name {
  flex: 1;
  min-width: 120px;
  font-weight: 700;
  color: var(--text-main);
}
.disc-table__row:hover .disc-table__col--name { color: var(--brand); }
.disc-table__col--credits {
  width: 60px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  flex-shrink: 0;
}
.disc-table__col--sem,
.disc-table__col--year,
.disc-table__col--eval {
  width: 50px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--text-tertiary);
  text-align: center;
  flex-shrink: 0;
}
.disc-table__col--teacher {
  width: 140px;
  font-size: 11px;
  color: var(--text-secondary);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .disc-table__col--code { width: auto; }
  .disc-table__col--name { width: 100%; }
  .disc-table__col--credits,
  .disc-table__col--sem,
  .disc-table__col--year,
  .disc-table__col--eval,
  .disc-table__col--teacher { width: auto; }
}

/* ── ORAR (timetable) ───────────────────── */
.orar-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--border-light);
}
@media (min-width: 640px) {
  .orar-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .orar-grid { grid-template-columns: repeat(3, 1fr); }
}
/* When inside sidebar layout, max 3 cols */
.program-layout__content .orar-grid {
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .program-layout__content .orar-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {
  .program-layout__content .orar-grid { grid-template-columns: repeat(3, 1fr); }
}

.orar-day {
  background: var(--bg-card);
  display: flex;
  flex-direction: column;
  min-height: 120px;
}
.orar-day--today { background: rgba(14,90,74,.02); }
.orar-day--empty { opacity: .5; }

.orar-day__header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-bottom: 2px solid var(--border-light);
  background: var(--bg-muted);
}
.orar-day--today .orar-day__header {
  background: var(--brand);
  border-bottom-color: var(--brand);
}
.orar-day__name {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text-main);
}
.orar-day--today .orar-day__name { color: var(--text-inverse); }
.orar-day__today-badge {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 1px 6px;
  border-radius: 10px;
  background: rgba(255,255,255,.25);
  color: var(--text-inverse);
}
.orar-day__count {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  color: var(--text-tertiary);
  background: var(--bg-card);
  padding: 1px 6px;
  border-radius: 10px;
}
.orar-day--today .orar-day__count {
  background: rgba(255,255,255,.2);
  color: var(--text-inverse);
}

.orar-empty {
  padding: var(--space-6);
  text-align: center;
  color: var(--text-tertiary);
  font-size: var(--text-sm);
}

/* Entry */
.orar-entry {
  display: flex;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-left: 3px solid var(--brand);
  border-bottom: 1px solid var(--border-light);
  transition: background .15s;
}
.orar-entry:last-child { border-bottom: none; }
.orar-entry:hover { background: var(--bg-muted); }

.orar-entry__time {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 40px;
  flex-shrink: 0;
}
.orar-entry__start {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: 800;
  color: var(--text-main);
  line-height: 1;
}
.orar-entry__end {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 600;
  color: var(--text-tertiary);
  line-height: 1;
  margin-top: 2px;
}

.orar-entry__body { flex: 1; min-width: 0; }

.orar-entry__subject {
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-main);
  line-height: 1.3;
  margin-bottom: 3px;
}

.orar-entry__details {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-3);
  font-size: 10px;
  color: var(--text-tertiary);
}
.orar-entry__details i { font-size: 11px; vertical-align: -1px; }
.orar-entry__type {
  font-family: var(--font-mono);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 9px;
}
.orar-entry__link {
  color: inherit;
  text-decoration: none;
}
.orar-entry__link:hover { color: var(--brand); text-decoration: underline; }

.orar-entry__weeks {
  display: inline-block;
  margin-top: 3px;
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 1px 5px;
  border-radius: 2px;
  background: var(--bg-muted);
  color: var(--text-tertiary);
  border: 1px solid var(--border-light);
}

/* ── SCHEDULE MINI TABLE ────────────────── */
.sched-mini {
  border-bottom: 1px solid var(--border-light);
}

.sched-mini__row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-6);
  border-bottom: 1px solid var(--border-light);
  border-left: 3px solid var(--brand);
  transition: background .15s;
}
.sched-mini__row:last-child { border-bottom: none; }
.sched-mini__row:hover { background: var(--bg-muted); }

.sched-mini__day {
  width: 50px;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: 800;
  color: var(--text-main);
  text-transform: uppercase;
}

.sched-mini__time {
  width: 75px;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--brand);
}

.sched-mini__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sched-mini__subject {
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-main);
  line-height: 1.3;
}

.sched-mini__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-3);
  font-size: 10px;
  color: var(--text-tertiary);
}
.sched-mini__meta i { font-size: 11px; vertical-align: -1px; }

/* ── DOCUMENTS (content area) ────────────── */
.docs-list {
  border-bottom: 1px solid var(--border-light);
}

.docs-item {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-8);
  text-decoration: none;
  color: inherit;
  transition: background .15s;
  border-bottom: 1px solid var(--border-light);
}
.docs-item:last-child { border-bottom: none; }
.docs-item:hover { background: var(--bg-muted); }

.docs-item--active { padding: var(--space-6) var(--space-8); }

.docs-item__icon {
  width: 52px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: var(--brand);
  color: var(--text-inverse);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}
.docs-item--active .docs-item__icon { width: 56px; height: 64px; }
.docs-item__icon i { font-size: 1.25rem; }
.docs-item--active .docs-item__icon i { font-size: 1.5rem; }
.docs-item__ext {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1;
}
.docs-item__icon--muted {
  background: var(--bg-muted);
  color: var(--text-secondary);
  border: 1px solid var(--border-light);
}

.docs-item__info { flex: 1; min-width: 0; }
.docs-item__title {
  font-weight: 700;
  font-size: var(--text-base);
  color: var(--text-main);
  line-height: 1.3;
  margin-bottom: 2px;
}
.docs-item--active .docs-item__title { font-size: var(--text-lg); }
.docs-item--archive .docs-item__title {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.docs-item__meta {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.docs-item__badge {
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 9px;
  font-weight: 800;
  background: rgba(14,90,74,.1);
  color: var(--brand);
  border: 1px solid rgba(14,90,74,.2);
}
.docs-item__dl {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 1.125rem;
  transition: color .15s;
}
.docs-item:hover .docs-item__dl { color: var(--brand); }

/* Archive toggle */
.docs-archive {
  background: var(--bg-muted);
  border-bottom: 1px solid var(--border-light);
}
.docs-archive__toggle {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-8);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--text-secondary);
  cursor: pointer;
  border-bottom: 1px solid var(--border-light);
  list-style: none;
}
.docs-archive__toggle::-webkit-details-marker { display: none; }
.docs-archive__toggle::before {
  content: '▸';
  font-size: 10px;
  transition: transform .2s;
}
.docs-archive[open] .docs-archive__toggle::before { transform: rotate(90deg); }
.docs-archive__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: var(--border-light);
  color: var(--text-secondary);
  font-size: 9px;
  margin-left: auto;
}
.docs-archive .docs-item { background: transparent; }
.docs-archive .docs-item:hover { background: rgba(255,255,255,.5); }

/* ── ADMIN BAR FIX ──────────────────────── */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
.admin-bar .site-nav.is-open { top: calc(4rem + 32px); }
@media (max-width: 782px) { .admin-bar .site-nav.is-open { top: calc(4rem + 46px); } }

/* ── ORAR FILTER DROPDOWNS ──────────────── */
.orar-filter-select {
  padding: 6px 28px 6px 10px;
  border: 1px solid var(--border-light);
  border-radius: 6px;
  background: var(--bg-card);
  color: var(--text-main);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%23999' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  transition: border-color .2s;
}
.orar-filter-select:focus { border-color: var(--brand); outline: none; box-shadow: 0 0 0 3px rgba(30,84,183,.08); }
.orar-filter-select:hover { border-color: var(--border-medium); }


/* ── USER PANEL (students & professors) ── */
.user-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--space-6);
  height: 2.25rem;
  background: var(--text-main);
  color: var(--text-inverse);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.user-panel__greeting {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  opacity: .8;
}
.user-panel__greeting strong {
  opacity: 1;
  text-transform: uppercase;
}

.user-panel__links {
  display: flex;
  align-items: center;
  gap: 0;
  height: 100%;
}

.user-panel__link {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0 var(--space-4);
  height: 100%;
  color: var(--text-inverse);
  text-decoration: none;
  text-transform: uppercase;
  transition: background .2s, color .2s;
  border-left: 1px solid rgba(255,255,255,.08);
  white-space: nowrap;
}
.user-panel__link:hover {
  background: var(--brand);
}
.user-panel__link--logout:hover {
  background: #DC2626;
}

.user-panel__link i {
  font-size: 14px;
}

/* When admin bar is also present */
.admin-bar .user-panel {
  margin-top: 0;
}

/* Mobile: compact */
@media (max-width: 768px) {
  .user-panel {
    padding: 0 var(--space-3);
    font-size: 9px;
  }
  .user-panel__greeting span {
    display: none;
  }
  .user-panel__link {
    padding: 0 var(--space-3);
  }
}

/* ═══════════════════════════════════════════
   INSTITUTUL DE MOBILITATE — Front-page & CPT-specific components
   ═══════════════════════════════════════════ */

/* ── HERO ─────────────────────────────────── */
.im-hero {
  position: relative;
  padding: clamp(var(--space-12), 10vw, var(--space-16)) var(--space-8);
  background: linear-gradient(180deg, var(--bg-page) 0%, var(--bg-muted) 100%);
  overflow: hidden;
  border-bottom: 1px solid var(--border-light);
}
.im-hero__wrap {
  max-width: var(--container);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-12);
  align-items: center;
  position: relative;
  z-index: 2;
}
.im-hero__sun {
  width: clamp(200px, 30vw, 360px);
  aspect-ratio: 1 / 1;
  filter: drop-shadow(var(--shadow-sun));
  animation: im-sun-rotate 120s linear infinite;
  order: 2;
}
.im-hero__content {
  max-width: 680px;
  order: 1;
}
.im-hero__title {
  font-family: var(--font-sans);
  font-weight: 900;
  font-size: clamp(2rem, 5vw, 3.75rem);
  letter-spacing: -0.035em;
  line-height: 1.02;
  color: var(--text-main);
  margin-bottom: var(--space-6);
}
.im-hero__subtitle {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: var(--space-8);
  max-width: 580px;
}
@keyframes im-sun-rotate {
  to { transform: rotate(360deg); }
}
@media (max-width: 768px) {
  .im-hero__wrap { grid-template-columns: 1fr; }
  .im-hero__sun { order: 1; width: 160px; justify-self: start; }
  .im-hero__content { order: 2; }
  .im-hero { padding: var(--space-8) var(--space-4); }
}

/* ── PRIORITY GRID ────────────────────────── */
.im-priority-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-6);
  padding: 0 var(--space-8);
  max-width: var(--container);
  margin: 0 auto;
}
.im-priority-card {
  --card-accent: var(--brand);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-8);
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-top: 4px solid var(--card-accent);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
.im-priority-card::before {
  content: "";
  position: absolute;
  top: -30px; right: -30px;
  width: 100px; height: 100px;
  border-radius: var(--radius-full);
  background: var(--card-accent);
  opacity: 0.08;
  transition: transform 0.3s ease;
}
.im-priority-card:hover {
  transform: translate(-3px, -3px);
  box-shadow: var(--shadow-brand);
}
.im-priority-card:hover::before {
  transform: scale(1.3);
}
.im-priority-card__icon {
  font-size: 2rem;
  color: var(--card-accent);
  position: relative;
  z-index: 1;
}
.im-priority-card__title {
  font-weight: 700;
  font-size: var(--text-lg);
  line-height: 1.3;
  color: var(--text-main);
  position: relative;
  z-index: 1;
}
.im-priority-card__ru {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  line-height: 1.4;
  font-style: italic;
  position: relative;
  z-index: 1;
}
.im-priority-card__arrow {
  margin-top: auto;
  color: var(--text-tertiary);
  font-size: 1.25rem;
  transition: transform 0.2s ease, color 0.2s ease;
}
.im-priority-card:hover .im-priority-card__arrow {
  color: var(--card-accent);
  transform: translateX(4px);
}

/* ── DEPT GRID (front-page variant) ───────── */
.im-dept-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--space-4);
  padding: 0 var(--space-8);
  max-width: var(--container);
  margin: 0 auto;
}
.im-dept-card {
  display: flex;
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-6);
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: border-color 0.2s, transform 0.2s;
}
.im-dept-card:hover {
  border-color: var(--brand);
  transform: translateX(2px);
}
.im-dept-card__badge {
  flex-shrink: 0;
  width: 52px; height: 52px;
  display: grid;
  place-items: center;
  background: var(--brand);
  color: var(--text-on-brand);
  font-weight: 900;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.02em;
  border-radius: var(--radius-sm);
}
.im-dept-card__body { flex: 1; min-width: 0; }
.im-dept-card__name {
  font-weight: 700;
  font-size: var(--text-base);
  color: var(--text-main);
  line-height: 1.3;
  margin-bottom: var(--space-1);
}
.im-dept-card__head {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.im-dept-card__sub {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  margin-top: var(--space-1);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.im-dept-card__arrow {
  color: var(--text-tertiary);
  flex-shrink: 0;
  transition: color 0.2s, transform 0.2s;
}
.im-dept-card:hover .im-dept-card__arrow {
  color: var(--brand);
  transform: translateX(3px);
}

/* ── EVENT LIST (public consultations) ────── */
.im-event-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: 0 var(--space-8);
  max-width: var(--container);
  margin: 0 auto;
}
.im-event-row {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  gap: var(--space-6);
  align-items: center;
  padding: var(--space-6);
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-left: 3px solid var(--brand);
  border-radius: var(--radius-sm);
}
.im-event-row__date {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--text-main);
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.im-event-row__date small {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  font-weight: 400;
  margin-top: var(--space-1);
}
.im-event-row__body h3 {
  font-size: var(--text-base);
  font-weight: 700;
  margin-bottom: var(--space-2);
}
.im-event-row__body h3 a {
  color: var(--text-main);
  text-decoration: none;
}
.im-event-row__body h3 a:hover { color: var(--brand-hover); }
.im-event-row__meta {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
}
.im-event-row__body p {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.5;
}
@media (max-width: 640px) {
  .im-event-row {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }
}

/* ── DOC GRID (library preview) ───────────── */
.im-doc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--space-4);
  padding: 0 var(--space-8);
  max-width: var(--container);
  margin: 0 auto;
}
.im-doc-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  min-height: 160px;
}
.im-doc-card:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-card);
}
.im-doc-card__head {
  display: flex;
  gap: var(--space-2);
  align-items: center;
  flex-wrap: wrap;
}
.im-doc-card__type {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--space-1) var(--space-2);
  background: var(--bg-muted);
  color: var(--text-main);
  border-radius: var(--radius-sm);
}
.im-doc-card__draft {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--space-1) var(--space-2);
  background: var(--brand);
  color: var(--text-on-brand);
  border-radius: var(--radius-sm);
}
.im-doc-card__title {
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--text-main);
  line-height: 1.35;
  flex: 1;
}
.im-doc-card__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  font-family: var(--font-mono);
  border-top: 1px solid var(--border-light);
  padding-top: var(--space-3);
  margin-top: auto;
}
.im-doc-card__lang {
  font-weight: 700;
  color: var(--brand-hover);
  letter-spacing: 0.05em;
}

/* ── Utility classes for new front-page ───── */
.section--muted { background: var(--bg-muted); }
.section-link {
  font-size: var(--text-sm);
  color: var(--brand-hover);
  font-weight: 600;
  text-decoration: none;
  margin-left: auto;
}
.section-link:hover { text-decoration: underline; }
.btn-sm {
  font-size: var(--text-xs);
  padding: var(--space-2) var(--space-4);
}

/* ── CTA button (hero) ────────────────────── */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  background: var(--brand);
  color: var(--text-on-brand);
  padding: var(--space-3) var(--space-6);
  font-weight: 700;
  font-size: var(--text-base);
  border: 2px solid var(--brand);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}
.btn-primary:hover {
  background: var(--brand-hover);
  border-color: var(--brand-hover);
  transform: translate(-2px, -2px);
  box-shadow: var(--shadow-brand);
}

/* ═══════════════════════════════════════════
   PLAN DE ACȚIUNI — unified table view
   ═══════════════════════════════════════════ */

.plan-page {
  max-width: 100%;
  padding: var(--space-8);
  background: var(--bg-page);
  min-height: calc(100vh - 200px);
}

.plan-page__header {
  max-width: var(--container);
  margin: 0 auto var(--space-8);
}

.plan-page__title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-6);
  margin-bottom: var(--space-8);
  flex-wrap: wrap;
}
.plan-page__eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--brand-hover);
  display: block;
  margin-bottom: var(--space-2);
}
.plan-page__title {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -0.025em;
  line-height: 1.1;
  color: var(--text-main);
  margin-bottom: var(--space-3);
}
.plan-page__subtitle {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.plan-page__actions {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

/* ── Toolbar (filters + search) ──────────── */
.plan-toolbar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-4);
  padding: var(--space-4);
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  align-items: center;
}
.plan-toolbar__search {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  background: var(--bg-muted);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-4);
  transition: border-color 0.15s, background 0.15s;
}
.plan-toolbar__search:focus-within {
  border-color: var(--brand);
  background: var(--bg-card);
}
.plan-toolbar__search i {
  color: var(--text-tertiary);
  font-size: 1.125rem;
  flex-shrink: 0;
}
.plan-toolbar__search input {
  flex: 1;
  border: 0;
  background: transparent;
  outline: 0;
  font-family: var(--font-sans);
  font-size: var(--text-base);
  color: var(--text-main);
}
.plan-toolbar__count {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  font-weight: 700;
  white-space: nowrap;
}
.plan-toolbar__filters {
  display: flex;
  gap: var(--space-2);
  align-items: center;
}
.plan-toolbar__select {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border-light);
  background: var(--bg-card);
  color: var(--text-main);
  border-radius: var(--radius-sm);
  min-width: 180px;
  cursor: pointer;
  transition: border-color 0.15s;
}
.plan-toolbar__select:hover { border-color: var(--brand); }
.plan-toolbar__select:focus { outline: 0; border-color: var(--brand); }

.btn-ghost {
  background: transparent;
  border: 1px solid var(--border-light);
  color: var(--text-secondary);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s;
}
.btn-ghost:hover { border-color: var(--brand); color: var(--brand-hover); }

.plan-empty {
  margin-top: var(--space-6);
  padding: var(--space-8);
  text-align: center;
  background: var(--bg-card);
  border: 1px dashed var(--border-medium);
  border-radius: var(--radius-sm);
  color: var(--text-tertiary);
}
.plan-empty i { font-size: 2rem; display: block; margin-bottom: var(--space-3); }

/* ── Table wrapper (horizontal scroll on small screens) ── */
.plan-table-wrap {
  max-width: var(--container);
  margin: 0 auto;
  overflow-x: auto;
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-card);
}

/* ── Table proper ────────────────────────── */
.plan-table {
  width: 100%;
  min-width: 1400px; /* ensures all 10 columns are readable */
  border-collapse: collapse;
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  color: var(--text-main);
  table-layout: fixed;
}

.plan-table thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--bg-inverse);
  color: var(--text-inverse);
  font-weight: 700;
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--space-4) var(--space-3);
  text-align: left;
  border-bottom: 2px solid var(--brand);
  white-space: nowrap;
}

/* Column widths */
.plan-table__col-prio  { width: 200px; }
.plan-table__col-obj   { width: 220px; }
.plan-table__col-nr    { width: 60px; }
.plan-table__col-act   { width: 320px; }
.plan-table__col-per   { width: 130px; }
.plan-table__col-res   { width: 130px; }
.plan-table__col-ind   { width: 200px; }
.plan-table__col-resp  { width: 160px; }
.plan-table__col-part  { width: 140px; }
.plan-table__col-stat  { width: 120px; }

.plan-table tbody td {
  padding: var(--space-4) var(--space-3);
  border-bottom: 1px solid var(--border-light);
  vertical-align: top;
  line-height: 1.45;
}

/* Row hover */
.plan-table tbody tr:hover td:not(.plan-cell-priority):not(.plan-cell-objective) {
  background: var(--bg-muted);
}

/* Visual separation between priorities */
.plan-row--priority-start td {
  border-top: 3px solid var(--accent);
}
.plan-row--priority-start:first-child td {
  border-top: 0;
}

/* Visual separation between objectives within same priority */
.plan-row--objective-start:not(.plan-row--priority-start) td:not(.plan-cell-priority) {
  border-top: 1px solid var(--border-medium);
}

/* ── Priority cell (rowspan, colored) ────── */
.plan-cell-priority {
  --p-color: var(--brand);
  background: var(--bg-muted);
  border-left: 5px solid var(--p-color);
  padding: var(--space-5) var(--space-4);
  vertical-align: top;
  position: sticky;
  left: 0;
  z-index: 2;
}
.plan-cell-priority__inner {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
}
.plan-cell-priority__inner > i {
  font-size: 1.5rem;
  color: var(--p-color);
  flex-shrink: 0;
  margin-top: 2px;
}
.plan-cell-priority__title {
  font-weight: 800;
  font-size: var(--text-base);
  line-height: 1.25;
  color: var(--text-main);
  margin-bottom: var(--space-1);
}
.plan-cell-priority__ru {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  font-style: italic;
  line-height: 1.3;
}

/* ── Objective cell (rowspan) ────────────── */
.plan-cell-objective {
  background: rgba(246, 197, 26, 0.04); /* very subtle yellow tint */
  vertical-align: top;
  padding: var(--space-4) var(--space-3);
  border-right: 1px solid var(--border-light);
}
.plan-cell-objective__title {
  font-weight: 700;
  font-size: var(--text-sm);
  line-height: 1.35;
  color: var(--text-main);
  margin-bottom: var(--space-1);
}
.plan-cell-objective__ru {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  font-style: italic;
  line-height: 1.3;
}

/* ── Activity cells ──────────────────────── */
.plan-cell-nr {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  text-align: center;
  white-space: nowrap;
}
.plan-cell-activity__title {
  font-weight: 600;
  font-size: var(--text-sm);
  color: var(--text-main);
  text-decoration: none;
  line-height: 1.4;
  display: block;
  margin-bottom: var(--space-1);
}
.plan-cell-activity__title:hover {
  color: var(--brand-hover);
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-underline-offset: 2px;
}
.plan-cell-activity__ru {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  font-style: italic;
  line-height: 1.3;
}
.plan-cell-perioada {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--text-secondary);
}
.plan-cell-resurse,
.plan-cell-indicatori,
.plan-cell-responsabil,
.plan-cell-parteneri {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.plan-cell-empty {
  color: var(--text-tertiary);
  font-style: italic;
  padding: var(--space-4);
}
.plan-dim { color: var(--text-tertiary); }

/* ── Status pill ─────────────────────────── */
.plan-status {
  display: inline-block;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-full);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.plan-status--planificat {
  background: #F5F3EE;
  color: #4D4D4D;
  border: 1px solid #D4D0C3;
}
.plan-status--in-curs {
  background: #FFF4B8;
  color: #6B4F00;
  border: 1px solid #F6C51A;
}
.plan-status--realizat {
  background: #DBF5E0;
  color: #1F5C2E;
  border: 1px solid #4FBC68;
}
.plan-status--suspendat {
  background: #FFE0E0;
  color: #8C1A1A;
  border: 1px solid #E07171;
}

/* ── Print stylesheet ────────────────────── */
@media print {
  .no-print, .site-header, .site-footer, .imob-badge,
  #burger-icon, #site-burger, .mega-panel { display: none !important; }

  body { background: white; color: black; }
  .plan-page { padding: 0; background: white; }
  .plan-page__header { margin-bottom: 1cm; }
  .plan-page__title { font-size: 18pt; }
  .plan-page__subtitle { font-size: 9pt; }

  .plan-table-wrap {
    overflow: visible;
    border: 0;
    box-shadow: none;
  }
  .plan-table {
    min-width: 0;
    width: 100%;
    font-size: 8pt;
  }
  .plan-table thead th {
    background: #1A1A1A !important;
    color: white !important;
    font-size: 7pt;
    padding: 4pt 3pt;
    border-bottom: 1pt solid #F6C51A !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .plan-table tbody td {
    padding: 4pt 3pt;
    border-bottom: 0.25pt solid #999;
    page-break-inside: avoid;
  }
  .plan-row--priority-start td {
    border-top: 1pt solid #1A1A1A;
    page-break-before: auto;
  }
  .plan-cell-priority {
    background: #F5F3EE !important;
    border-left: 3pt solid var(--p-color) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    position: static; /* unstick on print */
  }
  .plan-cell-priority__title { font-size: 9pt; }
  .plan-cell-priority__ru,
  .plan-cell-objective__ru,
  .plan-cell-activity__ru { display: none; }
  .plan-cell-objective { background: white !important; }
  .plan-status {
    border: 0.5pt solid currentColor;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Force landscape */
  @page { size: A4 landscape; margin: 1cm; }

  /* No sticky on print */
  .plan-table thead th { position: static; }
}

/* ── Mobile ──────────────────────────────── */
@media (max-width: 768px) {
  .plan-page { padding: var(--space-4); }
  .plan-toolbar {
    grid-template-columns: 1fr;
  }
  .plan-toolbar__filters {
    flex-wrap: wrap;
  }
  .plan-toolbar__select { min-width: 0; flex: 1; }
}

/* ═══════════════════════════════════════════
   PLAN — single-page templates (priority/objective/activity)
   ═══════════════════════════════════════════ */

/* ── Breadcrumb ──────────────────────────── */
.plan-breadcrumb {
  max-width: var(--container);
  margin: 0 auto var(--space-6);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--text-tertiary);
}
.plan-breadcrumb a {
  color: var(--text-secondary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  transition: color 0.15s;
}
.plan-breadcrumb a:hover { color: var(--brand-hover); }
.plan-breadcrumb a i { font-size: 0.95em; }
.plan-breadcrumb__sep {
  color: var(--text-tertiary);
  font-weight: 700;
}
.plan-breadcrumb__current {
  color: var(--text-main);
  font-weight: 600;
}

/* ── Detail card (hero for single pages) ── */
.plan-detail-card {
  --p-color: var(--brand);
  max-width: var(--container);
  margin: 0 auto var(--space-8);
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  display: grid;
  grid-template-columns: 6px 1fr;
}
.plan-detail-card__stripe {
  background: var(--p-color);
  width: 6px;
}
.plan-detail-card__body {
  padding: var(--space-8);
}
.plan-detail-card__head {
  display: flex;
  gap: var(--space-5);
  align-items: flex-start;
  margin-bottom: var(--space-6);
}
.plan-detail-card__head > i {
  font-size: 2.5rem;
  color: var(--p-color);
  flex-shrink: 0;
  margin-top: 4px;
}
.plan-activity-nr {
  font-family: var(--font-mono);
  font-weight: 900;
  font-size: 1.5rem;
  color: var(--text-on-brand);
  background: var(--brand);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-sm);
  min-width: 64px;
  text-align: center;
  flex-shrink: 0;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.plan-detail-card__heading { flex: 1; min-width: 0; }
.plan-detail-card__title {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 900;
  letter-spacing: -0.025em;
  line-height: 1.15;
  color: var(--text-main);
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}
.plan-detail-card__ru {
  font-size: var(--text-base);
  color: var(--text-tertiary);
  font-style: italic;
  line-height: 1.4;
}
.plan-detail-card__description {
  font-size: var(--text-base);
  line-height: 1.65;
  color: var(--text-secondary);
  max-width: 75ch;
  margin-bottom: var(--space-6);
}
.plan-detail-card__description p { margin-bottom: var(--space-4); }
.plan-detail-card__stats {
  display: flex;
  gap: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--border-light);
}
.plan-stat { display: flex; flex-direction: column; gap: var(--space-1); }
.plan-stat__num {
  font-family: var(--font-mono);
  font-weight: 900;
  font-size: 2rem;
  color: var(--text-main);
  line-height: 1;
  letter-spacing: -0.02em;
}
.plan-stat__label {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-tertiary);
  font-weight: 700;
}

/* ── Detail sections ─────────────────────── */
.plan-detail-section {
  max-width: var(--container);
  margin: 0 auto var(--space-8);
}
.plan-detail-section__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-3);
  border-bottom: 2px solid var(--accent);
}
.plan-detail-section__title {
  font-size: var(--text-xl);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text-main);
}

/* ── Baseline / Target / Result grid ─────── */
.plan-bt-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}
.plan-bt-grid--three { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 768px) {
  .plan-bt-grid,
  .plan-bt-grid--three { grid-template-columns: 1fr; }
}
.plan-bt-grid__item {
  background: var(--bg-muted);
  border: 1px solid var(--border-light);
  border-left: 3px solid var(--text-tertiary);
  padding: var(--space-4);
  border-radius: var(--radius-sm);
}
.plan-bt-grid__item--target {
  border-left-color: var(--brand);
  background: rgba(246, 197, 26, 0.06);
}
.plan-bt-grid__item--result {
  border-left-color: #4FBC68;
  background: #F2FBF4;
}
.plan-bt-grid__label {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-tertiary);
  margin-bottom: var(--space-2);
}
.plan-bt-grid__label i { font-size: 1rem; }
.plan-bt-grid__value {
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--text-main);
}

/* ── Objective block (inside priority page) ── */
.plan-objective-block {
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-5);
  overflow: hidden;
}
.plan-objective-block__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-6);
  background: var(--bg-muted);
  border-bottom: 1px solid var(--border-light);
}
.plan-objective-block__title {
  font-size: var(--text-lg);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: var(--space-1);
}
.plan-objective-block__title a {
  color: var(--text-main);
  text-decoration: none;
}
.plan-objective-block__title a:hover {
  color: var(--brand-hover);
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-underline-offset: 3px;
}
.plan-objective-block__ru {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  font-style: italic;
}
.plan-objective-block__count {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-secondary);
  background: var(--bg-card);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-full);
  border: 1px solid var(--border-light);
  white-space: nowrap;
  flex-shrink: 0;
}
.plan-objective-block .plan-bt-grid {
  margin: var(--space-5) var(--space-6) 0;
}
.plan-objective-block .plan-table-wrap--inline {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-top: var(--space-4);
}
.plan-objective-block .plan-table { min-width: 0; }

/* ── Compact table variant (for nested usage) ── */
.plan-table--compact thead th {
  background: var(--bg-page);
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-medium);
  font-size: 0.6875rem;
  padding: var(--space-2) var(--space-3);
}

/* ── Fields grid (single-activity) ───────── */
.plan-fields-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-4);
}
.plan-field {
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.plan-field__label {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-tertiary);
  border-bottom: 1px solid var(--border-light);
  padding-bottom: var(--space-3);
}
.plan-field__label i { font-size: 1rem; color: var(--brand-hover); }
.plan-field__value {
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--text-main);
}

/* ── Sibling activities list ─────────────── */
.plan-sibling-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.plan-sibling-list__item a {
  display: grid;
  grid-template-columns: 60px 1fr auto;
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-3) var(--space-4);
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: border-color 0.15s, transform 0.15s;
}
.plan-sibling-list__item a:hover {
  border-color: var(--brand);
  transform: translateX(2px);
}
.plan-sibling-list__nr {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  text-align: center;
}
.plan-sibling-list__title {
  font-size: var(--text-sm);
  color: var(--text-main);
  font-weight: 500;
  line-height: 1.4;
}

/* ── Print adjustments for singles ───────── */
@media print {
  .plan-breadcrumb { display: none; }
  .plan-detail-card,
  .plan-objective-block,
  .plan-field {
    box-shadow: none;
    border: 0.5pt solid #999;
    page-break-inside: avoid;
  }
  .plan-detail-card__stripe {
    background: var(--p-color) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .plan-bt-grid,
  .plan-bt-grid--three,
  .plan-fields-grid { grid-template-columns: 1fr 1fr; }
  .plan-detail-card__head > i { font-size: 18pt; }
  .plan-activity-nr {
    background: #F6C51A !important;
    color: #1A1A1A !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* ═══════════════════════════════════════════
   BIBLIOTECA — archive + single document templates
   ═══════════════════════════════════════════ */

/* ── Page wrapper ────────────────────────── */
.docs-page {
  padding: var(--space-8);
  background: var(--bg-page);
  min-height: calc(100vh - 200px);
}
.docs-page__header {
  max-width: var(--container);
  margin: 0 auto var(--space-6);
}
.docs-page__title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-6);
  flex-wrap: wrap;
}

/* ── Layout: sidebar + main ──────────────── */
.docs-layout {
  max-width: var(--container);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: var(--space-6);
  align-items: flex-start;
}
@media (max-width: 960px) {
  .docs-layout { grid-template-columns: 1fr; }
}

/* ── Sidebar ─────────────────────────────── */
.docs-sidebar {
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  padding: var(--space-5);
  position: sticky;
  top: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  max-height: calc(100vh - var(--space-8));
  overflow-y: auto;
}
.docs-sidebar__block { display: flex; flex-direction: column; gap: var(--space-3); }
.docs-sidebar__block .plan-toolbar__search { padding: var(--space-2) var(--space-3); }
.docs-sidebar__title {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-tertiary);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border-light);
}
.docs-filter-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.docs-filter-list__item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-2);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: var(--text-sm);
  color: var(--text-main);
  transition: background 0.12s;
  user-select: none;
}
.docs-filter-list__item:hover { background: var(--bg-muted); }
.docs-filter-list__item input { accent-color: var(--brand); cursor: pointer; }
.docs-filter-list__item span:nth-of-type(1) { flex: 1; }
.docs-filter-list__count {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  font-weight: 600;
  background: var(--bg-muted);
  padding: 2px var(--space-2);
  border-radius: var(--radius-sm);
  min-width: 24px;
  text-align: center;
}

/* ── Main column ─────────────────────────── */
.docs-main { min-width: 0; }
.docs-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--border-light);
}
.docs-toolbar__count {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.docs-toolbar__count span { font-weight: 800; color: var(--text-main); }

/* ── Doc grid ────────────────────────────── */
.docs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-5);
}
.docs-grid--list {
  grid-template-columns: 1fr;
}
.docs-grid--list .docs-card {
  flex-direction: row;
  min-height: 0;
}
.docs-grid--list .docs-card__cover {
  width: 140px;
  min-width: 140px;
  aspect-ratio: 3/4;
  flex-shrink: 0;
}
.docs-grid--list .docs-card__body { flex: 1; }
.docs-grid--list .docs-card__excerpt { display: none; }

/* ── Doc card (new: cover-first design) ───── */
.docs-card {
  display: flex;
  flex-direction: column;
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.25s ease, transform 0.2s ease;
  position: relative;
}
.docs-card:hover {
  border-color: var(--brand);
  box-shadow: 0 12px 24px -8px rgba(0,0,0,0.12), 0 4px 8px -2px rgba(0,0,0,0.06), 0 0 0 1px var(--brand);
  transform: translateY(-3px);
}

/* Cover area */
.docs-card__cover {
  position: relative;
  display: block;
  aspect-ratio: 3/4;
  overflow: hidden;
  background: var(--bg-muted);
  text-decoration: none;
}
.docs-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}
.docs-card:hover .docs-card__cover img {
  transform: scale(1.04);
}

/* Placeholder (no cover) */
.docs-card__placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--ph-from, #F5F3EE) 0%, var(--ph-to, #8C8074) 100%);
  position: relative;
  overflow: hidden;
}
.docs-card__placeholder::before {
  content: "";
  position: absolute;
  top: -20%; right: -20%;
  width: 80%;
  height: 80%;
  background: rgba(255,255,255,0.15);
  border-radius: 50%;
  filter: blur(40px);
}
.docs-card__placeholder i {
  font-size: clamp(3rem, 7vw, 5rem);
  color: var(--text-on-brand);
  opacity: 0.85;
  position: relative;
  z-index: 1;
}
.docs-card__placeholder-label {
  position: absolute;
  bottom: var(--space-4);
  left: var(--space-4);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-on-brand);
  opacity: 0.85;
  z-index: 1;
}
.docs-card__placeholder--large {
  aspect-ratio: 3/4;
  min-height: 320px;
}

/* Cover overlay (badges) */
.docs-card__cover-overlay {
  position: absolute;
  top: var(--space-3);
  left: var(--space-3);
  right: var(--space-3);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: space-between;
  align-items: flex-start;
  pointer-events: none;
  z-index: 2;
}

/* Pills (overlapping the cover) */
.docs-card__type-pill {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: var(--space-1) var(--space-3);
  background: rgba(26, 26, 26, 0.9);
  color: white;
  border-radius: var(--radius-full);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.docs-card__type-pill--solid {
  background: var(--accent);
  backdrop-filter: none;
}
.docs-card__draft-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: var(--space-1) var(--space-3);
  background: var(--brand);
  color: var(--text-on-brand);
  border-radius: var(--radius-full);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.docs-card__lang-pill {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: var(--space-1) var(--space-3);
  background: rgba(255, 255, 255, 0.95);
  color: var(--text-main);
  border-radius: var(--radius-full);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  margin-left: auto;
}

/* Body */
.docs-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  flex: 1;
}
.docs-card__title-link {
  text-decoration: none;
  color: inherit;
}
.docs-card__title {
  font-size: var(--text-base);
  font-weight: 700;
  line-height: 1.35;
  color: var(--text-main);
  letter-spacing: -0.005em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.docs-card__title-link:hover .docs-card__title {
  color: var(--brand-hover);
}
.docs-card__excerpt {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Metadata grid (2-column DL inside card) */
.docs-card__meta-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: var(--space-2) 0 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--border-light);
}
.docs-card__meta-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-3);
  align-items: baseline;
}
.docs-card__meta-row dt {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-tertiary);
  font-weight: 700;
  white-space: nowrap;
}
.docs-card__meta-row dt i { font-size: 0.95em; }
.docs-card__meta-row dd {
  font-size: var(--text-xs);
  color: var(--text-main);
  margin: 0;
  text-align: right;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* CTA download — full-width below body */
.docs-card__cta {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  background: var(--brand);
  color: var(--text-on-brand);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
  margin-top: var(--space-2);
  box-shadow: 0 1px 0 rgba(224, 168, 0, 0.6);
}
.docs-card__cta:hover {
  background: var(--brand-hover);
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 var(--accent);
}
.docs-card__cta i { font-size: 1.125rem; flex-shrink: 0; }
.docs-card__cta-label { flex: 1; }
.docs-card__cta-meta {
  font-size: 0.6875rem;
  font-weight: 600;
  opacity: 0.85;
  letter-spacing: 0.04em;
}
.docs-card__cta-meta strong { font-weight: 800; opacity: 1; }
.docs-card__cta--disabled {
  background: var(--bg-muted);
  color: var(--text-tertiary);
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}
.docs-card__cta--disabled:hover {
  background: var(--bg-muted);
  transform: none;
  box-shadow: none;
}

/* ── Front-page mini-card variation (.im-doc-card) ─── */
/* Used in front-page recent docs and activity-related docs (compact embed) */
.im-doc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--space-4);
  padding: 0 var(--space-8);
  max-width: var(--container);
  margin: 0 auto;
}
.im-doc-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-left: 3px solid var(--brand);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  min-height: 160px;
}
.im-doc-card:hover {
  border-color: var(--brand);
  border-left-color: var(--brand-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px -6px rgba(0,0,0,0.1);
}
.im-doc-card__head {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}
.im-doc-card__type {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--space-1) var(--space-2);
  background: var(--bg-muted);
  color: var(--text-main);
  border-radius: var(--radius-sm);
}
.im-doc-card__draft {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--space-1) var(--space-2);
  background: var(--brand);
  color: var(--text-on-brand);
  border-radius: var(--radius-sm);
}
.im-doc-card__title {
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--text-main);
  line-height: 1.35;
  flex: 1;
}
.im-doc-card__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  font-family: var(--font-mono);
  border-top: 1px solid var(--border-light);
  padding-top: var(--space-3);
  margin-top: auto;
}
.im-doc-card__lang {
  font-weight: 800;
  color: var(--brand-hover);
  letter-spacing: 0.06em;
}

/* ── Single document detail ──────────────── */
.docs-detail {
  max-width: var(--container);
  margin: 0 auto var(--space-8);
}
.docs-detail__head {
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-6);
  border-bottom: 2px solid var(--accent);
}
.docs-detail__head--with-cover {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--space-8);
  align-items: flex-start;
}
@media (max-width: 768px) {
  .docs-detail__head--with-cover {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }
}
.docs-detail__cover {
  position: relative;
  aspect-ratio: 3/4;
  overflow: hidden;
  background: var(--bg-muted);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-light);
  box-shadow: 0 12px 32px -8px rgba(0,0,0,0.15);
}
.docs-detail__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.docs-detail__head-text { min-width: 0; }
.docs-detail__badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}
.docs-detail__cat-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--text-xs);
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  text-decoration: none;
  transition: border-color 0.15s, color 0.15s;
}
.docs-detail__cat-tag:hover {
  border-color: var(--brand);
  color: var(--brand-hover);
}
.docs-detail__title {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -0.025em;
  line-height: 1.15;
  color: var(--text-main);
  margin-bottom: var(--space-3);
}
.docs-detail__excerpt {
  font-size: var(--text-lg);
  line-height: 1.55;
  color: var(--text-secondary);
  max-width: 75ch;
}
.docs-detail__layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: var(--space-8);
  align-items: flex-start;
}
@media (max-width: 960px) {
  .docs-detail__layout { grid-template-columns: 1fr; }
}
.docs-detail__main { min-width: 0; }
.docs-detail__body {
  font-size: var(--text-base);
  line-height: 1.7;
  color: var(--text-main);
  max-width: 75ch;
}
.docs-detail__body h2 {
  font-size: var(--text-xl);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
}
.docs-detail__body h3 {
  font-size: var(--text-lg);
  font-weight: 700;
  margin-top: var(--space-6);
  margin-bottom: var(--space-2);
}
.docs-detail__body p { margin-bottom: var(--space-4); }
.docs-detail__body ul,
.docs-detail__body ol { margin-bottom: var(--space-4); padding-left: var(--space-6); }
.docs-detail__body li { margin-bottom: var(--space-2); }

/* Sidebar download + meta */
.docs-detail__sidebar {
  position: sticky;
  top: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.docs-download-cta {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5);
  background: var(--brand);
  color: var(--text-on-brand);
  border-radius: var(--radius-sm);
  text-decoration: none;
  border: 2px solid var(--brand);
  transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
}
.docs-download-cta:hover {
  background: var(--brand-hover);
  border-color: var(--brand-hover);
  transform: translate(-2px, -2px);
  box-shadow: var(--shadow-brand);
}
.docs-download-cta__icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,0.1);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}
.docs-download-cta__icon i { font-size: 1.75rem; }
.docs-download-cta__text { display: flex; flex-direction: column; gap: var(--space-1); }
.docs-download-cta__label {
  font-weight: 800;
  font-size: var(--text-base);
  letter-spacing: -0.01em;
}
.docs-download-cta__meta {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.04em;
  opacity: 0.85;
}
.docs-download-cta__meta strong { font-weight: 800; opacity: 1; }

.docs-detail__meta {
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  padding: var(--space-5);
}
.docs-detail__meta-title {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-tertiary);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--border-light);
  margin-bottom: var(--space-3);
}
.docs-meta-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
}
.docs-meta-list__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-3);
  align-items: baseline;
}
.docs-meta-list__row dt {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  white-space: nowrap;
}
.docs-meta-list__row dt i { font-size: 0.95em; }
.docs-meta-list__row dd {
  font-size: var(--text-sm);
  color: var(--text-main);
  font-weight: 500;
  margin: 0;
  text-align: right;
}

/* ── Print ───────────────────────────────── */
@media print {
  .docs-sidebar,
  .docs-toolbar,
  .docs-detail__sidebar,
  .docs-page__actions { display: none !important; }
  .docs-layout,
  .docs-detail__layout { grid-template-columns: 1fr; }
  .docs-card { break-inside: avoid; border: 0.5pt solid #999; }
  .docs-detail__head { border-bottom: 1pt solid #1A1A1A; }
}