/* Small contextual illustrations; additive only, never alter existing grids or typography. */
.ng-mini-art{width:180px;max-width:50%;margin:18px 0 2px;pointer-events:none;isolation:isolate}
.ng-mini-art svg{width:100%;height:auto;display:block;overflow:visible}
.ng-mini-window{fill:#fff;stroke:#bcc1c5;stroke-width:2}
.ng-mini-line{fill:none;stroke:#eceef0;stroke-width:2}
.ng-mini-shield,.ng-mini-target{transform-origin:72% 58%;animation:ng-mini-float 5s ease-in-out infinite}
.ng-mini-spark{animation:ng-mini-spark 2.8s ease-in-out infinite}
@keyframes ng-mini-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ng-mini-spark{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:700px){.ng-mini-art{width:148px;max-width:45%;margin-top:12px}}
/* Browser-safe native vector illustrations in the existing text sections. */
body.page-id-4206 .nsfh-purpose-intro::after,
body.page-id-155 .nsfp-copy::after{
 content:"";display:block;width:172px;height:94px;max-width:46%;margin:15px 0 2px;
 background-repeat:no-repeat;background-position:center;background-size:contain;
 pointer-events:none;animation:ngm-context-float 5.5s ease-in-out infinite;
}
body.page-id-4206 .nsfh-purpose-intro::after{background-image:url('../images/contextual-hosting-care-small-2026.svg')}
body.page-id-155 .nsfp-copy::after{background-image:url('../images/contextual-ppc-target-small-2026.svg')}
@keyframes ngm-context-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:700px){body.page-id-4206 .nsfh-purpose-intro::after,body.page-id-155 .nsfp-copy::after{width:138px;height:80px}}
@media(prefers-reduced-motion:reduce){.ng-mini-art *,body.page-id-4206 .nsfh-purpose-intro::after,body.page-id-155 .nsfp-copy::after{animation:none!important}}
