.seo-metrics div{border-left:4px solid #45a3ff}.seo-metrics div:nth-child(2){border-left-color:#d92d20}.seo-metrics div:nth-child(3){border-left-color:#f79009}.seo-hero{margin-bottom:18px}.seo-run-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:16px 0}.seo-run-form label{display:grid;gap:6px;font-weight:700}.seo-run-form input{padding:10px 12px;border:1px solid #d8e3ef;border-radius:10px}.seo-issue-list{display:grid;gap:12px}.seo-issue{border:1px solid #d8e3ef;border-left:6px solid #667085;border-radius:14px;padding:14px;background:#fff}.seo-issue.critical{border-left-color:#d92d20;background:#fff7f7}.seo-issue.warning{border-left-color:#f79009;background:#fffbf1}.seo-issue.info{border-left-color:#2e90fa;background:#f5fbff}.seo-issue strong{display:block;margin-bottom:6px}.seo-issue p{margin:0 0 6px;color:#344054}.seo-issue small{color:#475467}.score-pill.low{background:#fff1f1;color:#b42318;border-color:#fecdca}.button.ghost{background:#fff;color:#184e7a;border:1px solid #c9dff2}.button.small{font-size:12px;padding:6px 9px;border-radius:8px;display:inline-block;margin:2px 0}.alert-info{padding:12px 14px;border-radius:12px;background:#eef6ff;border:1px solid #cde7ff;margin:12px 0}.codebox{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;padding:14px;border-radius:12px;overflow:auto}