/* Pflegegrad-Rechner UI - große Bedienelemente, seniorenfreundlich */

.pg-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 16px;margin:14px 0;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.pg-card h2,.pg-card h3{margin:0 0 8px 0}
.pg-card p{margin:8px 0;line-height:1.5}
.pg-card .small{font-size:0.95rem;color:#4a5568}

.pg-q{padding:14px 0;border-top:1px dashed #e2e8f0}
.pg-q:first-of-type{border-top:none}
.pg-q-title{font-size:1.15rem;font-weight:700;margin:0 0 10px 0}

.pg-choices{display:grid;grid-template-columns:1fr;gap:10px}
.pg-choice{font-size:1.1rem;padding:14px 14px;border-radius:12px;border:2px solid #cbd5e0;background:#f7fafc;cursor:pointer;text-align:left}
.pg-choice.active{border-color:#2b6cb0;background:#ebf8ff}
.pg-choice:focus{outline:3px solid rgba(49,130,206,.35);outline-offset:2px}

.pg-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.pg-btn{font-size:1.1rem;padding:12px 16px;border-radius:12px;border:none;background:#2b6cb0;color:#fff;cursor:pointer}
.pg-btn-secondary{background:#4a5568}

.pg-progress{height:12px;background:#edf2f7;border-radius:999px;overflow:hidden;margin:10px 0}
.pg-progress-bar{height:100%;background:#2b6cb0;width:0%}

.pg-details summary{cursor:pointer;font-weight:700;margin:10px 0}

@media (min-width: 860px){
  .pg-choices{grid-template-columns:repeat(2, minmax(0,1fr))}
}