#rds-search-results {
  position: fixed; inset: 0; z-index: 100000; background: rgba(0, 0, 0, .6);
  display: flex; align-items: flex-start; justify-content: center; padding: 8vh 16px; overflow-y: auto;
}
#rds-search-results .rds-panel {
  position: relative; background: #fff; color: #222; max-width: 720px; width: 100%;
  padding: 32px; border-radius: 6px; box-shadow: 0 10px 40px rgba(0, 0, 0, .3);
}
#rds-search-results .rds-close {
  position: absolute; top: 8px; right: 12px; background: none; border: 0; font-size: 28px; cursor: pointer; color: #555; padding: 4px 8px;
}
#rds-search-results h3 { margin: 0 0 20px; }
#rds-search-results ul { list-style: none; margin: 0; padding: 0; }
#rds-search-results li { padding: 12px 0; border-bottom: 1px solid #eee; }
#rds-search-results li a { font-weight: 700; font-size: 1.1em; }
#rds-search-results li p { margin: 6px 0 0; font-size: .9em; color: #666; }

/* Newsletter result message: the theme's light footer text was unreadable on the alert box */
.sib_msg_disp .sib-alert-message {
  padding: 10px 14px; margin: 0 0 12px; border-radius: 4px; font-weight: 600;
}
.sib_msg_disp .sib-alert-message-success { background: #dff0d8 !important; color: #2d5a1f !important; }
.sib_msg_disp .sib-alert-message-error { background: #f2dede !important; color: #8a2b2b !important; }

/* About page portrait: on stacked (tablet/phone) layouts the 300px strip cut the face in half */
@media (max-width: 1024px) {
  .rds-split .elementor-element-cacd6f8.rds-split-img > .elementor-widget-wrap {
    min-height: max(300px, 62vw);
    background-position: 50% 35% !important;
  }
}

/* Unfolded foldables (Galaxy Z Fold, iPhone Fold) and small tablets, ~680-899px wide:
   keep the featured story full width and put the other two side by side instead of one per row */
@media (min-width: 680px) and (max-width: 899px) {
  .rds-posts.rds-posts { grid-template-columns: 1fr 1fr; }
  .rds-posts .rds-post:first-child { grid-column: 1 / -1; }
}

/* Folded foldables and larger phones (390-767px, e.g. Galaxy Z Fold / iPhone Fold cover screens):
   the theme boxes mobile content to 280-300px; let it use the screen's width instead */
@media (min-width: 390px) and (max-width: 767px) {
  .elementor-section.elementor-section-boxed > .elementor-container { max-width: min(100%, calc(100vw - 40px)) !important; }
}