/* V77: this stylesheet is loaded only by the new article template. */
.blog-article-figure { margin-bottom: 0; }
.blog-article-figure img { display: block; aspect-ratio: 16 / 9; object-fit: cover; }
.blog-article-figure + .v77-cover-caption { margin: 9px 0 30px; font-size: 11px; line-height: 1.6; }
.v77-facade-diagram { margin: 28px 0 10px; }
.v77-facade-diagram img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; }
.v77-figure-caption, .v77-cover-caption { color: #66716d; font-size: 13px; line-height: 1.65; }
.v77-worklist { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.6; margin: 24px 0; }
.v77-worklist caption { text-align: left; font-weight: 700; padding-bottom: 12px; }
.v77-worklist th, .v77-worklist td { padding: 14px; text-align: left; vertical-align: top; border: 1px solid #dce2df; }
.v77-worklist thead { background: #edf4f1; }
.v77-worklist th[scope="row"] { width: 22%; }
@media (max-width: 680px) {
 .v77-worklist, .v77-worklist tbody, .v77-worklist tr, .v77-worklist th, .v77-worklist td { display: block; width: auto; }
 .v77-worklist thead { display: none; }
 .v77-worklist tr { margin-bottom: 18px; border: 1px solid #dce2df; }
 .v77-worklist th, .v77-worklist td { border: 0; padding: 12px 14px; }
 .v77-worklist th[scope="row"] { width: auto; background: #edf4f1; }
 .v77-worklist td::before { content: attr(data-label); display: block; font-weight: 700; margin-bottom: 4px; }
}