/* T&L Assist — identidade visual (logo story banner) */
.tl-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  text-decoration: none;
  color: inherit;
}
.tl-brand img,
.tl-brand-logo {
  display: block;
  height: auto;
  width: auto;
  max-width: 100%;
}
.tl-brand--header .tl-brand-logo { height: 44px; }
.tl-brand--cover .tl-brand-logo { height: 72px; }
.tl-brand--hero .tl-brand-logo { height: 56px; }

.tl-doc-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}
.tl-doc-header .tl-brand-tag {
  font-size: 0.8rem;
  color: var(--muted, #8b9bb8);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.painel-showcase {
  margin: 28px 0 36px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border, #e2e8f0);
  background: #0a0e1a;
}
.painel-showcase img {
  width: 100%;
  height: auto;
  display: block;
}
.painel-showcase figcaption {
  padding: 10px 14px;
  font-size: 0.85rem;
  color: var(--muted, #5a6278);
  text-align: center;
  background: var(--panel, #f8fafc);
}

@media print {
  .tl-brand--cover .tl-brand-logo { height: 64px; }
  .painel-showcase { page-break-inside: avoid; }
}