/* FunUni-lab Synthetic Edition - Shared UI Styles */

.cyber-glow { box-shadow: 0 0 40px rgba(108, 92, 231, 0.04); }

.mesh-gradient {
    background-image:
        radial-gradient(at 0% 0%, rgba(170, 164, 255, 0.05) 0px, transparent 50%),
        radial-gradient(at 100% 0%, rgba(0, 210, 255, 0.05) 0px, transparent 50%);
}

/* SME Content Prostyle */
#sme-content {
    font-family: 'Inter', sans-serif;
    color: #a3aac4;
    font-size: 0.95rem;
    line-height: 1.8;
}

#sme-content h1, #sme-content h2, #sme-content h3 {
    font-family: 'Space Grotesk', sans-serif;
    color: #dee5ff;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}

#sme-content h1 { font-size: 2.5rem; border-left: 4px solid #00d2ff; padding-left: 1rem; }
#sme-content h2 { font-size: 1.75rem; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 0.5rem; }
#sme-content h3 { font-size: 1.25rem; color: #aaa4ff; }
#sme-content p { margin-bottom: 1.5rem; }
#sme-content ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.5rem; }
#sme-content li { margin-bottom: 0.5rem; }
#sme-content blockquote { border-left: 4px solid #aaa4ff; padding-left: 1.5rem; font-style: italic; color: #828a9c; margin: 2rem 0; }
#sme-content code { background: rgba(170, 164, 255, 0.1); color: #aaa4ff; padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 0.85em; }
#sme-content pre { margin: 1.5rem 0; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); }
#sme-content pre code { background: none; color: inherit; padding: 0; font-size: 0.9em; }
#sme-content img { display: block; max-width: 100%; height: auto; border-radius: 12px; margin: 2.5rem auto; border: 1px solid rgba(255,255,255,0.05); }
#sme-content img[src*="quickchart.io"] { width: min(100%, 720px); background: rgba(255,255,255,0.02); padding: 1rem; }
#sme-content a { color: #00d2ff; text-decoration: underline; text-underline-offset: 4px; transition: opacity 0.2s; }
#sme-content a:hover { opacity: 0.7; }
#sme-content .table-wrap { width: 100%; margin: 2rem 0; overflow-x: auto; border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; background: rgba(255,255,255,0.02); }
#sme-content table { width: 100%; border-collapse: collapse; min-width: 44rem; }
#sme-content thead { background: rgba(170, 164, 255, 0.08); }
#sme-content tbody { background: transparent; }
#sme-content tr { border-bottom: 1px solid rgba(255,255,255,0.06); }
#sme-content tr:last-child { border-bottom: none; }
#sme-content th, #sme-content td { min-width: 7rem; padding: 0.9rem 1rem; text-align: left; vertical-align: top; white-space: normal; }
#sme-content th { color: #dee5ff; font-family: 'Space Grotesk', sans-serif; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
#sme-content td { color: #a3aac4; }