.webwise-app{
  --ww-ink:#16232E; --ww-ink-soft:#3E5266; --ww-paper:#ECEFF0; --ww-panel:#F7F9F9;
  --ww-line:#C9D2D6; --ww-cobalt:#2E5BFF; --ww-amber:#C99A2E;
  --ww-mono:'IBM Plex Mono',ui-monospace,monospace;
  --ww-disp:'Space Grotesk',system-ui,sans-serif;
  background:var(--ww-paper); color:var(--ww-ink); font-family:var(--ww-disp);
  font-size:15px; line-height:1.5; max-width:960px; margin:0 auto; padding:0 16px 48px;
}
.webwise-app *{box-sizing:border-box}
.webwise-app h2,.webwise-app h3,.webwise-app p{margin:0}

.ww-header{padding:24px 0 16px;border-bottom:2px solid var(--ww-ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.ww-wordmark{font-weight:700;font-size:28px;letter-spacing:-.02em}
.ww-wordmark span{color:var(--ww-cobalt)}
.ww-est{font-family:var(--ww-mono);font-size:11px;color:var(--ww-ink-soft);letter-spacing:.06em;text-transform:uppercase}

.ww-tabs{display:flex;margin:20px 0 0;border:1px solid var(--ww-ink);width:max-content;max-width:100%}
.ww-tab{font-family:var(--ww-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;background:transparent;border:none;border-radius:0;cursor:pointer;color:var(--ww-ink)}
.ww-tab[aria-selected="true"]{background:var(--ww-ink);color:var(--ww-panel)}
.ww-tab:focus-visible{outline:3px solid var(--ww-cobalt);outline-offset:-3px}

.ww-mode-note{font-size:13px;color:var(--ww-ink-soft);margin:14px 0 18px;max-width:640px}

.ww-controls{display:flex;flex-wrap:wrap;gap:10px}
.webwise-app input[type=text],.webwise-app select,.webwise-app textarea{
  font-family:var(--ww-mono);font-size:14px;color:var(--ww-ink);background:var(--ww-panel);
  border:1px solid var(--ww-line);padding:10px 12px;border-radius:0;margin:0;box-shadow:none;
}
.webwise-app input[type=text]:focus,.webwise-app select:focus,.webwise-app textarea:focus{outline:2px solid var(--ww-cobalt);outline-offset:-1px}
#ww-term,#ww-outlet{flex:1;min-width:220px}
.ww-run{font-family:var(--ww-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:var(--ww-cobalt);color:#fff;border:none;border-radius:0;padding:10px 22px;cursor:pointer}
.ww-run:hover{background:#1E44D8}
.ww-run:disabled{background:var(--ww-line);color:var(--ww-ink-soft);cursor:wait}
.ww-run:focus-visible{outline:3px solid var(--ww-ink);outline-offset:2px}

.ww-axis-edit{margin-top:12px}
.ww-axis-edit summary{font-family:var(--ww-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ww-ink-soft);cursor:pointer}
.ww-axis-edit textarea{width:100%;margin-top:8px;min-height:72px}
.ww-hint{font-family:var(--ww-mono);font-size:11px;color:var(--ww-ink-soft);margin-top:6px}

.ww-status{font-family:var(--ww-mono);font-size:12px;color:var(--ww-ink-soft);margin:18px 0;min-height:18px}
.ww-dot{display:inline-block;width:8px;height:8px;background:var(--ww-cobalt);margin-right:8px;animation:ww-pulse 1s infinite alternate}
@keyframes ww-pulse{from{opacity:.25}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.ww-dot{animation:none}}
.ww-err{color:#A33}

.ww-results-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ww-ink);padding-bottom:6px;margin-top:8px}
.ww-results-head h2{font-size:16px;font-weight:700}
.ww-meta{font-family:var(--ww-mono);font-size:11px;color:var(--ww-ink-soft)}
.ww-row{display:grid;grid-template-columns:34px 1fr;gap:0 12px;padding:10px 0;border-bottom:1px solid var(--ww-line)}
.ww-rank{font-family:var(--ww-mono);font-size:12px;color:var(--ww-ink-soft);padding-top:2px}
.ww-name{font-weight:500;display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.ww-score{font-family:var(--ww-mono);font-size:13px;color:var(--ww-cobalt)}
.ww-bar{height:6px;background:var(--ww-panel);border:1px solid var(--ww-line);margin:6px 0 4px;position:relative}
.ww-bar i{position:absolute;top:0;bottom:0;left:0;background:var(--ww-cobalt)}
.ww-note{font-size:12.5px;color:var(--ww-ink-soft)}

.ww-lens-wrap{margin-top:18px;border:1px solid var(--ww-ink);background:var(--ww-panel);padding:8px}
.ww-lens-cap{font-family:var(--ww-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ww-ink-soft);padding:4px 6px}
.ww-lens-wrap svg text{font-family:var(--ww-disp)}
.ww-dossier{margin-top:18px;display:grid;grid-template-columns:1fr;gap:1px;background:var(--ww-line);border:1px solid var(--ww-line)}
@media(min-width:640px){.ww-dossier{grid-template-columns:1fr 1fr}}
.ww-cell{background:var(--ww-panel);padding:14px}
.ww-cell h3{font-family:var(--ww-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ww-amber);margin-bottom:6px}
.ww-cell p{font-size:13.5px}
.ww-sources{margin-top:14px;font-family:var(--ww-mono);font-size:11px;word-break:break-all}
.ww-sources a{color:var(--ww-cobalt);text-decoration:none}
.ww-sources a:hover{text-decoration:underline}
.ww-caveat{margin-top:14px;font-size:12px;color:var(--ww-ink-soft);border-left:3px solid var(--ww-amber);padding-left:10px}
.ww-hidden{display:none}

.ww-evidence{margin-top:16px;border:1px solid var(--ww-line);background:var(--ww-panel)}
.ww-evidence summary{font-family:var(--ww-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ww-ink-soft);cursor:pointer;padding:10px 14px}
.ww-evidence summary:hover{color:var(--ww-cobalt)}
.ww-ev-sec{padding:0 14px 12px}
.ww-ev-sec h4{font-family:var(--ww-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ww-amber);margin:0 0 6px}
.ww-ev-sec p{font-size:13px;margin:0 0 8px;color:var(--ww-ink)}
.ww-ev-sec a{color:var(--ww-cobalt);text-decoration:none;font-family:var(--ww-mono);font-size:11px}
.ww-ev-sec a:hover{text-decoration:underline}
.ww-ev-queries{font-family:var(--ww-mono);font-size:11.5px;color:var(--ww-ink-soft)}