/* ── Eignungstests: Startfenster (Runde 12, ruhig, beige, ohne Blau) ─────── */
#aptitude-select-view.apst-on > .card { display: none; }
#aptitude-select-view.apst-on .tool-head p { display: none; }
.apst { display: grid; gap: 22px; color: #302923; }
.apst-hero h2 { margin: 0 0 6px; font-size: clamp(22px, 3vw, 28px); }
.apst-hero p { margin: 0; color: #756B63; font-size: 15px; max-width: 640px; }
.apst-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.apst-card { display: flex; flex-direction: column; background: #FBF8F2; border: 1px solid #E6DCCF; border-radius: 24px; overflow: hidden; }
.apst-card.is-main { border: 2px solid #8A7765; }
.apst-art svg { display: block; width: 100%; height: auto; }
.apst-body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1; }
.apst-tag { align-self: flex-start; font-size: 11.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; background: #EFE7DC; color: #6E5E4F; border-radius: 999px; padding: 3px 10px; }
.apst-card.is-main .apst-tag { background: #8A7765; color: #fff; }
.apst-body h3 { margin: 2px 0 0; font-size: 20px; }
.apst-body p { margin: 0; color: #756B63; font-size: 14px; line-height: 1.5; }
.apst-chips { list-style: none; margin: 4px 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.apst-chips li { font-size: 12.5px; font-weight: 600; color: #5A4E43; background: #fff; border: 1px solid #E6DCCF; border-radius: 999px; padding: 4px 10px; }
.apst-btn { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 14px; background: #8A7765; color: #fff; font: inherit; font-weight: 800; font-size: 15px; padding: 13px 16px; min-height: 48px; cursor: pointer; }
.apst-btn:hover { background: #6C5C4D; }
.apst-btn.is-sec { background: #EDE2D5; color: #302923; }
.apst-btn.is-sec:hover { background: #E5D5C5; }
.apst-btn:focus-visible { outline: 3px solid #8A7765; outline-offset: 2px; }
.apst-how { background: #FBF8F2; border: 1px solid #E6DCCF; border-radius: 24px; padding: 18px 20px; }
.apst-how h3 { margin: 0 0 12px; font-size: 17px; }
.apst-how ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.apst-how li { display: flex; gap: 12px; align-items: flex-start; }
.apst-how li > span { width: 32px; height: 32px; border-radius: 50%; background: #8A7765; color: #fff; font-weight: 800; display: grid; place-items: center; flex: none; }
.apst-how b { display: block; }
.apst-how small { color: #756B63; font-size: 13px; }
.apst-tip { display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 12px 16px; background: #EDE2D5; border-radius: 16px; font-size: 13.5px; color: #4F463F; }
.apst-tip svg { flex: none; margin-top: 2px; color: #8A7765; }
@media (max-width: 900px) {
  .apst-cards { grid-template-columns: 1fr; }
  .apst-card { flex-direction: row; }
  .apst-art { flex: 0 0 38%; }
  .apst-art svg { height: 100%; object-fit: cover; }
  .apst-how ol { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .apst-card { flex-direction: column; }
  .apst-art { flex: none; }
  .apst-art svg { height: auto; }
}

/* Auswahl «Welcher Multicheck?» und «Für welchen Beruf?»: Liste immer offen, als Karten */
#aptitude-variant-view #mc-typ-field { display: none; }
#aptitude-variant-view #aptitude-variant-list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; border: 0; box-shadow: none; background: transparent; max-height: none; padding: 0; }
#aptitude-variant-view #aptitude-variant-list > * { background: #FBF8F2; border: 1px solid #E6DCCF; border-radius: 16px; padding: 14px 16px; font-weight: 700; cursor: pointer; min-height: 56px; display: flex; align-items: center; }
#aptitude-variant-view #aptitude-variant-list > *:hover { border-color: #8A7765; background: #fff; }