/* Dark City V6 – gleichmäßig kompakte Größen nach dem Original-Layout,
   dauerhaft aktiver Navigations-Unterstrich und geschlossene Regelkarten. */
:root { --dc-gradient:linear-gradient(105deg,#7239d7 0%,#a061f0 46%,#c582f8 75%,#8045e8 100%); }

/* Header: Original-Proportionen statt übergroßer Dark-City-Elemente. */
.hdr .hdr-brand { margin-right:20px; gap:7px; }
.hdr .dc-brand-logo { width:29px; height:32px; }
.hdr .dc-brand-type {font-size:1rem;letter-spacing:.03em;}
.hdr .dc-brand-type small {font-size:.47rem;letter-spacing:.32em;}
.hdr .hdr-nav .hdr-link {padding:11px 13px;font-size:13px;gap:6px;}
.hdr .hdr-nav .hdr-wiki {padding:10px 14px;font-size:13px;gap:7px;}
.hdr .hdr-nav .hdr-sep {margin:0 6px;height:27px;}
.hdr .hdr-indicator {height:2px;background:linear-gradient(90deg,#a263f8,#c88cff);opacity:0;border-radius:2px;transition:left .3s ease,width .3s ease,opacity .15s ease;}
.hdr .hdr-nav a[aria-current="page"] {color:#f8f2ff;}
.hdr .hdr-nav a[aria-current="page"] i.ic {color:#be91ff;}

/* Allgemeine Seiten: geringer dimensionierte Titel, Informationen und Abstände. */
.seite {max-width:1100px;}
.seite .seite-kopf {margin-bottom:36px;}
.seite .seite-kopf h1 {font-size:clamp(40px,4.5vw,66px);line-height:1.10;letter-spacing:.105em;}
.seite .seite-kopf p {margin-top:12px;font-size:15px;line-height:1.5;}
.seite .seite-kopf .strich {width:76px;height:3px;margin-top:18px;}
.seite .zwischen {font-size:30px;margin:30px 0 24px;}

/* Regelwerk: Vorlage 1060px Lesebereich und 700px Tab-Gruppe bei großer Auflösung. */
.seite.seite-regelwerk,.seite.seite-yaca {max-width:1100px;padding-left:20px;padding-right:20px;}
.seite-regelwerk .seite-kopf {margin-bottom:34px;}
.seite-regelwerk .seite-kopf h1 {font-size:clamp(42px,4.4vw,66px);line-height:1.12;}
.seite-regelwerk .rw-tabs {width:min(700px,100%);height:72px;padding:7px;gap:8px;margin-bottom:11px;}
.seite-regelwerk .rw-tab {height:56px;padding:0 12px;font-size:13px;letter-spacing:.075em;gap:10px;}
.seite-regelwerk .rw-hinweis {margin:0 auto 20px;font-size:12px;}
.seite-regelwerk .rw-suche {height:56px;margin-bottom:28px;}
.seite-regelwerk .rw-suche input {font-size:14px;}
.seite-regelwerk .rw-regel,.seite-yaca .rw-regel {border-radius:16px!important;margin-bottom:15px;}
.seite-regelwerk .rw-regel>summary {padding:18px 26px!important;min-height:80px;font-size:16px;gap:15px;}
.seite-regelwerk .rw-regel>summary>span:not(.r-ico):not(.r-pfeil):not(.rw-count) {font-size:16px!important;}
.seite-regelwerk .rw-regel .r-ico {width:36px;height:36px;}
.seite-regelwerk .rw-detail-block {margin:0 26px 22px 75px;}
.seite-regelwerk .dc-rule-sub {padding:15px 16px;}
.seite-regelwerk .dc-rule-sub h4 {font-size:14px;margin-bottom:7px;}
.seite-regelwerk .dc-rule-sub p {font-size:14px;line-height:1.7;}
.seite-regelwerk .rw-kats {margin:28px auto 30px;gap:14px;}
.seite-regelwerk .rw-kat {min-height:155px;width:220px;padding:17px 12px;}
.seite-regelwerk .rw-kat b {font-size:14px;}
.seite-regelwerk .rw-fraktionsregel>summary {min-height:79px;}
.seite-regelwerk .rw-fraktionsregel .r-text {font-size:14px;line-height:1.7;padding-left:84px!important;}

/* YACA-Hilfe: die vier Karten haben dieselben Abstände wie die Screenshot-Vorlage. */
.seite-yaca .schritte {gap:18px;margin-bottom:42px;}
.seite-yaca .schritt {padding:23px;}
.seite-yaca .schritt .nr {width:42px;height:42px;font-size:16px;}
.seite-yaca .schritt h3 {font-size:16px;line-height:1.4;}
.seite-yaca .schritt p,.seite-yaca .schritt a {font-size:14px;line-height:1.6;}
.seite-yaca .zwischen {font-size:31px;margin:32px 0 26px;}
.seite-yaca .rw-regel>summary {padding:18px 28px!important;min-height:75px;font-size:16px;}
.seite-yaca .rw-regel .r-text {font-size:14px;line-height:1.75;padding:3px 28px 23px 84px!important;}

/* Weitere Unterseiten und Startseite: zurückhaltendere Schrift- und Kartenmaße. */
.hero .dc-hero-logo {margin-bottom:22px;gap:0;}
.hero .dc-hero-logo img {width:166px;height:139px;}
.hero .dc-hero-type {font-size:clamp(2.7rem,5.1vw,4.7rem);}
.hero .subtitle {font-size:clamp(1rem,1.45vw,1.3rem);letter-spacing:.1em;}
.info-card {padding:22px;}
.phi-text {padding:27px 30px;}
.phi-text h2 {font-size:1.4rem;}
.phi-text p {font-size:.96rem;line-height:1.7;}
.phi-wert {padding:24px;gap:15px;}
.phi-wert h3 {font-size:1.1rem;}
.phi-wert p {font-size:.92rem;}
.textkarte {padding:30px 34px;}
.recht-karte {padding:28px;}

@media (max-width: 1150px) and (min-width: 901px) {
  .hdr .hdr-nav .hdr-link {padding:10px 9px;font-size:12px;}
  .hdr .hdr-nav .hdr-wiki {padding:9px 9px;font-size:12px;}
  .hdr .hdr-brand {margin-right:12px;}
  .hdr .hdr-right {gap:7px;margin-left:8px;}
}
@media(max-width:900px) {
  .hdr .hdr-brand {margin-right:0;}
  .seite.seite-regelwerk,.seite.seite-yaca{max-width:100%;padding:95px 15px 35px;}
  .seite .seite-kopf h1,.seite-regelwerk .seite-kopf h1 {font-size:clamp(34px,8vw,51px);}
  .seite-regelwerk .rw-tabs {width:100%;height:auto;min-height:64px;padding:5px;gap:3px;}
  .seite-regelwerk .rw-tab {height:52px;padding:7px 3px;font-size:10px;gap:4px;}
  .seite-regelwerk .rw-kat {width:100%;min-width:0;min-height:130px;}
  .seite-regelwerk .rw-kats {gap:7px;margin:19px 0 24px;}
  .seite-regelwerk .rw-regel>summary,.seite-yaca .rw-regel>summary {padding:15px!important;gap:10px;min-height:70px;font-size:14px;}
  .seite-regelwerk .rw-regel>summary>span:not(.r-ico):not(.r-pfeil):not(.rw-count) {font-size:14px!important;}
  .seite-regelwerk .rw-detail-block {margin:0 15px 20px 55px;}
  .seite-regelwerk .dc-rule-sub {padding:13px 11px;}
  .seite-regelwerk .dc-rule-sub h4 {font-size:13px;}
  .seite-regelwerk .dc-rule-sub p {font-size:13px;}
  .seite-yaca .schritt {padding:21px;}
  .seite-yaca .rw-regel .r-text {font-size:13px;padding:0 16px 18px 58px!important;}
  .hero .dc-hero-logo img {height:115px;width:140px;}
  .hero .dc-hero-type {font-size:clamp(2.6rem,8vw,4.2rem);}
}
@media(max-width:470px) {
  .seite-regelwerk .rw-kat b {font-size:9px;}
  .seite-regelwerk .rw-hinweis {font-size:10px;}
  .rw-count {display:none;}
  .seite-regelwerk .rw-suche {height:50px;}
}
@media(prefers-reduced-motion:reduce) { .hdr .hdr-indicator {transition:none;} }
