.self-audits-list{
  gap:16px;
}
.sa-template-card,
.sa-headline-card,
.sa-question-card,
.sa-summary-card,
.sa-other-issue-card{
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.96));
  border-radius:24px;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.sa-template-card{padding:18px 18px 16px;display:flex;flex-direction:column;gap:16px}
.sa-template-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.sa-template-eyebrow,.sa-eyebrow{font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.sa-template-title,.sa-title{font-size:24px;font-weight:1000;letter-spacing:-.03em;color:#0f172a;line-height:1.05;margin-top:6px}
.sa-template-sub,.sa-sub{margin-top:8px;font-size:13px;line-height:1.55;font-weight:850;color:#64748b}
.sa-template-score{min-width:90px;text-align:right;display:flex;flex-direction:column;gap:4px;color:#64748b;font-size:12px;font-weight:850}
.sa-template-score strong{font-size:24px;letter-spacing:-.03em;color:#0f172a}
.sa-template-metrics,.sa-summary-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sa-summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.sa-metric{border:1px solid rgba(15,23,42,.07);background:#fff;border-radius:18px;padding:14px 12px;display:flex;flex-direction:column;gap:4px}
.sa-metric strong{font-size:22px;font-weight:1000;letter-spacing:-.03em;color:#0f172a}
.sa-metric span{font-size:12px;font-weight:850;color:#64748b}
.sa-template-foot,.sa-footer-actions,.sa-photo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

.sa-footer-actions{margin-top:18px;align-items:stretch;justify-content:flex-start;flex-direction:column}
.sa-footer-actions .btn-primary,.sa-footer-actions .btn-secondary{width:100%;min-height:62px}
.sa-footer-actions .btn-primary{font-size:19px;border-radius:20px}
.sa-footer-actions .btn-secondary{font-size:17px;border-radius:20px}
.sa-template-latest,.sa-photo-note,.sa-empty-note{font-size:12px;font-weight:850;line-height:1.45;color:#64748b}
.sa-shell,.self-audit-run-wrap{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}
.sa-headline-card{padding:18px}
.sa-question-card,.sa-summary-card,.sa-other-issue-card{padding:18px}
.sa-question-text{font-size:24px;font-weight:980;letter-spacing:-.03em;line-height:1.15;color:#0f172a}
.sa-subsection-pill{display:inline-flex;align-self:flex-start;margin-top:12px;padding:8px 12px;border-radius:999px;background:rgba(15,23,42,.06);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#475569}
.sa-answer-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.sa-answer-btn{height:58px;border-radius:18px;border:1px solid rgba(15,23,42,.1);background:#fff;font-size:18px;font-weight:1000;letter-spacing:-.02em;color:#0f172a}
.sa-answer-btn.is-selected.is-pass{background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.28);color:#166534}
.sa-answer-btn.is-selected.is-fail{background:rgba(244,63,94,.10);border-color:rgba(244,63,94,.26);color:#9f1239}
.sa-guidance{margin-top:16px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:rgba(248,250,252,.82)}
.sa-guidance-toggle{width:100%;border:0;background:transparent;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:950;color:#0f172a}
.sa-guidance-body{padding:0 16px 14px;display:flex;flex-direction:column;gap:8px}
.sa-guidance-row{font-size:13px;line-height:1.5;color:#475569;font-weight:850}
.sa-block{margin-top:16px;padding-top:16px;border-top:1px solid rgba(15,23,42,.08)}
.sa-block.is-muted{opacity:.62}
.sa-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.sa-block-title{font-size:15px;font-weight:980;color:#0f172a;letter-spacing:-.01em}
.sa-block-sub{font-size:12px;font-weight:850;color:#64748b}
.sa-nc-list{display:flex;flex-direction:column;gap:10px}
.sa-nc-chip{appearance:none;width:100%;border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:18px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-align:left;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.sa-nc-chip.is-selected{border-color:rgba(40,94,79,.28);background:rgba(240,253,250,.92)}
.sa-nc-chip.is-disabled{opacity:.72;box-shadow:none}
.sa-nc-list.is-disabled .sa-nc-chip{background:rgba(248,250,252,.92)}
.sa-nc-severity{display:inline-flex;min-width:66px;justify-content:center;padding:6px 8px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.sa-nc-severity.severity-minor{background:rgba(59,130,246,.12);color:#1d4ed8}
.sa-nc-severity.severity-major{background:rgba(245,158,11,.16);color:#b45309}
.sa-nc-severity.severity-critical{background:rgba(244,63,94,.12);color:#9f1239}
.sa-textarea{min-height:120px;padding:14px 16px;resize:vertical}
.sa-section-list,.sa-review-list{display:flex;flex-direction:column;gap:10px}
.sa-section-row,.sa-review-row{appearance:none;width:100%;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:20px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.sa-section-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.sa-section-title,.sa-review-text{font-size:15px;font-weight:960;letter-spacing:-.01em;color:#0f172a;line-height:1.35}
.sa-section-sub{font-size:12px;font-weight:850;color:#64748b;line-height:1.45}
.sa-review-pill{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:8px 12px;border-radius:999px;background:rgba(15,23,42,.06);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#475569}
.sa-review-pill.is-pass{background:rgba(22,163,74,.12);color:#166534}
.sa-review-pill.is-fail{background:rgba(244,63,94,.12);color:#9f1239}
.hidden{display:none !important}
@media (max-width: 720px){
  .sa-template-top,.sa-template-foot,.sa-footer-actions,.sa-photo-row{flex-direction:column;align-items:stretch}
  .sa-template-score{text-align:left;min-width:0}
  .sa-template-metrics,.sa-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-answer-toggle{grid-template-columns:1fr}
  .sa-section-row,.sa-review-row{align-items:flex-start;flex-direction:column}
  .sa-review-pill{min-width:0}
  .sa-title,.sa-template-title,.sa-question-text{font-size:21px}
}