/* Shared template-system UI */
.template-preview-banner { position:fixed; left:0; right:0; bottom:0; z-index:200; background:#7d6f27; color:#fff; padding:9px 18px; text-align:center; font:600 13px/1.5 Inter,Arial,sans-serif; box-shadow:0 -4px 18px rgba(0,0,0,.18); }
.template-preview-banner a { color:#fff; text-decoration:underline; margin-left:8px; }
/* Preview controls stay out of the way of the real site header. */
body:has(.template-preview-banner) .site-header { position:static; }
body.is-preview .site-header { position:relative !important; top:auto !important; }
.tpl-home { display:flex; flex-direction:column; }