.btn-toggle::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: 1.25em;
    line-height: 0;
    content: "\f101";
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

button.help-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

button.help-button::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 2em;
    width: 1.25em;
    line-height: 0;
    content: "\f059";
}

.index-summary-grid {
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 0;
    border-top: 1px solid #dddddd;
}

.index-summary-grid-header {
    text-align: left;
}

@media (max-width: 767.98px) {
    .index-summary-grid {
	grid-template-columns: 1fr;
    }

    .index-summary-grid-header {
    }

    .index-summary-grid-thumb {
    }

    .index-summary-grid-article {
    }

    .index-summary-grid-footer {
    }
}

@media (min-width: 768px) {
    .index-summary-grid {
	grid-template-columns: 1fr 3fr;
    }

    .index-summary-grid-header {
	grid-column: 2/3;
	grid-row: 1;
    }

    .index-summary-grid-thumb {
	grid-column: 1;
	grid-row: 1 / 3;
	padding-top: 1rem;
    }

    .index-summary-grid-article {
	grid-column: 2/3;
	grid-row: 2;
    }

    .index-summary-grid-footer {
	grid-column: 2/3;
	grid-row: 3;
    }
}

.index-summary-grid h2 a {
    text-decoration: none;
}

.index-summary-grid h2 a:hover {
    text-decoration: underline;
}

p.article-meta-published-date {
    font-weight: bold;
}

p.article-meta-published-date time {
    font-weight: normal;
}

address.article-meta-author {
    font-weight: bold;
}

address.article-meta-author span {
    font-weight: normal;
}

.read-more a {
    text-decoration: none;
}

.read-more a:hover {
    text-decoration: underline;
}