/* Runtime pieces: skip link, honeypot, cookie banner, map consent, scroll ruler. */
.skip-link{position:absolute;left:16px;top:-80px;z-index:100;background:var(--gold);color:var(--ink);padding:12px 18px;border-radius:999px;font-weight:600;text-decoration:none}
.skip-link:focus{top:12px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.linklike{background:none;border:0;padding:0;font:inherit;color:var(--text);cursor:pointer}
.linklike:hover{text-decoration:underline;text-underline-offset:4px}
.cookie-banner{position:fixed;left:max(16px, env(safe-area-inset-left, 0px));bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:60;width:min(520px,calc(100% - 32px))}
.cookie-banner[hidden]{display:none}
@media (max-width:720px){.cookie-banner{bottom:calc(88px + env(safe-area-inset-bottom, 0px))}}
.map-consent{position:relative;min-height:420px;display:grid;place-items:center;border-radius:var(--r-lg);overflow:hidden;background:var(--ink)}
.map-consent>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.5)}
.map-consent .cookie{position:relative;margin:24px}
.map-frame{width:100%;height:440px;border:0;border-radius:var(--r-lg);display:block}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Millimetre rule on the right edge: shows how far down the page you are */
.ruler{position:fixed;z-index:30;right:calc(14px + env(safe-area-inset-right, 0px));top:50%;height:240px;width:14px;transform:translateY(-50%);pointer-events:none;mix-blend-mode:difference;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.75) 0 1px,transparent 1px 6px) right/6px 100% no-repeat,repeating-linear-gradient(to bottom,rgba(255,255,255,.9) 0 1px,transparent 1px 30px) right/14px 100% no-repeat}
.ruler-mark{position:absolute;right:0;top:calc(var(--p, 0) * 100%);width:22px;height:2px;margin-top:-1px;background:#fff}
@media (max-width:1100px){.ruler{display:none}}