/* FAQ-Seite im hellen Easy-Stil — nutzt die Basis-Tokens/Klassen aus labor.css.
   Extern wegen CSP (kein inline erlaubt). Natives <details>-Akkordeon, kein JS. */

.faq-main{padding-bottom:clamp(3rem,7vw,5.5rem)}

.faq-head{padding:clamp(2.4rem,7vw,4.5rem) 0 0.5rem}
.faq-head h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,8vw,4rem);
  letter-spacing:-0.03em;line-height:1;color:var(--ink);margin-top:1rem}
.faq-head .lead{margin-top:1.2rem;max-width:56ch;color:var(--ink-soft)}
.faq-head .lead a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}

.faq-group{padding-top:1.7rem;margin-top:1.7rem;border-top:1px solid var(--line)}
.faq-group__title{font-family:var(--font-mono);font-size:0.8rem;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--teal);margin-bottom:0.3rem}

.faq{border-bottom:1px solid var(--line)}
.faq__q{cursor:pointer;list-style:none;display:block;padding:1.15rem 2.6rem 1.15rem 0;position:relative;
  font-family:var(--font-display);font-weight:500;font-size:clamp(1.05rem,2.4vw,1.28rem);line-height:1.35;
  color:var(--ink);transition:color .2s}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{content:"+";position:absolute;right:0.2rem;top:50%;transform:translateY(-50%);
  font-size:1.5rem;font-weight:300;line-height:1;color:var(--teal)}
.faq[open] .faq__q::after{content:"−"}
.faq__q:hover{color:var(--teal)}
.faq__q:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}

.faq__a{padding:0 0 1.4rem;color:var(--ink-soft);max-width:66ch}
.faq__a p{margin-top:0.85rem;line-height:1.72}
.faq__a p:first-child{margin-top:0}
.faq__a a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.faq__a strong{color:var(--ink);font-weight:600}
.faq__a em{font-style:normal;color:var(--teal-deep)}
.faq__a ul{margin:0.9rem 0 0;padding-left:1.25rem}
.faq__a li{margin-top:0.45rem;line-height:1.6}
@media (prefers-reduced-motion:no-preference){
  .faq[open] .faq__a{animation:faqIn .24s ease}
  @keyframes faqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
}

.faq-note{margin-top:2.6rem;padding:1.5rem 1.7rem;background:var(--bg-2);border:1px solid var(--line);border-radius:16px}
.faq-note__label{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--mid);margin-bottom:0.7rem}
.faq-note p{font-size:0.9rem;color:var(--mid);line-height:1.65}
.faq-note strong{color:var(--ink-soft)}

.faq-closing{margin:2.2rem 0 0;font-size:1.05rem;color:var(--ink-soft)}
.faq-closing a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}

/* Zurück-Pill in der Top-Bar */
.faq-back{display:inline-flex;align-items:center;gap:0.45rem;font-family:var(--font-mono);font-size:0.75rem;
  letter-spacing:0.04em;text-transform:uppercase;color:var(--mid);text-decoration:none;padding:0.5rem 0.9rem;
  border:1px solid var(--line-strong);border-radius:999px;transition:color .2s,border-color .2s}
.faq-back:hover{color:var(--ink);border-color:var(--ink)}