/* SerpElevator SEO Audit — professional UI on the site design tokens */
.serp-audit{--ink:#101418;--paper:#FAF8F5;--graphite:#3C434B;--mist:#E6E3DE;
  --signal:#1F6FEB;--signal-dim:#D8E5FB;--ok:#1D7A46;--wr:#B07A18;--bd:#B4372F;
  font-size:16px;color:var(--ink)}
.sa-shell{max-width:920px;margin:0 auto}

/* input */
.sa-form{display:flex;gap:10px;padding:8px;border-radius:12px;background:#fff;
  border:1px solid var(--mist);box-shadow:0 12px 34px -22px rgba(12,17,22,.25)}
.sa-form input{flex:1;min-width:0;border:none;background:transparent;font-size:1.05rem;
  padding:.8em 1em;outline:none;color:var(--ink)}
.sa-form input:focus-visible{outline:2px solid var(--signal);outline-offset:-2px;border-radius:8px}
.sa-form button{border:none;cursor:pointer;border-radius:8px;background:var(--signal);
  color:#fff;font-weight:600;font-size:1rem;padding:.85em 1.6em;white-space:nowrap;
  transition:background .15s ease}
.sa-form button:hover{background:#1859C4}
.sa-form button:disabled{opacity:.55;cursor:wait}
.sa-note{font-size:.88rem;color:var(--graphite);margin:.9rem 4px 0}
.sa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* live run panel */
.sa-run{margin-top:1.6rem;background:linear-gradient(#0C1116,#131A21);border-radius:14px;
  padding:20px 22px;border:1px solid rgba(250,248,245,.12)}
.sa-progress{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.sa-bar{height:100%;width:0;background:linear-gradient(90deg,var(--signal),#4B8DFF);
  border-radius:99px;transition:width .4s ease}
.sa-phase{font:600 .85rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.06em;color:#C7D0DA;margin:14px 0 12px}
.sa-console{max-height:260px;overflow-y:auto;font:12.5px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;
  color:#93A0AD;padding-right:6px}
.sa-line{display:flex;gap:12px}
.sa-t{color:#5B6672;flex-shrink:0}
.sa-pass .sa-m{color:#7FD1A0}
.sa-warn .sa-m{color:#E5C078}
.sa-fail .sa-m{color:#F09A90}
.sa-info .sa-m{color:#9FB6D8}

/* report */
.sa-report{margin-top:2.2rem}
.sa-head{display:flex;gap:28px;align-items:center;background:#fff;border:1px solid var(--mist);
  border-radius:16px;padding:28px}
.sa-ring{width:120px;height:120px;flex-shrink:0}
.sa-eyebrow{font:600 .74rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin:0 0 .6em}
.sa-head-txt h2{margin:0 0 .35em;font-size:1.5rem;letter-spacing:-.015em}
.sa-sum{color:var(--graphite);font-size:.92rem;margin:0 0 1em}
.sa-actions{display:flex;gap:10px;flex-wrap:wrap}
.sa-actions button{border-radius:8px;font-weight:600;font-size:.92rem;padding:.7em 1.3em;
  cursor:pointer;border:none;background:var(--signal);color:#fff}
.sa-actions button:hover{background:#1859C4}
.sa-actions .sa-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--mist)}
.sa-actions .sa-ghost:hover{border-color:var(--graphite);background:transparent}

.sa-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;margin:1.4rem 0;
  background:#fff;border:1px solid var(--mist);border-radius:16px;padding:22px 26px}
.sa-cat{display:grid;grid-template-columns:170px 1fr 34px;align-items:center;gap:12px;
  font-size:.88rem;color:var(--graphite)}
.sa-cat b{text-align:right;color:var(--ink)}
.sa-catbar{height:7px;border-radius:99px;background:var(--mist);overflow:hidden}
.sa-catbar i{display:block;height:100%;border-radius:99px}

.sa-group{background:#fff;border:1px solid var(--mist);border-radius:14px;margin-bottom:12px;overflow:hidden}
.sa-group summary{cursor:pointer;list-style:none;padding:16px 22px;font-weight:700;font-size:1.02rem}
.sa-group summary::-webkit-details-marker{display:none}
.sa-group summary em{font-style:normal;color:var(--graphite);font-weight:500;font-size:.9rem}
.sa-group ul{margin:0;padding:0 22px 16px;list-style:none}
.sa-group li{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--mist)}
.sa-group li p{margin:.3em 0 0;font-size:.88rem;color:var(--graphite);line-height:1.55}
.sa-catlabel{font:500 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;color:#8A97A5;margin-left:8px}
.sa-pill{flex-shrink:0;font:700 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.06em;padding:.45em .7em;border-radius:99px;height:fit-content;margin-top:2px}
.sa-p-pass{background:#DDF0E4;color:var(--ok)}
.sa-p-warn{background:#F7EBD2;color:#8a5c0a}
.sa-p-fail{background:#F6DEDB;color:var(--bd)}
.sa-p-info{background:#E4E9F2;color:var(--graphite)}
.sa-g-critical summary{color:var(--bd)}
.sa-g-high summary{color:#8a5c0a}

.sa-honest{background:linear-gradient(#0C1116,#131A21);color:#C7D0DA;border-radius:16px;
  padding:32px;margin-top:1.6rem}
.sa-honest h3{color:#fff;margin:0 0 .5em;font-size:1.25rem;letter-spacing:-.01em}
.sa-honest p{line-height:1.65;font-size:.95rem;margin:0 0 1.2em}
.sa-cta{display:inline-block;background:var(--signal);color:#fff !important;text-decoration:none;
  font-weight:600;padding:.95em 1.8em;border-radius:8px;
  box-shadow:0 8px 24px -8px rgba(31,111,235,.55)}
.sa-cta:hover{background:#1859C4}
.sa-fine{font-size:.8rem;color:#8A97A5;margin-top:1em !important}

@media (max-width:640px){
  .sa-form{flex-direction:column;padding:10px}
  .sa-form button{width:100%}
  .sa-head{flex-direction:column;text-align:center;gap:16px}
  .sa-actions{justify-content:center}
  .sa-cats{grid-template-columns:1fr;padding:18px}
  .sa-cat{grid-template-columns:1fr;gap:4px}
  .sa-cat b{text-align:left}
}
@media print{
  .sa-form,.sa-run,.sa-actions{display:none !important}
  .sa-honest{background:#fff;color:#101418;border:1px solid #ccc}
  .sa-honest h3{color:#101418}
}
@media (prefers-reduced-motion:reduce){.sa-bar{transition:none}}

/* ---------- v1.1: sitemap crawl table ---------- */
.sa-smwrap{background:#fff;border:1px solid var(--mist);border-radius:14px;
  padding:22px;margin:0 0 12px}
.sa-smwrap h3{margin:0 0 12px;font-size:1.05rem;letter-spacing:-.01em}
.sa-smtools{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.sa-smtools button{border-radius:8px;font-weight:600;font-size:.85rem;
  padding:.6em 1.1em;cursor:pointer;border:none;background:var(--signal);color:#fff}
.sa-smtools button:hover{background:#1859C4}
.sa-smtools .sa-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--mist)}
.sa-smtools .sa-ghost:hover{border-color:var(--graphite);background:transparent}
.sa-smtools button:disabled{opacity:.6;cursor:wait}
.sa-smtable{max-height:340px;overflow:auto;border:1px solid var(--mist);border-radius:10px}
.sa-smtable table{width:100%;border-collapse:collapse;font-size:.83rem}
.sa-smtable th{position:sticky;top:0;background:#F3F0EA;text-align:left;
  font:600 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;
  text-transform:uppercase;color:var(--graphite);padding:10px 12px}
.sa-smtable td{border-top:1px solid var(--mist);padding:8px 12px;vertical-align:top;color:var(--graphite)}
.sa-smurl{word-break:break-all;color:var(--ink) !important}
