/* When squeezed for width, hide the Today button */
@media (max-width : 500px) {
    [data-ref="todayButton"] {
        display : none;
    }
}

/* Produce a small, phone-like calendar on larger devices */
@media (min-width : 600px) {
    #container {
        display            : grid;
        grid-template-rows : auto 1fr;

        .b-screenshot & {
            grid-template-rows : auto;
        }

        .b-calendar {
            min-height : 700px;
            max-height : 700px;
            width      : 350px;
            place-self : center;
        }

        .b-calendar {
            border-radius : 10px;
        }
    }
}

.day-weather {
    font-size           : 120%;
    margin-inline-start : auto;
}

/* Make radio items fit inline inside sidebar */
.b-sidebar .b-radio {
    font-size : 93%;
}

.b-radio-group-content {
    gap : 0.75em;
    .b-checkbox .b-field-inner {
        gap : 0.4em;
    }
}
