/* Shared presentation for active pages. Dated backups do not load this file. */
html:has(body.bb-modern-site) { font-size:16px !important; scroll-behavior:smooth; background:#eef3ef; }
body.bb-modern-site {
  margin:0 !important; padding:0 !important; width:auto !important; max-width:none !important;
  background:#eef3ef !important; color:#253c32 !important;
  font:400 17px/1.75 "Segoe UI",Arial,Helvetica,sans-serif !important;
  text-align:left !important; -webkit-text-size-adjust:100%;
}
.bb-modern-site .bb-modern-page {
  box-sizing:border-box; width:min(1080px,100%); max-width:1080px;
  margin:0 auto !important; padding:36px 24px 64px !important;
  display:flex; flex-direction:column; gap:24px;
}
.bb-modern-site .bb-content-pill {
  box-sizing:border-box; min-width:0; width:100%; margin:0;
  padding:34px 42px; border-radius:32px;
  background:#fafcf9; border:1px solid #dbe5dc;
  box-shadow:0 4px 18px rgba(34,62,45,.025);
}
.bb-modern-site .bb-content-pill:nth-child(3n + 2) { background:#f3f7fa; border-color:#dce5eb; }
.bb-modern-site .bb-content-pill:nth-child(3n + 3) { background:#faf7ef; border-color:#e9e3d5; }
.bb-modern-site .bb-introduction { background:#e4eee5; border-color:#d0dfd2; }
.bb-modern-site .bb-modern-page :is(p,div,span,font,big,small,li,td,th) {
  font-family:inherit !important; font-size:inherit !important; line-height:inherit !important;
}
.bb-modern-site .bb-modern-page :is(p,h1,h2,h3,h4,figure,ul,ol,blockquote) { max-width:100%; }
.bb-modern-site .bb-modern-page p { margin:0 0 14px !important; padding:0; }
.bb-modern-site .bb-modern-page p:last-child { margin-bottom:0 !important; }
.bb-modern-site .bb-modern-page .bb-anchor-line { display:contents; }
.bb-modern-site .bb-modern-page h1 {
  color:#204632; font:700 clamp(26px,3.4vw,40px)/1.2 "Segoe UI",Arial,sans-serif !important;
  letter-spacing:-.025em; margin:0 0 22px !important;
}
.bb-modern-site .bb-modern-page h2 { font-size:clamp(22px,2.5vw,29px) !important; line-height:1.3 !important; color:#294c3a; margin:0 0 20px !important; }
.bb-modern-site .bb-modern-page :is(h3,h4) { font-size:21px !important; line-height:1.4 !important; margin:22px 0 12px; }
.bb-modern-site .bb-modern-page :is(h1,h2,h3,h4) * { font-size:inherit !important; line-height:inherit !important; }
.bb-modern-site .bb-modern-page a { color:#22684b !important; text-decoration-thickness:1px; text-underline-offset:3px; overflow-wrap:anywhere; }
.bb-modern-site .bb-modern-page a:hover { color:#123f2d !important; }
.bb-modern-site .bb-modern-page a:focus-visible { outline:2px solid #22684b; outline-offset:4px; border-radius:3px; }
.bb-modern-site .bb-image-group {
  display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; gap:16px;
  margin:24px 0 !important; padding:0;
}
.bb-modern-site .bb-image-group > a { display:contents; }
.bb-modern-site .bb-modern-page img {
  box-sizing:border-box; max-width:100% !important; height:auto !important;
  object-fit:contain; border:0 !important; border-radius:14px; margin:0 !important;
}
.bb-modern-site .bb-image-group img { max-height:680px; width:auto !important; flex:0 1 auto; min-width:0; }
.bb-modern-site .bb-table-scroll { overflow:auto; max-width:100%; margin:22px 0; border:1px solid #d6e1d8; border-radius:18px; background:#fff; }
.bb-modern-site .bb-table-scroll:focus-visible { outline:2px solid #22684b; outline-offset:3px; }
.bb-modern-site .bb-modern-page table {
  width:100% !important; max-width:none !important; height:auto !important;
  border-collapse:collapse !important; border-spacing:0 !important;
  border:0 !important; margin:0 !important; background:transparent !important; font-size:16px !important;
}
.bb-modern-site .bb-modern-page :is(td,th) { padding:14px 16px !important; border:1px solid #e0e8e1 !important; vertical-align:top; height:auto !important; min-width:100px; }
.bb-modern-site .bb-modern-page tr:nth-child(even) { background:rgba(224,235,226,.3); }
.bb-modern-site .bb-modern-page :is(td,th) p { margin:0 !important; }
.bb-modern-site .bb-modern-page iframe { display:block; width:100% !important; min-height:72vh; border:0; border-radius:16px; background:white; }
.bb-modern-site .bb-modern-page :is(input,textarea,select,button) { max-width:100%; font:inherit; }
.bb-modern-site .bb-modern-page :is(input:not([type=checkbox]):not([type=radio]),textarea,select) { padding:9px 12px; border:1px solid #aebfb2; border-radius:10px; }
.bb-modern-site .bb-modern-page [id] { scroll-margin-top:180px; }
.bb-modern-site .bb-backtop { display:none; }
@media(max-width:700px) {
  body.bb-modern-site { font-size:16px !important; line-height:1.65 !important; }
  .bb-modern-site .bb-modern-page { padding:20px 12px 40px !important; gap:16px; }
  .bb-modern-site .bb-content-pill { padding:24px 20px; border-radius:24px; }
  .bb-modern-site .bb-image-group { gap:12px; margin:20px 0 !important; }
  .bb-modern-site .bb-modern-page :is(td,th) { padding:10px !important; }
}
@media print {
  #bb-shared-nav { display:none !important; }
  body.bb-modern-site { background:white !important; }
  .bb-modern-site .bb-content-pill { box-shadow:none; break-inside:auto; }
}
