/* Tarot title banners: presentation only. Existing form and dialog behavior is retained. */
body #page-title,
body .modal-header:has(> h1),
body .modal-header:has(> .modal-title),
body h1.ui.header.page-title,
.reader-help-wrap > h1,
.reader-help-wrap .reader-section > h2 {
  color: #fff4d6;
  background: linear-gradient(100deg,rgba(20,19,16,.97),rgba(20,19,16,.86) 55%,rgba(20,19,16,.72)),url('/templates/tarotandastrology_flat/english/images/reader-tools/reader-tool-wide.jpg') center / cover no-repeat;
  border: 1px solid #806936;
  border-radius: 1rem;
  padding: clamp(.85rem,2vw,1.25rem);
  overflow-wrap: anywhere;
}
body #page-title h1,
body .modal-header > h1,
body .modal-header > .modal-title { color: #fff4d6; margin-bottom: 0; }
body .modal-header:has(> h1),
body .modal-header:has(> .modal-title) { border-radius: 1rem 1rem 0 0; }
.reader-help-shortcuts { display:flex; flex-wrap:wrap; gap:.75rem; margin:1rem 0; }
.reader-help-shortcuts a { max-width:100%; }
@media(max-width:767px) {
  body #page-title, body h1.ui.header.page-title,
  .reader-help-wrap > h1, .reader-help-wrap .reader-section > h2 { border-radius:.75rem; }
}