@layer components{.diagnostic-tool__form{background:linear-gradient(145deg, color-mix(in srgb, var(--panel) 95%, white 5%), color-mix(in srgb, var(--surface) 92%, white 8%));border-color:color-mix(in srgb, var(--accent) 18%, var(--border))}.diagnostics__filters{gap:.75rem;margin-bottom:1.5rem;display:grid}.diagnostics__calculator{gap:1.5rem;margin-top:1rem;display:grid}.diagnostics__slider-grid{gap:1rem;display:grid}.diagnostics__slider{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--surface) 96%, white 4%);box-shadow:var(--shadow-sm), var(--card-inner-highlight);gap:.65rem;padding:1.15rem 1.25rem;display:grid}.diagnostics__slider-heading{justify-content:space-between;align-items:center;gap:1rem;font-weight:600;display:flex}.diagnostics__slider input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;min-height:28px}.diagnostics__slider-value{color:var(--text);font-weight:700}.diagnostics__scorecard{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--panel) 92%, white 8%);box-shadow:var(--shadow-sm), var(--card-inner-highlight);gap:.6rem;padding:1.6rem;display:grid}.diagnostics__score{margin:0;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700}.diagnostics__score-label{margin-top:0}.diagnostics__process{gap:1rem;margin:1.6rem 0 .5rem;padding:0;list-style:none;display:grid}.diagnostics__process-step{background:color-mix(in srgb, var(--surface) 96%, white 4%);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--card-inner-highlight);padding:1.2rem 1.35rem}.diagnostics__process-step .eyebrow{margin-bottom:.35rem}.diagnostics__footnote{margin-top:1rem}@media (width>=780px){.diagnostics__process{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=880px){.diagnostics__calculator{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.diagnostics__slider-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}}.diagnostics__tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.diagnostics__card-body{gap:1rem;margin-top:1rem;display:grid}.diagnostics__best-for{margin-top:0}.diagnostics__summary{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.diagnostics__summary .pill-list{margin-top:.8rem}.diagnostics__label{letter-spacing:.03em;text-transform:uppercase;font-size:.9rem}.diagnostics__card-footer{gap:.75rem;margin-top:1.4rem;display:grid}.diagnostics__pairing,.diagnostics__artifact-bridge{margin:0}.diagnostics__artifact-bridge ul{margin:0;padding-left:1.1rem}.diagnostics__sticky-jump{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:var(--z-overlay-top);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--panel) 93%, white 7%);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr);gap:.3rem;margin:0;padding:.6rem;display:grid;position:fixed}.diagnostics__sticky-jump .button{justify-content:center;width:100%;min-height:2.35rem;font-size:.9rem}.diagnostics__sticky-jump .button.is-active{border-color:color-mix(in srgb, var(--accent) 44%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--accent-strong)}.diagnostics__sticky-link{text-align:center;padding:.1rem .4rem 0;text-decoration:none}.diagnostics__sticky-link.is-active{color:var(--accent-strong);text-underline-offset:.2em;text-decoration:underline}@media (width>=900px){.diagnostics__sticky-jump{grid-template-columns:minmax(0,1fr);margin:1rem 0 1.25rem;position:static}body:has(.diagnostics__sticky-jump) .page-shell__panel{padding-bottom:clamp(1.2rem,2.5vw,2.5rem)}}.diagnostics__mobile-disclosure{margin:0}@media (width<=899px){#diagnostic-tools{scroll-margin-bottom:7rem}.diagnostics__sticky-jump+*{margin-top:0}body:has(.diagnostics__sticky-jump) .page-shell__panel{padding-bottom:clamp(5.8rem,18vw,7.2rem)}}.diagnostics__comparison{gap:.9rem;margin-bottom:1.2rem;display:grid}.diagnostics__comparison-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.8rem;display:grid}.diagnostics__comparison-card{gap:.8rem;display:grid}.diagnostics__comparison-card h3{margin:0}.diagnostics__comparison-meta{gap:.55rem;margin:0;display:grid}.diagnostics__comparison-meta div{gap:.15rem;display:grid}.diagnostics__comparison-meta dt{font-weight:600}.diagnostics__comparison-meta dd{margin:0}.diagnostics__compare{gap:1rem;margin:0;padding:0;list-style:none;display:grid}}