/* Basis-Layout für neue Tools.
   Wird beim Anlegen auf tool-{slug}.css umgeschrieben. */

.tool-surface__body{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.tool-surface__body .placeholder{
  border:1px dashed color-mix(in oklab,var(--border) 80%,transparent);
  border-radius:var(--radius);
  padding:16px;
  background:color-mix(in oklab,var(--card) 92%,transparent);
}

/* Optionales Grid-Beispiel für Eingabe-/Ausgabe-Bereiche */
.tool-two-col{
  display:grid;
  gap:16px;
}

@media (min-width: 900px){
  .tool-two-col{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* FAQ-Bereich unter dem Tool */
.tool-faqs__item{
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:var(--card);
  padding:14px 16px;
}

.tool-faqs__item h3{margin:0 0 6px 0;font-size:1rem;}
.tool-faqs__item p{margin:0;font-size:.95rem;color:var(--muted-strong);}