:root{--spair-ink:#16362f;--spair-accent:#e46f4c;--spair-cream:#fbf8f2;--spair-sage:#e4eee9;--spair-line:#dce5e0;--spair-muted:#6c7d77}
html{scroll-padding-top:84px}
:focus-visible{outline:3px solid var(--spair-accent)!important;outline-offset:3px!important}
.spair-skip{position:fixed;left:14px;top:-80px;z-index:9999;background:#fff;color:var(--spair-ink);border:2px solid var(--spair-ink);border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none;transition:top .15s}
.spair-skip:focus{top:12px}
.spair-routebar{background:#fff;border-bottom:1px solid var(--spair-line);color:var(--spair-ink)}
.spair-routebar-inner{max-width:1180px;margin:auto;padding:8px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}
.spair-routebar strong{font-weight:900}.spair-routebar nav{height:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.spair-routebar a{color:var(--spair-ink);text-decoration:none;font-weight:750;padding:7px 10px;border-radius:10px}
.spair-routebar a:hover,.spair-routebar a[aria-current="page"]{background:var(--spair-sage)}
.spair-form-help{font-size:13px;color:var(--spair-muted);margin:0 0 18px}
.spair-form-help b{color:var(--spair-ink)}
button:disabled,.btn[aria-disabled="true"]{opacity:.7;cursor:wait}
input:focus,select:focus,textarea:focus{border-color:var(--spair-ink)!important;box-shadow:0 0 0 3px rgba(22,54,47,.10)}
.spair-contactbar{display:none}
@media(max-width:760px){
 body{padding-bottom:68px}
 .spair-routebar-inner{padding:8px 16px}.spair-routebar-inner>span{display:flex}.spair-routebrand-text{display:none}
 .spair-routebar nav{width:100%;justify-content:center;gap:4px}.spair-routebar a{padding:7px 8px}
 .spair-contactbar{position:fixed;left:0;right:0;bottom:0;z-index:9998;display:grid;grid-template-columns:1fr 1fr 1.25fr;background:#fff;border-top:1px solid var(--spair-line);box-shadow:0 -10px 30px rgba(22,54,47,.12);padding:max(7px,env(safe-area-inset-bottom)) 9px 7px;gap:7px}
 .spair-contactbar a{min-height:46px;display:flex;align-items:center;justify-content:center;border:1px solid var(--spair-line);border-radius:12px;text-decoration:none;color:var(--spair-ink);font-weight:850;font-size:13px}
 .spair-contactbar a:last-child{background:var(--spair-accent);border-color:var(--spair-accent);color:#fff}
}

.spair-logo{display:block;width:92px;height:auto;max-height:50px;object-fit:contain;flex:0 0 auto}
.spair-logo-lockup{display:inline-flex!important;align-items:center;gap:11px;text-decoration:none!important}
.spair-logo-copy{display:flex;flex-direction:column;line-height:1.12}
.spair-logo-copy b{font-size:15px;color:var(--spair-ink,#16362f)}
.spair-logo-copy small{font-size:11px;color:var(--spair-muted,#6c7d77);font-weight:650;letter-spacing:.03em}
.spair-route-logo{width:70px;height:auto;display:block}
@media(max-width:760px){.spair-logo{width:80px;max-height:44px}.spair-logo-copy small{display:none}.spair-route-logo{width:62px}}

.spair-routebrand{display:flex;align-items:center;gap:8px}.spair-routebrand-text{font-size:12px;color:var(--spair-muted,#6c7d77);font-weight:700}
.spair-share{background:#fff;border-top:1px solid var(--spair-line);padding:26px 20px}.spair-share-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.spair-share-title{font-weight:900;color:var(--spair-ink);font-size:15px}.spair-share-links{display:flex;gap:10px;flex-wrap:wrap}.spair-share-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--spair-line);border-radius:12px;background:var(--spair-cream);color:var(--spair-ink);text-decoration:none;transition:.15s ease}.spair-share-btn:hover{background:var(--spair-sage);border-color:#c9dad2;transform:translateY(-1px)}.spair-share-btn svg{width:21px;height:21px;display:block;fill:currentColor}
@media(max-width:760px){.spair-share{padding:22px 16px 88px}.spair-share-inner{align-items:flex-start}.spair-share-links{width:100%}.spair-share-btn{width:44px;height:44px}}

/* Keep the existing back link and language controls within narrow headers. */
@media(max-width:620px){
 header nav:has(> .back){height:auto;min-height:72px;flex-wrap:wrap;gap:10px;padding-block:12px}
 header nav:has(> .back) .spair-lang-switch{flex-basis:100%;justify-content:flex-end;padding-left:0}
}