/* Wettbewerbs-Ausschreibung — Satz ueber mzone-ui.
   Ein Dokument, kein Effekt: die Seite soll nicht mit den Einreichungen konkurrieren. */

.wb-top {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline;
  gap: .8rem 1.4rem; padding-top: clamp(2rem, 6vh, 4rem);
}
.wb-eyebrow {
  margin: 0; font-family: var(--mz-mono); font-size: 11px; letter-spacing: .3em;
  text-transform: uppercase; color: var(--mz-accent);
}
.wb-lang { font-family: var(--mz-mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; }
.wb-lang a { color: color-mix(in srgb, var(--mz-text) 70%, transparent); text-decoration: none; border-bottom: 1px solid transparent; }
.wb-lang a:hover { color: var(--mz-text-strong); border-bottom-color: var(--mz-accent); }
.wb-lang b { color: var(--mz-text-strong); font-weight: 500; }
.wb-lang i { opacity: .3; font-style: normal; margin: 0 .5em; }

.wb-title {
  margin: 1rem 0 1.2rem; font-size: clamp(2.3rem, 7.5vw, 4.8rem); font-weight: 200;
  line-height: .96; letter-spacing: -.04em; color: var(--mz-text-strong);
}
.wb-sub { margin: 0 0 .6rem; max-width: 60ch; }

.wb-sec { margin: clamp(2.8rem, 7vh, 4.4rem) 0; }
.wb-marker {
  display: block; margin: 0 0 .9rem; font-family: var(--mz-mono); font-size: 10px;
  letter-spacing: .28em; text-transform: uppercase;
  color: color-mix(in srgb, var(--mz-text) 55%, transparent);
}
.wb-sec h2 { margin-top: 0; }

.wb-claim {
  margin: 1.6rem 0; padding-left: clamp(.9rem, 2.5vw, 1.4rem);
  border-left: 2px solid var(--mz-accent);
  font-size: clamp(1.15rem, 2.6vw, 1.5rem); font-weight: 300; line-height: 1.4;
  letter-spacing: -.01em; color: var(--mz-text-strong);
}

.wb-list { margin: 0; padding: 0; list-style: none; max-width: 68ch; counter-reset: wbn; }
.wb-list li {
  position: relative; padding: .62rem 0 .62rem 2.1rem; line-height: 1.6;
  border-bottom: 1px solid color-mix(in srgb, var(--mz-text) 10%, transparent);
  counter-increment: wbn;
}
.wb-list li::before {
  content: counter(wbn, decimal-leading-zero);
  position: absolute; left: 0; top: .72rem;
  font-family: var(--mz-mono); font-size: 10px; letter-spacing: .1em;
  color: var(--mz-accent);
}

.wb-lose { max-width: 66ch; font-size: 1.02rem; line-height: 1.85; }
.wb-lose b { color: var(--mz-text-strong); font-weight: 400; }

.wb-slot {
  display: inline-block; padding: .12em .5em; border-radius: 3px;
  border: 1px dashed var(--mz-accent); font-family: var(--mz-mono); font-size: .85em;
  color: var(--mz-accent); letter-spacing: .06em;
}

.wb-actions { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; margin: 1.4rem 0 0; }
.wb-actions a.mz-btn { text-decoration: none; }
.wb-note { margin: .9rem 0 0; }

.wb-end {
  margin: clamp(3rem, 8vh, 5rem) 0 0; padding-top: 2rem;
  border-top: 1px solid color-mix(in srgb, var(--mz-text) 14%, transparent);
  font-size: clamp(1.2rem, 3vw, 1.7rem); font-weight: 200; line-height: 1.35;
  letter-spacing: -.02em; color: var(--mz-text-strong);
}
.wb-end span { display: block; }
.wb-end span + span { margin-top: .35rem; color: var(--mz-accent); }