/* Minimal, clean admin UI */
.psa-wrap{max-width:1000px;margin:20px auto;}
.psa-hero{background:#f5f7fa;border:1px solid #e5e7eb;border-radius:12px;padding:28px}
.psa-hero h1{margin-top:0;margin-bottom:8px;font-size:22px}
.psa-input{display:flex;gap:8px;margin-top:12px}
#psa-domain{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px}
.psa-howto{margin-top:22px}
.psa-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.psa-step{background:#fff;border:1px solid #eee;border-radius:12px;padding:14px;display:flex;gap:12px;align-items:flex-start}
.psa-step .num{width:28px;height:28px;border-radius:50%;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.psa-advanced{margin-top:14px}
.psa-advanced label{display:block;margin:6px 0}
.psa-progress{position:relative;margin:18px 0;height:10px;background:#eee;border-radius:999px;overflow:hidden}
.psa-progress .bar{position:absolute;left:0;top:0;height:100%;width:0%;background:#10b981;transition:width .5s}
.psa-progress .label{display:block;margin-top:6px;font-size:12px;color:#6b7280}
.psa-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:16px 0}
.psa-table{width:100%;border-collapse:collapse}
.psa-table th,.psa-table td{border-bottom:1px solid #eee;padding:8px;text-align:left;vertical-align:top}
.sev{display:flex;gap:12px;list-style:none;padding:0}
.sev li{background:#f9fafb;border:1px solid #eee;border-radius:8px;padding:6px 10px;font-size:12px}
.sev-critical,.sev-high,.sev-medium,.sev-low{padding:2px 8px;border-radius:999px;color:#fff;text-transform:capitalize}
.sev-critical{background:#ef4444}
.sev-high{background:#f59e0b}
.sev-medium{background:#3b82f6}
.sev-low{background:#10b981}
.psa-checklist{margin-left:18px}
.psa-error{color:#b91c1c;font-weight:600}
.psa-settings{margin-top:24px}

.psa-public .psa-hero{margin-top:12px}

.psa-score .score-badge{font-size:48px;font-weight:800;line-height:1;margin:8px 0}
.psa-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;padding:0}
@media print{
  .psa-advanced,.psa-settings,.button, .psa-input input, .psa-input button { display:none !important; }
  .psa-wrap{max-width:100%;}
}

.psa-version{margin-top:8px;font-size:12px;color:#6b7280}

.psa-guide{margin-top:10px}
.psa-list{margin:8px 0 0 18px}
.psa-callout{margin-top:12px;padding:10px 12px;border:1px solid #dbeafe;background:#eff6ff;border-radius:10px}

/* Public landing sections */
.psa-public h2{font-size:26px;margin:24px 0 12px}
.psa-howto6 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.psa-howto6 .step-card{position:relative;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:18px;min-height:140px}
.psa-howto6 .step-card .num{position:absolute;left:12px;top:6px;font-size:56px;line-height:1;color:#e5e7eb;font-weight:800}
.psa-howto6 .step-card h3{margin:0 0 6px 0}
.psa-howto6 .step-card p{margin:0}
@media (max-width:900px){ .psa-howto6 .grid{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .psa-howto6 .grid{grid-template-columns:1fr} }

.psa-identify h2{margin-top:26px;text-align:center}
.psa-identify h2 span{background:#fde68a;padding:4px 10px;border-radius:6px}
.psa-identify .lead{text-align:center;margin:-2px 0 12px;color:#4b5563}
.psa-identify .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.psa-identify .id-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;display:flex;gap:12px;align-items:flex-start}
.psa-identify .id-card .icon{font-size:28px;line-height:1.2}
@media (max-width:800px){ .psa-identify .grid{grid-template-columns:1fr} }

.psa-optimize h2{text-align:center}
.psa-optimize .lead{text-align:center;color:#4b5563;margin-top:-4px;margin-bottom:10px}
.psa-optimize .grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.psa-optimize .opt-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:16px}
@media (max-width:800px){ .psa-optimize .grid4{grid-template-columns:1fr} }

/* Print tweaks still apply */
@media print{
  .psa-hero .psa-input, .psa-version {display:none!important;}
}

/* v1.3.1: fix step number alignment on public page */
.psa-howto6 .step-card{padding:18px 18px 18px 78px; position:relative}
.psa-howto6 .step-card .num{left:18px; top:14px; font-size:52px; color:#e5e7eb; font-weight:800; z-index:0; opacity:1}
.psa-howto6 .step-card h3, .psa-howto6 .step-card p{position:relative; z-index:1}

/* v1.3.2: results above how-to */
.psa-progress{margin-top:18px}
#psa-results{margin-top:10px}