/* Visible brand-coloured controls for browsing the before/after examples. */
.service-comparisons .example-nav{background:#dff2fc;border-top:3px solid #087caf;border-bottom:1px solid #a6d6ed;padding:12px 16px;gap:12px}
.service-comparisons .example-nav span{color:#075578;font-weight:800;font-size:.9rem;text-align:center}
.service-comparisons .example-nav button{width:44px;height:44px;min-width:44px;flex-shrink:0;border:2px solid #087caf;background:#087caf;color:#fff;font-size:1.4rem;line-height:1;border-radius:50%;opacity:1;box-shadow:0 3px 8px #087caf25;transition:background .15s,border-color .15s}
.service-comparisons .example-nav button:hover:not(:disabled){background:#075578;border-color:#075578}
.service-comparisons .example-nav button:focus-visible{outline:3px solid #071d35;outline-offset:3px}
.service-comparisons .example-nav button:disabled{background:#edf4f7;border-color:#b6cedb;color:#8197a3;opacity:1;box-shadow:none;cursor:default}