<article class="measurement">
<div class="measurement-head"><h3>{{ name }}</h3><span>{{ budget_label }}</span></div>
<nav class="tabs" role="tablist" aria-label="Performance views">
<button class="active" type="button" role="tab" aria-selected="true" data-tab-target="overview">Overview</button>
<button type="button" role="tab" aria-selected="false" data-tab-target="frames">Frames</button>
<button type="button" role="tab" aria-selected="false" data-tab-target="resources">Resources</button>
</nav>
<section class="tab-panel active" data-tab-panel="overview">{{ diagnosis|safe }}{{ phase_stack|safe }}</section>
<section class="tab-panel" data-tab-panel="frames">{{ frame_timeline|safe }}</section>
<section class="tab-panel" data-tab-panel="resources">{{ resources|safe }}</section>
</article>