/* Typography and spacing inspired by the user-provided Disy reference. */
@font-face {
  font-family:'Inter Tool'; src:url('/assets/fonts/inter-variable.ttf') format('truetype');
  font-weight:100 900; font-style:normal; font-display:swap;
}
.signals-page {
  --sans:'Inter Tool',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --bg:#fbfafc; --surface:#ffffff; --text:#141318; --muted:#6d6b76;
  --subtle:#77737f; --line:#e8e6ed; --accent:#6547d5;
  --panel:#faf9fd; --tint:#eee9ff; --quote:#f3efff; --mark:#e4d9ff;
  color:var(--text); background:var(--bg); font:14px/1.75 var(--sans); font-optical-sizing:auto;
}
:root[data-theme=dark] .signals-page {
  --bg:#17161c; --surface:#211f28; --text:#f5f3fa; --muted:#bbb6c8;
  --subtle:#aaa2bb; --line:#3c3649; --accent:#c4b4ff;
  --panel:#25222d; --tint:#38304f; --quote:#322a44; --mark:#53416f;
}
.tool-shell,.tool-topbar-inner { width:min(1200px,calc(100% - 80px));margin:auto; }
.tool-topbar { background:var(--bg); color:var(--text); }
.tool-topbar-inner { display:flex;align-items:center;gap:18px;height:68px; }
.tool-topbar .monogram { color:var(--text); font-size:28px; }
.tool-topbar .monogram span { color:var(--accent); }
.header-divider { font-size:23px;font-weight:300;color:var(--line); }
.tool-brand { font-size:16px;font-weight:550;letter-spacing:-.3px; }
.tool-byline { color:var(--subtle);font-size:12px; }
.tool-topbar nav { display:flex;align-items:center;gap:24px;margin-left:auto; }
.tool-topbar nav>a { font-size:12px;color:var(--muted); }
.tool-topbar nav>a span { margin-left:6px; }
.tool-topbar .theme-toggle { color:var(--muted);border-color:var(--line);width:31px;height:31px; }
.tool-topbar a:hover { color:var(--accent); }
.tool-topbar .theme-toggle:hover { background:var(--tint); }
.tool-intro { display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px 0 28px; }
.tool-intro h1 { font-size:26px;font-weight:550;line-height:1.35;letter-spacing:-.8px;margin:0 0 9px; }
.tool-intro p { color:var(--muted);font-size:13px;line-height:1.8;margin:0; }
.method-link { color:var(--accent);font-size:12px;white-space:nowrap; }
.method-link span { margin-left:5px; }
.workbench { background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden; }
.workspace-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;border-bottom:1px solid var(--line); }
.mode-tabs { display:flex;gap:30px; }
.mode-tabs button { display:flex;align-items:center;gap:9px;height:57px;padding:0 2px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font-size:13px;color:var(--muted); }
.mode-tabs button[aria-selected=true] { color:var(--accent);border-color:var(--accent);font-weight:550; }
.mode-tabs button:focus-visible { outline-offset:-5px; }
.workspace-scope { font-size:11px;color:var(--subtle); }
.scanner-workspace { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);min-height:535px; }
.scanner-input { min-width:0;display:flex;flex-direction:column; }
.scanner-input>[role=tabpanel],.scanner-input form { display:flex;flex:1;flex-direction:column; }
.editor-body { padding:30px;flex:1; }
.editor-label { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;min-height:28px; }
.editor-label label { font-size:14px;font-weight:550; }
.editor-label>span { color:var(--subtle);font-size:11px; }
.input-description { font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:18px; }
.url-action-row { display:flex;align-items:stretch;gap:10px; }
.url-wrap { display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:4px;min-width:0;flex:1;color:var(--subtle); }
.url-wrap svg { flex:none; }
.url-wrap input { width:100%;min-width:0;border:0;outline:0;background:none;font:13px/1.8 var(--sans);color:var(--text);padding:12px 0; }
.url-wrap:focus-within { outline:2px solid var(--accent);outline-offset:2px; }
input::placeholder,textarea::placeholder { color:var(--subtle); }
.clear-input { background:none;border:0;color:var(--subtle);font-size:12px;padding:5px 0;min-width:32px;min-height:32px; }
.clear-input:hover { color:var(--text); }
.url-wrap .clear-input { font-size:20px;margin-right:-6px; }
.scan-button { display:flex;align-items:center;justify-content:center;gap:16px;background:#7053eb;color:#fff;border:1px solid #7053eb;border-radius:4px;padding:11px 17px;min-height:43px;font-size:12px;font-weight:550;white-space:nowrap; }
.scan-button:hover { background:#5f42d9;border-color:#5f42d9; }
.scan-button:disabled { opacity:.6;cursor:wait; }
.url-action-row .scan-button { gap:10px;padding-inline:14px; }
.url-action-row .scan-button svg { display:none; }
.scan-scope { margin-top:40px;border-top:1px solid var(--line);padding-top:25px; }
.scan-scope h3 { font-size:13px;font-weight:550;line-height:1.6;margin:0 0 15px; }
.scan-scope>div { display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted); }
.scan-scope>div>span:first-child { color:var(--text); }
.scan-scope>div>span:last-child { text-align:right; }
.scan-scope>p { font-size:11px;line-height:1.85;color:var(--subtle);max-width:440px;margin:18px 0 0; }
.content-editor { display:flex;flex-direction:column;padding-bottom:16px; }
.content-editor textarea { flex:1;display:block;resize:vertical;width:100%;min-height:310px;max-height:700px;border:0;border-radius:2px;padding:16px 0 24px;background:none;color:var(--text);font:17px/1.85 Georgia,'Times New Roman',serif; }
.content-editor textarea:focus-visible { outline:1px solid var(--line);outline-offset:8px; }
.text-controls { display:flex;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--subtle); }
.editor-actionbar { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 30px;border-top:1px solid var(--line); }
.action-hint { color:var(--subtle);font-size:11px;line-height:1.7; }
.input-footer { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 30px;border-top:1px solid var(--line); }
.input-footer p { color:var(--subtle);font-size:11px;line-height:1.8;margin:0;max-width:400px; }
.keyboard-hint { font-size:9px;color:var(--subtle);white-space:nowrap; }
kbd { font:10px var(--mono); }
.form-error { color:#a54029;border-left:2px solid #b85f43;padding:8px 12px;font-size:12px;line-height:1.85;margin:18px 0 0; }
:root[data-theme=dark] .form-error { color:#f0b39a; }
.scan-status { font-size:11px;color:var(--muted);line-height:1.8;margin:0; }
.scan-status:not(:empty) { padding:10px 30px;border-top:1px solid var(--line); }
.scanner-results { background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0; }
.results-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px;border-bottom:1px solid var(--line);min-height:68px; }
.results-heading>div { display:flex;align-items:center;gap:9px; }
.results-heading h2 { font-size:14px;font-weight:550;letter-spacing:-.2px;margin:0; }
.report-state { font-size:10px;color:var(--subtle); }
.scanner-results:has(#report-output:not([hidden])) .report-state { color:var(--accent);background:var(--tint);padding:3px 6px;border-radius:3px; }
.scanner-results.is-scanning .report-state { color:var(--accent); }
.download-report { border:0;background:none;color:var(--accent);font-size:10px;padding:7px 0; }
.download-report:hover { text-decoration:underline;text-underline-offset:3px; }
.download-report span { margin-left:4px; }
.report-scroll { flex:1;min-height:395px;max-height:600px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent; }
.report-empty { padding:37px 25px; }
.empty-document { color:var(--accent);margin-bottom:22px; }
.report-empty h3 { font-size:19px;font-weight:500;line-height:1.4;letter-spacing:-.4px;margin:0 0 13px; }
.report-empty>p { color:var(--muted);font-size:13px;line-height:1.9;margin:0;max-width:320px; }
.report-empty .empty-note { color:var(--subtle);font-size:11px;line-height:1.85;border-top:1px solid var(--line);padding-top:19px;margin-top:28px; }
.report-bottom { font-size:10px;line-height:1.9;color:var(--subtle);padding:13px 23px;border-top:1px solid var(--line); }
.report-summary { padding:24px 23px 0; }
.report-mode-label { font-size:10px;line-height:1.7;color:var(--subtle);margin-bottom:12px; }
.report-summary h3 { font-size:21px;line-height:1.4;letter-spacing:-.5px;font-weight:500;margin:0 0 13px; }
.report-source { color:var(--muted);font-size:11px;line-height:1.85;overflow-wrap:anywhere;margin:0; }
.report-source strong { color:var(--text);font-size:12px;font-weight:500; }
.report-source a { color:var(--accent);border-bottom:1px solid var(--line); }
.report-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-block:1px solid var(--line);padding:17px 0;margin-top:20px; }
.report-stats strong { font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.5px; }
.report-stats span { display:block;color:var(--subtle);font-size:10px;line-height:1.7;margin-top:6px; }
.report-notes { padding:16px 23px 0;font-size:11px;line-height:1.85;color:var(--muted); }
.report-notes p { margin-bottom:10px; }
.report-filters { display:flex;gap:6px;flex-wrap:wrap;padding:18px 23px 14px; }
.report-filters button { color:var(--subtle);border:1px solid transparent;background:none;font-size:11px;padding:5px 8px;min-height:30px;border-radius:3px; }
.report-filters button[aria-pressed=true] { color:var(--accent);background:var(--tint);border-color:var(--line); }
.finding-list { padding:0 23px; }
.finding { border-top:1px solid var(--line); }
.finding-toggle { display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;cursor:pointer;list-style:none; }
.finding-toggle::-webkit-details-marker { display:none; }
summary:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
.finding-category { color:var(--subtle);font-size:10px;line-height:1.7;margin-bottom:5px; }
.finding h4 { font-size:13px;line-height:1.7;font-weight:550;margin:0;letter-spacing:-.1px; }
.finding-count { color:var(--subtle);font-size:11px;margin-left:9px;font-weight:400; }
.finding-chevron { font-size:18px;color:var(--subtle); }
.finding[open]>.finding-toggle>.finding-chevron { transform:rotate(45deg); }
.finding-body { padding-bottom:17px; }
.finding-body>p { font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 13px; }
.finding blockquote { border-left:2px solid var(--accent);background:var(--quote);padding:10px 13px;font:13px/1.85 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;margin:14px 0;color:var(--text); }
.finding .suggestion { font-size:11px;margin:14px 0 0; }
.finding-body details { font-size:11px;line-height:1.85;color:var(--muted);margin-top:13px; }
.finding-body summary { cursor:pointer;padding:4px 0; }
.empty-filter,.empty-findings { font-size:12px;line-height:1.85;color:var(--muted);padding:0 23px;margin:20px 0; }
.report-excerpt { border-top:1px solid var(--line);margin:5px 23px 0; }
.report-excerpt>summary { font-size:11px;color:var(--accent);padding:16px 0;cursor:pointer; }
.highlighted-text { font:14px/1.9 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;max-height:370px;overflow:auto;background:var(--surface);border:1px solid var(--line);padding:16px; }
.highlighted-text mark { color:var(--text);background:var(--mark);border-bottom:1px solid var(--accent); }
.report-scope { color:var(--subtle);font-size:10px;line-height:1.85;margin:17px 0 22px;padding:0 23px; }
.method-section { margin-top:18px; }
.method-section>summary { display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font-size:12px;color:var(--muted);padding:16px 0; }
.method-section>summary::-webkit-details-marker { display:none; }
.method-section>summary>span { font-size:18px; }
.method-section[open]>summary>span { transform:rotate(45deg); }
.method-body { border-top:1px solid var(--line);padding-top:25px; }
.method-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px; }
.method-grid article>span { font-size:11px;color:var(--accent); }
.method-grid h3 { font-size:14px;font-weight:500;line-height:1.6;letter-spacing:-.2px;margin:12px 0 9px; }
.method-grid p { font-size:12px;line-height:1.9;color:var(--muted);margin:0; }
.method-body>details { border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font-size:12px;color:var(--muted); }
.method-body>details>summary { cursor:pointer; }
.method-body>details>div { padding-top:20px;line-height:1.9;max-width:800px; }
.method-body strong { color:var(--text);font-weight:500; }
.method-body a { color:var(--accent);text-decoration:underline;text-underline-offset:3px; }
.tool-footer { display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0 30px;margin-top:14px;font-size:11px;color:var(--subtle); }
.tool-footer a { color:var(--accent); }.tool-footer>span>span { padding-inline:6px; }
@media(min-width:1500px) { .tool-shell,.tool-topbar-inner{width:1260px}.scanner-workspace{min-height:600px}.content-editor textarea{min-height:375px} }
@media(max-width:1100px) { .tool-shell,.tool-topbar-inner{width:calc(100% - 48px)}.scanner-workspace{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.editor-body{padding:25px}.editor-actionbar,.input-footer{padding-inline:25px}.url-action-row{flex-wrap:wrap}.url-wrap{flex-basis:100%}.url-action-row .scan-button{margin-top:3px}.keyboard-hint{display:none}.action-hint{font-size:10px}.scan-scope{margin-top:27px} }
@media(max-width:760px) { .tool-shell,.tool-topbar-inner{width:calc(100% - 40px);max-width:620px}.tool-topbar-inner{height:64px;gap:13px}.tool-byline{display:none}.tool-topbar nav{gap:15px}.tool-topbar nav>a{font-size:11px}.tool-intro{display:block;padding:26px 0 23px}.tool-intro h1{font-size:23px}.tool-intro p{font-size:12px}.method-link{display:inline-block;margin-top:12px}.workspace-toolbar{padding-inline:20px}.workspace-scope{font-size:10px}.mode-tabs{gap:23px}.mode-tabs button{font-size:12px;height:53px}.scanner-workspace{grid-template-columns:1fr}.scanner-results{border-left:0;border-top:1px solid var(--line)}.report-scroll{max-height:none;min-height:0}.report-empty{padding:27px 23px}.editor-body{padding:23px 20px}.editor-actionbar,.input-footer{padding-inline:20px}.content-editor textarea{min-height:285px;font-size:16px}.text-controls{font-size:10px}.method-grid{grid-template-columns:1fr;gap:23px}.method-grid article{position:relative;padding-left:30px}.method-grid article>span{position:absolute;top:3px;left:0}.method-grid h3{margin-top:0}.tool-footer{flex-wrap:wrap;gap:8px}.scan-scope>div{font-size:11px}.input-footer p{font-size:10px}.empty-note{max-width:none} }
@media(max-width:380px) { .tool-shell,.tool-topbar-inner{width:calc(100% - 28px)}.tool-topbar-inner{gap:10px}.tool-topbar nav{gap:10px}.workspace-scope{display:none}.tool-intro h1{font-size:21px}.editor-actionbar{flex-wrap:wrap;gap:12px}.editor-actionbar .scan-button{width:100%}.scan-scope>div{gap:8px;font-size:10px}.results-heading{padding-inline:18px}.report-stats{gap:8px}.report-stats span{font-size:9px}.download-report{font-size:9px} }
.signals-page::selection,.signals-page ::selection { background:var(--tint);color:var(--text); }

/* Centered inspection flow: input → scan → report. */
.tool-shell { max-width:1040px; }
.tool-intro { display:block;text-align:center;padding:64px 0 32px; }
.intro-label { display:block;font-size:10px;letter-spacing:1.5px;color:var(--accent);margin-bottom:18px; }
.tool-intro h1 { font-size:42px;line-height:1.17;letter-spacing:-1.7px;font-weight:550;margin:0 0 17px; }
.tool-intro p { max-width:540px;margin-inline:auto;font-size:14px;line-height:1.85; }
.workbench { width:min(720px,100%);margin:0 auto;border-radius:10px;box-shadow:0 8px 28px #30292507;animation:panel-arrive .25s ease-out both; }
.workspace-toolbar { justify-content:center;position:relative;padding-inline:25px;background:var(--panel); }
.mode-tabs { gap:38px; }
.mode-tabs button { height:55px; }
.workspace-scope { position:absolute;right:23px;font-size:10px; }
.scanner-workspace { display:block;min-height:0; }
.editor-body { padding:28px 30px 23px; }
.editor-label { margin-bottom:9px; }
.input-description { margin-bottom:16px;font-size:12px; }
.url-action-row { flex-wrap:nowrap;gap:10px; }
.url-wrap { flex:1;min-width:0;background:var(--surface);border-color:var(--line); }
.url-wrap input { padding:14px 0;font-size:14px; }
.url-action-row .scan-button { margin:0;min-height:48px;padding-inline:20px; }
.scan-caption { font-size:11px;line-height:1.8;color:var(--subtle);margin:17px 0 0; }
.content-editor textarea { min-height:200px;max-height:420px;font:15px/1.85 var(--sans);padding-top:8px; }
.content-editor { padding-bottom:17px; }
.text-controls { padding-top:12px; }
.editor-actionbar { padding:16px 30px; }
.input-footer { padding:12px 30px;background:var(--panel); }
.input-footer p { max-width:none;font-size:10px; }
.scan-progress { width:min(720px,100%);margin:0 auto;text-align:center;padding:44px 25px 34px;background:var(--surface);border:1px solid var(--line);border-radius:10px;animation:panel-arrive .25s ease-out both; }
.scan-visual { width:108px;height:108px;display:grid;place-items:center;margin:0 auto 24px;background:var(--tint);border:1px solid var(--line);border-radius:50%; }
.scan-page { position:relative;width:44px;height:58px;border:1px solid var(--accent);border-radius:3px;background:var(--surface);padding:13px 8px;display:flex;flex-direction:column;gap:6px;overflow:hidden; }
.scan-page>span { height:2px;background:var(--line);border-radius:2px;width:100%; }
.scan-page>span:nth-child(2),.scan-page>span:nth-child(5) { width:65%; }
.scan-line { position:absolute;left:0;right:0;height:2px;top:3px;background:var(--accent);box-shadow:0 -6px 14px var(--accent);animation:scan-sweep 1.5s ease-in-out infinite alternate; }
.progress-label { font-size:9px;letter-spacing:1.3px;color:var(--accent); }
.scan-progress h2 { font-size:23px;font-weight:500;letter-spacing:-.6px;margin:13px 0 12px; }
.scan-progress p { font-size:13px;color:var(--muted);line-height:1.8;margin:0 auto 25px;max-width:370px; }
#cancel-inspection { border:1px solid var(--line);background:var(--surface);border-radius:4px;font-size:11px;padding:8px 13px;color:var(--muted); }
#cancel-inspection:hover { border-color:var(--accent);color:var(--text); }
.scanner-results { width:min(820px,100%);margin:0 auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden;scroll-margin-top:25px;animation:report-arrive .4s ease-out both; }
.results-heading { background:var(--panel);padding:20px 28px; }
.report-actions { display:flex;gap:20px;align-items:center; }
.new-inspection { font-size:11px;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:7px 11px;background:var(--surface); }
.new-inspection:hover { border-color:var(--accent); }
.report-scroll { max-height:none;min-height:0;overflow:visible; }
.report-summary { padding:28px 28px 0; }
.report-summary h3 { font-size:27px; }
.report-stats { padding:20px 0;margin-top:24px;gap:24px; }
.report-stats>div+div { border-left:1px solid var(--line);padding-left:24px; }
.report-stats strong { font-size:29px; }
.report-stats span { font-size:11px; }
.report-notes { padding-inline:28px; }
.report-filters { padding-inline:28px; }
.finding-list { padding-inline:28px; }
.finding-toggle { padding:20px 0; }
.finding h4 { font-size:15px; }
.finding-body>p { font-size:13px; }
.finding blockquote { font-size:14px;padding:14px 18px; }
.report-excerpt { margin-inline:28px; }
.report-scope,.empty-findings,.empty-filter { padding-inline:28px; }
.report-bottom { padding-inline:28px;background:var(--panel); }
body[data-state=complete] .tool-intro { padding:30px 0 25px; }
body[data-state=complete] .intro-label { margin-bottom:10px; }
body[data-state=complete] .tool-intro h1 { font-size:28px;letter-spacing:-.8px; }
body[data-state=complete] .tool-intro h1 br { display:none; }
body[data-state=complete] .tool-intro p { display:none; }
.method-section { width:min(720px,100%);margin:24px auto 0; }
.tool-footer { width:min(820px,100%);margin:16px auto 0; }
@keyframes scan-sweep { from{transform:translateY(0)}to{transform:translateY(49px)} }
@keyframes panel-arrive { from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)} }
@keyframes report-arrive { from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)} }
@media(max-width:1000px) { .workspace-scope{display:none}.keyboard-hint{display:none} }
@media(max-width:760px) { .tool-shell{width:calc(100% - 40px);max-width:620px}.tool-intro{padding:40px 0 25px}.tool-intro h1{font-size:34px;letter-spacing:-1.2px}.tool-intro p{font-size:13px;max-width:350px}.intro-label{font-size:9px;letter-spacing:1px}.editor-body{padding:22px 20px}.editor-actionbar,.input-footer{padding-inline:20px}.url-action-row{flex-wrap:wrap}.url-wrap{flex-basis:100%}.url-action-row .scan-button{width:100%;min-height:45px}.content-editor textarea{min-height:185px}.scan-progress{padding:34px 20px 29px}.results-heading{padding:18px 20px;flex-wrap:wrap;row-gap:13px}.report-actions{gap:16px}.report-summary{padding:23px 20px 0}.report-summary h3{font-size:23px}.report-stats{gap:12px}.report-stats>div+div{padding-left:12px}.report-stats strong{font-size:24px}.report-stats span{font-size:10px}.report-notes,.report-filters,.finding-list,.report-scope,.empty-findings,.empty-filter,.report-bottom{padding-inline:20px}.report-excerpt{margin-inline:20px}.tool-footer{font-size:10px}.method-grid{gap:23px} }
@media(max-width:380px) { .tool-shell{width:calc(100% - 28px)}.tool-intro h1{font-size:30px}.tool-intro p{font-size:12px}.report-actions{width:100%;justify-content:space-between}.report-stats{gap:9px}.report-stats>div+div{padding-left:9px}.report-stats span{font-size:9px} }
@media(prefers-reduced-motion:reduce) { .scan-line,.workbench,.scan-progress,.scanner-results{animation:none!important}.scan-line{top:26px}.scan-visual{box-shadow:none} }

/* Reference proportions: compact navigation, large type, and ample breathing room. */
.tool-topbar-inner { width:min(1040px,calc(100% - 80px));height:88px; }
.tool-brand { display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:21px;font-weight:650;letter-spacing:-.7px; }
.brand-symbol { display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#7053eb;color:#fff; }
.tool-topbar nav { gap:29px; }
.tool-topbar nav>a { font-size:12px;color:var(--text); }
.tool-topbar .theme-toggle { width:31px;height:31px;border-radius:7px;background:var(--surface); }
.tool-intro { padding:65px 0 36px; }
.intro-label { display:inline-flex;align-items:center;gap:7px;padding:3px 9px 3px 3px;margin:0 0 23px;border-radius:20px;background:var(--tint);font-size:11px;font-weight:450;letter-spacing:0;color:var(--text);line-height:1.5; }
.intro-label>span { display:block;background:#7053eb;color:#fff;border-radius:14px;padding:2px 7px;font-size:10px; }
.tool-intro h1 { font-size:58px;line-height:1.13;letter-spacing:-2.6px;font-weight:650;margin:0 auto 21px;max-width:750px; }
.tool-intro p { font-size:15px;line-height:1.75;color:var(--muted);max-width:540px; }
.workbench { width:min(740px,100%);border-radius:12px;box-shadow:0 6px 24px #1a123209; }
.workspace-toolbar { background:var(--surface);border-color:var(--line); }
.mode-tabs { gap:30px; }
.mode-tabs button { font-size:12px; }
.mode-tabs button svg { width:15px;height:15px; }
.workspace-scope { font-size:10px; }
.editor-body { padding:26px 28px 24px; }
.editor-label label { font-weight:550;font-size:13px; }
.editor-label>span { font-size:10px; }
.url-wrap { border-radius:7px; }
.url-wrap input { font-size:13px; }
.scan-button { border-radius:7px;font-weight:500;font-size:12px;box-shadow:0 1px 2px #24145015; }
.url-action-row .scan-button { min-height:47px; }
.input-footer { background:var(--panel); }
.scan-progress { border-radius:12px;box-shadow:0 6px 24px #1a123209; }
.scan-visual { background:var(--tint);border-color:var(--line); }
.scanner-results { border-radius:12px;box-shadow:0 6px 24px #1a123209; }
.report-summary h3 { font-size:27px;letter-spacing:-.9px;font-weight:600; }
.report-stats strong { font-weight:550; }
.finding blockquote { font-family:var(--sans); }
.method-section { margin-top:23px; }
.method-section>summary { font-size:11px; }
.tool-footer { font-size:10px; }
body[data-state=complete] .tool-intro h1 { font-size:34px;letter-spacing:-1.1px; }
@media(max-width:760px) {
 .tool-topbar-inner{width:calc(100% - 40px);height:73px;gap:12px}.tool-brand{font-size:18px;gap:8px}.brand-symbol{width:29px;height:29px;border-radius:7px}.tool-topbar nav{gap:17px}.tool-topbar nav>a{font-size:11px}.tool-topbar .theme-toggle{width:29px;height:29px}
 .tool-intro{padding:39px 0 27px}.intro-label{font-size:10px;margin-bottom:20px}.intro-label>span{font-size:9px}.tool-intro h1{font-size:42px;letter-spacing:-1.8px;line-height:1.12}.tool-intro p{font-size:13px;max-width:330px}.tool-intro p br{display:none}.editor-body{padding:22px 20px}.tool-footer{font-size:10px}.tool-topbar .method-link{display:none}
}
@media(max-width:380px) { .tool-topbar-inner{width:calc(100% - 28px)}.tool-intro h1{font-size:36px;letter-spacing:-1.5px}.tool-intro p{font-size:12px}.tool-topbar nav{gap:13px}.tool-intro{padding-top:32px} }

/* Report: overview metrics, check coverage, and inspectable evidence. */
.scanner-results { width:min(1000px,100%); }
.report-summary { padding:30px 30px 0; }
.report-mode-label { color:var(--accent);font-size:11px;font-weight:550;margin-bottom:7px; }
.report-summary h3 { margin-bottom:8px; }
.report-overview-copy { font-size:13px;line-height:1.7;color:var(--muted);margin:0; }
.report-source-strip { display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:23px;padding:14px 0;border-block:1px solid var(--line);font-size:11px; }
.source-name { display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap; }
.source-label { color:var(--subtle);font-size:9px;letter-spacing:1px; }
.source-name strong,.source-name a { font-size:12px;font-weight:550;overflow-wrap:anywhere; }
.source-name a { color:var(--accent); }
.source-address,.report-date { color:var(--muted); }
.report-date { flex-shrink:0;font-size:10px; }
.report-stats { grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;padding:0;margin:22px 0 29px; }
.report-stats .metric-card { min-width:0;padding:17px 18px;border:1px solid var(--line);border-radius:9px;background:var(--panel); }
.report-stats .metric-card[data-metric="2"] { background:var(--tint); }
.report-stats .metric-label { color:var(--muted);font-size:11px;margin:0; }
.report-stats strong { display:block;font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-1px;margin:10px 0 7px;font-variant-numeric:tabular-nums; }
.report-stats .metric-card[data-metric="2"] strong { color:var(--accent); }
.report-stats .metric-note { margin:0;font-size:10px;line-height:1.5; }
.report-detail-grid { display:grid;grid-template-columns:235px minmax(0,1fr);border-top:1px solid var(--line); }
.report-checks { min-width:0;background:var(--panel);border-right:1px solid var(--line);padding:25px 20px 28px; }
.report-checks h3,.evidence-heading h3 { font-size:14px;line-height:1.5;font-weight:600;letter-spacing:-.25px;margin:0; }
.checks-intro { color:var(--muted);font-size:11px;line-height:1.7;margin:6px 0 17px; }
.checks-list { display:grid;gap:4px;margin:0 -8px; }
.check-row { display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;border:1px solid transparent;background:none;border-radius:6px;padding:10px 7px;font-family:var(--sans); }
.check-name { font-size:11px;color:var(--text);line-height:1.5; }
.check-status { font-size:9px;color:var(--subtle);white-space:nowrap; }
.check-row[data-matched=true] .check-status { color:var(--accent);background:var(--tint);padding:3px 5px;border-radius:4px; }
button.check-row:hover,button.check-row[aria-pressed=true] { background:var(--surface);border-color:var(--line); }
.platform-summary { display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:19px;margin-top:19px;font-size:12px; }
.platform-summary strong { color:var(--accent);font-size:19px;font-weight:550; }
.report-checks .report-notes,.authorship-note { border-top:1px solid var(--line);margin-top:22px;padding:18px 0 0;font-size:11px;line-height:1.8;color:var(--muted); }
.report-checks h4 { margin:0 0 6px;color:var(--text);font-size:11px;font-weight:550; }
.report-checks .report-notes p,.authorship-note p { margin:0 0 8px; }
.report-evidence { min-width:0;padding:25px 26px; }
.evidence-heading { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px; }
.source-jump { font:11px var(--sans);color:var(--accent);background:none;border:0;padding:5px 0;white-space:nowrap; }
.source-jump:hover { text-decoration:underline;text-underline-offset:3px; }
.report-evidence .report-filters { padding:0 0 17px; }
.report-filters button { border-radius:6px;padding:5px 10px; }
.report-evidence .finding-list { padding:0; }
.finding-toggle { padding:19px 0;align-items:flex-start; }
.finding-category { font-size:9px;color:var(--subtle);margin-bottom:6px; }
.finding h4 { font-size:14px;line-height:1.5;font-weight:550;letter-spacing:-.2px; }
.finding-trailing { display:flex;align-items:center;gap:13px;padding-top:4px;flex-shrink:0; }
.finding-count { font-size:10px;color:var(--subtle); }
.finding-chevron { font-size:17px;color:var(--muted); }
.finding[open] .finding-trailing .finding-chevron { transform:rotate(45deg); }
.finding-body { padding-bottom:21px; }
.finding-body>p { font-size:12px;line-height:1.85;margin:0 0 16px; }
.finding blockquote { font-size:13px;line-height:1.85;margin:13px 0;padding:12px 15px;border-radius:0 6px 6px 0; }
.finding-body details { font-size:11px; }
.finding .suggestion { margin:17px 0 11px;padding:13px 15px;background:var(--panel);border:1px solid var(--line);border-radius:7px; }
.suggestion>span { display:block;font-size:10px;font-weight:550;color:var(--text);margin-bottom:5px; }
.suggestion>p { margin:0;font-size:11px;line-height:1.8;color:var(--muted); }
.report-evidence .empty-filter { padding:0; }
.empty-evidence { padding:30px 20px;border:1px dashed var(--line);border-radius:8px;text-align:center; }
.empty-evidence h4 { font-size:14px;font-weight:550;margin:0 0 9px; }
.empty-evidence p { font-size:12px;line-height:1.8;color:var(--muted);margin:0; }
.report-excerpt { margin:0;border-top:1px solid var(--line);padding:0 30px; }
.report-excerpt>summary { padding:20px 0;font-size:12px; }
.highlighted-text { border-radius:7px;margin:0 0 24px;font-size:13px; }
.highlighted-text mark.active-evidence { outline:2px solid var(--accent);outline-offset:2px; }
@media(max-width:760px) {
 .report-summary{padding:24px 20px 0}.report-source-strip{align-items:flex-start;flex-direction:column;gap:10px}.source-name{gap:9px}
 .report-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.report-stats .metric-card{padding:15px}.report-stats strong{font-size:28px}.report-stats .metric-label{font-size:11px}.report-stats .metric-note{font-size:10px}
 .report-detail-grid{grid-template-columns:1fr}.report-checks{border-right:0;border-bottom:1px solid var(--line);padding:22px 20px}.checks-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.report-checks .report-notes,.authorship-note{margin-top:17px;padding-top:14px}
 .report-evidence{padding:24px 20px}.report-excerpt{padding-inline:20px}.finding-trailing{gap:9px}.finding-toggle{gap:10px}.finding-count{font-size:9px}.finding h4{font-size:13px}
}
@media(max-width:440px) {
 .checks-list{grid-template-columns:1fr}.check-row{padding-block:8px}.report-summary h3{font-size:23px}.report-stats .metric-card{padding:13px}.report-stats .metric-note{font-size:9px}.evidence-heading h3{font-size:13px}.source-jump{font-size:10px}
}

/* Evidence colors indicate the kind of signal, never an authorship score. */
.signals-page { --signal-red:#b42336;--signal-red-bg:#fff0f1;--signal-yellow:#8a5900;--signal-yellow-bg:#fff7dc;--signal-green:#23714c;--signal-green-bg:#edf8f1; }
:root[data-theme=dark] .signals-page { --signal-red:#ffa6b1;--signal-red-bg:#43232c;--signal-yellow:#f2ce77;--signal-yellow-bg:#3c321e;--signal-green:#93dbb3;--signal-green-bg:#1e382c; }
.signal-legend { display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:18px; }
.signal-key { display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted); }
.signal-key::before { content:'';width:7px;height:7px;border-radius:50%;background:var(--signal-color); }
[data-tone=attribution] { --signal-color:var(--signal-red);--signal-bg:var(--signal-red-bg); }
[data-tone=review] { --signal-color:var(--signal-yellow);--signal-bg:var(--signal-yellow-bg); }
[data-tone=clear] { --signal-color:var(--signal-green);--signal-bg:var(--signal-green-bg); }
.check-row[data-tone] .check-status { color:var(--signal-color,var(--subtle));background:var(--signal-bg,transparent);padding:3px 5px;border-radius:4px; }
.finding-category { color:var(--signal-color);display:inline-flex;align-items:center;gap:6px; }
.finding-category::before { content:'';width:6px;height:6px;border-radius:50%;background:var(--signal-color); }
.finding blockquote { background:var(--signal-bg);border-left-color:var(--signal-color); }
.finding-count { background:var(--signal-bg);color:var(--signal-color);padding:3px 6px;border-radius:4px; }
.attribution-status { font-size:10px;line-height:1.7;padding:8px 10px;border-radius:5px;background:var(--signal-bg);color:var(--signal-color);margin:12px 0 0; }
.empty-evidence { background:var(--signal-green-bg);border-color:var(--line); }
.empty-evidence h4 { color:var(--signal-green); }
.highlighted-text mark { background:var(--signal-yellow-bg);border-bottom-color:var(--signal-yellow); }
.highlighted-text mark.active-evidence { outline-color:var(--signal-yellow); }

.tool-faq { width:min(740px,100%);margin:42px auto 30px; }
.tool-faq h2 { font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.4;margin:0 0 10px; }
.faq-intro { font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 21px;max-width:590px; }
.tool-faq>details { border-top:1px solid var(--line); }
.tool-faq>details:last-child { border-bottom:1px solid var(--line); }
.tool-faq summary { display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:17px 0;font-size:12px;line-height:1.7;font-weight:500; }
.tool-faq summary::-webkit-details-marker { display:none; }
.tool-faq summary>span { font-size:18px;font-weight:400;color:var(--muted); }
.tool-faq details[open] summary>span { transform:rotate(45deg); }
.tool-faq details>p { font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 20px;max-width:650px; }
body[data-state=complete] .tool-faq,body[data-state=scanning] .tool-faq { display:none; }
.no-script-note { text-align:center;font-size:12px;color:var(--muted); }
@media(max-width:760px) { .tool-faq{margin-top:32px}.tool-faq h2{font-size:19px} }