/* Listing-specific rules; article layouts remain independent. */
.guide-mobile-hero,.guide-filters,.guide-count,.guide-category{display:none}
@media(max-width:600px){
.guide-desktop-hero{display:none}
.guide-mobile-hero{display:block}
.guide-hub .blog-hero{padding:32px 24px 20px;text-align:left}
.guide-hub .blog-hero h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.guide-hub .blog-hero p{margin:0;max-width:650px;font-size:16px;color:var(--text-2)}
.guide-filters{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--border-1)}
.guide-filters button{min-height:44px;padding:9px 18px;border:1px solid var(--border-1);border-radius:24px;background:var(--bg);color:var(--text-2);font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.guide-filters button[aria-pressed=true]{background:var(--brand-2);border-color:var(--brand-2);color:var(--text-on-brand)}
.guide-filters button:hover{border-color:var(--brand-2)}
.guide-filters button:focus-visible,.guide-hub .post-card:focus-visible{outline:3px solid var(--brand-3);outline-offset:3px}
.guide-count{display:block;font-size:13px;color:var(--text-3);margin:18px 0 0}
.guide-hub .post-grid{padding-top:16px;align-items:start}
.guide-hub .post-card.feature{grid-column:auto;flex-direction:column}
.guide-hub .post-card.feature .post-thumb{aspect-ratio:16/9;min-height:0;flex:auto}
.guide-hub .post-card .post-body{padding:20px}
.guide-hub .post-body h2,.guide-hub .post-body h3,.guide-hub .post-card.feature .post-body h2{font-size:18px;line-height:1.45;font-weight:800;margin:0}
.guide-hub .post-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.guide-hub .post-card.reveal{opacity:1;transform:none}
.guide-hub .post-card[hidden]{display:none!important}
.guide-category{display:none}
.guide-hub .post-card.guide-pinned{grid-column:1/-1;flex-direction:column;background:var(--brand-5);border:1px solid var(--border-1);border-radius:20px;box-shadow:none;align-items:stretch}
.guide-hub .post-card.guide-pinned .post-thumb{flex:none;width:100%;aspect-ratio:21/9;min-height:0;padding:0}
.guide-hub .guide-pinned .post-thumb .cat{display:none}
.guide-hub .post-card.guide-pinned .post-body{padding:28px;gap:12px;justify-content:center}
.guide-hub .post-card.guide-pinned .post-body h2{font-size:25px;line-height:1.35}
.guide-hub .guide-pinned .guide-category{display:none}
.guide-hub .post-card.guide-pinned .post-body p{order:1;flex:none;color:var(--text-2)}
.guide-hub .post-card.guide-pinned .post-meta{order:2}
.guide-hub .post-card.guide-pinned .post-more{order:3}
 .guide-hub .container{padding-left:20px;padding-right:20px}
 .guide-hub .blog-hero{padding-top:24px;padding-bottom:20px}
 .guide-hub .blog-hero p{font-size:14px;line-height:1.6}
 .guide-filters{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}
 .guide-filters button{font-size:12px;padding:8px 12px;flex-shrink:0}
 .guide-count{margin-top:14px;font-size:12px}
 .guide-hub .post-grid{display:flex;flex-direction:column;gap:0;padding-top:2px}
 .guide-hub .post-card,.guide-hub .post-card.feature{width:100%;display:flex;flex-direction:row-reverse;align-items:center;gap:16px;background:transparent;border:0;border-bottom:1px solid var(--border-1);border-radius:0;box-shadow:none;padding:20px 0;transform:none}
 .guide-hub .post-card .post-thumb,.guide-hub .post-card.feature .post-thumb{flex:0 0 104px;width:104px;height:104px;min-height:0;aspect-ratio:1;border-radius:12px;padding:0}
 .guide-hub .post-thumb .cat{display:none}
 .guide-hub .post-card .post-body,.guide-hub .post-card.feature .post-body{padding:0;min-width:0;gap:6px;flex:1}
 .guide-hub .post-body h2,.guide-hub .post-body h3,.guide-hub .post-card.feature .post-body h2{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;order:1}
 .guide-category{display:block;font-size:11px;font-weight:700;color:var(--brand-2);order:0}
 .guide-hub .post-meta{font-size:10px;gap:6px;order:2;flex-wrap:wrap}
 .guide-hub .post-more{display:none}
 .guide-hub .post-body p{display:-webkit-box;font-size:13px;line-height:1.6;color:var(--text-2);margin:0;order:3;flex:none}
 .guide-hub .post-card.guide-pinned{flex-direction:column;align-items:stretch;gap:0;padding:0;margin:14px 0 6px;border:1px solid var(--border-1);border-radius:16px;background:var(--brand-5)}
 .guide-hub .post-card.guide-pinned .post-thumb{flex:none;width:100%;height:auto;min-height:0;aspect-ratio:16/9;border-radius:0}
 .guide-hub .post-card.guide-pinned .post-body{padding:18px;gap:10px}
 .guide-hub .post-card.guide-pinned .post-body h2{font-size:18px;line-height:1.4;-webkit-line-clamp:unset;display:block;order:0}
 .guide-hub .post-card.guide-pinned .post-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.6;order:1}
 .guide-hub .guide-pinned .guide-category{display:none}
 .guide-hub .guide-pinned .post-meta{font-size:10px}
}
@media(max-width:375px){
 .guide-hub .post-card:not(.guide-pinned) .post-thumb{flex:0 0 96px;width:96px;height:96px}
}