/* =========================================================================
   FILENAME: silo-index.css
   ROLE: Styles for silo category index pages only.
         Loaded exclusively via silo-template.php.
         Uses category CSS tokens — no hardcoded colours.
   ========================================================================= */

/* =========================================================================
   GROUP HEADINGS
   ========================================================================= */

.silo-group-heading {
    margin: 1.5rem 0 0.5rem;
    padding: 0.4rem 0.75rem;
    background: var(--surface-secondary);
    border-left: 3px solid var(--action-primary);
    border-radius: var(--radius);
}

.silo-group-heading h2 {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
}

/* =========================================================================
   PAGE LIST
   ========================================================================= */

.silo-page-list {
    margin-top: 0;
    margin-bottom: 2rem;
}

.silo-page-item {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--surface-border);
}

.silo-page-item:last-child {
    border-bottom: none;
}

/* =========================================================================
   PAGE ITEMS — slightly tighter density than global default
   Scoped to silo index pages only, does not affect :root
   ========================================================================= */

.silo-page-title {
    font-size: 1rem;
    margin-bottom: 0.2rem;
}

.silo-page-meta {
    font-size: 0.875rem;
    margin-bottom: 0.4rem;
}