/* TechNachbar – gemeinsame Layout-Regeln.
   Ersetzt die Umschaltung Desktop/Mobil, die im Claude-Design-Entwurf
   über <sc-if isDesktop/isMobile> lief, durch reine CSS-Media-Queries.
   Umschaltpunkt 980px – identisch zur Logik des Original-Skripts. */

/* Desktop-Navigation: Links sind Flex-Kinder der <nav> (display:contents). */
.tn-nav-desktop { display: contents; }

/* Umschaltbutton (Hamburger) und Klappmenü nur auf schmalen Screens. */
@media (min-width: 980px) {
  .tn-nav-toggle { display: none !important; }
  .tn-mobile-menu { display: none !important; }
}
@media (max-width: 979.98px) {
  .tn-nav-desktop { display: none !important; }
}

/* Mobiles Klapp-Menü – Grundzustand geschlossen, per JS-Klasse .open geöffnet. */
.tn-mobile-menu {
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding: 6px clamp(18px, 4vw, 40px) 20px;
  display: none;
}
.tn-mobile-menu.open { display: grid; gap: 2px; }

/* Sticky-Header beim Ansteuern von Ankern berücksichtigen. */
section[id] { scroll-margin-top: 84px; }