/* Globale Verständnishilfe — schmaler redaktioneller Streifen über dem Hero */
.simple-explainer{
  display:block;
  width:100%;
  margin:0;
  border-bottom:1px solid var(--line,rgba(17,17,17,.16));
  background:transparent;
  color:var(--ink,#111);
}
.simple-explainer-trigger{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "bolt label mark"
    ". hint .";
  align-items:center;
  column-gap:12px;
  row-gap:2px;
  width:100%;
  min-height:44px;
  margin:0;
  padding:8px var(--pad-x,clamp(28px,4vw,64px));
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.simple-explainer-bolt{
  grid-area:bolt;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  color:inherit;
  flex:0 0 auto;
}
.simple-explainer-bolt svg{display:block}
.simple-explainer-label{
  grid-area:label;
  min-width:0;
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:700;
  line-height:1.2;
}
.simple-explainer-hint{
  grid-area:hint;
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--muted,#5e5b54);
  line-height:1.2;
}
.simple-explainer-mark{
  grid-area:mark;
  justify-self:end;
  font-size:.95rem;
  font-weight:700;
  line-height:1;
  min-width:1em;
  text-align:center;
}
.simple-explainer-mark::before{content:"+"}
.simple-explainer-trigger[aria-expanded="true"] .simple-explainer-mark::before{content:"\2212"}
.simple-explainer-trigger:hover .simple-explainer-label{
  text-decoration:underline;
  text-underline-offset:4px;
}
.simple-explainer-trigger:focus-visible{
  outline:2px solid var(--ink,#111);
  outline-offset:-2px;
}

.simple-explainer-panel{
  display:grid;
  grid-template-rows:1fr;
  border-top:1px solid var(--line,rgba(17,17,17,.16));
}
.simple-explainer-panel[hidden]{
  display:none;
}
.simple-explainer.is-open .simple-explainer-panel{
  display:grid;
}
.simple-explainer-panel-inner{
  overflow:hidden;
  padding:12px var(--pad-x,clamp(28px,4vw,64px)) 16px;
}
.simple-explainer-panel-inner p{
  margin:0;
  max-width:54ch;
  font-size:.98rem;
  line-height:1.5;
  color:var(--muted,#5e5b54);
}
.simple-explainer-panel-inner strong{
  color:var(--ink,#111);
  font-weight:700;
}

@media(min-width:720px){
  .simple-explainer-trigger{
    grid-template-columns:auto auto 1fr auto;
    grid-template-areas:"bolt label hint mark";
    column-gap:clamp(16px,3vw,36px);
    min-height:44px;
    padding-top:7px;
    padding-bottom:7px;
  }
  .simple-explainer-hint{
    justify-self:start;
  }
}

@media(max-width:419px){
  .simple-explainer-label{letter-spacing:.06em}
}

/* Abstand zum folgenden Seitenbeginn – gleiche Luft wie auf /werke */
.simple-explainer ~ .werk-index-hero,
.simple-explainer + .werk-index-hero,
.simple-explainer + .work-detail-inner,
.simple-explainer + .ak-hero,
.simple-explainer + .home-hero{
  padding-top:clamp(32px,5vw,56px);
}