/* Decorative color only. All meaningful content remains ordinary HTML. */
body.has-background-light{isolation:isolate;background:#f8fbfd}
body.has-background-light::before{content:"";position:fixed;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 5% 4%,rgba(0,181,231,.82),rgba(0,181,231,.22) 27%,transparent 53%),radial-gradient(ellipse at 98% 80%,rgba(94,63,233,.64),rgba(94,63,233,.16) 29%,transparent 57%),linear-gradient(135deg,#f2faff,#fff 48%,#f7f5ff);animation:background-light-drift 28s ease-in-out -7s infinite alternate}
.has-background-light .home-personal .personal-opening{background:rgba(255,255,255,.68);border-color:rgba(255,255,255,.86)}
.has-background-light main p,.has-background-light main li{color:#30454d}
.has-background-light .site-header,.has-background-light .site-footer{background:rgba(255,255,255,.94)}
@keyframes background-light-drift{from{transform:translate3d(-6%,-4%,0)}to{transform:translate3d(6%,4%,0)}}
body.background-light-paused::before,body.background-light-suspended::before{animation-play-state:paused}
.background-toggle{border:0;background:none;padding:0;color:var(--muted);font:inherit;text-decoration:underline;text-underline-offset:3px;text-align:left}
@media(prefers-reduced-motion:reduce){body.has-background-light::before{animation:none}.background-toggle{display:none}}
@media print{body.has-background-light::before,.background-toggle{display:none}}