{# The REAL SPACE panel: the ball-and-stick model plus the isosurface, and
the header toggle between psi(r) and |psi(r)|^2. The label span and the
toggle are driven by the page's own controller.

`hole_view_toggle`, if the including template sets it, adds a second toggle
beside it: the exciton page swaps the Dyson orbital for the conditional
wavefunction with the hole pinned at a point.

Three parts, in the order every panel title uses them: the panel's name, a
note the page writes, and the buttons. The note is the only one that flexes,
so the buttons stay put however long it gets. #}
{# Real Space #}
<section class="panel real-space" data-tour="real-space">
    <h2 class="panel-title"
        title="Ball-and-stick model with the orbital isosurface ψ(r).
Drag to rotate, scroll to zoom. Right-click for export formats.
Voxel size and isovalue are under Sampling in Plot Controls.">
        <span class="panel-title-name">REAL SPACE<button type="button" class="help-badge"
                data-help="The selected orbital drawn in real space around the molecule it belongs to. The two lobe colours are the sign of ψ(r); the charge density |ψ(r)|² has no sign, so switching to it drops that distinction.">?</button></span>
        <span class="panel-title-note" id="real-space-label"></span>
        <span class="panel-title-actions">{% include "_panel_real_space_toggles.html" %}</span>
    </h2>
    <div id="real-space-3d"></div>
</section>