.sla-page{--sla-blue:#2563eb;--sla-ink:#111827;--sla-muted:#4b5563;--sla-border:#d8e0ee;--sla-soft:#eef4ff;--sla-teal:#0f766e;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:1.25rem;padding-bottom:2rem}.sla-page h1,.sla-page h2,.sla-page h3{color:var(--sla-ink)}.sla-page code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#e8eef8;border-radius:5px;padding:.08em .3em}.sla-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:1.5rem;align-items:center;padding:2.1rem;border:1px solid var(--sla-border);border-radius:24px;background:linear-gradient(135deg,#fff 60%,#eef4ff)}.sla-hero h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.02;letter-spacing:-.045em;margin:.35rem 0 .85rem}.sla-hero>div>p:not(.sla-kicker){font-size:1.08rem;line-height:1.65;color:var(--sla-muted);max-width:790px}.sla-kicker,.sla-eyebrow{color:var(--sla-blue);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0}.sla-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.sla-badges span{background:#fff;border:1px solid #cbd7ea;border-radius:999px;color:#26405f;font-size:.78rem;font-weight:700;padding:.42rem .68rem}.sla-hero-note{border-left:4px solid var(--sla-teal);background:#ecfdf5;border-radius:12px;padding:1rem 1.1rem}.sla-hero-note strong{color:#065f55}.sla-hero-note p{color:#315b54;font-size:.9rem;line-height:1.55;margin:.4rem 0 0}.sla-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}.sla-steps span{display:flex;align-items:center;gap:.45rem;background:#fff;border:1px solid var(--sla-border);border-radius:10px;color:#34465d;font-size:.82rem;font-weight:700;padding:.68rem}.sla-steps b{display:grid;place-items:center;background:var(--sla-soft);border-radius:50%;color:var(--sla-blue);height:1.65rem;width:1.65rem}.sla-card,.sla-result-panel,.sla-run-card{background:#fff;border:1px solid var(--sla-border);border-radius:16px;padding:1.35rem;box-shadow:0 8px 26px rgba(26,52,86,.045)}.sla-section-heading,.sla-results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.55rem}.sla-section-heading h2,.sla-results-header h2{margin:.18rem 0 0;font-size:1.35rem}.sla-privacy{display:flex;align-items:center;gap:.6rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;margin:1rem 0;padding:.8rem 1rem}.sla-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sla-drop-zone,.sla-upload-panel{border:1px dashed #9bb4d6;border-radius:14px;padding:1.35rem;text-align:center;background:#f8fbff;transition:border-color .15s,background .15s}.sla-drop-zone.is-dragging{border-color:var(--sla-blue);background:#e8f0ff}.sla-upload-panel{border-style:solid;background:#fbfcfe}.sla-upload-icon{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto .5rem;border-radius:12px;background:var(--sla-soft);color:var(--sla-blue)}.sla-upload-grid h3{font-size:1.05rem;margin:.4rem 0}.sla-upload-grid p{color:var(--sla-muted);font-size:.88rem;margin:.35rem auto 1rem;max-width:390px}.sla-empty{border:1px dashed var(--sla-border);background:#f8fafc;border-radius:10px;color:var(--sla-muted);padding:1rem;text-align:center}.sla-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--sla-border);border-radius:10px}.sla-table{border-collapse:collapse;width:100%;min-width:760px;font-size:.84rem}.sla-table th{background:#f1f5f9;color:#334155;font-size:.73rem;letter-spacing:.035em;text-align:left;text-transform:uppercase;position:sticky;top:0;z-index:1}.sla-table th,.sla-table td{border-bottom:1px solid #e5eaf2;padding:.7rem .75rem;vertical-align:top}.sla-table tr:last-child td{border-bottom:0}.sla-table tbody tr:nth-child(even){background:#fafcff}.sla-table td{color:#283649;line-height:1.45}.sla-file-name,.sla-url-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere}.sla-table input[type=date]{min-width:145px}.sla-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sla-settings-grid label,.sla-filters label,.sla-history-search{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:.35rem;color:#29384b;font-size:.82rem;font-weight:750}.sla-settings-grid input,.sla-settings-grid select,.sla-filters input,.sla-filters select,.sla-history-search input{box-sizing:border-box;max-width:100%;min-width:0;border:1px solid #b7c4d7;border-radius:8px;background:#fff;color:var(--sla-ink);min-height:2.65rem;padding:.55rem .65rem}.sla-settings-grid small{color:var(--sla-muted);font-size:.73rem;font-weight:400;line-height:1.4}.sla-page input:focus-visible,.sla-page select:focus-visible,.sla-page button:focus-visible,.sla-page summary:focus-visible,.sla-page a:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:2px}.sla-run-card{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;background:#101e38;color:#dce8fb}.sla-run-card h2{color:#fff;margin:.2rem 0}.sla-run-card p{margin:.4rem 0;color:#bed0e9}.sla-run-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.sla-run-card .btn-ghost{color:#dce8fb;border-color:#5e718c}.sla-progress{height:8px;background:#273957;border-radius:999px;grid-column:1/-1;overflow:hidden}.sla-progress span{display:block;height:100%;width:0;background:#60a5fa;transition:width .18s}.sla-status{grid-column:1/-1;margin:0!important;font-size:.86rem}.sla-status[data-kind=error]{color:#fecaca}.sla-status[data-kind=success]{color:#a7f3d0}.sla-results{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:1.15rem;scroll-margin-top:80px}.sla-page>*,.sla-results>*{min-width:0}.sla-results-header{padding:.4rem .15rem}.sla-export-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.sla-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.sla-metric{display:grid;gap:.35rem;background:#fff;border:1px solid var(--sla-border);border-radius:12px;padding:1rem}.sla-metric span{color:var(--sla-muted);font-size:.75rem;font-weight:750;text-transform:uppercase}.sla-metric strong{color:var(--sla-ink);font-size:1.7rem;letter-spacing:-.025em}.sla-metric small{color:#66758a;line-height:1.35}.sla-factor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.sla-factor{border:1px solid var(--sla-border);border-radius:12px;padding:.9rem}.sla-factor>div{display:flex;justify-content:space-between;gap:.5rem}.sla-factor h3{font-size:.94rem;margin:0}.sla-factor>div strong{color:var(--sla-blue)}.sla-factor meter{width:100%;height:.75rem;margin:.65rem 0}.sla-factor p{color:var(--sla-muted);font-size:.78rem;line-height:1.45;margin:0}.sla-result-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--sla-border);gap:.2rem}.sla-result-tabs button{appearance:none;background:transparent;border:0;border-bottom:3px solid transparent;color:#55657a;cursor:pointer;font-weight:750;padding:.75rem .9rem;white-space:nowrap}.sla-result-tabs button.is-active{border-color:var(--sla-blue);color:var(--sla-blue)}.sla-result-panel h3{font-size:1.15rem;margin:.1rem 0 1rem}.sla-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.7rem;margin-bottom:.8rem}.sla-table-count{color:var(--sla-muted);font-size:.8rem;font-weight:700}.sla-severity{display:inline-block;border-radius:999px;font-size:.68rem;font-weight:850;padding:.25rem .48rem;text-transform:uppercase}.sla-critical{background:#7f1d1d;color:#fff}.sla-high{background:#fee2e2;color:#991b1b}.sla-medium{background:#fef3c7;color:#92400e}.sla-low{background:#dbeafe;color:#1e40af}.sla-info{background:#e2e8f0;color:#334155}.sla-issues-table{min-width:1200px}.sla-pagination{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.sla-history-link{appearance:none;background:transparent;border:0;color:var(--sla-blue);cursor:pointer;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:0;text-align:left;overflow-wrap:anywhere}.sla-history-search{max-width:540px}.sla-diagnostics{display:grid;gap:.5rem;padding-left:1.2rem}.sla-diagnostics li{color:#3d4c60;line-height:1.5}.sla-dialog{border:0;border-radius:16px;box-shadow:0 24px 80px rgba(15,23,42,.28);max-height:85vh;max-width:760px;width:calc(100% - 2rem);padding:1.3rem}.sla-dialog::backdrop{background:rgba(15,23,42,.56)}.sla-dialog h2{overflow-wrap:anywhere}.sla-history-timeline{display:grid;gap:.65rem;padding-left:1.3rem}.sla-history-timeline li{border-left:3px solid #bfdbfe;padding-left:.75rem}.sla-history-timeline span{display:block;color:var(--sla-muted);font-size:.84rem;overflow-wrap:anywhere}.sla-method{border:1px solid var(--sla-border);border-radius:16px}.sla-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.sla-method-grid article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.sla-method-grid h3{font-size:.95rem;margin:0 0 .45rem}.sla-method-grid p{color:var(--sla-muted);font-size:.84rem;line-height:1.5;margin:0}.sla-method details,.sla-faq details{border-top:1px solid var(--sla-border);margin-top:1rem;padding-top:.85rem}.sla-method summary,.sla-faq summary{color:#233b5e;cursor:pointer;font-weight:750}.sla-faq{border:1px solid var(--sla-border);border-radius:16px}.sla-faq details p{color:var(--sla-muted);line-height:1.6}.sla-page [hidden]{display:none!important}@media(max-width:900px){.sla-hero{grid-template-columns:minmax(0,1fr)}.sla-steps{grid-template-columns:repeat(3,1fr)}.sla-settings-grid,.sla-summary-grid,.sla-factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sla-run-card{grid-template-columns:minmax(0,1fr)}.sla-run-actions{justify-content:flex-start}.sla-upload-grid{grid-template-columns:minmax(0,1fr)}.sla-method-grid{grid-template-columns:minmax(0,1fr)}.sla-filters{grid-template-columns:1fr 1fr}.sla-filters label:first-child{grid-column:1/-1}}@media(max-width:580px){.sla-hero{padding:1.25rem;border-radius:16px}.sla-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sla-settings-grid,.sla-summary-grid,.sla-factor-grid,.sla-filters{grid-template-columns:minmax(0,1fr)}.sla-filters label:first-child{grid-column:auto}.sla-section-heading,.sla-results-header{display:grid}.sla-export-actions{justify-content:flex-start}.sla-card,.sla-result-panel,.sla-run-card{padding:1rem}.sla-run-actions .btn,.sla-export-actions .btn{width:100%}.sla-hero h1{font-size:2.15rem}}@media(prefers-reduced-motion:reduce){.sla-page *{scroll-behavior:auto!important;transition:none!important}}
