.blogPage{min-height:100vh;background:var(--sc-bg-primary);color:var(--sc-text-primary);width:100%;overflow-x:hidden}.blogContainer{max-width:var(--sc-max-width);margin:0 auto;padding:var(--sc-block-gap) var(--sc-page-x) var(--sc-section-gap);display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start}.blogMainContent{display:flex;flex-direction:column;gap:var(--sc-block-gap)}.blogGrid,.blogLoading{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.75rem}.blogLoading{grid-column:1/-1}.blogCardSkeleton{height:400px;background:var(--sc-bg-glass);border:1px solid var(--sc-border);border-radius:16px;animation:scBlogPulse 2s ease-in-out infinite}@keyframes scBlogPulse{0%,to{opacity:.55}50%{opacity:.85}}.noPosts{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:var(--sc-bg-glass);border:1px solid var(--sc-border);border-radius:16px;backdrop-filter:blur(12px) saturate(1.2)}.noPosts h3{font-family:var(--sc-font-display);font-size:var(--sc-text-h3);font-weight:700;margin-bottom:.75rem;color:var(--sc-text-primary)}.noPosts p{color:var(--sc-text-secondary)}@media (max-width:1024px){.blogContainer{grid-template-columns:1fr;gap:2.5rem}.blogGrid,.blogLoading{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width:700px){.blogGrid,.blogLoading{grid-template-columns:1fr;gap:1.25rem}.blogMainContent{gap:2rem}}