.pedi-percentile-wrap{max-width:760px;margin:20px auto;padding:18px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.pedi-percentile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pedi-percentile-grid .full{grid-column:1/-1}
.pedi-percentile-field label{display:block;font-weight:600;margin-bottom:6px}
.pedi-percentile-field input,.pedi-percentile-field select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px}
.pedi-percentile-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pedi-percentile-actions button{border:0;padding:10px 14px;border-radius:10px;cursor:pointer}
.pedi-btn-primary{background:#111827;color:#fff}
.pedi-btn-secondary{background:#f3f4f6;color:#111827}
.pedi-result{margin-top:16px;padding:14px;border-radius:14px;background:#f9fafb;border:1px solid #e5e7eb}
.pedi-result h4{margin:0 0 10px 0}
.pedi-result .row{display:flex;gap:10px;flex-wrap:wrap}
.pedi-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#111827;color:#fff;font-size:12px}
.pedi-note{margin-top:10px;font-size:13px;color:#374151;line-height:1.45}
.pedi-alert{margin-top:16px;padding:12px 14px;border:1px solid #fecaca;background:#fff1f2;border-radius:14px;color:#9f1239}
.pedi-loading{display:none;align-items:center;gap:10px;color:#374151;font-size:13px}
.pedi-spinner{width:14px;height:14px;border:2px solid #d1d5db;border-top-color:#111827;border-radius:999px;animation:pediSpin .9s linear infinite}
@keyframes pediSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){.pedi-percentile-grid{grid-template-columns:1fr}}