/* Shared "full width below 800px, flat 90% above it" responsive sizing utility, used instead of Bootstrap's
   fixed 91.67% col-sm-11 width (or a page's own ad-hoc max-width) for banners/cards/tables that should visually
   match the flash alert banner and Commissioner's Dashboard. This was originally written independently, once per
   page, and every copy ended up byte-for-byte identical except for the target selector -- consolidated here so
   future pages join this rule instead of pasting a new one-off @media block into their own stylesheet.

   Covers: every accordion-style page's .col-sm-11 column via the shared .modernAccordionPage wrapper class
   (accordion_page_modern.css -- FAQs, Strategy & Tips, Terms & Conditions; this rule used to key off the
   FAQs-only .modernFaqsPage class, so Strategy & Tips/Terms & Conditions never got this responsive treatment
   even though they render the exact same accordion markup -- switched to the shared class both to fix that
   inconsistency and to drop the now-redundant page-specific class), League Settings' .col-sm-11
   (league_settings_modern.css), Home's .col-sm-11 (home_modern.css), Rules' .col-sm-11 (rules_modern.css),
   Website Emails' .col-sm-11 (website_emails_modern.css), the site-wide announcement banners' .row > .col-sm-11
   wrapper (site_announcements_modern.css), the flash alert banner (errors_modern.css), and the Login Report
   table wrap (admin_login_report_modern.css). Failed Email Alerts used to be here too, but its table is much
   narrower (5 columns, no free-flowing long-text column like Login Report's User Agent), so forcing its wrap to
   a flat 90% left a large empty gap with just a border extending past the actual table content -- it now sizes
   to its content instead (max-width: 100%), matching Duplicate Lineup Records / Admin Golfers. */
.modernAccordionPage .col-sm-11,
.modernLeagueSettingsPage .col-sm-11,
.modernHomePage .col-sm-11,
.modernRulesPage .col-sm-11,
.modernWebsiteEmailsPage .col-sm-11,
.row > .col-sm-11:has(> .announcementContainer),
#errorsContainer .alert,
.modernLoginReportPage .loginReportTableWrap {
  width: 100%;
}

@media (min-width: 800px) {
  .modernAccordionPage .col-sm-11,
  .modernLeagueSettingsPage .col-sm-11,
  .modernHomePage .col-sm-11,
  .modernRulesPage .col-sm-11,
  .modernWebsiteEmailsPage .col-sm-11,
  .row > .col-sm-11:has(> .announcementContainer),
  #errorsContainer .alert,
  .modernLoginReportPage .loginReportTableWrap {
    width: 90%;
  }
}