:root{--background:#fff;--background-secondary:#f8fafc;--background-accent:#f1f5f9;--foreground:#0f172a;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#dbeafe;--primary-50:#eff6ff;--primary-dark:#1e40af;--secondary:#64748b;--secondary-hover:#475569;--secondary-light:#f8fafc;--accent:#06b6d4;--accent-hover:#0891b2;--accent-light:#cffafe;--border:#e2e8f0;--border-light:#f1f5f9;--border-focus:#3b82f6;--text-primary:#0f172a;--text-secondary:#374151;--text-muted:#64748b;--text-light:#94a3b8;--success:#10b981;--success-light:#d1fae5;--success-dark:#059669;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#d97706;--orange:#f97316;--orange-light:#fed7aa;--orange-dark:#ea580c;--error:#ef4444;--error-light:#fee2e2;--error-dark:#dc2626;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,span,div,li,td,th,label,button,input,select,textarea,a,strong,em,b,i,small,pre,blockquote{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}code,.code,.formula{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important}img,svg{max-width:100%;height:auto}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body{background-color:var(--background);color:var(--foreground);letter-spacing:-.011em;font-size:1rem;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{color:#111827;letter-spacing:-.015em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}h2{letter-spacing:-.015em;font-size:1.25rem;font-weight:600}h3{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}p{color:#374151;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.7;font-size:.9375rem!important}.prose p,.card-section p,.infoBox p,.exampleSteps p,.exampleStepsGreen p,.answer p,.lastUpdated p,.faqAnswer,.text{font-size:.9375rem!important}button,input,select,textarea{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.gradient-text{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-section{border:1px solid var(--border);box-shadow:var(--shadow);transition:all var(--transition-normal);background:#fff;border-radius:1rem;padding:1rem;position:relative;overflow:hidden}.card-section:before{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card-section:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-2px)}.card-section:hover:before{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.6s ease-out fadeIn}@media print{body{background:#fff}.card-section{box-shadow:none;border:1px solid #ddd}}