@charset "UTF-8";

:root {
    --pwg-frame-width: min(1420px, calc(100% - 40px));
    --pwg-mobile-control-size: clamp(44px, 5.85vw, 48px);
}

/* Base layout */
*, *::before, *::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background:var(--pwg-theme-canvas,#f0f0f0);
    color:var(--pwg-theme-text,#000);
    font-family: "Lato", Arial, sans-serif;
}

img {
    max-width: 100%;
}

picture {
    display: contents;
}

a {
    font-family: "Lato", Arial, sans-serif;
    font-weight: 500;
    font-size: clamp(.875rem, .825rem + .25vw, 1rem);
}

p:last-child {
    margin-bottom: 0;
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-link:focus {
    z-index: 1000;
    left: 12px;
    top: 12px;
    width: auto;
    height: auto;
    padding: 10px 14px;
    color: #fff;
    background: #05284d;
}

.pwg-main {
    position: relative;
    z-index: 1;
    flex: 1 0 auto;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Shared accessibility helper. */

.pwg-visually-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
    border:0!important;
}

@media (max-width: 768px) {
    .pwg-main {
        padding: 0 10px;
    }
}

@media (max-width:260px) {
    :root {
        --pwg-mobile-control-size: 34px;
    }

    html,
    body {
        max-width: 100%;
        overflow-x: clip;
    }

    .pwg-site-header,
    .pwg-main,
    .pwg-footer {
        min-width: 0;
        max-width: 100%;
    }

    .pwg-main {
        padding-right: 4px;
        padding-left: 4px;
    }

    .pwg-main * {
        min-width: 0;
    }

    .pwg-main :is(h1, h2, h3, p, li, a) {
        overflow-wrap: anywhere;
    }
}