.bmg-document { margin: 0; background: #fff; color: #293640; font: 300 18px/1.65 system-ui, sans-serif; }
.bmg-document header, .bmg-document main, .bmg-document footer { box-sizing: border-box; max-width: 1088px; margin: auto; padding: 24px; }
.bmg-document header, .bmg-document footer { border-bottom: 1px solid #e0e5e8; }
.bmg-document header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
.bmg-document nav { display: flex; flex-wrap: wrap; gap: 16px; }
.bmg-document h1, .bmg-document h2, .bmg-document h3 { font-weight: 300; line-height: 1.2; margin: 32px 0 16px; }
.bmg-document h1 { font-size: clamp(2rem, 5vw, 3rem); }
.bmg-document h2 { font-size: 1.6rem; }
.bmg-document p, .bmg-document ul { margin: 0 0 24px; }
.bmg-document a { color: inherit; text-underline-offset: .2em; overflow-wrap: anywhere; }
.bmg-document a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }