/* page-faq.css: layout only (plans/faq.plan.md). Tokens from theme.css, no new colour/font/radius/shadow/motion. */

/* jump chips under the hero */
.fq-jump .chips{justify-content:center;gap:.6rem .8rem}
@media (min-width:600px){.fq-jump .chips{gap:.7rem 1rem}}

/* notices that sit inside a band: breathing room to the next block */
.fq-note{margin-top:clamp(1.8rem,3.5vw,2.6rem)}
.fq-before .fq-note{max-width:none}
.fq-stack .fq-note{margin:0 0 1.6rem;text-align:left}
.fq-stack .sec__head{margin-bottom:1.6rem}

/* group split: sticky head + accordion (mirrored on --rev) */
.fq-split>.wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}
.fq-split .sec__head{margin-bottom:0;max-width:none}
.fq-split .faq{max-width:none;margin:0}
@media (min-width:960px){
  .fq-split>.wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.4rem,5vw,5rem);align-items:start}
  .fq-split .sec__head{position:sticky;top:calc(var(--hdr-h) + 24px)}
  .fq-split--rev>.wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .fq-split--rev .sec__head{grid-column:2;grid-row:1}
  .fq-split--rev .faq{grid-column:1;grid-row:1}
}

/* seriositaets-check: heading + pointer left, 2x2 commitments right */
.fq-check>.wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:1.8rem}
.fq-check .sec__head{margin-bottom:0}
.fq-check__more{margin:0;padding-left:1.1rem;border-left:4px solid var(--accent-600);font-size:1.0625rem;color:var(--t-body)}
@media (min-width:960px){
  .fq-check>.wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head cm" "more cm";grid-template-rows:auto 1fr;gap:1.8rem clamp(2.4rem,5vw,5rem);align-items:start}
  .fq-check .sec__head{grid-area:head}
  .fq-check .commits{grid-area:cm}
  .fq-check__more{grid-area:more}
}

/* bevor-sie-anrufen: the tall text column sets the height, the photo stays at the top and follows while the rows scroll */
@media (min-width:900px){
  .fq-before .split{align-items:start}
  .fq-before .split__media{position:sticky;top:calc(var(--hdr-h) + 24px)}
}

/* technik: split opens the group, accordion below; the Symbolbild caption sits on the photo as a tag (the offset frame would cover a caption below it) */
.fq-tech .faq{margin-top:clamp(2rem,5vw,3.6rem)}
.fq-tech .split__fig figcaption{position:absolute;left:.8rem;top:.8rem;margin:0;padding:.3rem .8rem;border-radius:var(--pill);background:var(--brand);color:#fff;font:800 .95rem/1.2 var(--f-head)}

/* crosslinks: the card's inline link is its only link, stretched over the card; 3 + 2 on desktop */
.fq-cross .icard__x a::after{content:"";position:absolute;inset:0;z-index:1}
.fq-cross .icard{transition:transform .22s var(--ease),box-shadow .22s,border-color .22s}
@media (hover:hover){
  .fq-cross .icard:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--accent-600)}
}
@media (min-width:600px) and (max-width:999px){
  .fq-cross .icards>.icard:last-child{grid-column:1 / -1}
}
@media (min-width:1000px){
  .fq-cross .icards{grid-template-columns:repeat(6,minmax(0,1fr))}
  .fq-cross .icards>.icard{grid-column:span 2}
  .fq-cross .icards>.icard:nth-child(4){grid-column:2 / span 2}
  .fq-cross .icards>.icard:nth-child(5){grid-column:4 / span 2}
}

/* phone card: a single column (no "have ready" panel on this page) */
.fq-phone .phoneblock{grid-template-columns:minmax(0,1fr)}