.breadcrumb-tags{background-color:var(--color-background-secondary);padding-left:var(--layout-mobile-side-padding)}.category-section{background-color:var(--color-background-secondary);padding:var(--spacing-4) var(--layout-mobile-side-padding) var(--spacing-8)}.category-card{background-color:var(--color-background-primary);border-radius:var(--border-radius-lg);color:var(--color-text-primary);cursor:pointer;text-decoration:none;transition:box-shadow var(--transition-duration-fast) var(--transition-timing-function-default),transform var(--transition-duration-fast) var(--transition-timing-function-default);overflow:hidden}.category-card:hover{box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);transform:translateY(calc(-1 * var(--shadow-offset-sm)))}.category-card__image-wrapper{aspect-ratio:var(--ratio-blog-width) / var(--ratio-blog-height);width:100%;overflow:hidden}.category-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.category-card__content{padding:var(--spacing-4)}.category-card__title{font-family:var(--font-heading-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.category-card__icon{margin-right:var(--spacing-2);vertical-align:middle;color:var(--color-interactive-primary)}.posts-section{background-color:var(--color-background-secondary);padding:var(--spacing-4) var(--layout-mobile-side-padding)}.posts-section__title{margin-bottom:var(--spacing-4);font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-2xl);color:var(--color-text-primary)}.blog-index__section-title{background-color:var(--color-background-secondary);padding:var(--spacing-4) var(--layout-mobile-side-padding) 0;margin-bottom:0}.post-card{background-color:var(--color-background-primary);border:none;cursor:pointer;padding:var(--spacing-5);text-decoration:none;transition:box-shadow var(--transition-duration-fast) var(--transition-timing-function-default),transform var(--transition-duration-fast) var(--transition-timing-function-default);border-radius:var(--border-radius-lg)}.post-card:hover{box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);transform:translateY(calc(-1 * var(--shadow-offset-sm)))}.post-card__title{color:var(--color-text-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.post-card__date{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.post-card__thumbnail{aspect-ratio:var(--ratio-blog-width) / var(--ratio-blog-height);width:calc(100% + var(--spacing-5) * 2);margin:calc(-1 * var(--spacing-5)) calc(-1 * var(--spacing-5)) 0;overflow:hidden;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.post-card__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-card__thumbnail-img{transition:opacity var(--transition-duration-fast) var(--transition-timing-function-default)}.post-card__thumbnail-img--loading{opacity:0}.post-card__lock-message{color:var(--color-interactive-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-1)}.post-card__pinned-badge{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.post-card__snippet{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-top:var(--spacing-2)}.post-card__snippet mark{background-color:var(--color-interactive-primary-bg-subtle);color:var(--color-interactive-primary);padding:0 var(--spacing-1);border-radius:var(--border-radius-sm)}.load-more-container{margin-top:var(--spacing-6);padding:var(--spacing-4) 0}.load-more-button{font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-4);width:calc(var(--layout-card-width) * 2);transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default),color var(--transition-duration-fast) var(--transition-timing-function-default),box-shadow var(--transition-duration-fast) var(--transition-timing-function-default)}.load-more-button:hover:not(:disabled){background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.loading-spinner{display:inline-block;margin-right:var(--spacing-2)}.tag-badge{color:var(--color-text-secondary);font-family:var(--font-weight-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-decoration:none}.series-selector{background-color:var(--color-background-secondary);padding:var(--spacing-4) var(--layout-mobile-side-padding) var(--spacing-8)}.series-card{background-color:var(--color-background-primary);border-radius:var(--border-radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow var(--transition-duration-fast) var(--transition-timing-function-default),transform var(--transition-duration-fast) var(--transition-timing-function-default)}.series-card:hover{box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);transform:translateY(calc(-1 * var(--shadow-offset-sm)))}.series-card__image-wrapper{width:100%;aspect-ratio:var(--ratio-blog-width) / var(--ratio-blog-height);overflow:hidden}.series-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.series-card__content{padding:var(--spacing-4)}.series-card__title{color:var(--color-text-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.post-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-height:calc(var(--line-height-relaxed) * var(--text-line-clamp));overflow:hidden;padding-right:var(--spacing-inline-code-horizontal);padding-left:var(--spacing-inline-code-horizontal);border:none;display:-webkit-box;-webkit-line-clamp:var(--text-line-clamp);-webkit-box-orient:vertical}
