/* Simpur Talang — historical map and watercolor gallery, scoped to this page */
.bb-page .bb-historical-gallery{max-width:1100px;margin:2.25rem auto 1rem;padding:1.5rem;background:#f8f5eb;border:1px solid #d9d4c2;border-radius:12px;box-shadow:0 4px 22px rgba(31,55,45,.07);color:#263e35}
.bb-page .bb-gallery-heading{max-width:760px;margin:0 auto 1.2rem;text-align:center}
.bb-page .bb-gallery-heading h3{font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.25;margin:.3rem 0 .65rem;color:#23493c}
.bb-page .bb-gallery-heading p{line-height:1.65}
.bb-page .bb-historical-gallery figure{margin:0;min-width:0}
.bb-page .bb-historical-gallery img{display:block;width:100%;height:auto;object-fit:contain;border-radius:5px}
.bb-page .bb-map-figure{max-width:980px;margin:0 auto 1.6rem!important}
.bb-page .bb-map-figure img{background:#fff;border:1px solid #e2dfd4}
.bb-page .bb-historical-gallery figcaption{font-size:.89rem;line-height:1.55;color:#4d5b53;margin-top:.65rem}
.bb-page .bb-historical-gallery a{color:#205c4c;text-decoration:underline;text-underline-offset:2px}
.bb-page .bb-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;align-items:start}
.bb-page .bb-art-grid img{aspect-ratio:3/2;object-fit:contain;background:#f7f1e4}
.bb-page .bb-gallery-note{font-size:.88rem;font-style:italic;line-height:1.55;border-top:1px solid #ddd7c8;margin:1.3rem 0 0;padding-top:1rem}
@media(max-width:700px){.bb-page .bb-historical-gallery{padding:1rem;margin:1.4rem .1rem}.bb-page .bb-art-grid{grid-template-columns:1fr;gap:1.2rem}.bb-page .bb-gallery-heading h3{font-size:1.4rem}}

/* Header adjustment requested 17 Oct 2026: 30% smaller headline, less top whitespace.
   Loaded after bangka-belitung-history.css to take precedence. */
body.bb-page .bb-hero {
  padding-top: clamp(28px, 4vw, 54px);
  padding-bottom: clamp(32px, 4vw, 55px);
}
body.bb-page .bb-hero h1 {
  font-size: clamp(2.1rem, 5.6vw, 5.25rem); /* 70% of original 3rem / 8vw / 7.5rem */
  line-height: 1.06;
  max-width: 950px;
}
body.bb-page .bb-hero .bb-lead { margin-top: 20px; }
@media (max-width:520px) {
  body.bb-page .bb-hero { padding-top: 28px; padding-bottom: 34px; }
  body.bb-page .bb-hero h1 { font-size: clamp(2rem, 7vw, 2.8rem); }
}