/* ==========================================================================
   restore-responsive.css
   Added while restoring www.nationalbsa.org from the web archive.

   The original Squarespace theme is already responsive: measured at 320px and
   375px every page reports zero horizontal overflow, and the burger menu still
   opens. So this file deliberately does NOT try to re-do the layout - blanket
   overrides here would only fight the theme's own breakpoints and the scripts
   that size galleries and focal-point crops.

   What is left is the styling for the pages that had to be regenerated (no
   archived copy existed), plus a few inert guards for content the theme does
   not constrain on its own.
   ========================================================================== */

/* ------------------------------------------------- 1. regenerated pages */
.restored-stub {
  padding: clamp(4rem, 12vw, 9rem) 6vw;
  text-align: center;
}

.restored-stub .content-wrapper,
.restored-stub .content {
  max-width: 46rem;
  margin: 0 auto;
}

.restored-stub__title {
  font-size: clamp(2rem, 6vw, 3.25rem);
  line-height: 1.15;
  margin: 0 0 1rem;
}

.restored-stub__text {
  font-size: clamp(1rem, 2.2vw, 1.125rem);
  line-height: 1.65;
  margin: 0 auto 2rem;
  max-width: 34rem;
  opacity: 0.85;
}

.restored-stub__actions {
  margin: 0;
}

.restored-stub__link {
  display: inline-block;
  padding: 0.85em 2em;
  border: 2px solid currentColor;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.85rem;
  transition: opacity 0.2s ease;
}

/* Inverting to the theme's background colour is not safe here - the section
   background is set per page - so dim instead of swapping colours. */
.restored-stub__link:hover,
.restored-stub__link:focus-visible {
  opacity: 0.65;
}

.restored-stub img,
.restored-stub video {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .restored-stub {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* --------------------------------------------------------- 2. guards */
/* iOS inflates text in landscape unless this is pinned. */
html {
  -webkit-text-size-adjust: 100%;
}

/* A pasted URL or a long unbroken word in body copy is the one thing that can
   still push a column wider than the viewport. Scoped to running text so it
   cannot affect layout blocks. */
.sqs-block-html p,
.sqs-block-html li,
.sqs-block-html h1,
.sqs-block-html h2,
.sqs-block-html h3,
.sqs-block-html h4,
.sqs-block-html blockquote,
.sqs-block-html figcaption {
  overflow-wrap: break-word;
}

/* Tables inside post content have no responsive treatment in the theme; let
   them scroll in place instead of widening the page. */
.sqs-block-html table,
.sqs-block-markdown table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}