.diagnostic-tool{max-width:1100px;color:var(--text-color,#273444);margin:0 auto;padding:2rem 1rem 4rem}.diagnostic-tool .tool-header{text-align:center;margin-bottom:2rem}.diagnostic-tool .tool-header h1{margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2}.diagnostic-tool p{margin:.65rem 0;line-height:1.65}.diagnostic-panel{background:var(--card-bg,#fff);border:1px solid #94a3b84d;border-radius:16px;margin:1.25rem 0;padding:1.6rem}.diagnostic-panel h2{margin:0 0 1rem;font-size:1.35rem}.diagnostic-field{flex-direction:column;gap:.6rem;margin:1rem 0;font-weight:600;display:flex}.diagnostic-field input,.diagnostic-field select,.diagnostic-field textarea{font:inherit;min-width:0;color:inherit;background:var(--input-bg,#fff);border:1px solid #94a3b8;border-radius:8px;padding:.8rem;font-weight:400}.diagnostic-field textarea{font-family:monospace}.diagnostic-consent{align-items:flex-start;gap:.75rem;margin:1rem 0;line-height:1.6;display:flex}.diagnostic-consent input{flex-shrink:0;margin-top:.4rem}.diagnostic-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;display:flex}.diagnostic-tool button,.diagnostic-tool .btn{cursor:pointer;font:inherit;color:inherit;background:0 0;border:1px solid #94a3b8;border-radius:8px;padding:.7rem 1rem}.diagnostic-tool .btn-primary{color:#fff;background:#047857;border-color:#047857}.diagnostic-tool button:disabled{opacity:.55;cursor:wait}.diagnostic-tool a{color:#047857;text-underline-offset:3px;text-decoration:underline}.diagnostic-tool a.btn-primary{color:#fff;text-decoration:none}.diagnostic-tool :focus-visible{outline-offset:3px;outline:3px solid #2563eb}.diagnostic-error{color:#b91c1c;border-left:3px solid #b91c1c;padding:1rem}.diagnostic-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.diagnostic-findings{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;display:grid}.diagnostic-finding{border:1px solid #94a3b84d;border-top:3px solid #047857;border-radius:10px;min-width:0;padding:1.1rem}.diagnostic-finding.warning{border-top-color:#b45309}.diagnostic-finding.unavailable{border-top-color:#64748b}.diagnostic-finding>div{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.diagnostic-finding h3{margin:0;font-size:1rem;font-weight:700}.diagnostic-badge{white-space:nowrap;font-size:.75rem}.diagnostic-value{overflow-wrap:anywhere;white-space:pre-wrap;font-size:1.1rem;font-weight:600}.diagnostic-video{background:#111;border-radius:10px;width:550px;max-width:100%;max-height:320px;display:block}[data-theme=dark] .diagnostic-panel{color:#e2e8f0;background:#17212e}[data-theme=dark] .diagnostic-field input,[data-theme=dark] .diagnostic-field textarea,[data-theme=dark] .diagnostic-field select{color:#e2e8f0;background:#101823}[data-theme=dark] .diagnostic-tool a{color:#6ee7b7}[data-theme=dark] .diagnostic-error{color:#fca5a5}@media (width<=600px){.diagnostic-panel{padding:1.1rem}.diagnostic-actions>*{max-width:100%}}.diagnostic-results{text-align:left;min-width:0}.diagnostic-results .diagnostic-result-heading h2{margin:0;line-height:1.35}.diagnostic-report-meta{border-bottom:1px solid #94a3b84d;flex-wrap:wrap;gap:1rem 2.5rem;margin:1.25rem 0 1.5rem;padding-bottom:1rem;display:flex}.diagnostic-report-meta>div{min-width:0}.diagnostic-report-meta dt,.diagnostic-facts dt{color:var(--text-light,#526175);font-size:.8rem;font-weight:500}.diagnostic-report-meta dd,.diagnostic-facts dd{overflow-wrap:anywhere;margin:.2rem 0 0}.diagnostic-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1.5rem;display:grid}.diagnostic-summary>div{background:var(--surface-muted,#f8fafc);border:1px solid #94a3b84d;border-radius:10px;padding:1rem}.diagnostic-summary dt{font-size:.85rem;line-height:1.4}.diagnostic-summary dd{margin:.4rem 0 0;font-size:1.7rem;font-weight:700}.diagnostic-summary dd span{color:var(--text-light,#526175);font-size:.85rem;font-weight:400}.diagnostic-regions-title{margin:1.75rem 0 1rem;font-size:1.15rem;font-weight:700}.diagnostic-regional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-finding{text-align:left;overflow-wrap:anywhere;flex-direction:column;display:flex}.diagnostic-finding-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.diagnostic-finding-heading h3{min-width:0;line-height:1.5}.diagnostic-badge{color:#047857;background:#04785712;border-radius:999px;flex-shrink:0;padding:.2rem .55rem;font-weight:600;line-height:1.5;display:inline-flex}.diagnostic-finding.warning .diagnostic-badge{color:#92400e;background:#b4530912}.diagnostic-finding.unavailable .diagnostic-badge{color:#475569;background:#64748b15}.diagnostic-finding .diagnostic-value{white-space:pre-wrap;margin:1rem 0;font-size:1.4rem;line-height:1.4}.diagnostic-facts{gap:.65rem;margin:.25rem 0 .75rem;display:grid}.diagnostic-facts>div{grid-template-columns:7rem minmax(0,1fr);align-items:baseline;gap:.3rem .75rem;display:grid}.diagnostic-facts dd{font-size:.9rem;line-height:1.5}.diagnostic-finding .diagnostic-detail{color:var(--text-light,#526175);white-space:pre-wrap;font-size:.875rem;line-height:1.65}.diagnostic-provenance{border-top:1px solid #94a3b84d;margin-top:auto;padding-top:.9rem}.diagnostic-provenance summary{cursor:pointer;font-size:.85rem;font-weight:600;line-height:1.6}.diagnostic-provenance .diagnostic-facts{margin-top:.75rem}.diagnostic-results details:focus-within{outline-offset:4px}[data-theme=dark] .diagnostic-summary>div{background:#101823}[data-theme=dark] .diagnostic-report-meta dt,[data-theme=dark] .diagnostic-facts dt,[data-theme=dark] .diagnostic-detail,[data-theme=dark] .diagnostic-summary dd span{color:#a9b9cc}[data-theme=dark] .diagnostic-badge{color:#6ee7b7;background:#04785730}[data-theme=dark] .diagnostic-finding.warning .diagnostic-badge{color:#fcd34d;background:#b4530930}[data-theme=dark] .diagnostic-finding.unavailable .diagnostic-badge{color:#cbd5e1;background:#64748b30}@media (width<=650px){.diagnostic-regional-grid{grid-template-columns:minmax(0,1fr)}.diagnostic-summary{gap:.4rem}.diagnostic-summary>div{padding:.75rem .5rem}.diagnostic-summary dt{font-size:.75rem}.diagnostic-summary dd{font-size:1.4rem}.diagnostic-facts>div{grid-template-columns:6rem minmax(0,1fr)}.diagnostic-finding-heading{flex-wrap:wrap}.diagnostic-result-heading button{width:100%}}
