/* Breath Matters 2026 — unified meeting archive stylesheet
   Supports both the 20-page and 72-page redesign batches.
   Upload this file in place of either earlier meetings stylesheet.
   Requires css-breathmatters-2026.css as the main site stylesheet.
*/

/* Shared layout and typography */
.bm-archive {
  max-width: 1080px;
  margin: 0 auto;
  padding: 34px 24px 65px;
  color: #213c50;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.bm-archive *, .bm-archive *::before, .bm-archive *::after { box-sizing: border-box; }
.bm-archive-kicker {
  color: #287ca7;
  font-size: .83rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin: 0 0 8px;
}

/* Batch 1 (20 pages): tinted archive heading */
.bm-archive-header {
  padding: 28px 30px;
  background: #eef8fc;
  border: 1px solid #d8e8f1;
  border-radius: 12px;
  margin-bottom: 30px;
}
.bm-archive-header h1 {
  color: #194e75;
  font-size: clamp(1.7rem, 3.5vw, 2.7rem);
  line-height: 1.2;
  margin: 0;
}

/* Batch 2 (72 pages): simple archive heading */
.bm-archive-top {
  margin-bottom: 26px;
  border-bottom: 1px solid #d8e8f1;
  padding-bottom: 18px;
}

/* Shared archive article content */
.bm-archive-body { max-width: 880px; margin: 0 auto; overflow-wrap: anywhere; }
.bm-archive-body h1,
.bm-archive-body h2,
.bm-archive-body h3,
.bm-archive-body h4 {
  color: #194e75;
  line-height: 1.3;
  overflow-wrap: anywhere;
  margin: 24px 0 12px;
}
.bm-archive-body h1 { font-size: clamp(1.65rem, 3vw, 2.3rem); }
.bm-archive-body h2 { font-size: clamp(1.3rem, 2.4vw, 1.8rem); }
.bm-archive-body h3 { font-size: 1.25rem; }
.bm-archive-body p { margin: 0 0 18px; }
.bm-archive-body li { line-height: 1.7; }
.bm-archive-body img { max-width: 100%; height: auto; border-radius: 8px; }
.bm-archive-body iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
  border-radius: 8px;
}
.bm-archive-body iframe[src*="youtube.com"],
.bm-archive-body iframe[src*="youtu.be"],
.bm-archive-body iframe[src*="vimeo.com"] {
  aspect-ratio: 16 / 9;
  height: auto;
}
.bm-archive-body iframe[src*="google.com/maps"] {
  height: 380px;
  min-height: 320px;
}
.bm-archive-body a { color: #145e8d; }
.bm-archive-body a:hover { text-decoration: underline; }
.bm-archive-body hr { border: 0; border-top: 1px solid #d8e8f1; margin: 28px 0; }
.bm-archive-body [align="center"] { text-align: center; }

/* Legacy responsive-video wrappers retained in the first batch */
.bm-archive-body .bm-media-wrap {
  position: relative !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  overflow: visible !important;
}
.bm-archive-body .bm-media-wrap iframe {
  position: static !important;
  width: 100% !important;
  height: auto !important;
}

/* Batch 2 article card: only when it follows the simple heading.
   The first batch's plain article layout remains unchanged. */
.bm-archive-top + .bm-archive-body {
  max-width: none;
  background: #fff;
  border: 1px solid #d8e8f1;
  border-radius: 12px;
  padding: 30px;
}
.bm-archive-top + .bm-archive-body > :first-child { margin-top: 0; }

/* Batch 1 last-updated line */
.bm-archive-updated {
  font-size: .85rem;
  color: #536c7b;
  border-top: 1px solid #d8e8f1;
  padding-top: 18px;
  margin-top: 30px;
}

@media (max-width: 640px) {
  .bm-archive { padding: 22px 14px 42px; }
  .bm-archive-header { padding: 20px 18px; }
  .bm-archive-top + .bm-archive-body { padding: 19px 16px; }
}


/* Archive5: historical articles, memorials, donation and reference pages */
.bm-archive--legacy .bm-archive-body { max-width: 940px; }
.bm-archive--legacy .bm-archive-body > p:first-child { margin-top: 0; }
.bm-archive--legacy .bm-archive-body table { width: 100%; max-width: 100%; border-collapse: collapse; margin: 1.2rem 0; }
.bm-archive--legacy .bm-archive-body td, .bm-archive--legacy .bm-archive-body th { padding: .65rem; border: 1px solid #d8e8f1; vertical-align: top; }
.bm-archive--legacy .bm-archive-body table img { max-width: 100%; }
.bm-archive--legacy .bm-archive-body form { margin: 1.5rem 0; padding: 1.1rem; border: 1px solid #d8e8f1; border-radius: 10px; background: #f6fbfe; }
.bm-archive--legacy .bm-archive-body input:not([type=hidden]):not([type=image]),
.bm-archive--legacy .bm-archive-body select,
.bm-archive--legacy .bm-archive-body textarea { max-width: 100%; padding: .55rem; border: 1px solid #b8d2e1; border-radius: 5px; }
.bm-archive--legacy .bm-archive-body input[type=submit],
.bm-archive--legacy .bm-archive-body button { background: #194e75; color: white; padding: .7rem 1.2rem; cursor: pointer; }
.bm-archive--legacy .bm-archive-body blockquote { border-left: 4px solid #318db9; padding: .5rem 1.25rem; margin: 1.4rem 0; background: #eef8fc; }
.bm-archive--legacy .bm-archive-body .bm-legacy-section { padding: 1rem 0; border-bottom: 1px solid #d8e8f1; }
.bm-archive--legacy .bm-archive-body .bm-legacy-section:last-child { border-bottom: 0; }
.bm-archive--legacy .bm-archive-body .bm-scroll-table { overflow-x: auto; }
.bm-archive--legacy .bm-archive-body .bm-legacy-image { display: block; max-width: 100%; height: auto; margin: 1rem auto; }
@media(max-width:640px) { .bm-archive--legacy .bm-archive-body td, .bm-archive--legacy .bm-archive-body th { padding: .35rem; } }

/* Archive 6: resource directories, historical notices and lists */
.bm-archive--legacy .bm-resource-entry {padding:1.1rem 1.25rem;margin:0 0 1rem;background:#f6fbfe;border:1px solid #d8e8f1;border-radius:10px;}
.bm-archive--legacy .bm-resource-entry h3 {margin-top:0;}
.bm-archive--legacy .bm-resource-entry blockquote {margin:.75rem 0;}
.bm-archive--legacy .bm-archive-body ul,.bm-archive--legacy .bm-archive-body ol {padding-left:1.5rem;margin-bottom:1.2rem;}
.bm-archive--legacy .bm-archive-body figure {max-width:100%;margin:1.5rem auto;text-align:center;}
.bm-archive--legacy .bm-archive-body img {max-width:100%;height:auto;}
.bm-archive--legacy .bm-archive-body .bm-historical-note {font-size:.9rem;color:#536c7b;}
.bm-archive--legacy .bm-archive-body .bm-responsive-table {overflow-x:auto;max-width:100%;}
.bm-archive--legacy .bm-archive-body a {overflow-wrap:anywhere;}
@media(max-width:640px){.bm-archive--legacy .bm-resource-entry {padding:.85rem;}}

/* Archive 7: archive index, contact details, video directory and Virginia resources */
.bm-archive--legacy .bm-archive-body .bm-directory-year {margin-top:2rem;padding-bottom:.4rem;border-bottom:2px solid #d8e8f1;}
.bm-archive--legacy .bm-archive-body .bm-directory-entry {margin:0 0 .8rem;}
.bm-archive--legacy .bm-archive-body .bm-contact-address {font-style:normal;padding:1rem 1.2rem;background:#eef8fc;border-radius:10px;}
.bm-archive--legacy .bm-archive-body .bm-video-entry {padding:1rem 0;border-bottom:1px solid #d8e8f1;}
.bm-archive--legacy .bm-archive-body .bm-video-entry:last-child {border-bottom:0;}
.bm-archive--legacy .bm-archive-body .bm-resource-list h3 {margin-top:1.6rem;}
.bm-archive--legacy .bm-archive-body .bm-source-update {font-size:.9rem;color:#536c7b;}