/* Remotely Scaled: free cognitive test extras. Everything else comes from tests.css (rst-* classes). */
.rsft-app{margin:0 0 28px}
.rsft-app .panel{padding:22px;border-radius:var(--radius)}
.rsft-intro h2{margin-top:0}
.rsft-pal{padding:10px 12px}
.rsft-pal ol{grid-template-columns:repeat(10,minmax(28px,1fr))}
.rsft-after{margin:0 0 28px;display:grid;gap:18px}
.rsft-after[hidden]{display:none}
.rsft-upsell{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,color-mix(in srgb,var(--cat1,var(--brand)) 12%,var(--bg)),var(--bg) 70%)}
.rsft-upsell h2{margin-top:0}
.rsft-upsell ul{padding-left:1.2em}
.rsft-upsell .rsft-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.rsft-banner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 18px;margin:0 0 22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#eaf4ff,#eff6ff)}
.rsft-banner p{margin:0}
[data-theme="dark"] .rsft-banner{background:linear-gradient(135deg,#111733,#0b1f24)}
.rst-tile.rsft-tile{border-width:2px;border-color:color-mix(in srgb,var(--cat1,var(--brand)) 45%,var(--line))}
.rsft-free{display:inline-block;align-self:flex-start;padding:2px 9px;border-radius:999px;background:#059669;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.01em}
@media (max-width:600px){.rsft-app .panel{padding:16px}.rsft-pal ol{grid-template-columns:repeat(5,minmax(36px,1fr))}.rsft-upsell{padding:16px}.rsft-upsell .rsft-cta .btn{width:100%;justify-content:center}.rsft-banner .btn{width:100%;justify-content:center}}
.rsft-app,.rsft-after{scroll-margin-top:88px}
