@props([
    'number',
    'label',
    // The security band sits on --plate, where the muted token has no contrast.
    'dark' => false,
])
{{--
    The rubric above every section of the public site: a number, a name, and a
    rule that draws itself across as the section is reached. Written once
    because eight of them by hand is how the numbering and the spacing end up
    disagreeing with each other.
--}}
<div {{ $attributes->merge(['class' => 'rv mb-7 flex items-center gap-4']) }}>
    <span class="font-mono text-xs font-medium {{ $dark ? 'text-accent' : 'text-accent-text' }}">§&nbsp;{{ $number }}</span>
    <span class="lbl {{ $dark ? '!text-plate-muted' : '' }}">{{ $label }}</span>
    <span class="fill h-px flex-1 {{ $dark ? 'bg-plate-rule' : 'bg-line' }}"></span>
</div>