/* Zusatzbauteile für die PHP-Ratgeber vom 26.10.2026 (Claude). Tokens aus tokens.css. */
.php-fragenliste { list-style: none; counter-reset: frage; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 40px; }
.php-fragenliste li { counter-increment: frage; position: relative; padding-left: 46px; margin: 0; }
.php-fragenliste li::before { content: counter(frage); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; background: var(--cta); color: var(--cta-schrift); font-weight: 700; font-size: 15px; display: grid; place-items: center; }
.php-fragenliste strong { display: block; font-size: 17px; line-height: 1.35; }
.php-fragenliste span { display: block; font-size: 15px; color: var(--muted); margin-top: 4px; }
.php-vorlage { position: relative; margin: 24px 0 8px; max-width: 760px; background: var(--flaeche); border-left: 4px solid var(--cta); border-radius: 0 14px 14px 0; padding: 22px 24px; }
.php-vorlage pre { margin: 0; white-space: pre-wrap; font: 15px/1.6 var(--sans); color: var(--ink); }
.php-vorlage button { margin-top: 16px; min-height: 44px; padding: 0 20px; border: 0; border-radius: 999px; background: var(--ink); color: #fff; font: 600 14px var(--sans); cursor: pointer; }
.php-vorlage button:focus-visible { outline: 3px solid var(--cta); outline-offset: 3px; }
.php-weiter { margin-top: 18px; font-size: 16px; }
@media (max-width: 760px) {
  .php-fragenliste { grid-template-columns: 1fr; }
  .php-vorlage { padding: 18px; }
}