/* Magazine homepage: image-left stories and a compact right sidebar. */
.sn-latest-posts-view { --sn-teal:#087e8b; --sn-button:#087e8b; --sn-button-hover:#06616c; background:var(--surface); }
:root[data-theme="dark"] .sn-latest-posts-view { --sn-teal:#64d5dd; --sn-button:#087e8b; --sn-button-hover:#096d78; }
.sn-latest-posts-view > header { border-bottom:1px solid var(--border); }
.sn-latest-posts-view .site-main { min-height:55vh; }
.sn-blog.sn-magazine { display:grid; grid-template-columns:minmax(0,1fr) 276px; align-items:start; column-gap:48px; max-width:1300px; margin:0 auto; padding:38px 26px 16px; }
.sn-blog.sn-magazine .sn-feed, .sn-blog.sn-magazine .sn-home-sidebar { min-width:0; }
.sn-blog.sn-magazine .sn-blog-heading { margin:0 0 30px; color:var(--ink); font:700 1.8rem/1.2 Georgia,'Times New Roman',serif; letter-spacing:-.025em; }
.sn-blog.sn-magazine .sn-post-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:46px; }
.sn-blog.sn-magazine article.sn-post-card { display:flex; flex-direction:row; align-items:flex-start; gap:30px; min-width:0; width:100%; max-width:none; margin:0; padding:0 0 36px; border:0; border-bottom:1px solid var(--border); border-radius:0; background:transparent; color:var(--ink-soft); box-shadow:none; }
.sn-blog.sn-magazine .sn-post-image { display:block; flex:0 0 43%; width:43%; aspect-ratio:3 / 2; overflow:hidden; margin:0; border-radius:0; background:var(--surface-hover); }
.sn-blog.sn-magazine .sn-post-image .sn-post-thumbnail { display:block; width:100%; height:100%; max-width:100%; margin:0; border:0; border-radius:0; object-fit:cover; box-shadow:none; }
.sn-blog.sn-magazine .sn-post-body { flex:1; min-width:0; }
.sn-blog.sn-magazine .sn-post-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 8px; margin:1px 0 10px; color:var(--muted); font:400 .77rem/1.6 var(--font); }
.sn-blog.sn-magazine .sn-post-date { display:inline; margin:0; font:inherit; color:inherit; }
.sn-blog.sn-magazine .sn-post-meta .sn-post-category { color:inherit; font:inherit; text-decoration:none; }
.sn-blog.sn-magazine .sn-post-category:hover { color:var(--sn-teal); text-decoration:underline; }
.sn-blog.sn-magazine .sn-post-title { margin:0 0 14px; padding:0; border:0; color:var(--ink); font:700 clamp(1.3rem,1.8vw,1.65rem)/1.25 Georgia,'Times New Roman',serif; letter-spacing:-.02em; overflow-wrap:anywhere; }
.sn-blog.sn-magazine .sn-post-title::before, .sn-blog.sn-magazine .sn-post-title::after { content:none; }
.sn-blog.sn-magazine .sn-post-title a { color:inherit; background:none; -webkit-text-fill-color:currentColor; text-decoration:none; font:inherit; }
.sn-blog.sn-magazine .sn-post-title a:hover { color:var(--sn-teal); }
.sn-blog.sn-magazine .sn-post-body .sn-post-excerpt { display:block; margin:0 0 22px; color:var(--ink-soft); font:400 .96rem/1.8 var(--font); overflow-wrap:anywhere; }
.sn-blog.sn-magazine .sn-post-body .sn-read-more { display:inline-flex; align-items:center; gap:6px; padding:10px 15px; min-height:42px; border:1px solid transparent; border-radius:0; color:#fff; background:var(--sn-button); -webkit-text-fill-color:currentColor; font:500 .86rem/1.4 var(--font); text-decoration:none; }
.sn-blog.sn-magazine .sn-post-body .sn-read-more:hover { background:var(--sn-button-hover); color:#fff; }
.sn-blog.sn-magazine a:focus-visible { outline:2px solid var(--sn-teal); outline-offset:4px; }
.sn-blog.sn-magazine .sn-home-sidebar { padding-top:2px; }
.sn-blog.sn-magazine .sn-sidebar-section { margin:0 0 40px; }
.sn-blog.sn-magazine .sn-sidebar-heading { margin:0 0 18px; color:var(--ink); font:700 1.25rem/1.3 Georgia,'Times New Roman',serif; letter-spacing:-.02em; }
.sn-blog.sn-magazine .sn-sidebar-label { display:inline-block; margin:0 0 20px; padding:7px 12px; background:var(--sn-button); color:#fff; font:500 .78rem/1.4 var(--font); }
.sn-blog.sn-magazine .sn-recent-posts { margin:0; padding:0; list-style:none; }
.sn-blog.sn-magazine .sn-recent-item { display:flex; align-items:flex-start; gap:13px; margin:0 0 23px; padding:0; }
.sn-blog.sn-magazine .sn-recent-image { display:block; flex:0 0 84px; width:84px; height:62px; overflow:hidden; background:var(--surface-hover); }
.sn-blog.sn-magazine .sn-recent-image img { display:block; width:100%; height:100%; object-fit:cover; }
.sn-blog.sn-magazine .sn-recent-copy { min-width:0; flex:1; }
.sn-blog.sn-magazine .sn-recent-copy h3 { margin:0 0 4px; font:600 .9rem/1.5 var(--font); overflow-wrap:anywhere; }
.sn-blog.sn-magazine .sn-recent-copy a { color:var(--sn-teal); text-decoration:none; }
.sn-blog.sn-magazine .sn-recent-copy a:hover { text-decoration:underline; text-underline-offset:3px; }
.sn-blog.sn-magazine .sn-home-sidebar time { display:block; color:var(--muted); font:400 .73rem/1.6 var(--font); }
.sn-blog.sn-magazine .sn-featured-image { display:block; width:100%; aspect-ratio:3 / 2; margin:0 0 13px; overflow:hidden; background:var(--surface-hover); }
.sn-blog.sn-magazine .sn-featured-image img { display:block; width:100%; height:100%; object-fit:cover; }
.sn-blog.sn-magazine .sn-featured-post h3 { margin:6px 0 0; color:var(--ink); font:700 1.15rem/1.4 Georgia,'Times New Roman',serif; overflow-wrap:anywhere; }
.sn-blog.sn-magazine .sn-featured-post h3 a { color:inherit; text-decoration:none; }
.sn-blog.sn-magazine .sn-featured-post h3 a:hover { color:var(--sn-teal); }
.sn-blog.sn-magazine .sn-pagination { margin:38px 0 12px; }
.sn-blog.sn-magazine .sn-pagination ul.page-numbers { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-start; margin:0; padding:0; list-style:none; }
.sn-blog.sn-magazine .sn-pagination li { margin:0; padding:0; }
.sn-blog.sn-magazine .sn-pagination a, .sn-blog.sn-magazine .sn-pagination span { display:inline-flex; align-items:center; justify-content:center; min-width:42px; min-height:42px; padding:7px 13px; border:1px solid var(--border); border-radius:0; color:var(--ink); background:var(--surface); text-decoration:none; font:500 .9rem/1.4 var(--font); }
.sn-blog.sn-magazine .sn-pagination .current, .sn-blog.sn-magazine .sn-pagination a:hover { background:var(--sn-button); border-color:var(--sn-button); color:#fff; }
.sn-blog.sn-magazine .sn-pagination .dots { border-color:transparent; }
.sn-blog.sn-magazine .sn-empty-posts { padding:24px 0; color:var(--muted); }
.sn-latest-posts-view .site-footer { margin-top:42px; }
/* Quiet navigation inspired by the supplied reference. */
.sn-latest-posts-view .nav-desktop .sn-nav-menu > li > a { border-top:3px solid transparent; border-radius:0; padding:13px 12px; background:transparent; color:var(--ink-soft); font-weight:500; }
.sn-latest-posts-view .nav-desktop .sn-nav-menu > .current-menu-item > a { border-top-color:var(--ink); color:var(--ink); }
.sn-latest-posts-view .nav-desktop .sn-nav-menu a:hover { color:var(--sn-teal); }
@media (max-width:1100px) {
 .sn-blog.sn-magazine { grid-template-columns:minmax(0,1fr) 240px; column-gap:30px; padding-left:22px; padding-right:22px; }
 .sn-blog.sn-magazine article.sn-post-card { gap:22px; }
 .sn-blog.sn-magazine .sn-post-image { flex-basis:40%; width:40%; }
}
@media (max-width:980px) {
 .sn-blog.sn-magazine { grid-template-columns:minmax(0,1fr); row-gap:40px; }
 .sn-blog.sn-magazine .sn-home-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; padding-top:30px; border-top:1px solid var(--border); }
 .sn-blog.sn-magazine .sn-sidebar-section { margin-bottom:0; }
}
@media (max-width:600px) {
 .sn-blog.sn-magazine { padding:28px 18px 12px; }
 .sn-blog.sn-magazine .sn-blog-heading { font-size:1.65rem; margin-bottom:25px; }
 .sn-blog.sn-magazine .sn-post-grid { gap:30px; }
 .sn-blog.sn-magazine article.sn-post-card { display:flex; flex-direction:column; gap:18px; padding:0 0 28px; }
 .sn-blog.sn-magazine .sn-post-image { flex:none; width:100%; aspect-ratio:3 / 2; }
 .sn-blog.sn-magazine .sn-post-title { font-size:1.45rem; }
 .sn-blog.sn-magazine .sn-home-sidebar { grid-template-columns:minmax(0,1fr); }
}
