/* === ОБЗОРНАЯ СТРАНИЦА MÖRK BORG === */

/* HERO */
.system-hero-mb {
  background:#FFE800;
  color:#1a1a1a;
  padding:3.5rem 1.5rem 2.5rem;
  text-align:center;
  border-bottom:6px solid #cc0000;
}
.system-hero-mb .system-hero-title {
  font-family:'UnifrakturMaguntia', cursive;
  font-size:clamp(3.5rem, 10vw, 6rem);
  line-height:0.9;
  transform:rotate(-2deg);
  display:inline-block;
  text-shadow:3px 3px 0 rgba(139,0,0,0.3);
}
.system-hero-mb .system-hero-sub {
  font-family:'Special Elite', serif;
  color:#8b0000;
  font-size:1.2rem;
  letter-spacing:0.25em;
  text-transform:uppercase;
  margin-top:0.8rem;
}
.system-hero-mb .system-hero-flavor {
  font-family:'IM Fell English', serif;
  font-style:italic;
  color:#5a0000;
  font-size:1.05rem;
  max-width:580px;
  margin:1.2rem auto 0;
  line-height:1.7;
}

/* ХЛЕБНЫЕ КРОШКИ */
.breadcrumbs {
  background:#e8dcc0;
  padding:0.6rem 1.5rem;
  font-size:0.85rem;
  border-bottom:1px solid rgba(0,0,0,0.1);
}
.breadcrumbs a { color:#8b0000; text-decoration:none; }
.breadcrumbs a:hover { text-decoration:underline; }
.breadcrumbs span { color:#1a1a1a; font-weight:600; }

/* ПЛИТКА РАЗДЕЛОВ */
.hub-section { background:#f5f2e8; padding:3rem 0; }

.hub-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:1.2rem;
}
.hub-card {
  display:block;
  padding:1.5rem;
  background:#fff;
  border:2px solid #1a1a1a;
  border-radius:0;
  text-decoration:none;
  color:#1a1a1a;
  transition:transform 0.15s, background 0.15s;
  position:relative;
  min-height:170px;
}
.hub-card:hover {
  background:#FFE800;
  transform:translateY(-3px);
}
.hub-card-icon {
  font-size:2.2rem;
  margin-bottom:0.6rem;
  line-height:1;
}
.hub-card-title {
  font-family:'UnifrakturMaguntia', cursive;
  font-size:1.6rem;
  color:#1a1a1a;
  margin-bottom:0.4rem;
  line-height:1.1;
}
.hub-card-desc {
  font-size:0.88rem;
  color:#5a4a30;
  line-height:1.5;
}
.hub-card-count {
  position:absolute;
  top:1rem; right:1rem;
  background:#cc0000;
  color:#fff;
  padding:0.15rem 0.5rem;
  font-size:0.75rem;
  font-weight:700;
  font-family:'Share Tech Mono', monospace;
}
.hub-card-badge {
  position:absolute;
  top:1rem; right:1rem;
  background:#cc0000;
  color:#FFE800;
  padding:0.15rem 0.5rem;
  font-size:0.7rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.05em;
}
.hub-card-accent {
  background:#1a1a1a;
  color:#FFE800;
  border-color:#FFE800;
}
.hub-card-accent:hover { background:#cc0000; color:#FFE800; }
.hub-card-accent .hub-card-title { color:#FFE800; }
.hub-card-accent .hub-card-desc { color:#c8b080; }
.hub-card-accent .hub-card-icon { color:#FFE800; }

/* БЫСТРЫЙ ДОСТУП */
.quick-section { background:#e8dcc0; padding:2.5rem 0; }
.quick-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  gap:0.5rem;
}
.quick-link {
  display:block;
  padding:0.8rem 1rem;
  background:#fff;
  border-left:3px solid #cc0000;
  text-decoration:none;
  color:#1a1a1a;
  font-family:'Special Elite', serif;
  text-transform:uppercase;
  letter-spacing:0.03em;
  font-size:0.85rem;
  transition:background 0.15s;
}
.quick-link:hover { background:#FFE800; }

/* О СИСТЕМЕ */
.about-system { background:#1a1a1a; color:#f5f2e8; }
.about-system .section-title { color:#FFE800; }
.about-system .about-card {
  background:rgba(255,255,255,0.04);
  border-left:4px solid #FFE800;
  color:#c8c4b0;
}
.about-system .about-card h3 { color:#FFE800; }

@media (max-width:768px) {
  .hub-grid { grid-template-columns:1fr 1fr; gap:0.8rem; }
  .hub-card { padding:1rem; min-height:140px; }
  .hub-card-title { font-size:1.3rem; }
}