/* Generic (any region). */

.views-table-compact .views-table td,
.views-table-compact .views-table th {
    padding-block: 0.5em;
}




/* Region--sidebar. */

.region--sidebar .view,
.region--sidebar .view-content {
    gap: 0;
}

.region--sidebar .view-header h1,
.region--sidebar .view-header h2,
.region--sidebar .view-header h3,
.region--sidebar .view-header h4,
.region--sidebar .view-header h5
.region--sidebar .view-header h6 {
    margin-block: 0;
}

.region--sidebar .block-views {
    margin-block-end: var(--sp1);
}




/* Region--content. */

.region--content .view,
.region--content .view-content {
    gap: 0;
}

.region--content .view-header h1,
.region--content .view-header h2,
.region--content .view-header h3,
.region--content .view-header h4,
.region--content .view-header h5
.region--content .view-header h6 {
    margin-block-end: 0;
}

.region--content .view-header ~ .view-filters,
.region--content .view-header ~ .view-empty {
    margin-block-start: var(--sp2);
}

.region--content .view-content .views-view-responsive-grid {
    margin-block-start: var(--sp1);
    margin-block-end: var(--sp2);
}
.region--content .view-content .item-list {
    margin-block-start: var(--sp1);
    margin-block-end: var(--sp1);
}

.region--content .view-content .views-field:not(:last-child) {
    margin-block-end: var(--sp2);
}

/* Modify Views .more-link. */
.more-link::before {
    content: '» ';
}

/* Add some styling to Views responsive grid items. */
.region--content .view-content .views-view-responsive-grid .views-view-responsive-grid__item {
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    padding: 0 2em 2em;
}

/* Position responsive grid flag buttons at the bottom and make them full width. */
.region--content .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner {
    height: 100%;
    padding-bottom: 1em;
    position: relative;
}
.region--content .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-link-flag {
    bottom: 0;
    left: -2em;
    position: absolute;
    width: calc(100% + 4em);
}
.region--content .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-link-flag .flag a {
    justify-content: center;
    width: 100%;
}

/* Emphasize activity scores and activities in views table columns. */
.region--content .view-content .view-field-activity-table-column {
    background: var(--color--primary-80);
}
.region--content .view-content .view-field-activity-score-table-column {
    background: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.60 * (100 - var(--color--primary-lightness))))));
    text-align: right;
}
.region--content .view-content .view-field-activity-table-column,
.region--content .view-content .view-field-activity-table-column + *,
.region--content .view-content .view-field-activity-score-table-column,
.region--content .view-content .view-field-activity-score-table-column + * {
    padding-inline-start: 0.75em;
}
.region--content .view-content .view-field-activity-table-column,
.region--content .view-content .view-field-activity-score-table-column {
    padding-inline-end: 0.75em;
}