body.bm-article-page {
  --bg: #fff;
  background: #fff;
}
.bm-shell {
  max-width: 1120px;
  margin: 0 auto;
  padding: 120px 28px 80px;
  color: #2d2a26;
}
.bm-eyebrow {
  font-size: 12px;
  letter-spacing: 0.17em;
  font-weight: 700;
  color: #c85e3a;
}
.bm-index-header {
  padding: 12px 0 40px;
}
.bm-index-header h1 {
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1.45;
  margin: 22px 0;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.bm-index-header p,
.bm-excerpt {
  color: #6b6560;
  line-height: 1.9;
}
.bm-breadcrumb {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #627770;
  margin-bottom: 32px;
}
.bm-breadcrumb a,
.bm-back a {
  color: #c85e3a;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.bm-categories {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 30px;
}
.bm-categories a {
  border: 1px solid #e8e4dd;
  padding: 8px 18px;
  border-radius: 24px;
  font-size: 13px;
  color: #6b6560;
}
.bm-categories a[aria-current] {
  background: #c85e3a;
  color: #fff;
  border-color: #c85e3a;
}
.bm-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}
.bm-card {
  display: block;
  border: 1px solid #e8e4dd;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  color: #2d2a26;
  transition:
    transform 0.15s,
    box-shadow 0.15s;
  min-width: 0;
}
.bm-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px #143d3710;
}
.bm-card > img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.bm-card-copy {
  padding: 24px;
}
.bm-category {
  color: #c85e3a;
  font-size: 12px;
  font-weight: 600;
}
.bm-card h3 {
  font-size: 19px;
  line-height: 1.6;
  margin: 12px 0;
  color: #2d2a26;
  overflow-wrap: anywhere;
}
.bm-card p {
  font-size: 13px;
  line-height: 1.8;
  color: #6b6560;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bm-card time {
  display: block;
  margin-top: 22px;
  font-size: 12px;
  color: #6f7b74;
}
.bm-empty {
  padding: 70px 20px;
  text-align: center;
  border: 1px dashed #ccdcd3;
  border-radius: 16px;
  color: #60726a;
}
.bm-pagination {
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-top: 40px;
  font-size: 14px;
}
.bm-home {
  padding: 64px 24px 76px;
  background: #fff;
}
.bm-home-inner {
  max-width: 1120px;
  margin: 0 auto;
}
.bm-home .bm-cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 24px;
}
.bm-home .bm-card {
  display: flex;
  flex-direction: column;
  max-width: 544px;
}
.bm-home .bm-card > img {
  flex: 0 0 auto;
  aspect-ratio: 16 / 9;
  max-height: 260px;
}
.bm-home .bm-card > .bm-card-brand {
  object-fit: contain;
  padding: 42px;
  background: #faf8f5;
}
.bm-home .bm-card-copy {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 24px;
  min-height: 200px;
}
.bm-home .bm-card h3 {
  font-size: 19px;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bm-home .bm-card time {
  margin-top: auto;
  padding-top: 20px;
  color: #797169;
}
.bm-home .bm-section-heading {
  align-items: center;
  margin-bottom: 30px;
}
.bm-home .bm-section-heading h2 {
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 600;
  letter-spacing: -.025em;
}
.bm-home .bm-section-heading p {
  font-size: 14px;
  line-height: 1.8;
  color: #6b6560;
  margin: 10px 0 0;
}
.bm-home .bm-section-heading > a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  border: 1px solid #d6cfc6;
  background: #fff;
  border-radius: 999px;
  padding: 12px 20px;
  color: #51473e;
  font-weight: 600;
}
.bm-home .bm-section-heading > a:hover {
  border-color: #c85e3a;
  color: #c85e3a;
}
@media(max-width:600px) {
  .bm-home { padding: 44px 20px 52px; }
  .bm-home .bm-cards { grid-template-columns: 1fr; gap: 20px; }
  .bm-home .bm-card-copy { min-height: 0; padding: 20px; }
  .bm-home .bm-card { max-width: none; }
}
.bm-section-heading {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 26px;
}
.bm-section-heading h2 {
  font-size: 25px;
  line-height: 1.5;
  margin: 12px 0 0;
}
.bm-section-heading > a {
  font-size: 13px;
  white-space: nowrap;
  color: #c85e3a;
}
.bm-article {
  max-width: 1000px;
  margin: 0 auto;
}
.bm-article h1 {
  font-size: clamp(27px, 4vw, 40px);
  line-height: 1.5;
  letter-spacing: -0.025em;
  margin: 18px 0;
  overflow-wrap: anywhere;
}
.bm-byline {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #697970;
  margin: 24px 0;
}
.bm-cover {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: cover;
  border-radius: 16px;
  margin: 12px 0 28px;
}
.bm-prose {
  font-size: 16px;
  line-height: 1.95;
  overflow-wrap: anywhere;
  color: #2d2a26;
}
.bm-prose .bm-block {
  margin: 1.35em 0;
}
.bm-prose h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 2.1em 0 0.8em;
  line-height: 1.5;
  scroll-margin-top: 90px;
}
.bm-prose h3 {
  font-size: 21px;
  margin: 1.8em 0 0.7em;
  line-height: 1.6;
}
.bm-prose h4 {
  font-size: 18px;
}
.bm-prose strong {
  font-weight: 700;
}
.bm-prose a {
  color: #c85e3a;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.bm-prose ul,
.bm-prose ol {
  padding-left: 1.6em;
  margin: 1.3em 0;
  list-style: revert;
}
.bm-prose li.bm-block {
  margin: 0.35em 0;
}
.bm-prose blockquote {
  border-left: 3px solid #a5bdb0;
  padding: 4px 24px;
  color: #687970;
}
.bm-prose img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: inline-block;
}
.bm-prose figure {
  text-align: center;
}
.bm-prose figcaption {
  color: #708076;
  font-size: 12px;
  margin-top: 10px;
}
.bm-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  margin: 30px 0;
  align-items: start;
}
.bm-columns > div,
.bm-columns > figure {
  min-width: 0;
}
.bm-columns h3 {
  margin-top: 0;
}
.bm-prose .bm-columns figure {
  margin: 0;
}
.bm-table {
  overflow-x: auto;
  margin: 28px 0;
}
.bm-table table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}
.bm-table th,
.bm-table td {
  border: 1px solid #dbe4dd;
  padding: 13px 16px;
  text-align: left;
  min-width: 100px;
}
.bm-table th {
  font-weight: 600;
}
.bm-table th.bm-backgroundColor-default {
  background: #f0f5f1;
}
.bm-prose h2,
.bm-prose h3,
.bm-prose h4 {
  scroll-margin-top: 100px;
}
.bm-callout {
  padding: 20px 24px;
  border-radius: 10px;
  background: #edf5f2;
  border-left: 3px solid #75a593;
}
.bm-tone-warning {
  background: #fff7e7;
  border-color: #d5a244;
}
.bm-tone-tip {
  background: #eef4fc;
  border-color: #779fce;
}
.bm-prose a.bm-button {
  display: inline-block;
  background: #c85e3a;
  color: #fff;
  border-radius: 8px;
  padding: 12px 24px;
  text-decoration: none;
  font-weight: 600;
}
.bm-prose hr {
  border: 0;
  border-top: 1px solid #e8e4dd;
  margin: 40px 0;
}
.bm-prose .bm-app-downloads {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin: 28px 0;
}
.bm-app-downloads.bm-align-center { justify-content: center; }
.bm-app-downloads.bm-align-right { justify-content: flex-end; }
.bm-prose .bm-app-badge { display: inline-flex; max-width: 100%; border: 0; }
.bm-prose .bm-app-badge img {
  display: block;
  width: auto;
  height: 48px;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bm-app-badge:focus-visible { outline: 3px solid #0284c7; outline-offset: 5px; }
.bm-align-left {
  text-align: left !important;
}
.bm-align-center {
  text-align: center !important;
}
.bm-align-right {
  text-align: right !important;
}
.bm-align-justify {
  text-align: justify !important;
}
.bm-related {
  border-top: 1px solid #e8e4dd;
  margin-top: 65px;
  padding-top: 36px;
}
.bm-related h2 {
  font-size: 22px;
  margin-bottom: 26px;
}
.bm-back {
  text-align: center;
  margin-top: 40px;
}
.bm-textColor-gray {
  color: #6b7280;
}
.bm-textColor-brown {
  color: #805a40;
}
.bm-textColor-red {
  color: #b12b32;
}
.bm-textColor-orange {
  color: #a4480e;
}
.bm-textColor-yellow {
  color: #80610d;
}
.bm-textColor-green {
  color: #17633c;
}
.bm-textColor-blue {
  color: #205ba2;
}
.bm-textColor-purple {
  color: #7944a7;
}
.bm-textColor-pink {
  color: #a93874;
}
.bm-backgroundColor-gray {
  background: #f0f1f3;
}
.bm-backgroundColor-brown {
  background: #f5eee8;
}
.bm-backgroundColor-red {
  background: #fdebee;
}
.bm-backgroundColor-orange {
  background: #fff0e3;
}
.bm-backgroundColor-yellow {
  background: #fff7d5;
}
.bm-backgroundColor-green {
  background: #e8f5ed;
}
.bm-backgroundColor-blue {
  background: #eaf2fd;
}
.bm-backgroundColor-purple {
  background: #f3ecfb;
}
.bm-backgroundColor-pink {
  background: #fcecf4;
}
.bm-card:focus-visible,
.bm-shell a:focus-visible {
  outline: 3px solid #378477;
  outline-offset: 3px;
}
@media (max-width: 800px) {
  .bm-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bm-section-heading {
    display: block;
  }
  .bm-section-heading > a {
    display: inline-block;
    margin-top: 18px;
  }
  .bm-columns {
    grid-template-columns: 1fr;
  }
  .bm-shell {
    padding: 106px 20px 60px;
  }
}
@media (max-width: 520px) {
  .bm-cards {
    grid-template-columns: 1fr;
  }
  .bm-index-header h1 {
    font-size: 31px;
  }
  .bm-prose {
    font-size: 15px;
  }
  .bm-prose h2 {
    font-size: 23px;
  }
  .bm-card-copy {
    padding: 20px;
  }
  .bm-byline {
    gap: 8px 16px;
  }
  .bm-section-heading h2 {
    font-size: 23px;
  }
}

.bm-share {max-width:1000px;margin:48px auto 0;border-top:1px solid #E8E4DD;padding-top:28px}.bm-share h2{font-size:16px;margin:0 0 18px}.bm-share-links{display:flex;gap:10px;flex-wrap:wrap}.bm-share-links a,.bm-share-links button{border:1px solid #d8d3cb;padding:10px 16px;border-radius:8px;font-size:13px;background:white;color:#514a43;text-decoration:none}.bm-share-links a:hover,.bm-share-links button:hover{background:#f2efe9}.bm-share-url{width:100%;margin:14px 0;padding:10px;border:1px solid #d8d3cb;border-radius:6px}.bm-share [role=status]{font-size:12px;min-height:22px;margin:12px 0;color:#6b6560}.bm-prose a.bm-purchase{background:#C85E3A;padding:14px 28px;font-size:16px}.bm-prose a.bm-purchase:hover{background:#a44a2c}

.bm-toc{border:1px solid #e8e4dd;background:#f7f4ef;border-radius:12px;padding:20px 24px;margin:22px 0 34px}.bm-toc summary{font-weight:600;cursor:pointer}.bm-toc ol{list-style:decimal;margin:14px 0 0;padding-left:24px}.bm-toc li{margin:8px 0;font-size:14px;line-height:1.7}.bm-toc a{color:#625345;text-decoration:underline;text-underline-offset:3px}.bm-toc-level-3{margin-left:16px!important}.bm-toc-level-4{margin-left:32px!important}

.bm-share-links{align-items:center;gap:12px}.bm-share-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:76px;min-height:86px;padding:12px;border-color:transparent;background:transparent}.bm-share-links a img{display:block;width:40px;height:40px;object-fit:contain}.bm-share-links a span{font-size:11px;line-height:1.3}.bm-share-links button{min-height:44px;cursor:pointer}.bm-share-links a:focus-visible,.bm-share-links button:focus-visible{outline:2px solid #C85E3A;outline-offset:3px}

.bm-prose .bm-image-link{display:inline-block;width:100%;line-height:0;border-radius:10px}.bm-prose .bm-image-link:focus-visible{outline:3px solid #0284c7;outline-offset:4px}

.bm-prose figure.bm-image-full{width:100%;margin-inline:0}

.bm-prose .bm-speech { display:flex; align-items:flex-start; gap:18px; }
.bm-prose .bm-speech-right { flex-direction:row-reverse; }
.bm-prose .bm-speech-avatar { flex:0 0 64px; width:64px; height:64px; border-radius:50%; object-fit:cover; }
.bm-speech-text { position:relative; flex:1; min-width:0; padding:18px 22px; border:1px solid #dfe5e9; border-radius:14px; background:#f7f9fb; }
.bm-speech-text::before { content:""; position:absolute; top:22px; left:-7px; width:12px; height:12px; background:inherit; border-left:1px solid #dfe5e9; border-bottom:1px solid #dfe5e9; transform:rotate(45deg); }
.bm-speech-right .bm-speech-text::before { left:auto; right:-7px; transform:rotate(225deg); }
.bm-prose .bm-speech-text p { margin:0; }
@media(max-width:520px) { .bm-prose .bm-speech { gap:12px; } .bm-prose .bm-speech-avatar { flex-basis:44px; width:44px; height:44px; } .bm-speech-text { padding:14px 16px; } }