/* Startseite (/) -------------------------------------------------------------
   Lokale Styles ausschliesslich fuer src/index.md (per Frontmatter-Feld
   extraCss in layouts/base.njk eingebunden). Neue Klassen tragen das
   Praefix .home-, damit keine andere Seite betroffen sein kann.

   Regionalbereich: eigenstaendige, helle Chip-Variante. Bewusst NICHT
   .about-places aus ueber-uns.css uebernommen (die ist an den dunklen
   .about-region-Hintergrund gekoppelt) - gestalterisch an deren
   Chip-Prinzip angelehnt, aber eigene Klassen fuer den hellen Kontext.

   Technikwissen-Ausschnitt: importiert bewusst technikwissen.css fuer
   .tw-card/.tw-grid (identische Kartenoptik wie auf /technikwissen/, keine
   doppelt gepflegte Kopie der Kartenregeln). Nur die Klassen .tw-card,
   .tw-card__*, .tw-grid werden hier verwendet - Featured-/Filter-/Artikel-
   Regeln aus technikwissen.css greifen mangels passendem Markup auf der
   Startseite nicht. ---------------------------------------------------- */
@import url("/assets/css/technikwissen.css");

/* Regionalbereich ------------------------------------------------------------ */
.home-region__grid {
  display: grid;
  gap: var(--space-4);
}
.home-region__intro p { margin-top: var(--space-2); }
.home-region__places {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
@media (min-width: 768px) {
  .home-region__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: start;
  }
  .home-region__places { padding-top: var(--space-1); }
}

.home-chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.home-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.02em;
  line-height: 1.2;
  padding: 0.4em 0.9em;
  border: 1px solid var(--paper-line);
  border-radius: 999px;
  background: var(--paper-000);
  color: var(--paper-text-muted);
}
.home-chip--hq {
  border-color: var(--brand-500);
  color: var(--paper-text);
  background: rgba(74, 154, 31, 0.07);
}
.home-chip__tag {
  font-family: var(--font-display);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--brand-600);
}
.home-chip--featured {
  border-color: rgba(74, 154, 31, 0.45);
  color: var(--paper-text);
}
.home-chip--muted {
  border-style: dashed;
  color: var(--paper-text-muted);
  background: transparent;
}

/* Technikwissen-Ausschnitt ---------------------------------------------------- */
.home-technikwissen .section-head p { margin-top: var(--space-2); }
.home-tw-grid { margin-top: var(--space-4); }