/* ── LETTER SECTION ── */
.letter-section {
margin-bottom: 48px;
scroll-margin-top: 140px;
}
.letter-heading {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(–blue);
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 1px solid var(–border);
display: flex;
align-items: center;
gap: 10px;
}

/* ── TERM ROWS ── */
.terms-list {
display: flex;
flex-direction: column;
gap: 1px;
}
.term-item {
border: 1px solid var(–border);
border-radius: 8px;
overflow: hidden;
margin-bottom: 6px;
transition: border-color 0.15s;
}
.term-item:hover { border-color: #C7D6FF; }
.term-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 18px;
cursor: pointer;
background: var(–white);
gap: 12px;
user-select: none;
}
.term-left {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 0;
}
.term-name {
font-size: 0.92rem;
font-weight: 600;
color: var(–text);
}
.term-abbr {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.06em;
color: var(–blue);
background: #EFF4FF;
padding: 2px 8px;
border-radius: 4px;
white-space: nowrap;
flex-shrink: 0;
}
.term-chevron {
width: 16px;
height: 16px;
color: #9CA3AF;
transition: transform 0.2s;
flex-shrink: 0;
}
.term-item.open .term-chevron { transform: rotate(180deg); }
.term-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.28s ease;
}
.term-item.open .term-body { max-height: 500px; }
.term-body-inner {
padding: 0 18px 16px;
border-top: 1px solid var(–border);
padding-top: 14px;
background: var(–light);
}
.term-body-inner p {
font-size: 0.88rem;
color: #374151;
line-height: 1.75;
}
.related-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
margin-top: 12px;
}
.related-label {
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.07em;
color: #9CA3AF;
}
.related-tag {
font-size: 0.78rem;
color: var(–muted);
background: var(–white);
border: 1px solid var(–border);
border-radius: 4px;
padding: 2px 9px;
cursor: pointer;
transition: border-color 0.15s, color 0.15s;
}
.related-tag:hover { border-color: var(–blue); color: var(–blue); }

/* ── NO RESULTS ── */
.no-results {
text-align: center;
padding: 64px 24px;
display: none;
}
.no-results.visible { display: block; }
.no-results p { color: var(–muted); font-size: 0.92rem; }

/* ── FOOTER ── */
footer {
background: var(–text);
color: rgba(255,255,255,0.5);
font-size: 0.8rem;
padding: 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
footer a { color: rgba(255,255,255,0.6); text-decoration: none; }
footer a:hover { color: #fff; }
.footer-links { display: flex; gap: 20px; }

@media (max-width: 768px) {
nav, .page-header, .resource-tabs, main, footer { padding-left: 20px; padding-right: 20px; }
.page-header h1 { font-size: 1.8rem; }
.nav-links { display: none; }
.controls { flex-direction: column; align-items: stretch; }
.search-wrap { max-width: 100%; }
footer { flex-direction: column; gap: 12px; }
}