TEMPLATE KIT: Meta-chrome for the pod-leader Template Library (Projects → Templates)
COMPOSES: Zone markers | Guidance sidebar | Frame | Auth-state ribbon
Scaffolding classes that wrap page templates so pod leaders can see which regions
to swap. Zone labels come from the data-slot attribute. None of these
classes ship on real product pages — they exist only inside the Template Library.
Three variants: .tpl-slot (label floats above),
.tpl-slot-inline (tight offset, no label — for inline elements),
.tpl-slot-inset (outline + label inside the box — for big page regions).
<div class="tpl-slot" data-slot="[HERO SEARCH]">…</div>
Frame: .tpl-frame lays out
[.tpl-page | .tpl-guidance].
The ribbon (.tpl-state-ribbon-loggedin/-loggedout) pins top-right of the frame.
<div class="tpl-frame"><div class="tpl-page">…</div><aside class="tpl-guidance">…</aside></div>