.global-header {
    padding: 0 2rem;
    margin-bottom: 1rem;
    background: var(--pico-primary-background);
}

.global-header--development, .global-header--staging {
    padding: 0 2rem;
    margin-bottom: 1rem;
    background: var(--pico-color-slate-700);
}

.global-header svg {
    width: 1.2rem;
    height: 1.2rem;
}

.global-header__logo {
    font-size: 1.5rem;
    color: #fff;
}

.global-header__link {
    color: #fff;
}

.global-header__badge {
    background: #fff;
    color: var(--pico-primary-background);
    font-size: 0.75rem;
    font-weight: bold;
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
    margin-left: 0.25rem;
}

.page-header {
    padding: 2rem 0;
    display: flex;
    justify-content: space-between;
}

.page-header__actions details.dropdown {
    display: inline-block;
}

.grid--7-3 {
    display: grid;
    grid-template-columns: 7fr 3fr;
    gap: var(--pico-spacing);
}

.grid--left-narrow {
    display: grid;
    grid-template-columns: 18rem minmax(0, 1fr);
    gap: var(--pico-spacing);
}

.grid--left-narrow > *,
.grid--7-3 > * {
    min-width: 0;
}

.grid--half {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--pico-spacing);
}

.side-menu {
    font-size: calc(var(--pico-font-size) * 1.5);
}

.side-menu__title {
    color: var(--pico-color-grey-500);
}

.side-menu__link {
    padding-left: calc(var(--pico-spacing) * 2);
}

.not-production-message {
    display: flex;
    justify-content: center;
}

.not-production-message > p {
    background: var(--pico-color-azure-100);
    color: var(--pico-color-slate-700);
    text-align: center;
    padding: 1rem;
    border-radius: 5px;
    font-weight: bold;
    width: 50%;
}

.icon--inline {
    width: 1em;
    height: 1em;
    vertical-align: text-bottom;
    display: inline;
}

@media print {
    .global-header {
        display: none;
    }

    .page-header {
        display: none;
    }

    main {
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}