/* Nanostudent RC4.15 product polish compatibility layer.
   Safe to keep after a future Vite rebuild: native RC4.15 components take precedence. */
.ns-product-card{border:1px solid #b9d2fb;background:linear-gradient(135deg,#f8fbff 0%,#fff 72%);border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.04);color:#101828}
.ns-next-step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:22px 24px;align-items:center}
.ns-eyebrow{margin:0 0 5px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#175cd3}
.ns-title{margin:0;font-size:20px;line-height:1.4;font-weight:800;color:#101828}
.ns-copy{margin:7px 0 0;max-width:760px;font-size:13px;line-height:1.85;color:#475467}
.ns-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ns-btn{appearance:none;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:10px;min-height:40px;padding:9px 14px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.ns-btn:hover{background:#f9fafb;border-color:#98a2b3}.ns-btn:active{transform:translateY(1px)}
.ns-btn-primary{border-color:#175cd3;background:#175cd3;color:#fff}.ns-btn-primary:hover{background:#1849a9;border-color:#1849a9}
.ns-learning-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 4px}
.ns-learning-step{display:flex;align-items:center;gap:9px;border:1px solid #dbeafe;background:rgba(255,255,255,.8);border-radius:10px;padding:10px 12px;font-size:11px;font-weight:700;color:#344054}
.ns-learning-step b{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#eff6ff;color:#175cd3;font-size:11px}
.ns-attention{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.ns-attention-score{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;font-weight:800;direction:ltr;color:#101828}
.ns-quick-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 -8px;padding-top:2px}
.ns-quick-head strong{font-size:13px;color:#101828}.ns-step-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eff6ff;color:#175cd3;border:1px solid #dbeafe;padding:4px 8px;font-size:10px;font-weight:800}
.ns-advanced-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e4e7ec;background:#f9fafb;border-radius:12px;padding:11px 13px;color:#344054;font-size:12px;font-weight:750;cursor:pointer}
.ns-advanced-toggle:hover{background:#f2f4f7}.ns-advanced-toggle span:last-child{font-size:16px;line-height:1;color:#667085;transition:transform .18s}.ns-advanced-toggle[aria-expanded="true"] span:last-child{transform:rotate(180deg)}
.ns-advanced-field.ns-advanced-closed{display:none!important}
.ns-quick-presets button:nth-child(n+5){display:none!important}
.ns-stage-track{width:100%;max-width:620px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:2px auto 0;text-align:start}
.ns-stage{position:relative;border:1px solid #e4e7ec;background:#fff;border-radius:10px;padding:9px 10px;color:#667085;font-size:10px;font-weight:700;line-height:1.35}
.ns-stage::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#d0d5dd;margin-bottom:6px}
.ns-stage.ns-done{border-color:#a7f3d0;background:#f0fdf4;color:#047857}.ns-stage.ns-done::before{background:#10b981}
.ns-stage.ns-active{border-color:#93c5fd;background:#eff6ff;color:#175cd3}.ns-stage.ns-active::before{background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.ns-source-loading{border:1px solid #dbeafe!important;background:#f8fbff!important;border-radius:12px;padding:12px!important;color:#475467!important}
.ns-source-loading::after{content:"";display:block;height:3px;margin-top:9px;border-radius:999px;background:linear-gradient(90deg,#dbeafe 0%,#2563eb 45%,#dbeafe 90%);background-size:220% 100%;animation:ns-loading-slide 1.25s linear infinite}
@keyframes ns-loading-slide{to{background-position:-220% 0}}
.ns-loading-shell{width:min(1120px,calc(100% - 32px));margin:28px auto;display:grid;gap:18px}
.ns-sk{position:relative;overflow:hidden;background:#eaecf0;border-radius:10px}.ns-sk::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:ns-shimmer 1.35s infinite}@keyframes ns-shimmer{100%{transform:translateX(100%)}}
.ns-sk-line{height:15px}.ns-sk-title{height:30px;width:min(360px,65%)}.ns-sk-card{height:112px;border:1px solid #e4e7ec;background:#fff;border-radius:16px;padding:18px}.ns-sk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ns-sk-metric{height:90px;border:1px solid #e4e7ec;background:#fff;border-radius:14px;padding:16px}.ns-original-loader{display:none!important}
html.dark .ns-product-card{background:linear-gradient(135deg,#10213f 0%,#111827 72%);border-color:#244b82;color:#f8fafc}html.dark .ns-title,html.dark .ns-attention-score,html.dark .ns-quick-head strong{color:#f8fafc}html.dark .ns-copy{color:#cbd5e1}html.dark .ns-btn{background:#111827;border-color:#334155;color:#e2e8f0}html.dark .ns-btn:hover{background:#1e293b}html.dark .ns-learning-step{background:rgba(15,23,42,.65);border-color:#1e3a5f;color:#dbeafe}html.dark .ns-advanced-toggle{background:#111827;border-color:#334155;color:#e2e8f0}html.dark .ns-stage{background:#111827;border-color:#334155;color:#94a3b8}html.dark .ns-stage.ns-active{background:#172554;border-color:#1d4ed8;color:#bfdbfe}html.dark .ns-stage.ns-done{background:#052e2b;border-color:#065f46;color:#a7f3d0}html.dark .ns-source-loading{background:#111827!important;border-color:#1e3a5f!important;color:#cbd5e1!important}html.dark .ns-sk{background:#263244}html.dark .ns-sk::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}html.dark .ns-sk-card,html.dark .ns-sk-metric{background:#111827;border-color:#263244}
@media(max-width:760px){.ns-next-step{grid-template-columns:1fr;padding:18px}.ns-actions{justify-content:stretch}.ns-actions .ns-btn{flex:1}.ns-learning-flow{grid-template-columns:1fr}.ns-attention{align-items:flex-start;flex-direction:column}.ns-stage-track{grid-template-columns:repeat(2,minmax(0,1fr))}.ns-sk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ns-source-loading::after,.ns-sk::after{animation:none}}