body {
    font-size: 20px;
}

.page-content {
    box-shadow: none;
}

.flow-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    
    height: 100%;
}

.flow-header {
    width: 100%;
}

.flow-header-value {
    margin: 0px 18px;

    font-weight: bold;
    font-size: 125%;
}

.flow-element, .flow-header {
    display: flex;
    margin: 10px;
    width: 100%;
    /*max-width: 400px;*/
}

.flow-day-name,
.flow-header-spacer {
    font-weight: bold;
    font-size: 175%;
    margin: 0px 10px;
    text-align: center;

    min-width: 50px;
}
.flow-day-name .weekday {
    font-size: 50%;
}

.flow-day-entries {
    display: grid;
    margin: 10px;
    gap: 5px;
    
    flex: 1;
}

.flow-day-entry {
    background: yellow;
    border: 1px solid darkorange;
    border-radius: 5px;

    padding: 4px 6px;
    margin: 0px 2px;

    min-width: 0;

    display: inline-flex;
    flex-direction: column;
}

.flow-day-entry > .time {
    font-size: smaller;
    font-weight: bold;
    white-space: nowrap;
}

.flow-day-entry > .description {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}