/* Readable public product documentation, sharing the business landing brand. */
.bd-body .bl-main{overflow:visible}
.bd-hero{padding-block:38px 64px}
.bd-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.6;color:var(--bl-muted);margin-bottom:52px}
.bd-breadcrumbs a:hover{color:var(--bl-violet)}
.bd-hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.08;letter-spacing:-.055em;max-width:1000px}
.bd-hero h1 em{color:var(--bl-violet-ink)}
.bd-body .bd-intro{font-size:18px;line-height:1.75;max-width:980px;margin-top:26px}
.bd-meta{display:flex;gap:12px 30px;flex-wrap:wrap;align-items:center;color:var(--bl-muted);font-size:12px;margin-top:24px}
.bd-meta a{color:var(--bl-violet-ink);text-decoration:underline;text-underline-offset:3px}
.bd-availability{margin-top:36px;padding:24px 28px;border:1px solid #e4dafb;border-left:4px solid var(--bl-violet);border-radius:0 14px 14px 0;background:var(--bl-violet-soft);max-width:1040px}
.bd-availability strong{font-size:17px;font-weight:600}
.bd-availability p{font-size:14px;line-height:1.75;color:var(--bl-muted);margin-top:8px}
.bd-flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:40px 0 0;border-top:1px solid var(--bl-line);border-bottom:1px solid var(--bl-line)}
.bd-flow li{padding:24px 28px;position:relative}
.bd-flow li:first-child{padding-left:0}
.bd-flow li+li{border-left:1px solid var(--bl-line)}
.bd-flow span{display:block;font-size:11px;color:var(--bl-violet);margin-bottom:12px}
.bd-flow strong{font-size:19px;font-weight:500}
.bd-flow p{font-size:13px;line-height:1.5;color:var(--bl-muted);margin-top:7px}
.bd-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:70px;align-items:start;padding-bottom:100px}
.bd-sidebar{position:sticky;top:110px;scroll-margin-top:100px}
.bd-toc{max-height:calc(100svh - 140px);overflow-y:auto;padding-right:16px;scrollbar-width:thin}
.bd-toc h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--bl-muted);margin-bottom:18px}
.bd-toc ol{padding:0;margin:0;list-style:none;display:grid;gap:2px}
.bd-toc li a{display:block;font-size:12px;line-height:1.55;padding:8px 0;color:#4b4657}
.bd-toc li a:hover{color:var(--bl-violet-ink);text-decoration:underline;text-underline-offset:3px}
.bd-back{display:inline-block;margin-top:24px;font-size:12px;color:var(--bl-violet-ink)!important}
.bd-article{min-width:0;max-width:940px}
.bd-section{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--bl-line)}
.bd-section-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.bd-number{font-size:12px;letter-spacing:.08em;color:var(--bl-violet)}
.bd-status{font-size:11px;line-height:1.5;padding:5px 10px;border-radius:6px;color:var(--bl-violet-ink);background:var(--bl-violet-soft)}
.bd-status--now{background:#fff0e5;color:#a63a0b}
.bd-section h2,.bd-next h2{font-size:34px;line-height:1.18;letter-spacing:-.04em;max-width:840px}
.bd-section h3{font-size:16px;line-height:1.5;font-weight:600;margin-top:26px;margin-bottom:10px}
.bd-section p,.bd-section li,.bd-metrics dd{font-size:15px;line-height:1.8;color:#4e4b56}
.bd-body .bd-summary{font-size:18px;color:var(--bl-ink-2);margin-top:20px}
.bd-benefit{padding:22px 26px;background:var(--bl-paper);border-radius:12px;margin-top:24px}
.bd-benefit h3,.bd-owner h3,.bd-example h3{margin-top:0}
.bd-steps{list-style:decimal;padding-left:22px;margin:0;display:grid;gap:12px}
.bd-steps li{padding-left:8px}
.bd-steps li::marker{color:var(--bl-violet);font-weight:600}
.bd-owner{margin-top:24px}
.bd-example{border-left:3px solid var(--bl-violet);padding:3px 0 3px 22px;margin-top:26px}
.bd-example h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bl-violet-ink)}
.bd-body .bd-note{font-size:13px;line-height:1.75;color:var(--bl-muted);margin-top:24px}
.bd-related{list-style:none;display:flex;flex-wrap:wrap;gap:12px 26px;padding:0;margin:24px 0 0}
.bd-related a,.bd-sources a{color:var(--bl-violet-ink);text-decoration:underline;text-underline-offset:4px}
.bd-metrics{margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bd-metrics>div{padding:18px 20px;border:1px solid var(--bl-line);border-radius:10px}
.bd-metrics dt{font-size:14px;font-weight:600;margin-bottom:8px}
.bd-metrics dd{font-size:13px;line-height:1.6;margin:0}
.bd-questions>div{margin-top:28px}
.bd-sources{padding-bottom:40px}
.bd-sources h2{font-size:20px;letter-spacing:-.02em}
.bd-sources p,.bd-sources li{font-size:13px;line-height:1.8;color:var(--bl-muted)}
.bd-sources p{margin-top:14px}
.bd-sources ul{list-style:disc;padding-left:18px;display:grid;gap:8px}
.bd-next{padding:36px;background:var(--bl-violet-soft);border-radius:18px}
.bd-next h2 em{color:var(--bl-violet-ink)}
.bd-next>p:not(.bl-eyebrow){font-size:15px;line-height:1.75;color:var(--bl-muted);margin:18px 0 24px}
.bd-price-link{display:block;margin-top:18px;font-size:13px;text-decoration:underline!important;text-underline-offset:3px}
@media(max-width:1180px){.bd-layout{grid-template-columns:200px minmax(0,1fr);gap:40px}.bd-section h2{font-size:30px}}
@media(max-width:960px){.bd-layout{grid-template-columns:minmax(0,1fr);gap:44px}.bd-sidebar{position:static}.bd-toc{max-height:none;overflow:visible;padding:24px;background:var(--bl-paper);border-radius:14px}.bd-toc ol{grid-template-columns:1fr 1fr;gap:2px 24px}.bd-toc li a{font-size:13px}.bd-back{margin-top:16px}}
@media(max-width:760px){
  .bd-hero{padding-block:24px 36px}
  .bd-breadcrumbs{font-size:11px;gap:7px;margin-bottom:32px}
  .bd-hero h1{font-size:40px}
  .bd-body .bd-intro{font-size:16px;margin-top:20px}
  .bd-meta{font-size:11px;gap:12px}
  .bd-availability{margin-top:26px;padding:20px}
  .bd-availability strong{font-size:16px}
  .bd-availability p{font-size:13px}
  .bd-flow{margin-top:28px}
  .bd-flow li{padding:18px 12px}
  .bd-flow strong{font-size:14px;line-height:1.5;display:block}
  .bd-flow p{font-size:11px;line-height:1.55}
  .bd-layout{gap:36px;padding-bottom:54px}
  .bd-toc{padding:20px}
  .bd-toc ol{grid-template-columns:1fr;gap:0}
  .bd-toc li a{padding:8px 0}
  .bd-section{padding-bottom:34px;margin-bottom:36px}
  .bd-section h2,.bd-next h2{font-size:28px}
  .bd-body .bd-summary{font-size:17px}
  .bd-section p,.bd-section li{font-size:14px}
  .bd-benefit{padding:20px;margin-top:20px}
  .bd-example{padding-left:17px}
  .bd-metrics{grid-template-columns:1fr;gap:12px}
  .bd-next{padding:24px 20px}
  .bd-next .bl-btn{width:100%;font-size:13px;padding-inline:14px}
}