.smart-personalisation a:not(.nav-page-button) { color:#2560cc; text-underline-offset:.2em; }
.smart-personalisation a:focus-visible { outline:3px solid #2560cc; outline-offset:4px; }
.smart-personalisation .personalisation-preview img { width:min(100%,320px); margin:auto; }
.personalisation-details { max-width:1100px; margin:0 auto 3rem; padding:2.5rem 2rem; background:#f4fbfe; border-radius:1rem; }
.personalisation-details h2:not(:where(.site-page-title)) { color:#24485a; font-size:2rem; padding:0; }
.personalisation-details p { font-size:1.05rem; line-height:1.75; }
@media(max-width:760px) { .personalisation-details { margin:0 1.25rem 2.5rem; padding:1.75rem 1rem; } .personalisation-details h2:not(:where(.site-page-title)) { font-size:1.6rem; } }

.smart-personalisation .personalisation-hero-image{width:100%;max-width:1100px;margin:2.5rem auto 0}
.smart-personalisation .personalisation-hero-image img{display:block;width:100%;height:auto;box-sizing:border-box}
.personalisation-introduction{max-width:900px;margin:auto;padding:3.5rem 2rem}
@media(max-width:760px){.smart-personalisation .personalisation-hero-image{margin-top:2rem}.personalisation-introduction{padding:2.5rem 1.25rem}}