main { padding: 3rem 0; }
    h1 { font-size: 2rem; font-weight: 700; margin-bottom: 0.75rem; color: #4DB8A4; }
    .blog-intro { color: #BFBFBF; font-size: 0.9375rem; margin-bottom: 2rem; line-height: 1.6; }
    .filter-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
    .category-select {
      background: #2A2A2A; color: #EDEDED; border: 1px solid #404040; border-radius: 6px;
      padding: 0.5rem 2rem 0.5rem 0.75rem; font-size: 0.875rem; font-family: inherit;
      min-height: 44px; cursor: pointer; appearance: none; -webkit-appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%23BFBFBF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat; background-position: right 0.5rem center; color-scheme: dark;
    }
    .category-select option { background: #2A2A2A; color: #EDEDED; }
    .category-select:focus { border-color: #4DB8A4; outline: none; }
    .blog-count { font-size: 0.8125rem; color: #BFBFBF; }
    .filter-hint { background: #2B2B2B; border: 1px solid #404040; border-radius: 6px; padding: 0.75rem 1rem; margin-bottom: 1.5rem; font-size: 0.875rem; color: #BFBFBF; line-height: 1.5; }
    .category-heading { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #4DB8A4; margin: 2rem 0 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid #333; display: flex; align-items: center; gap: 0.5rem; }
    .category-heading:first-of-type { margin-top: 0.5rem; }
    .category-count { font-weight: 400; color: #BFBFBF; font-size: 0.6875rem; }
    .category-group { margin-bottom: 0.5rem; }
    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
    .article-card { border-bottom: 1px solid #404040; padding: 1.5rem 0; }
    .article-card h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; }
    .article-card h2 a { color: #4DB8A4; }
    .article-card h2 a:hover { filter: brightness(1.15); text-decoration: underline; }
    .article-meta { font-size: 0.8125rem; color: #BFBFBF; margin-bottom: 0.5rem; }
    .article-chat-label { color: #4DB8A4; font-size: 0.75rem; }
    .article-excerpt { color: #BFBFBF; font-size: 0.9375rem; }
    .article-tag { color: #4DB8A4; }
    .context-note { font-size: 0.875rem; color: #888; font-style: italic; margin-bottom: 0.25rem; }
    .back-link { display: inline-flex; align-items: center; gap: 0.375rem; color: #BFBFBF; font-size: 0.875rem; margin-bottom: 1.5rem; }
    .back-link:hover { color: #EDEDED; text-decoration: none; }