body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0;
}

h1.title {
    display: none;
}

body > .primary-content {
    flex-grow: 1;
    padding: 0 var(--text-normal);
    padding-bottom: 2rem;

    background: repeating-linear-gradient(
            45deg,
            rgba(240, 248, 255, 85%),
            rgba(240, 248, 255, 85%) .125rem,
            rgba(255, 255, 255, 85%) .125rem,
            rgba(255, 255, 255, 85%) .5rem);
}

@media (max-width: 36em) {
    body.convenient-width > .primary-content {
        min-width: auto;
        width: 100%;
    }
}

.primary-content__attribution-box {
    text-align: center;
    padding-top: calc(3 * var(--text-normal));
    margin-bottom: -1.5rem;
    font-size: var(--text-small);
    opacity: 0.5;
}

.convenient-reading-width {
    max-width: 32rem;
}

.convenient-reading-width p {
    text-align: justify;
}

.meal-location-section__subtitle {
    color: #D3D3D3FF; /* = lightgray */
}

.primary-content h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}