/* TG Vault v131 – Pokémon 30 Jahre Author + TOC Fix
   Nur für /blog/pokemon-30-jahre-jubilaeumsset-2026/
*/

.tgv-pokemon30-author-top{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:center;
  margin:0 0 30px;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(255,224,165,.18);
  background:
    radial-gradient(circle at 92% 0%, rgba(216,183,106,.16), transparent 30%),
    linear-gradient(135deg, rgba(255,244,220,.105), rgba(255,244,220,.045));
  box-shadow:0 18px 52px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.075);
}

.tgv-pokemon30-author-top .tgv-author-avatar-img,
.tgv-pokemon30-author-top .tgv-author-avatar{
  width:72px;
  height:72px;
  border-radius:22px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#5B1E2B,#B23658);
  color:#fff4df;
  font-family:Georgia,serif;
  font-size:1.35rem;
  font-weight:900;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  flex:0 0 auto;
}

.tgv-pokemon30-author-top .tgv-author-avatar-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.tgv-pokemon30-author-top strong{
  display:block;
  margin:0 0 4px;
  color:#fff7ea !important;
  font-size:1.05rem;
}

.tgv-pokemon30-author-top p{
  margin:0 0 8px !important;
  color:rgba(255,247,234,.74) !important;
  line-height:1.48 !important;
}

.tgv-pokemon30-author-top a{
  color:#FFE3A5 !important;
  font:900 11px/1 DM Mono,monospace;
  text-transform:uppercase;
  letter-spacing:.10em;
  text-decoration:none;
}

/* TOC: rechts oben in der Layout-Spalte, vor FAQ/Galerie im Dokumentfluss */
.layout{
  align-items:start;
}

.layout > .toc{
  grid-column:2;
  grid-row:1;
  align-self:start;
  z-index:4;
}

.layout > .article{
  grid-column:1;
  grid-row:1;
}

.toc h3{
  margin-top:0;
}

.toc .cta{
  margin-top:18px;
}

/* FAQ bleibt unter Main Content / Layout, nicht zwischen Article und TOC */
.faq{
  clear:both;
}

/* alte v128 Autorbox im 30-Jahre Artikel notfalls verstecken, falls sie noch doppelt vorhanden wäre */
.article ~ .tgv-author-box:not(.tgv-pokemon30-author-top),
.faq + .tgv-author-box:not(.tgv-pokemon30-author-top){
  display:none !important;
}

@media(max-width:900px){
  .tgv-pokemon30-author-top{
    grid-template-columns:1fr;
    gap:12px;
  }

  .layout > .toc,
  .layout > .article{
    grid-column:auto;
    grid-row:auto;
  }

  .toc{
    order:-1;
    position:static;
  }
}