/* Homepage journal follows the photo-first reference; the full blog keeps its own cards. */
.ref8-journal #articles-grid[data-journal-preview]{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:38px 22px;
 align-items:stretch;
}
.ref8-journal-preview-card{
 display:grid;
 grid-template-rows:auto 1fr auto;
 gap:12px;
 min-width:0;
 margin:0;
 padding:0;
 border:0;
 background:transparent;
}
.ref8-journal-preview-media{
 position:relative;
 width:100%;
 aspect-ratio:1.38;
 overflow:hidden;
 border-radius:22px;
 background:var(--color-image-backdrop);
}
.ref8-journal-preview-cover{
 display:block;
 width:100%;
 height:100%;
 color:var(--color-primary);
}
.ref8-journal-preview-cover img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
}
.ref8-journal-preview-category{
 position:absolute;
 top:12px;
 right:12px;
 max-width:calc(100% - 24px);
 padding:7px 12px;
 border-radius:999px;
 background:var(--color-white);
 color:var(--color-ink);
 font-size:12px;
 font-weight:400;
 line-height:1.3;
 text-align:center;
 pointer-events:none;
}
.ref8-journal .ref8-journal-preview-title{
 margin:0;
 color:var(--color-ink);
 font-size:17px;
 font-weight:500;
 line-height:1.45;
 letter-spacing:-.015em;
 overflow-wrap:anywhere;
}
.ref8-journal-preview-title a{
 color:inherit;
 text-decoration:none;
 text-underline-offset:4px;
}
.ref8-journal-preview-title a:hover{color:var(--color-primary)}
.ref8-journal .ref8-journal-preview-meta{
 display:flex;
 flex-wrap:wrap;
 align-items:baseline;
 gap:6px;
 margin:0;
 color:var(--color-muted);
 font-size:13px;
 line-height:1.4;
}
.ref8-journal-preview-placeholder{
 display:grid;
 width:100%;
 height:100%;
 place-items:center;
 color:var(--color-primary);
}
.ref8-journal-preview-placeholder .icon{width:48px;height:48px}
.ref8-journal-preview-cover:focus-visible,
.ref8-journal-preview-title a:focus-visible{
 outline:2px solid var(--color-focus);
 outline-offset:4px;
}
.ref8-journal-preview-cover:focus-visible{outline-offset:-4px;border-radius:inherit}
@media(max-width:1023px){
 .ref8-journal #articles-grid[data-journal-preview]{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
}
@media(max-width:767px){
 .ref8-journal #articles-grid[data-journal-preview]{gap:28px 12px}
 .ref8-journal-preview-card{gap:10px}
 .ref8-journal-preview-media{aspect-ratio:1.2;border-radius:16px}
 .ref8-journal-preview-category{top:8px;right:8px;max-width:calc(100% - 16px);padding:5px 8px;font-size:11px}
 .ref8-journal .ref8-journal-preview-title{font-size:15px;line-height:1.45;letter-spacing:0}
 .ref8-journal .ref8-journal-preview-meta{font-size:12px;gap:4px}
}
@media(max-width:359px){
 .ref8-journal #articles-grid[data-journal-preview]{grid-template-columns:minmax(0,1fr)}
 .ref8-journal-preview-media{aspect-ratio:1.38}
 .ref8-journal .ref8-journal-preview-title{font-size:17px}
 .ref8-journal-preview-category{font-size:12px;padding:6px 10px}
}