/* Shared additions to the page styles: navigation, mobile menu, accessibility and form states. */
.skip{position:absolute;left:16px;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 14px;font-size:12px;text-decoration:none;border-radius:2px}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
section[id],main[id]{scroll-margin-top:82px}
body.menu-open,body.modal-open{overflow:hidden}

/* Mobile menu */
.menu{display:none;align-items:center;border:0;background:none;padding:10px 0 10px 16px;font:inherit;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.mobile-menu{display:none}
@media(max-width:800px){
  section[id],main[id]{scroll-margin-top:70px}
  .navlinks{display:none}
  .menu{display:inline-flex}
  /* The sticky header uses backdrop-filter, which makes it the containing block for fixed children,
     so size the panel against the viewport explicitly rather than with bottom:0. */
  .mobile-menu:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;height:calc(100vh - 71px);height:calc(100dvh - 71px);overflow:auto;overscroll-behavior:contain;background:var(--paper);border-top:1px solid var(--line);padding:12px 0 40px}
  .mobile-menu ul{list-style:none;margin:0 0 32px;padding:0}
  .mobile-menu li{border-bottom:1px solid var(--line)}
  .mobile-menu li a{display:block;padding:22px 0;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:32px;letter-spacing:-.04em}
  .mobile-menu .btn{width:100%}
}

/* Legal pages and footer links */
.foot a:hover,.foot a:focus-visible{color:white}

/* Enquiry form */
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.field-error{font-size:12px;line-height:1.45;color:var(--accent)}
.form-status{display:grid;gap:4px;margin:0 0 6px;padding:14px 16px;border-left:3px solid var(--accent);background:#f1e7ea;font-size:13px;line-height:1.5;color:var(--ink)}
.form-status[hidden]{display:none}
.form-status-detail:empty{display:none}
.form-status-detail{color:var(--muted)}
.submit:disabled,.back:disabled{opacity:.55;cursor:progress}
.success:not([hidden]){display:block}
.success h3:focus{outline:none}