/* Transparente Ausgabe, weiße Schriften, volle Breite */
.sf-astro-card {
  background: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  color: #ffffff;
}

.sf-astro-header { 
  display:flex; 
  justify-content:space-between; 
  align-items:baseline; 
  margin-bottom: 8px; 
}
.sf-astro-title { 
  font-size: 1.2rem; 
  font-weight: 700; 
  color: #ffffff;
}
.sf-astro-sub { 
  font-size: .9rem; 
  color: #ffffff; 
  opacity: 0.8;
}

.sf-astro-grid { 
  display:grid; 
  grid-template-columns: 1fr 1fr; 
  gap: 12px; 
  margin-top: 8px; 
}
.sf-astro-block { 
  border: 1px solid rgba(255,255,255,0.3); 
  border-radius: 12px; 
  padding: 12px; 
  background: rgba(255,255,255,0.05); /* optionaler leichter Kontrast */
}
.sf-astro-block-title { 
  font-weight: 600; 
  margin-bottom: 8px; 
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sf-astro-row { 
  display:flex; 
  justify-content:space-between; 
  margin: 6px 0; 
}
.sf-astro-row span { 
  color: rgba(255,255,255,0.85); 
}
.sf-astro-row strong { 
  color: #ffffff; 
}

.sf-astro-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: inline-block;
}

.sf-astro-moonimg-wrap {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.sf-astro-moonimg-wrap img {
  width: 96px;
  height: 96px;
  display: block;
}

@media (max-width: 520px){ 
  .sf-astro-grid { grid-template-columns: 1fr; } 
}