/* /licenses and /licenses/{slug} (design.md §5). Every table scrolls inside .table-scroll with a
   sticky first column so the page never scrolls sideways. Colours and fonts come only from
   application.css. */
.licenses-page { max-width: 1200px; margin: 0 auto; padding: var(--spacing-lg) var(--spacing-md); }
.licenses-page .breadcrumb { font-size: 0.85rem; color: var(--dark-gray); margin-bottom: var(--spacing-md); }
.licenses-lead, .licenses-page .record-lead { color: var(--dark-gray); margin-bottom: var(--spacing-lg); max-width: 70ch; }
.licenses-block { margin-bottom: var(--spacing-xl); }
.licenses-page .muted { color: var(--dark-gray); }
.table-scroll { overflow-x: auto; max-width: 100%; }
.table-scroll table { border-collapse: collapse; width: 100%; }
.table-scroll th, .table-scroll td { padding: var(--spacing-sm); border-bottom: 1px solid var(--border-color); text-align: left; white-space: nowrap; }
.table-scroll th:first-child, .table-scroll td:first-child { position: sticky; left: 0; background: var(--app-bg); }
.score-total { font-weight: 600; }
.table-scroll td.score { text-align: center; font-weight: 600; }
.table-scroll td.score-0 { color: var(--dark-gray); }
.table-scroll td.score-1 { color: var(--warning-color); }
.table-scroll td.score-2 { color: var(--primary-color); }
.table-scroll td.score-3 { color: var(--success-color); }
.explanations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--spacing-md); }
.explanation-item { display: flex; flex-direction: column; padding: var(--spacing-sm); background: var(--panel-dark); border-radius: var(--radius-sm); border-left: 3px solid var(--primary-color); }
.explanation-item strong { color: var(--primary-color); margin-bottom: var(--spacing-xs); }
.explanation-desc { font-size: 0.9rem; line-height: 1.4; }
.faq-item { margin-bottom: var(--spacing-lg); padding-bottom: var(--spacing-lg); border-bottom: 1px solid var(--border-color); }
.faq-item:last-child { border-bottom: none; }
.faq-item h3 { font-size: 1.1rem; margin-bottom: var(--spacing-sm); }
.faq-item p { line-height: 1.6; margin: 0; }