/* Template preview controls. Writing guidance lives in the documentation. */
.template-banner { background: #edf7f2; border-bottom: 1px solid #b6d4c7; padding: 24px 0; }
.review-topline { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; }
.template-banner h2 { font-size: 1.75rem; margin-bottom: 0; }
.review-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
.review-actions a { display: inline-flex; align-items: center; min-height: 44px; border: 1px solid #b6d4c7; background: #ffffff; color: var(--text); border-radius: 5px; padding: 8px 14px; font-size: .9375rem; }
.review-actions a:hover { border-color: var(--accent); color: var(--accent); }
.video-placeholder { min-height: 210px; display: grid; place-items: center; padding: 24px; background: #f1f6f9; color: var(--muted); }
@media (max-width: 1000px) {
  .review-topline { grid-template-columns: 1fr; }
  .review-actions { justify-content: flex-start; }
}