/*
  German in Context — Home page "Deutsch" V1 (public landing only, built by gic-de-landing-v1.js)
  Quiet and typographic: a hairline black-red-gold stripe, one German tagline, small German
  second-voice words beside English eyebrows and level names. No flags, no clichés.
*/
.home-hero-compact{position:relative}

/* tricolor hairline on the hero's top edge (clipped by the hero's own rounded corners) */
.gic-de-stripe{
  position:absolute;left:0;right:0;top:0;height:3px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,#4a4a4a 0 33.34%,#c0303c 33.34% 66.67%,#d6a93d 66.67% 100%);
}

/* the German twin of the headline */
.home-hero-compact .gic-de-tagline{
  margin:-6px 0 20px;
  font:italic 500 clamp(15px,4.3vw,18px)/1.4 "Newsreader",Georgia,"Iowan Old Style","Times New Roman",serif;
  color:#e6d29a;
  letter-spacing:.005em;
}

/* second-voice words beside English eyebrows */
.gic-de-sub-l{
  text-transform:none!important;
  letter-spacing:.02em!important;
  font-weight:600!important;
  opacity:.88;
  white-space:nowrap;
}

/* German level names under each level title */
.level-card .gic-de-level{
  display:block;
  margin:-2px 0 8px;
  font:italic 500 14px/1.3 "Newsreader",Georgia,"Iowan Old Style",serif;
}
.level-card.active-level .gic-de-level{color:#e0c47b}
.level-card.locked-level .gic-de-level{color:#8a6a2c}