.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:72px;align-items:start}.blog-layout>.post-grid{grid-template-columns:1fr;gap:0}.blog-layout .post-card{display:grid;grid-template-columns:43% 57%;border:0;border-radius:0;padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid var(--line);overflow:visible}.blog-layout .post-card:hover{transform:none;box-shadow:none}.blog-layout .post-thumb{height:100%;min-height:295px}.blog-layout .post-category{display:none}.blog-layout .post-card-body{display:flex;flex-direction:column;justify-content:center;padding:18px 0 18px 38px}.blog-layout .post-meta{color:#a47722;letter-spacing:.08em}.blog-layout .post-card h2{font-size:31px;line-height:1.15;margin:14px 0}.blog-layout .post-card p{font-size:14px;line-height:1.75}.blog-layout .read-more{align-self:flex-start;margin-top:8px;padding-bottom:6px;border-bottom:1px solid #9ca4b0;color:var(--ink);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.blog-layout .read-more:hover{color:var(--blue);border-color:var(--blue)}.blog-sidebar{position:sticky;top:105px}.journal-search{display:flex;width:100%;margin-bottom:52px}.journal-search input{min-width:0;flex:1;height:54px;padding:0 16px;border:1px solid #cfd4dc;border-right:0;background:#fff;color:var(--ink);font:13px 'DM Sans',sans-serif;outline:0}.journal-search input:focus{border-color:var(--navy)}.journal-search button{height:54px;padding:0 20px;border:0;background:var(--navy);color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.journal-search button:hover{background:var(--blue)}.sidebar-section{padding-top:31px;margin-top:34px;border-top:1px solid #cfd4dc}.sidebar-section h2{margin-bottom:28px;font-size:25px;letter-spacing:-.03em}.sidebar-section ul{list-style:none;padding:0;margin:0}.sidebar-section li{margin:0 0 20px}.sidebar-section li a{color:#70798a;font-size:12px;line-height:1.55}.sidebar-section li a:hover{color:var(--blue)}.sidebar-categories li{margin:0}.sidebar-categories li a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f4}.sidebar-categories li b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0f4fa;color:#637086;font-size:9px}.blog-page-pagination{display:flex;gap:10px}.blog-page-pagination .page-numbers{padding:8px 12px;border:1px solid var(--line);font-size:11px}.blog-page-pagination .current{background:var(--navy);color:#fff}
@media(max-width:980px){.blog-layout{grid-template-columns:minmax(0,1fr) 280px;gap:38px}.blog-layout .post-card{grid-template-columns:1fr}.blog-layout .post-thumb{height:250px;min-height:0}.blog-layout .post-card-body{padding:25px 0 38px}.blog-layout .post-card h2{font-size:27px}}
@media(max-width:720px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static;padding-top:15px;border-top:1px solid var(--line)}.journal-search{margin-bottom:40px}.blog-layout .post-card{margin-bottom:38px;padding-bottom:0}.blog-layout .post-thumb{height:250px}.blog-layout .post-card-body{padding:24px 0 34px}.sidebar-section{margin-top:28px}.blog-page-pagination{margin-bottom:60px}}

/* Keep pagination in the content column so the sidebar occupies the right rail. */
.blog-layout>.post-grid{grid-column:1;grid-row:1}.blog-page-pagination{grid-column:1;grid-row:2}.blog-sidebar{grid-column:2;grid-row:1 / span 2}
@media(max-width:720px){.blog-layout>.post-grid,.blog-page-pagination,.blog-sidebar{grid-column:1;grid-row:auto}}

/* VistaarFlow palette overrides. */
.blog-layout .post-meta{color:var(--blue)}.journal-search button{background:var(--navy)}.journal-search button:hover{background:linear-gradient(135deg,var(--blue),var(--cyan))}.sidebar-section{border-color:var(--line)}.sidebar-categories li b{background:#e8f3ff;color:var(--blue)}

/* Full-width journal canvas with consistent viewport gutters. */
.blog-index>.blog-hero>.container,.blog-index>.blog-list{width:calc(100% - 144px);max-width:none}
@media(max-width:980px){.blog-index>.blog-hero>.container,.blog-index>.blog-list{width:calc(100% - 80px)}}
@media(max-width:640px){.blog-index>.blog-hero>.container,.blog-index>.blog-list{width:calc(100% - 28px)}}