/* Keep full-bleed artwork inside the page, including classic scrollbar widths. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow-x:clip){html,body{overflow-x:clip}}
.trust{overflow-x:clip}
/* The tablet header must fit before the mobile layout starts at 700px. */
@media(min-width:701px) and (max-width:800px){
 .header-inner{gap:12px;min-width:0}
 .desktop-logo{width:200px}
 .header-cta{padding-inline:18px}
 .menu-toggle{width:48px}
}
.footer-docs>.document-link{display:block;width:fit-content;text-decoration:underline;background:none;padding:0;margin-bottom:calc(15 * var(--desktop-unit,1px));font-size:inherit}
.consent .document-link{color:var(--teal);text-decoration:underline}
@media(max-width:700px){.footer-docs>.document-link{font-size:12px;line-height:16px;margin-bottom:12px}}

/* Keep navigation visible and anchor headings clear of the header. */
.header{position:sticky;top:0;z-index:100;box-shadow:0 3px 14px #163d4d0d}
html{scroll-padding-top:calc(var(--sticky-header-height,107px) + 16px)}
.header .nav{max-height:calc(100dvh - var(--sticky-header-height,107px) - 32px);overflow-y:auto;overscroll-behavior:contain}

/* Certificate previews are static; the round arrow opens the gallery. */
.certificate,.certificate:hover{cursor:default;box-shadow:none}
#media-dialog:has(.certificate-gallery){width:900px;max-width:calc(100vw - 32px)}
.certificate-gallery__image{display:block;width:100%;height:min(60dvh,560px);object-fit:contain}
.certificate-gallery__controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px}
.certificate-gallery__controls button{width:44px;height:44px;border-radius:50%;background:#d2d4d5;color:#fff;font-size:32px;line-height:1;display:grid;place-items:center}
.certificate-gallery__controls button:hover,.certificate-gallery__controls button:focus-visible{background:#29bfd2}
.certificate-gallery__controls span{min-width:48px;text-align:center;font-size:16px}
@media(max-width:700px){.certificate-gallery__image{height:min(55dvh,440px)}}