.blog-page .info-hero,
.blog-single__article {
    width: min(var(--dt-container), calc(100% - 2 * var(--dt-pad)));
    margin: 0 auto;
}
.blog-page .info-hero { padding: 96rem 0 48rem; }
.blog-page .info-hero h1 { margin: 12rem 0 18rem; }
.blog-page .info-hero p:not(.section-kicker) { max-width: 780rem; color: var(--dt-muted); font-size: 22rem; }
.blog-grid {
    width: min(var(--dt-container), calc(100% - 2 * var(--dt-pad)));
    margin: 0 auto 110rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24rem;
}
.blog-card {
    overflow: hidden;
    border: 1rem solid var(--dt-line);
    border-radius: var(--dt-radius);
    background: var(--dt-white);
    box-shadow: var(--dt-shadow);
}
.blog-card img { width: 100%; height: 280rem; object-fit: cover; }
.blog-card div { padding: 24rem; }
.blog-card h2 { margin-bottom: 14rem; font-size: 26rem; }
.blog-card p { min-height: 94rem; margin-bottom: 20rem; color: var(--dt-muted); }
.blog-single { padding: 90rem var(--dt-pad) 120rem; }
.blog-single__article { max-width: 980rem; }
.blog-single__header { margin-bottom: 34rem; }
.blog-single__header h1 { margin-top: 10rem; }
.blog-single__image { width: 100%; height: 520rem; object-fit: cover; border-radius: var(--dt-radius); box-shadow: var(--dt-shadow); }
.blog-single__content {
    margin-top: 36rem;
    padding: 42rem;
    border: 1rem solid var(--dt-line);
    border-radius: var(--dt-radius);
    background: var(--dt-white);
}
.blog-single__content > * + * { margin-top: 18rem; }
@media (max-width: 900px) {
    .blog-grid { grid-template-columns: 1fr; }
    .blog-single__image { height: 360rem; }
    .blog-single__content { padding: 28rem; }
}