/* ==========================================================================
   GIGW 3.0 — 8.12 (Content Obscured) & 8.13 (Loss of Content at 200% Text
   Resizing). Dedicated accessibility stylesheet — loaded LAST so it can
   correct the specific rules identified as root causes without editing
   style.css / accessibility_style.css / responsive.css / wall-of-fame.css
   or any Bootstrap/third-party file.

   Every rule below targets a confirmed, live selector — not a blanket
   overflow-x:hidden or font-size hack. See the audit notes inline.
   ========================================================================== */

/* ---- 1. Tables: give every plain (non-DataTables) table its own
   horizontal scroll, so a wide table scrolls in place instead of being
   silently clipped by an ancestor's overflow:hidden (e.g. .table-container,
   the raw pasted statute tables on the Copyright Act/Rules pages, and the
   Wall of Fame data table, none of which have a Bootstrap
   .table-responsive wrapper). thead/tbody/tr keep their default table
   display, so column alignment is unaffected. ---- */
table:not(.dataTable) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

/* The wrapper some pages use instead of Bootstrap's .table-responsive
   currently sets overflow:hidden with no scroll axis — allow horizontal
   scroll so the table (now handling its own scroll above) is never
   additionally clipped by this ancestor. */
.table-container {
    overflow-x: auto !important;
}

/* ---- 2. Long unbroken text (URLs, emails, reference numbers, long
   titles) must be able to wrap instead of forcing horizontal overflow. ---- */
.overflow-wrap-anywhere,
a[href^="mailto:"],
a[href^="http"] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* ---- 3. Embedded social feed: fixed-height box with overflow:hidden
   permanently hid any post text past 350px. Keep the existing box size
   (no redesign) but let the feed scroll internally instead of clipping. ---- */
.socialSection .socialBox .socialPostArea {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* ---- 4. Accessibility "Dark Contrast" mode should never itself clip the
   content it is meant to make easier to read. ---- */
body.dark-contrast .main-content .aboutSectionArea .contentArea {
    overflow: visible !important;
}

/* ---- 5. Wall of Fame rank card: real paragraph text (.rank-text) next
   to a fixed-size chart graphic. Let the card grow instead of clipping
   the text if it needs more room at 200% zoom. ---- */
.rank-card {
    overflow: visible !important;
}

/* ---- 6. Copyright Act/Rules "chapter" reader pages use their own
   standalone app-shell (assets/css/chapter.css) that isn't loaded through
   the main layout, so it needs this stylesheet linked directly (see the
   two chapter blade views) and its own scroll-safety net: the reading
   pane scrolls vertically already, this adds a horizontal safety net for
   the pasted statute tables (handled generically by rule 1 above) and
   prevents the shell itself from ever clipping content sideways. ---- */
.main-chapter-page .main-scroll {
    overflow-x: auto;
    max-width: 100%;
}