:root {
  --hitpa-dark: #4c2d33;
  --hitpa-cream: #F2E7DF;
  --hitpa-gold: #B38B45;
  --hitpa-dark-92: rgba(76, 45, 51, .92);
  --hitpa-dark-72: rgba(76, 45, 51, .72);
  --hitpa-dark-28: rgba(76, 45, 51, .28);
  --hitpa-dark-15: rgba(76, 45, 51, .15);
  --hitpa-dark-08: rgba(76, 45, 51, .08);
  --hitpa-gold-28: rgba(179, 139, 69, .28);
  --hitpa-gold-14: rgba(179, 139, 69, .14);
  --hitpa-shadow: 0 24px 70px rgba(76, 45, 51, .18);
  --hitpa-radius-xl: 28px;
  --hitpa-radius-lg: 20px;
  --hitpa-radius-md: 14px;
}.hitpa-shell,
.hitpa-modal,
.hitpa-toast-region,
.hitpa-header-button {
  direction: rtl;
  color: var(--hitpa-dark);
  font-family: Heebo, Arial, sans-serif;
}.hitpa-shell *,
.hitpa-modal *,
.hitpa-toast-region *,
.hitpa-header-button * { box-sizing: border-box; }.hitpa-icon { width: 1.25em; height: 1.25em; flex: 0 0 auto; }.hitpa-loading-mark .hitpa-icon { width: 34px; height: 34px; }.hitpa-history-seal .hitpa-icon { width: 48px; height: 48px; color: var(--hitpa-gold); }.hitpa-benefit-grid .hitpa-icon { width: 34px; height: 34px; color: var(--hitpa-gold); }.hitpa-primary,
.hitpa-secondary,
.hitpa-header-button,
.hitpa-icon-button,
.hitpa-link-button,
.hitpa-remove-button,
.hitpa-danger-button,
.hitpa-back-button,
.hitpa-dashboard-nav button,
.hitpa-channel-grid button,
.hitpa-modal-close {
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}.hitpa-primary,
.hitpa-secondary,
.hitpa-header-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 20px;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}.hitpa-header-button { border: 1px solid currentColor; background: transparent; color: inherit; padding: 7px 14px; min-height: 38px; }.hitpa-icon-button {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid var(--hitpa-gold);
  border-radius: 50%;
  background: transparent;
  color: var(--hitpa-gold);
  transition: transform .2s ease, background .2s ease, color .2s ease;
}.hitpa-icon-button:hover { transform: rotate(20deg); background: var(--hitpa-gold); color: var(--hitpa-dark); }.hitpa-search-field .hitpa-icon { position: absolute; right: 13px; width: 18px; height: 18px; color: var(--hitpa-gold); pointer-events: none; }.hitpa-empty-state > .hitpa-icon { width: 62px; height: 62px; color: var(--hitpa-gold); }.hitpa-card-title > .hitpa-icon { width: 32px; height: 32px; color: var(--hitpa-gold); }.hitpa-channel-grid .hitpa-icon { grid-row: 1/3; width: 32px; height: 32px; color: var(--hitpa-gold); }.hitpa-auth-legal .hitpa-icon { margin-top: 2px; color: var(--hitpa-gold); }.hitpa-primary:focus-visible,
.hitpa-secondary:focus-visible,
.hitpa-header-button:focus-visible,
.hitpa-icon-button:focus-visible,
.hitpa-link-button:focus-visible,
.hitpa-remove-button:focus-visible,
.hitpa-danger-button:focus-visible,
.hitpa-back-button:focus-visible,
.hitpa-dashboard-nav button:focus-visible,
.hitpa-channel-grid button:focus-visible,
.hitpa-modal-close:focus-visible,
.hitpa-topic-chip input:focus-visible + span,
.hitpa-switch-row input:focus-visible + i {
  outline: 3px solid var(--hitpa-gold);
  outline-offset: 3px;
}.hitpa-shell,
.hitpa-modal,
.hitpa-toast-region,
.hitpa-header-button {
  text-align: right;
  text-align-last: auto;
  unicode-bidi: isolate;
}.hitpa-icon,
body .hitpa-shell .hitpa-icon,
body .hitpa-modal .hitpa-icon,
body .hitpa-toast-region .hitpa-icon,
body .hitpa-header-button .hitpa-icon {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 1.25em;
  height: 1.25em;
  min-width: 0;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
  align-self: center;
  overflow: visible;
  vertical-align: middle !important;
  transform: none !important;
  transform-origin: center;
  shape-rendering: geometricPrecision;
}.hitpa-primary,
.hitpa-secondary,
.hitpa-header-button,
.hitpa-back-button,
.hitpa-link-button,
.hitpa-danger-button,
.hitpa-remove-button,
.hitpa-icon-button,
.hitpa-modal-close {
  line-height: 1.2 !important;
}.hitpa-primary > .hitpa-icon,
.hitpa-secondary > .hitpa-icon,
.hitpa-header-button > .hitpa-icon,
.hitpa-back-button > .hitpa-icon {
  width: 20px !important;
  height: 20px !important;
}.hitpa-primary > span,
.hitpa-secondary > span,
.hitpa-header-button > span,
.hitpa-back-button > span {
  display: inline-block;
  min-width: 0;
  line-height: 1.25;
}.hitpa-icon-button .hitpa-icon,
.hitpa-modal-close .hitpa-icon,
.hitpa-stat-icon .hitpa-icon,
.hitpa-identity-icon .hitpa-icon {
  width: 22px !important;
  height: 22px !important;
  justify-self: center;
}.hitpa-card-title > .hitpa-icon {
  width: 32px !important;
  height: 32px !important;
  margin-top: 1px !important;
}.hitpa-privacy-note .hitpa-icon,
.hitpa-auth-legal .hitpa-icon {
  width: 18px !important;
  height: 18px !important;
  margin-top: 2px !important;
}.hitpa-dashboard-nav button .hitpa-icon {
  width: 21px !important;
  height: 21px !important;
  justify-self: center;
}.hitpa-channel-grid .hitpa-icon {
  width: 30px !important;
  height: 30px !important;
  justify-self: center;
  align-self: center;
}.hitpa-modal-close .hitpa-icon {
  width: 23px !important;
  height: 23px !important;
}.hitpa-search-field .hitpa-icon {
  top: 50% !important;
  right: 14px !important;
  transform: translateY(-50%) !important;
}@media  (max-width: 720px) {.hitpa-primary,
  .hitpa-secondary,
  .hitpa-header-button {
    min-height: 48px;
  }}.hitpa-shell,
.hitpa-modal,
.hitpa-toast-region,
.hitpa-header-button {
  --hitpa-dark: #4c2d33;
  --hitpa-cream: #F2E7DF;
  --hitpa-gold: #B38B45;
  accent-color: var(--hitpa-dark);
}body .hitpa-shell .hitpa-primary,
body .hitpa-modal .hitpa-primary,
body a.hitpa-header-button {
  border-color: var(--hitpa-dark) !important;
  background-color: var(--hitpa-dark) !important;
  background-image: none !important;
  color: var(--hitpa-cream) !important;
  box-shadow: none;
  text-shadow: none !important;
}body .hitpa-shell .hitpa-primary:hover,
body .hitpa-shell .hitpa-primary:focus,
body .hitpa-shell .hitpa-primary:active,
body .hitpa-modal .hitpa-primary:hover,
body .hitpa-modal .hitpa-primary:focus,
body .hitpa-modal .hitpa-primary:active,
body a.hitpa-header-button:hover,
body a.hitpa-header-button:focus,
body a.hitpa-header-button:active {
  border-color: var(--hitpa-gold) !important;
  background-color: var(--hitpa-dark) !important;
  background-image: none !important;
  color: var(--hitpa-cream) !important;
}body .hitpa-modal .hitpa-modal-close,
body .hitpa-modal .hitpa-back-button,
body .hitpa-modal .hitpa-link-button,
body .hitpa-shell .hitpa-link-button,
body .hitpa-shell .hitpa-icon-button,
body .hitpa-shell .hitpa-remove-button,
body .hitpa-shell .hitpa-danger-button {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hitpa-dark) !important;
  text-shadow: none !important;
}body .hitpa-shell button,
body .hitpa-modal button,
body .hitpa-shell a.hitpa-primary,
body a.hitpa-header-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  font-family: Heebo, Arial, sans-serif !important;
}body .hitpa-shell .hitpa-primary,
body .hitpa-shell .hitpa-secondary,
body .hitpa-modal .hitpa-primary,
body .hitpa-modal .hitpa-secondary,
body a.hitpa-header-button {
  border-radius: 999px !important;
  padding: 10px 20px !important;
}.hitpa-shell,
.hitpa-shell *,
.hitpa-modal,
.hitpa-modal *,
.hitpa-toast-region,
.hitpa-toast-region *,
.hitpa-header-button,
.hitpa-header-button * {
  font-family: "Heebo", Arial, sans-serif !important;
  font-synthesis: none;
}.hitpa-shell,
.hitpa-modal,
.hitpa-toast-region,
.hitpa-header-button {
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}.hitpa-shell button,
.hitpa-shell input,
.hitpa-shell select,
.hitpa-shell textarea,
.hitpa-modal button,
.hitpa-modal input,
.hitpa-modal select,
.hitpa-modal textarea,
.hitpa-header-button {
  font: inherit !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: none !important;
}.hitpa-button-content,
body .hitpa-shell .hitpa-button-content,
body .hitpa-modal .hitpa-button-content,
body .hitpa-header-button .hitpa-button-content {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap;
  pointer-events: none;
}.hitpa-button-content > .hitpa-icon {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  min-height: 21px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
  transform: none !important;
  vertical-align: middle !important;
}.hitpa-button-content--advance > .hitpa-icon {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  min-height: 23px !important;
}body .hitpa-shell .hitpa-primary,
body .hitpa-shell .hitpa-secondary,
body .hitpa-modal .hitpa-primary,
body .hitpa-modal .hitpa-secondary,
body .hitpa-modal .hitpa-back-button,
body .hitpa-header-button {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  writing-mode: horizontal-tb !important;
}body .hitpa-header-button {
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
}body .hitpa-header-button .hitpa-button-content {
  gap: 8px !important;
}body .hitpa-header-button .hitpa-button-content > .hitpa-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}body .hitpa-modal .hitpa-modal-close,
body .hitpa-shell .hitpa-icon-button {
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
}body .hitpa-modal .hitpa-modal-close .hitpa-icon,
body .hitpa-shell .hitpa-icon-button .hitpa-icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
}body .hitpa-modal .hitpa-channel-grid button > .hitpa-icon {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
}body .hitpa-shell button:focus-visible,
body .hitpa-shell a:focus-visible,
body .hitpa-shell input:focus-visible,
body .hitpa-shell select:focus-visible,
body .hitpa-modal button:focus-visible,
body .hitpa-modal a:focus-visible,
body .hitpa-modal input:focus-visible,
body .hitpa-modal select:focus-visible,
body .hitpa-header-button:focus-visible {
  outline: 3px solid var(--hitpa-gold) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px var(--hitpa-cream) !important;
}@media  (forced-colors: active) {.hitpa-shell,
  .hitpa-modal,
  .hitpa-toast-region,
  .hitpa-header-button {
    forced-color-adjust: auto;
  }.hitpa-icon {
    stroke: currentColor;
  }.hitpa-primary,
  .hitpa-secondary,
  .hitpa-header-button,
  .hitpa-modal-close,
  .hitpa-channel-grid button,
  .hitpa-field input,
  .hitpa-sort-field select {
    border: 1px solid ButtonText !important;
  }}body button.hitpa-header-button,
body .hitpa-header-button {
  border-color: var(--hitpa-gold) !important;
  background-color: var(--hitpa-dark) !important;
  background-image: none !important;
  color: var(--hitpa-cream) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}body button.hitpa-header-button:hover,
body button.hitpa-header-button:focus,
body button.hitpa-header-button:active,
body .hitpa-header-button:hover,
body .hitpa-header-button:focus,
body .hitpa-header-button:active {
  border-color: var(--hitpa-gold) !important;
  background-color: var(--hitpa-cream) !important;
  color: var(--hitpa-dark) !important;
}.hitpa-account-status-icon .hitpa-icon { width: 25px; height: 25px; }#hitpa-personal-area,
#hitpa-personal-area *,
#hitpa-auth-modal,
#hitpa-auth-modal *,
body .hitpa-header-button,
body .hitpa-header-button * {
  font-family: "Heebo", Arial, sans-serif !important;
  --e-global-color-accent: var(--hitpa-gold) !important;
  --wp--preset--color--vivid-red: var(--hitpa-dark) !important;
  accent-color: var(--hitpa-dark) !important;
  caret-color: var(--hitpa-dark);
}#hitpa-personal-area :is(input, select, textarea, button, a),
#hitpa-auth-modal :is(input, select, textarea, button, a),
body .hitpa-header-button {
  text-shadow: none !important;
  -webkit-tap-highlight-color: var(--hitpa-gold-14);
}#hitpa-personal-area :is(button, a):focus,
#hitpa-personal-area :is(button, a):focus-visible,
#hitpa-auth-modal :is(button, a):focus,
#hitpa-auth-modal :is(button, a):focus-visible,
body .hitpa-header-button:focus,
body .hitpa-header-button:focus-visible {
  outline: 3px solid var(--hitpa-gold) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px var(--hitpa-cream) !important;
}body .hitpa-header-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: min(280px, 42vw) !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 6px 13px !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--hitpa-gold) !important;
  border-radius: 999px !important;
  background: var(--hitpa-dark) !important;
  background-image: none !important;
  color: var(--hitpa-cream) !important;
  box-shadow: none !important;
  font-family: "Heebo", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  isolation: isolate !important;
  transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease !important;
}body .hitpa-header-button[hidden],
body .hitpa-header-button [hidden] {
  display: none !important;
}body .hitpa-header-button:hover {
  transform: translateY(-1px) !important;
  border-color: var(--hitpa-gold) !important;
  background: var(--hitpa-gold) !important;
  color: var(--hitpa-dark) !important;
  box-shadow: none !important;
}body .hitpa-header-button:active {
  transform: translateY(0) !important;
}body .hitpa-header-button:focus,
body .hitpa-header-button:focus-visible {
  border-color: var(--hitpa-gold) !important;
  outline: 3px solid var(--hitpa-gold) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px var(--hitpa-cream) !important;
}body .hitpa-header-button .hitpa-header-guest,
body .hitpa-header-button .hitpa-header-member {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  gap: 8px !important;
  color: inherit !important;
  line-height: 1 !important;
}body .hitpa-header-button .hitpa-header-icon-wrap,
body .hitpa-header-button .hitpa-header-avatar {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  border: 1px solid var(--hitpa-gold) !important;
  border-radius: 50% !important;
  background: var(--hitpa-cream) !important;
  color: var(--hitpa-dark) !important;
  box-shadow: none !important;
  font-family: "Heebo", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}body .hitpa-header-button:hover .hitpa-header-icon-wrap,
body .hitpa-header-button:hover .hitpa-header-avatar {
  border-color: var(--hitpa-dark) !important;
  background: var(--hitpa-dark) !important;
  color: var(--hitpa-cream) !important;
}body .hitpa-header-button .hitpa-header-icon-wrap .hitpa-icon {
  display: block !important;
  width: 17px !important;
  min-width: 17px !important;
  height: 17px !important;
  min-height: 17px !important;
  margin: 0 !important;
  transform: none !important;
  stroke-width: 2.15 !important;
}body .hitpa-header-button .hitpa-header-label,
body .hitpa-header-button .hitpa-header-name {
  display: block !important;
  min-width: 0 !important;
  max-width: 190px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-family: "Heebo", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}body .hitpa-header-button .hitpa-header-member-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  gap: 3px !important;
  text-align: start !important;
}body .hitpa-header-button .hitpa-header-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
  color: inherit !important;
  font-family: "Heebo", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  opacity: .86 !important;
}body .hitpa-header-button .hitpa-header-status i {
  display: block !important;
  flex: 0 0 6px !important;
  width: 6px !important;
  height: 6px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: var(--hitpa-gold) !important;
  box-shadow: 0 0 0 3px var(--hitpa-gold-14) !important;
}body .hitpa-header-button:hover .hitpa-header-status i {
  background: var(--hitpa-dark) !important;
  box-shadow: 0 0 0 3px var(--hitpa-dark-15) !important;
}body .hitpa-header-button[data-hitpa-compact="1"] .hitpa-header-label,
body .hitpa-header-button[data-hitpa-compact="1"] .hitpa-header-member-copy {
  display: none !important;
}body .hitpa-header-button[data-hitpa-compact="1"] {
  width: 44px !important;
  min-width: 44px !important;
  padding: 6px !important;
}@media  (max-width: 640px) {body .hitpa-header-button {
    max-width: min(210px, 58vw) !important;
    padding: 6px 10px !important;
  }body .hitpa-header-button .hitpa-header-label,
  body .hitpa-header-button .hitpa-header-name {
    max-width: 132px !important;
    font-size: 14px !important;
  }body .hitpa-header-button .hitpa-header-status {
    font-size: 10px !important;
  }}@media  (max-width: 390px) {body .hitpa-header-button {
    max-width: 150px !important;
  }body .hitpa-header-button .hitpa-header-label,
  body .hitpa-header-button .hitpa-header-name {
    max-width: 92px !important;
  }body .hitpa-header-button .hitpa-header-status {
    display: none !important;
  }}@media  (prefers-reduced-motion: reduce) {body .hitpa-header-button {
    transition: none !important;
  }}@media  (forced-colors: active) {body .hitpa-header-button,
  body .hitpa-header-button .hitpa-header-icon-wrap,
  body .hitpa-header-button .hitpa-header-avatar {
    border: 1px solid ButtonText !important;
    forced-color-adjust: auto !important;
  }}body #hitpa-personal-area,
body #hitpa-auth-modal,
body .hitpa-header-button {
  --hitpa-dark: #4c2d33 !important;
  --hitpa-cream: #F2E7DF !important;
  --hitpa-gold: #B38B45 !important;
  color: #4c2d33 !important;
  font-family: "Heebo", Arial, sans-serif !important;
}body #hitpa-personal-area svg.hitpa-icon,
body #hitpa-auth-modal svg.hitpa-icon,
body .hitpa-header-button svg.hitpa-icon {
  display: block !important;
  width: 1.25em !important;
  height: 1.25em !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}body #hitpa-personal-area svg.hitpa-icon :is(path,circle,rect,line,polyline,polygon,ellipse),
body #hitpa-auth-modal svg.hitpa-icon :is(path,circle,rect,line,polyline,polygon,ellipse),
body .hitpa-header-button svg.hitpa-icon :is(path,circle,rect,line,polyline,polygon,ellipse) {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}body #hitpa-personal-area :is(button,a,input,select,textarea),
body #hitpa-auth-modal :is(button,a,input,select,textarea),
body .hitpa-header-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  font-family: "Heebo", Arial, sans-serif !important;
  text-shadow: none !important;
  filter: none !important;
  accent-color: #4c2d33 !important;
  outline-color: transparent !important;
}body #hitpa-personal-area :is(button,a):not(:focus-visible),
body #hitpa-auth-modal :is(button,a):not(:focus-visible),
body .hitpa-header-button:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}body #hitpa-personal-area :is(button,a,input,select,textarea):focus-visible,
body #hitpa-auth-modal :is(button,a,input,select,textarea):focus-visible,
body .hitpa-header-button:focus-visible {
  outline: 3px solid #B38B45 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px #F2E7DF !important;
}body #hitpa-personal-area .hitpa-icon-button {
  border: 1px solid #B38B45 !important;
  background: transparent !important;
  color: #B38B45 !important;
  box-shadow: none !important;
}body #hitpa-personal-area .hitpa-icon-button:hover {
  border-color: #B38B45 !important;
  background: #B38B45 !important;
  color: #4c2d33 !important;
}body .hitpa-header-button .hitpa-header-pending,
body .hitpa-header-button .hitpa-header-guest,
body .hitpa-header-button .hitpa-header-member {
  display: none !important;
}body .hitpa-header-button[data-hitpa-logged-in="pending"] .hitpa-header-pending,
body .hitpa-header-button[data-hitpa-logged-in="0"] .hitpa-header-guest,
body .hitpa-header-button[data-hitpa-logged-in="1"] .hitpa-header-member {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}body .hitpa-header-button[data-hitpa-logged-in="1"] {
  cursor: pointer !important;
}body .hitpa-header-button[data-hitpa-logged-in="1"] .hitpa-header-avatar {
  border-color: #B38B45 !important;
  background: #F2E7DF !important;
  color: #4c2d33 !important;
}@media  (max-width: 430px) {body .hitpa-header-button .hitpa-header-status { display: none !important; }}@media  (forced-colors: active) {body #hitpa-personal-area :is(button,a,input,select,textarea),
  body #hitpa-auth-modal :is(button,a,input,select,textarea),
  body .hitpa-header-button,
  body #hitpa-personal-area .hitpa-topic-chip > span {
    border-color: ButtonText !important;
    forced-color-adjust: auto !important;
  }}
/* Critical header-only guardrails. */
.hitpa-header-button[hidden],.hitpa-header-button [hidden]{display:none!important}.hitpa-header-button{touch-action:manipulation}.hitpa-header-button:focus-visible{outline:3px solid #D4AF37!important;outline-offset:3px!important}

/* 3.3.0 - Lightweight topic-follow button for article/category templates. */
.hitpa-topic-bell {
  --hitpa-dark: #4c2d33;
  --hitpa-cream: #F2E7DF;
  --hitpa-gold: #B38B45;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 6px 11px;
  border: 1px solid rgba(76,45,51,.24);
  border-radius: 999px;
  background: transparent;
  color: var(--hitpa-dark);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.hitpa-topic-bell .hitpa-icon { width: 18px !important; height: 18px !important; }
.hitpa-topic-bell:hover { transform: translateY(-1px); border-color: var(--hitpa-gold); }
.hitpa-topic-bell.is-followed,
.hitpa-topic-bell[data-hitpa-followed="1"] {
  border-color: var(--hitpa-dark);
  background: var(--hitpa-dark);
  color: var(--hitpa-cream);
}
.hitpa-topic-bell.is-followed .hitpa-icon,
.hitpa-topic-bell[data-hitpa-followed="1"] .hitpa-icon { fill: currentColor; }
.hitpa-topic-bell:focus-visible { outline: 3px solid var(--hitpa-gold); outline-offset: 3px; }
.hitpa-topic-bell .hitpa-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 3.3.1 - Keep external topic bell minimal and immune to theme accent colors. */
body .hitpa-topic-bell,
body .hitpa-topic-bell:hover,
body .hitpa-topic-bell:active,
body .hitpa-topic-bell.is-followed,
body .hitpa-topic-bell[data-hitpa-followed="1"] {
  min-height: 36px !important;
  padding: 4px 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #4c2d33 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  text-decoration: none !important;
  transform: none !important;
}
body .hitpa-topic-bell .hitpa-icon {
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
}
body .hitpa-topic-bell.is-followed .hitpa-icon,
body .hitpa-topic-bell[data-hitpa-followed="1"] .hitpa-icon {
  fill: currentColor !important;
}
body .hitpa-topic-bell:hover:not(:disabled) { opacity: .72 !important; }
body .hitpa-topic-bell:focus-visible {
  outline: 2px solid #B38B45 !important;
  outline-offset: 2px !important;
}

/* 3.3.4 - Topic bells integrated into the existing visual language.
   Article bells occupy reserved space inside the Site Core topic capsule without
   nesting an interactive button inside the category link. Archive bells are
   grouped with the archive H1 only on category archives. */
.hitpa-article-topic-group {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  transition: transform 160ms ease;
}
body.single-post .hit-article-categories .hitpa-article-topic-group > .hit-article-category,
body.single-post .hit-article-categories .hitpa-article-topic-group > .hit-article-category:visited {
  padding-inline-start: 40px !important;
}
body.single-post .hit-article-categories .hitpa-article-topic-group > .hit-article-category:hover {
  transform: none !important;
}
@media (hover:hover) and (pointer:fine) {
  body.single-post .hit-article-categories .hitpa-article-topic-group:hover {
    transform: translateY(-1px);
  }
}
body.single-post .hit-article-categories .hitpa-topic-bell--article,
body.single-post .hit-article-categories .hitpa-topic-bell--article:hover,
body.single-post .hit-article-categories .hitpa-topic-bell--article:active,
body.single-post .hit-article-categories .hitpa-topic-bell--article.is-followed,
body.single-post .hit-article-categories .hitpa-topic-bell--article[data-hitpa-followed="1"] {
  position: absolute !important;
  z-index: 2 !important;
  top: 50% !important;
  inset-inline-start: 5px !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 27px !important;
  min-width: 27px !important;
  height: 27px !important;
  min-height: 27px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.32) !important;
  transform: translateY(-50%) !important;
  -webkit-tap-highlight-color: transparent !important;
}
body.single-post .hit-article-categories .hitpa-topic-bell--article .hitpa-icon {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.32)) !important;
}
body.single-post .hit-article-categories .hitpa-topic-bell--article.is-followed .hitpa-icon,
body.single-post .hit-article-categories .hitpa-topic-bell--article[data-hitpa-followed="1"] .hitpa-icon {
  fill: #B38B45 !important;
  stroke: #ffffff !important;
}
body.single-post .hit-article-categories .hitpa-topic-bell--article:hover:not(:disabled) {
  opacity: .78 !important;
}
body.single-post .hit-article-categories .hitpa-topic-bell--article:focus-visible {
  outline: 2px solid #B38B45 !important;
  outline-offset: -2px !important;
}

/* Category archive: keep the original H1, its semantics and all archive logic intact. */
#hitArchiveFast .hitpa-archive-topic-title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  direction: rtl !important;
}
#hitArchiveFast .hitpa-archive-topic-title::after {
  content: "";
  flex: 0 0 34px;
  width: 34px;
  height: 1px;
  pointer-events: none;
}
#hitArchiveFast .hitpa-archive-topic-title > [data-haf-title] {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
#hitArchiveFast .hitpa-topic-bell--archive,
#hitArchiveFast .hitpa-topic-bell--archive:hover,
#hitArchiveFast .hitpa-topic-bell--archive:active,
#hitArchiveFast .hitpa-topic-bell--archive.is-followed,
#hitArchiveFast .hitpa-topic-bell--archive[data-hitpa-followed="1"] {
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #4c2d33 !important;
  box-shadow: none !important;
  transform: none !important;
}
#hitArchiveFast .hitpa-topic-bell--archive .hitpa-icon {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
}
#hitArchiveFast .hitpa-topic-bell--archive.is-followed .hitpa-icon,
#hitArchiveFast .hitpa-topic-bell--archive[data-hitpa-followed="1"] .hitpa-icon {
  fill: currentColor !important;
}
#hitArchiveFast .hitpa-topic-bell--archive:hover:not(:disabled) {
  opacity: .72 !important;
}
#hitArchiveFast .hitpa-topic-bell--archive:focus-visible {
  outline: 2px solid #B38B45 !important;
  outline-offset: 2px !important;
}

@media (max-width: 520px) {
  body.single-post .hit-article-categories .hitpa-article-topic-group > .hit-article-category,
  body.single-post .hit-article-categories .hitpa-article-topic-group > .hit-article-category:visited {
    padding-inline-start: 35px !important;
  }
  body.single-post .hit-article-categories .hitpa-topic-bell--article,
  body.single-post .hit-article-categories .hitpa-topic-bell--article:hover,
  body.single-post .hit-article-categories .hitpa-topic-bell--article:active,
  body.single-post .hit-article-categories .hitpa-topic-bell--article.is-followed,
  body.single-post .hit-article-categories .hitpa-topic-bell--article[data-hitpa-followed="1"] {
    inset-inline-start: 4px !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
  }
  body.single-post .hit-article-categories .hitpa-topic-bell--article .hitpa-icon {
    width: 16px !important;
    height: 16px !important;
  }
  #hitArchiveFast .hitpa-archive-topic-title { gap: 6px !important; }
  #hitArchiveFast .hitpa-archive-topic-title::after {
    flex-basis: 30px;
    width: 30px;
  }
  #hitArchiveFast .hitpa-topic-bell--archive,
  #hitArchiveFast .hitpa-topic-bell--archive:hover,
  #hitArchiveFast .hitpa-topic-bell--archive:active,
  #hitArchiveFast .hitpa-topic-bell--archive.is-followed,
  #hitArchiveFast .hitpa-topic-bell--archive[data-hitpa-followed="1"] {
    flex-basis: 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
  }
  #hitArchiveFast .hitpa-topic-bell--archive .hitpa-icon {
    width: 22px !important;
    height: 22px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hitpa-article-topic-group,
  body.single-post .hit-article-categories .hitpa-topic-bell--article,
  #hitArchiveFast .hitpa-topic-bell--archive {
    transition: none !important;
  }
  body.single-post .hit-article-categories .hitpa-article-topic-group:hover {
    transform: none !important;
  }
}
@media (forced-colors: active) {
  body.single-post .hit-article-categories .hitpa-topic-bell--article,
  body.single-post .hit-article-categories .hitpa-topic-bell--article.is-followed,
  body.single-post .hit-article-categories .hitpa-topic-bell--article[data-hitpa-followed="1"],
  #hitArchiveFast .hitpa-topic-bell--archive,
  #hitArchiveFast .hitpa-topic-bell--archive.is-followed,
  #hitArchiveFast .hitpa-topic-bell--archive[data-hitpa-followed="1"] {
    color: ButtonText !important;
    forced-color-adjust: auto !important;
  }
}
@media print {
  .hitpa-article-topic-group .hitpa-topic-bell--article,
  #hitArchiveFast .hitpa-topic-bell--archive {
    display: none !important;
  }
  body.single-post .hit-article-categories .hitpa-article-topic-group > .hit-article-category,
  body.single-post .hit-article-categories .hitpa-article-topic-group > .hit-article-category:visited {
    padding-inline-start: 12px !important;
  }
}

/* 3.3.5 - Accessible topic-follow explanation tooltip.
   Rendered at body level so it cannot be clipped by topic capsules/cards. */
.hitpa-topic-follow-tooltip {
  position: fixed !important;
  z-index: 2147483000 !important;
  display: block !important;
  max-width: min(280px, calc(100vw - 24px)) !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(242,231,223,.24) !important;
  border-radius: 10px !important;
  background: #4c2d33 !important;
  color: #F2E7DF !important;
  box-shadow: 0 8px 24px rgba(50,29,34,.22) !important;
  font: 700 13px/1.45 Heebo, Arial, sans-serif !important;
  text-align: center !important;
  direction: rtl !important;
  pointer-events: none !important;
  opacity: 1 !important;
}
.hitpa-topic-follow-tooltip[hidden] { display: none !important; }
@media (hover:none) and (pointer:coarse) {
  .hitpa-topic-follow-tooltip { display: none !important; }
}
@media (forced-colors:active) {
  .hitpa-topic-follow-tooltip {
    border: 1px solid CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
    forced-color-adjust: auto !important;
  }
}