.lex-alphabetical-container {
    --lex-border: rgba(128, 128, 128, 0.2);
    --lex-text-muted: rgba(128, 128, 128, 0.6);
    max-width: 100%;
    margin: 40px auto;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: inherit;
    scroll-behavior: smooth;
}

.lex-header-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--lex-border);
    padding-bottom: 15px;
}

.lex-index-nav { display: flex; flex-wrap: wrap; gap: 12px; }
.lex-index-nav a {
    text-decoration: none;
    color: var(--lex-text-muted);
    font-size: 0.85rem;
    font-weight: 600;
}
.lex-index-nav a:hover { color: currentColor; }

.lex-count-badge {
    font-size: 0.75rem;
    color: var(--lex-text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

#lex-index-search {
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid var(--lex-border) !important;
    padding: 15px 0;
    font-size: 1.2rem;
    outline: none;
    background: transparent !important;
    color: currentColor !important;
    margin-bottom: 50px;
}

.lex-letter-group { margin-bottom: 5rem; }
.lex-letter-title {
    font-size: 2rem;
    font-weight: 700;
    border-bottom: 2px solid var(--lex-border);
    padding-bottom: 10px;
    margin-bottom: 1.5rem;
}

.lex-post-list {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px 40px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media (min-width: 768px) {
    .lex-post-list { grid-template-columns: 1fr 1fr; }
}

.lex-post-item { list-style: none !important; border-bottom: 1px solid var(--lex-border); }
.lex-post-item::before { content: none !important; }
.lex-post-item a {
    text-decoration: none;
    color: inherit;
    opacity: 0.8;
    display: block;
    padding: 12px 0;
    transition: all 0.2s;
}
.lex-post-item a:hover { opacity: 1; padding-left: 8px; }

.lex-back-to-top {
    display: inline-block;
    margin-top: 15px;
    font-size: 0.7rem;
    color: var(--lex-text-muted);
    text-transform: uppercase;
    text-decoration: none;
}

.lex-block-placeholder {
    padding: 40px;
    border: 2px dashed var(--lex-border);
    text-align: center;
    color: var(--lex-text-muted);
}