/* Nerdschmie.de Desktop Design Phase 6 – common detail-page rhythm. */
body.nsd .nsd-detail-page-v1 {
  width: min(100%, var(--nsd-layout-content-max, 1180px));
  margin-inline: auto;
  padding-top: var(--nsd-space-4);
  padding-bottom: var(--nsd-space-7);
}
body.nsd .nsd-detail-page-v1 > .ns-event-hero,
body.nsd .nsd-detail-page-v1 > .nsd-city-detail-hero-v1,
body.nsd .nsd-detail-page-v1 > .nsd-profile-hero-v1,
body.nsd .nsd-detail-page-v1 > .nsd-featured-temporal-card-v1 { margin-bottom: var(--nsd-space-section); }
body.nsd .nsd-detail-page-v1 .ns-event-section,
body.nsd .nsd-detail-page-v1 .nsd-city-section,
body.nsd .nsd-detail-page-v1 .ns-event-nearby { margin-block: var(--nsd-space-section); }
body.nsd .nsd-detail-page-v1 .ns-event-section-title,
body.nsd .nsd-detail-page-v1 .nsd-city-section-head h2 {
  color: var(--nsd-color-text);
  font-size: var(--nsd-type-section-size);
  line-height: var(--nsd-type-section-line);
  font-weight: var(--nsd-type-section-weight);
  letter-spacing: var(--nsd-type-section-tracking);
}
body.nsd .nsd-detail-page-v1 .nsd-detail-local-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem .75rem;
  margin: calc(var(--nsd-space-section) * -.35) 0 var(--nsd-space-section);
  padding: .72rem 0;
  border-block: 1px solid var(--nsd-border-subtle);
  background: transparent;
}
body.nsd .nsd-detail-page-v1 .nsd-detail-local-nav a {
  padding: .25rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--nsd-color-text-muted);
  font-size: var(--nsd-type-meta-size);
  text-decoration: none;
}
body.nsd .nsd-detail-page-v1 .nsd-detail-local-nav a:hover,
body.nsd .nsd-detail-page-v1 .nsd-detail-local-nav a:focus-visible { color: var(--nsd-color-accent); }
body.nsd .nsd-detail-page-v1 .nsd-detail-local-nav a:focus-visible {
  outline: var(--nsd-focus-width) solid var(--nsd-focus-color);
  outline-offset: var(--nsd-focus-offset);
}
body.nsd .nsd-city-detail-hero-v1 {
  min-height: 0;
  padding: var(--nsd-space-5);
  border: 1px solid var(--nsd-border-subtle);
  border-radius: var(--nsd-radius-hero);
  background: linear-gradient(135deg, rgba(13,18,17,.98), rgba(7,9,9,.98));
  box-shadow: var(--nsd-shadow-card);
}
body.nsd .nsd-city-detail-hero-v1 h1 {
  margin: .2rem 0 .5rem;
  color: var(--nsd-color-accent);
  font-family: var(--nsd-font-body);
  font-size: var(--nsd-type-hero-h1-size);
  line-height: var(--nsd-type-hero-h1-line);
  font-weight: var(--nsd-type-hero-h1-weight);
}
body.nsd .nsd-city-detail-hero-v1 .nsd-city-eyebrow,
body.nsd .nsd-city-detail-hero-v1 .nsd-city-state-line,
body.nsd .nsd-city-detail-hero-v1 .nsd-city-hero-counts,
body.nsd .nsd-city-detail-hero-v1 .nsd-city-fact-lead { max-width: 56rem; }
body.nsd .nsd-city-detail-hero-v1 .nsd-city-hero-counts,
body.nsd .nsd-city-detail-hero-v1 .nsd-city-fact-lead { color: var(--nsd-color-text-body); }
body.nsd .nsd-city-detail-hero-v1 .nsd-city-state-line { margin: 0 0 .35rem; color: var(--nsd-color-text-muted); }
body.nsd .nsd-city-detail-v1 .nsd-city-section,
body.nsd .nsd-city-detail-v1 .nsd-city-score { padding: 0; border: 0; background: transparent; box-shadow: none; }
body.nsd .nsd-city-detail-v1 .nsd-city-entity-grid { gap: var(--nsd-space-4); }
body.nsd .nsd-city-detail-v1 .nsd-city-score-components { display: none; }
body.nsd .nsd-detail-page-v1 .nsd-detail-entity-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap: var(--nsd-space-4); }
body.nsd .nsd-detail-page-v1 .nsd-detail-compact-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap: var(--nsd-space-4); }
body.nsd .nsd-detail-page-v1 .nsd-info-panel { margin-block: var(--nsd-space-section); }
body.nsd .nsd-detail-page-v1 .scene-page-links { margin-top: var(--nsd-space-7); }
@media (max-width: 700px) {
  body.nsd .nsd-detail-page-v1 { padding-top: var(--nsd-space-3); }
  body.nsd .nsd-detail-page-v1 .nsd-detail-local-nav { margin-top: 0; }
}

/* Desktop Design Phase 8 – final detail rhythm corrections. */
@media (min-width: 701px) {
  body.nsd .nsd-detail-page-v1 .nsd-kpi-card--genres strong,
  body.nsd .nsd-detail-page-v1 .nsd-kpi-card--genres span { overflow: visible; text-overflow: clip; white-space: normal; }
  body.nsd .nsd-detail-page-v1 .ns-event-section + .ns-event-section,
  body.nsd .nsd-detail-page-v1 .ns-event-section + .ns-event-nearby,
  body.nsd .nsd-detail-page-v1 .ns-event-nearby + .ns-event-nearby { margin-top: var(--nsd-space-section); }
}