/* Astromantie Werkzeug-Texte (SEO-Auftrag 16.10.2026): Abschnitt "Ausfuehrlich erklaert" unter Radix, Kombin, Karte und
   Tagesenergie. Farben und Flaechen wie die Karten der Seiten (rx.css, tg.css); Schriften kommen aus dem Standard
   (Fraunces fuer Ueberschriften, Hanken Grotesk fuer Text). Kein eigener Glaseffekt im inneren Textfeld. */

.rx .rx-wissen.awt { padding-top: 0; }
.awt .awt-text {
  max-width: 780px;
  margin: 0 auto;
  padding: clamp(22px, 5vw, 46px) clamp(18px, 5vw, 52px);
  border-radius: 22px;
  background: rgba(16, 10, 36, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.09);
  text-align: left;
}
.awt .awt-text p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(238, 230, 255, 0.84);
}
.awt .awt-text p.awt-einstieg { font-size: 17px; color: #f4effe; }
.awt .awt-text h3 {
  margin: 30px 0 10px;
  font-size: clamp(1.25rem, 3.4vw, 1.5rem);
  font-weight: 400;
  line-height: 1.25;
  color: #f7f2ff;
}
.awt .awt-text a { color: #e8c96a; text-decoration: underline; text-decoration-color: rgba(232, 201, 106, 0.45); text-underline-offset: 3px; }
.awt .awt-text a:hover { color: #f6e3a1; text-decoration-color: #f6e3a1; }

.awt .awt-fragen { margin-top: 34px; padding-top: 6px; }
.awt .awt-text h3.awt-fragen-titel { margin: 0 0 8px; }
.awt .awt-frage { border-top: 1px solid rgba(200, 180, 255, 0.17); }
.awt .awt-frage:last-child { border-bottom: 1px solid rgba(200, 180, 255, 0.17); }
.awt .awt-frage summary {
  position: relative;
  display: block;
  padding: 16px 34px 16px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  color: #f4effe;
  cursor: pointer;
  list-style: none;
}
.awt .awt-frage summary::-webkit-details-marker { display: none; }
.awt .awt-frage summary::after {
  content: '+';
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  color: #e8c96a;
  transition: transform 0.3s;
}
.awt .awt-frage[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.awt .awt-frage summary:focus-visible { outline: 2px solid rgba(232, 201, 106, 0.6); outline-offset: 4px; border-radius: 6px; }
.awt .awt-frage p { margin: 0 0 18px; }

.awt .awt-text p.awt-links { margin: 28px 0 0; font-size: 14.5px; line-height: 1.8; color: rgba(238, 230, 255, 0.6); }
.awt .awt-links span:first-child { color: rgba(238, 230, 255, 0.6); margin-right: 4px; }

/* Tagesenergie: nach "So liest du deinen Tag" (tg-ueber hat order 10) */
#tg .awt-tg { order: 11; margin: clamp(56px, 8vw, 100px) 0 clamp(40px, 6vw, 70px); }
#tg .awt-tg .tg-kopf { margin-top: 0; }

@media (max-width: 600px) {
  .awt .awt-text { border-radius: 18px; }
  .awt .awt-text p { font-size: 15.5px; line-height: 1.7; }
  .awt .awt-text p.awt-einstieg { font-size: 16.5px; }
}