/* Preview-only implementation notes for V10 comments.
   Not a Webflow paste. Do not load from other editions. */

.bd-notes,
.bd-notes *,
.bd-notes *::before,
.bd-notes *::after {
  box-sizing: border-box;
}

.bd-notes {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 16px 0 32px;
  font-family: var(--bd-font, InterVariable, sans-serif);
  font-feature-settings: "liga" 1, "calt" 1, "cv02", "cv03", "cv04", "cv11";
  font-optical-sizing: auto;
  color: var(--bd-text, #000);
}

.bd-notes .bd-wrap {
  width: 100%;
  max-width: var(--bd-content, 1440px);
  margin-inline: auto;
  padding: 20px 24px 24px;
  background: #fff8e7;
  border: 1px solid #f5e6a8;
  border-radius: 8px;
}

.bd-notes__kicker {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  color: #7a5b00;
}

.bd-notes__title {
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  line-height: 1.3;
  color: #000;
}

.bd-notes p,
.bd-notes li,
.bd-notes dd {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}

.bd-notes p + p,
.bd-notes p + ul,
.bd-notes p + pre,
.bd-notes ul + p,
.bd-notes pre + p {
  margin-top: 10px;
}

.bd-notes strong {
  font-weight: 500;
}

.bd-notes h4 {
  margin: 16px 0 8px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.3;
  color: #7a5b00;
}

.bd-notes dl {
  margin: 0;
}

.bd-notes dt {
  margin: 10px 0 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.bd-notes dt:first-child {
  margin-top: 0;
}

.bd-notes dd {
  margin: 0;
}

.bd-notes ul {
  margin: 0;
  padding-left: 1.2em;
}

.bd-notes li + li {
  margin-top: 6px;
}

.bd-notes code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
  font-weight: 400;
  background: #fde68a;
  padding: 0 4px;
  border-radius: 3px;
}

.bd-notes__why {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #f5e6a8;
}

.bd-plat3 .bd-notes {
  padding: 0 0 32px;
}

.bd-plat3 .bd-notes .bd-wrap {
  max-width: none;
  margin-inline: 0;
}

.bd-notes pre {
  margin: 10px 0 0;
  padding: 12px 14px;
  overflow-x: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  color: #000;
  background: #fff3c4;
  border-radius: 6px;
  white-space: pre-wrap;
}