/* Shared staging blocks: dark image-backed panels (lead + "The Difference"), bold in-text links, centered consultation buttons */
.sx-panel{position:relative;overflow:hidden;border-radius:10px!important;border-left:5px solid #3498db;background:#0d1e35!important;padding:36px 36px 30px 40px!important;margin:30px 0!important;color:#e8f2fb}
.sx-panel>*{position:relative;z-index:1}
.sx-panel>.sx-panel-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-size:cover;background-position:center 30%}
.sx-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:rgba(8,28,55,.84)}
.sx-tag{display:inline-block;background:rgba(52,152,219,.25);border:1px solid rgba(52,152,219,.5);border-radius:20px!important;padding:3px 14px;margin-bottom:12px;font-size:11px;font-weight:700;letter-spacing:1.1px;color:#7ec8f0;text-transform:uppercase}
.sx-panel h2.sx-panel-h{margin:0 0 6px;color:#fff;font-size:20px;font-weight:700;line-height:1.3}
.sx-rule{width:48px;height:2px;background:#3498db;margin:10px 0 16px}
.sx-panel p{margin:0 0 10px;color:#e8f2fb;font-size:14px;line-height:1.7}
.sx-lead p{font-size:15px}
.sx-panel-intro{color:#c0d6e8!important;margin-bottom:6px!important}
.sx-row{display:flex;align-items:flex-start;gap:16px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:18px}
.sx-row strong{display:block;color:#fff;font-size:14px;margin-bottom:5px}
.sx-row p{margin:0;color:#8fb3cc;font-size:13px;line-height:1.6}
.sx-ico2{width:38px;height:38px;min-width:38px;background:rgba(52,152,219,.18);border-radius:8px!important;display:flex;align-items:center;justify-content:center}
.sx-ico2 i{color:#7ec8f0;font-size:16px}
.sx-diff .sx-tag+div{margin-top:0}
.col-md-9 p a:not(.btn-u):not(.sx-btn),.col-md-9 li a:not(.btn-u):not(.sx-btn),.col-md-12 p a:not(.btn-u):not(.sx-btn),.col-md-12 li a:not(.btn-u):not(.sx-btn){font-weight:700}
.container.content a.btn-u[href$="consultation.php"],.seo-cta{display:table!important;margin:18px auto 10px!important;text-align:center}
@media (max-width:600px){.sx-panel{padding:28px 20px 24px 24px!important}}
.sx-ig{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 0 16px}
.sx-ig-item{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:6px;background:#e8eef4}
.sx-ig-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.sx-ig-item:hover img,.sx-ig-item:focus-visible img{transform:scale(1.05)}
.sx-ig-cta{text-align:center;margin:0 0 20px}
.sx-ig-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;background:#3498db;color:#fff!important;font-size:15px;text-decoration:none;border-radius:0!important}
.sx-ig-cta a:hover{background:#2980b9}
@media (max-width:760px){.sx-ig{grid-template-columns:repeat(3,1fr)}}

/* a11y + responsive fixes (Codex review 2026-10-28) */
.sx-panel a:focus-visible,.seo-refresh a:focus-visible,.seo-cta:focus-visible,a.btn-u[href$="consultation.php"]:focus-visible,div[style*="#f0f7fd"] a:focus-visible,.seo-inbound a:focus-visible{outline:3px solid #f5b942!important;outline-offset:3px!important}
.seo-refresh a:focus-visible,.sx-lead a:focus-visible{border-radius:2px}
.seo-cta,a.btn-u[href$="consultation.php"]{background:#2271ae!important;color:#fff!important}
.seo-cta:hover,a.btn-u[href$="consultation.php"]:hover{background:#1b5c8f!important}
div[style*="#f0f7fd"] .container{width:auto!important;max-width:100%!important}
.seo-cta,.sx-panel a.seo-cta,.seo-refresh a.btn-u{max-width:100%;box-sizing:border-box;white-space:normal;text-align:center}
.btn-u,.btn-u-blue,a.btn-u,button.btn-u,input.btn-u{background:#2271ae!important;color:#fff!important}
.btn-u:hover,.btn-u:focus,.btn-u-blue:hover{background:#1b5c8f!important}

/* Readable panel labels and consultation buttons. */
.sx-panel .sx-tag,.sx-panel [style*="letter-spacing"][style*="#7ec8f0"]{color:#d6e4f0!important}
.sx-intro .sx-btn,div[style*="#f0f7fd"] a[href$="consultation.php"]{background:#2271ae!important;color:#fff!important}
.sx-intro .sx-btn:hover,.sx-intro .sx-btn:focus,div[style*="#f0f7fd"] a[href$="consultation.php"]:hover,div[style*="#f0f7fd"] a[href$="consultation.php"]:focus{background:#1b5c8f!important}
.sx-language-stat{font-size:clamp(18px,5vw,30px)!important;max-width:100%;overflow-wrap:anywhere}