.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-7)}
.layout-main{min-width:0}

body.home .layout:first-of-type .layout-main,
body.search .layout:first-of-type .layout-main,
body.category .layout:first-of-type .layout-main,
body.author .layout:first-of-type .layout-main,
body.blog .layout:first-of-type .layout-main{
display:flex;flex-direction:column;gap:var(--space-5)
}

body.single .layout-main{display:block}

.layout-sidebar{width:320px;display:flex;flex-direction:column;gap:var(--space-6)}

.home-section-alt{background:rgba(0,0,0,.03);padding:var(--space-8) 0;margin:var(--space-8) 0}
[data-theme="dark"] .home-section-alt{background:rgba(255,255,255,.04)}

.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-5)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}

.container>section{margin-top:var(--space-8)}
.container>section:first-child{margin-top:0}

.card{display:flex;flex-direction:column;gap:var(--space-3)}
.card-image{border-radius:.6rem;overflow:hidden}
.card-body{display:flex;flex-direction:column;gap:.5rem}

.card-title{font-family:"Encode Sans Condensed",sans-serif;font-size:1.125rem;font-weight:700;line-height:1.35;margin:0}
.card-title a{color:var(--text)}
.card-title a:hover{color:var(--accent);opacity:.9}

.card-comments{font-size:.85em;font-weight:700;color:var(--accent)}

.card-category{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}

.card-meta{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted)}

.block-title{font-size:1.5rem;margin-bottom:var(--space-5);position:relative;padding-bottom:.5rem}
.block-title::after{content:"";display:block;width:40px;height:2px;background:var(--accent);margin-top:.4rem}

.block-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}
.block-header .block-title{margin:0}

.block-link{font-size:.85rem;color:var(--muted);text-decoration:none;transition:.2s}
.block-link:hover{color:var(--accent)}

.ad-box{height:250px;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--muted)}

.home-full{display:block}

[data-theme="dark"] .card-meta{color:rgba(255,255,255,.6)}

@media (max-width:1023px){
.layout{grid-template-columns:1fr}
.layout-sidebar{display:none}
.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:640px){
.grid-2{grid-template-columns:1fr}
.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
}