.parallax-section.blog-main-parallax{--parallax-height: 200px;--parallax-content-direction: column;--parallax-content-justify: center;color:var(--color-text-secondary)}main .blog-page{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);grid-template-areas:"title title title" "main main sidebar" "posts posts sidebar" "pagination pagination sidebar"}.blogs-title{grid-area:title;& h1{margin-bottom:0;line-height:1.2}& p{margin:.5rem 0;font-style:italic;font-size:.875rem}}.post-card-featured{grid-area:main}main .blog-page-archive{grid-template-rows:repeat(3,auto);grid-template-areas:"title title title" "posts posts sidebar" "pagination pagination sidebar"}main .tag-page{grid-template-areas:"title title title" "main main main" "posts posts posts" "pagination pagination pagination"}main .tag-page.blog-page-archive{grid-template-areas:"title title title" "posts posts posts" "pagination pagination pagination"}.blog-sidebar{min-width:250px;display:flex;flex-direction:column;gap:var(--space-4);grid-area:sidebar;padding-left:var(--space-4);border-left:1px solid var(--color-line);& hr{width:100%;border:none;border-top:1px solid var(--color-line)}}.blog-tags-container h3{margin-top:0}.blog-tags{display:flex;flex-direction:column;gap:var(--space-2)}.blog-tag{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.blog-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;grid-area:posts}.blog-pagination{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);grid-area:pagination;margin-top:var(--space-4)}.pagination-separator{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.pagination-separator-mobile{display:none}.blog-pagination-status{color:var(--color-text-muted);font-size:.875rem}.btn-pagination{color:var(--color-primary);border-radius:var(--radius-pill);min-width:2rem;height:2rem;line-height:2rem;padding:0}.btn-pagination:hover,.btn-pagination.is-active{color:var(--color-secondary);background-color:var(--color-primary);text-decoration:none}.btn-pagination.is-disabled{color:var(--color-text-muted);background-color:transparent;opacity:.45;cursor:not-allowed}.blog-tags-btn{margin-top:var(--space-4)}main .tags-index-page{display:flex;flex-direction:column;gap:var(--space-4)}.tags-index-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.tags-index-item{min-height:2.5rem;padding:0 var(--space-3);background-color:var(--color-bg-body-brighter);border-radius:var(--radius-pill);transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);&:hover{text-decoration:none;box-shadow:var(--shadow-card);background-color:var(--color-primary);color:var(--color-on-primary)}}.authors-index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.author-index-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-4);color:var(--color-text-primary);background-color:var(--color-bg-body-brighter);border-radius:var(--radius-lg);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.author-index-card:hover{color:var(--color-text-primary);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-card)}.author-index-avatar{width:4.5rem;height:4.5rem;border-radius:var(--radius-pill);object-fit:cover}.author-index-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--color-secondary);background-color:var(--color-primary);font-weight:700}.author-index-content{display:flex;flex-direction:column;gap:var(--space-1)}.author-index-header{display:flex;justify-content:space-between;gap:var(--space-2)}.author-index-header strong,.author-index-role,.author-index-bio,.author-index-link{display:block}.author-index-role{color:var(--color-text-muted);font-size:.875rem}.author-index-bio{color:var(--color-text-primary);font-size:.9rem;line-height:1.4}.author-index-link{color:var(--color-primary);font-size:.875rem;font-weight:700}@media(max-width:900px){.blog-posts{grid-template-columns:repeat(2,1fr)}.tags-index-list{grid-template-columns:repeat(2,minmax(0,1fr))}.authors-index-list{grid-template-columns:1fr}}@media(max-width:768px){main .blog-page{grid-template-columns:1fr;grid-template-areas:"title" "main" "posts" "pagination" "sidebar"}main .blog-page-archive{grid-template-areas:"title" "posts" "pagination" "sidebar"}main .tag-page,main .tag-page.blog-page-archive{grid-template-areas:"title" "main" "posts" "pagination"}main .tag-page.blog-page-archive{grid-template-areas:"title" "posts" "pagination"}.blog-sidebar{padding-left:0;border-left:none;border-top:1px solid var(--color-line)}.blog-posts{grid-template-columns:1fr;gap:2rem;.post-card{display:grid;grid-template-columns:3fr 4fr;grid-template-rows:auto 1fr;.post-image-link{grid-row:span 2;& img{width:100%;height:100%;object-fit:cover}}.post-info{flex-direction:column;width:auto;grid-column:2 / 3;justify-content:flex-start;align-items:flex-start;flex-shrink:1;gap:0}}}.blog-pagination{flex-wrap:wrap;gap:var(--space-2)}.pagination-separator-desktop{display:none}.pagination-separator-mobile{display:inline-flex}.pagination-separator{gap:var(--space-1)}.btn-pagination{min-width:1.75rem;height:1.75rem;line-height:1.75rem}.tags-index-list,.author-index-card{grid-template-columns:1fr}.author-index-header{align-items:flex-start}}
