/* Spexa V4: library / layout 4 */
body.spexa4{background:#211b2c!important;color:#f3f4f6!important;--primary:#d8b4fe;--accent:#d8b4fe;--primary-color:#d8b4fe;--surface-void:#211b2c;--text-primary:#f3f4f6;--brand-primary:#d8b4fe;--brand-vivid:#d8b4fe;--brand-primary-dark:#d8b4fe;--brand-primary-light:#d8b4fe;--brand-rgb:216, 180, 254}
body.spexa4 a{text-underline-offset:3px}
body.spexa4 .gradient-text{color:#d8b4fe!important;background:none!important;-webkit-text-fill-color:#d8b4fe!important}
body.spexa4 .main-title,body.spexa4 .logo-text{color:#d8b4fe!important}
body.spexa4 .btn-primary,body.spexa4 .cta-button{background:#d8b4fe!important;color:#101827!important}
.spexa4-reference-section{margin:28px 0;padding:24px;border:1px solid #d8b4fe55;border-radius:28px;background:#ffffff08}
.spexa4-reference-section h2{color:#d8b4fe!important;margin:0 0 14px}
.spexa4-reference-section p,.spexa4-reference-section li{line-height:1.75;color:#e5e7eb!important}
.spexa4 .content-header{border-top:4px solid #d8b4fe;padding-top:24px}
.spexa4[data-v4-layout="2"] .content-header{text-align:left;border-left:6px solid #d8b4fe;padding-left:24px}
.spexa4[data-v4-layout="3"] .content-header{text-align:center;border-radius:24px;background:#ffffff08}
.spexa4[data-v4-layout="4"] .content-header{text-align:left;border-bottom:3px solid #d8b4fe;padding-bottom:24px}
.spexa4 .container{max-width:1240px}
@media(max-width:640px){.spexa4-reference-section{padding:16px}.spexa4 .content-header{padding-left:12px;padding-right:12px}}