/* records.css */

.record-folder {
    width: 100%;
    max-width: 600px; /* Keeps it readable */
    margin: var(--space-md) auto;
    background-color: var(--bg-main);
    border: var(--space-xs) solid var(--border-color);
    box-shadow: var(--shadow-lite);
    transition: all 0.2s ease;
    text-align: left;
}

.record-folder[open] {
    box-shadow: var(--shadow-main);
    background-color: var(--hero-bg);
}

.record-title {
    padding: var(--space-md);
    font-family: var(--font-mono);
    font-weight: bold;
    font-size: var(--font-lg);
    cursor: pointer;
    list-style-type: '▶ '; /* Custom brutalist arrow */
    color: var(--text-main);
}

.record-folder[open] .record-title {
    list-style-type: '▼ ';
    border-bottom: 2px dashed var(--border-color);
    color: var(--hero-text);
}

.record-paths {
    padding: var(--space-md) var(--space-lg);
    list-style: none;
    margin: 0;
    background-color: var(--bg-main); /* Inner background */
}

.path-item {
    font-family: var(--font-mono);
    font-size: var(--font-sm);
    color: var(--text-muted);
    margin-bottom: var(--space-sm);
    padding: var(--space-sm);
    border-left: 3px solid var(--accent);
    word-break: break-all; /* Prevents long equations from breaking the box */
}