/* Shared, scoped refinements for the three browser tools. */
.tool-field-help{display:block;margin-top:8px;color:#9aa6ad;font-size:11px;line-height:1.55}
.tool-progress-wrap{padding:10px 0 2px}
.tool-progress-track{height:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}
.tool-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent,#55f2b2);transition:width .18s ease}
.tool-progress-fill.is-indeterminate{width:35%;animation:yb-tool-progress 1.2s ease-in-out infinite alternate}
@keyframes yb-tool-progress{from{transform:translateX(-5%)}to{transform:translateX(205%)}}
.image-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.image-result-card{min-width:0;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.image-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.image-result-head h3{margin:0;font-size:15px;font-weight:500;overflow-wrap:anywhere}
.image-result-state{flex:none;padding:5px 8px;border-radius:99px;font:10px 'DM Mono',monospace;border:1px solid var(--line)}
.image-result-state.good{color:#8de4b8;border-color:rgba(141,228,184,.35)}
.image-result-state.bad{color:#ff9a9a;border-color:rgba(255,154,154,.35)}
.image-result-stats{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;margin:15px 0}
.image-result-stats strong{font-size:13px;font-weight:500}
.image-result-stats small{grid-column:1/-1;color:#94a0a7;font-size:10px}
.image-saving{font:11px 'DM Mono',monospace}
.image-saving.good{color:#8de4b8}.image-saving.warn{color:#ffd18b}
.image-compare{height:250px;position:relative;overflow:hidden;background:#070a0d;border:1px solid var(--line)}
.image-compare img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;display:block}
.image-compare input{width:100%;margin:12px 0}
.image-result-card>input[type=range]{width:100%;margin:12px 0 0;accent-color:var(--accent,#55f2b2)}
.image-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.image-result-actions .btn{padding:10px 13px;font-size:11px}
.tool-error{color:#ffabab;font-size:12px;line-height:1.55}
.tool-report-note{color:#aab5bb;font-size:12px;line-height:1.65;max-width:900px}
.tool-sample-label{display:inline-flex;gap:7px;align-items:center;margin:0 0 16px;padding:6px 9px;border:1px solid rgba(255,209,139,.35);border-radius:99px;color:#ffd18b;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.tool-score-explainer{margin:18px 0;padding:14px 16px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#aab5bb;font-size:12px;line-height:1.65}
.tool-findings-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.tool-findings-summary>div{padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.tool-findings-summary strong{display:block;font-size:20px;font-weight:400}
.tool-findings-summary span{font:10px 'DM Mono',monospace;color:#a1aab0;text-transform:uppercase}
.tool-demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.tool-demo-actions .btn{cursor:pointer}
@media(max-width:760px){.image-result-list{grid-template-columns:1fr}.image-compare{height:220px}.tool-findings-summary{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.tool-progress-fill.is-indeterminate{animation:none}.tool-progress-fill{transition:none}}

/* Report tables remain readable on narrow screens. */
.seo-link-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.seo-link-table-wrap .seo-data-table{min-width:760px}
.seo-site-checks,.seo-link-checks{margin:24px 0;padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.seo-site-checks h3,.seo-link-checks h3{margin:0 0 12px;font-size:15px;font-weight:500}
.seo-link-checks .tool-findings-summary{margin:12px 0}
.seo-link-checks .tool-findings-summary>div{min-width:0}
.seo-link-checks .seo-data-table td{overflow-wrap:anywhere}
.seo-link-checks .seo-data-table td:first-child{min-width:220px}
.image-result-card .image-result-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.image-result-card .image-result-actions a:focus-visible,.tool-demo-actions button:focus-visible,.image-result-card input:focus-visible{outline:2px solid var(--accent,#55f2b2);outline-offset:3px}
.tool-form input[type=file]{max-width:100%}
.tool-form button:disabled{opacity:.55;cursor:not-allowed}

@media print{
 @page{margin:14mm}
 html,body{background:#fff!important;color:#15191c!important;min-height:0!important}
 body{font-size:10pt!important}
 .nav,.footer,.site-preloader,.site-cursor,.page-hero,.tool-form,.tool-demo-actions,.tool-actions,.global-search-trigger,.menu,.pill{display:none!important}
 main,.tools-section,.tools-section>.wrap{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
 #seo-results,#lead-results,#image-results{display:block!important;visibility:visible!important;background:#fff!important;color:#15191c!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
 #seo-results *,#lead-results *,#image-results *{color:#15191c!important;text-shadow:none!important;box-shadow:none!important}
 .seo-score,.seo-finding,.tool-panel,.tool-score-explainer,.seo-site-checks,.seo-link-checks,.image-result-card,.lead-journey-step,.lead-metric,.lead-scenario{background:#fff!important;border:1px solid #d5dadd!important;break-inside:avoid}
 .seo-pages-details,.lead-history{display:block!important}
 .seo-pages-details>summary{font-weight:700!important;margin:10px 0}
 .seo-pages-details:not([open])>*:not(summary){display:block!important}
 .seo-data-table{min-width:0!important;width:100%!important;border-collapse:collapse!important}
 .seo-data-table th,.seo-data-table td{border:1px solid #cbd1d5!important;padding:5px!important;font-size:8pt!important}
 .image-result-list{grid-template-columns:1fr 1fr!important}
 .image-compare{height:170px!important}
 a{color:#0645ad!important;text-decoration:underline!important;overflow-wrap:anywhere}
 .tool-sample-label{border:1px solid #9b6b1c!important;color:#704600!important}
}

.image-compare:before,.image-compare:after{position:absolute;z-index:2;top:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.7);color:#fff;font:9px 'DM Mono',monospace;letter-spacing:.07em;pointer-events:none}
.image-compare:before{content:'ORIGINAL';left:9px}
.image-compare:after{content:'OPTIMIZED';right:9px}
.seo-site-check{display:grid;grid-template-columns:minmax(120px,1fr) auto auto auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}
.seo-site-ok{color:#8de4b8}.seo-site-missing{color:#ffd18b}.seo-site-status{color:#9ca8b0;font:10px 'DM Mono',monospace}
.seo-site-check a{color:var(--accent,#55f2b2);text-decoration:none}
@media(max-width:600px){.seo-site-check{grid-template-columns:1fr auto}.seo-site-status{grid-column:1}.seo-site-check a{grid-column:2;grid-row:1 / span 2}}