/* Heading outline: indentation by level, coloured edge for problems. */
.ho { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.ho__item { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 8px; padding: 4px 8px; border-left: 3px solid var(--border); overflow-wrap: anywhere; }
.ho__item.is-warn { border-left-color: var(--warning, #d97706); }
.ho__item.is-bad { border-left-color: var(--danger, #dc2626); }
.ho__text { flex: 1 1 12rem; min-width: 0; }
.ho--l1 .ho__text { font-weight: 700; }
.ho--l2 { margin-left: 12px; } .ho--l3 { margin-left: 24px; } .ho--l4 { margin-left: 36px; } .ho--l5 { margin-left: 48px; } .ho--l6 { margin-left: 60px; }
@media (max-width: 480px) { .ho--l3 { margin-left: 18px; } .ho--l4, .ho--l5, .ho--l6 { margin-left: 24px; } }