.bps-pb4-example{max-width:1240px;margin:24px auto 36px;border:0;border-radius:0;background:#fff}.bps-pb4-example .bps-pb4{background:#fff;padding:0 20px}.bps-pb4-breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;padding:0 20px 18px;color:#526078;font-size:13px}.bps-pb4-breadcrumbs a{color:#182573}.bps-pb4-example header.bps-pb4-example-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.8fr);align-items:center;gap:30px;background:#141e73;padding:38px;border-radius:18px}.bps-pb4-example-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.08;color:#fff;margin:10px 0 18px;letter-spacing:-.025em}.bps-pb4-example-hero p:not(.bps-pb4-eyebrow){font-size:16px;line-height:1.7;max-width:660px}.bps-pb4-example .bps-pb4-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:#dce3ff}.bps-pb4-example .bps-pb4-example-cta{display:inline-flex;gap:20px;align-items:center;background:#fff;color:#141e73;padding:12px 18px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:700}.bps-pb4-example .bps-pb4-example-secondary{color:#fff;font-size:14px}.bps-pb4-example-photo{padding:22px;background:white;border-radius:14px}.bps-pb4-example-photo img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}.bps-pb4-example-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.bps-pb4-example-steps p{margin:0;padding:18px;background:#f5f7fc;border-radius:10px;border:1px solid #e0e5ee}.bps-pb4-example-steps strong{display:block;color:#141e73;font-size:16px;margin-bottom:7px}.bps-pb4-example-steps span{font-size:14px;color:#526078}.bps-pb4-example .bps-pb4-identify{background:#f6f8ff;border-color:#cbd3ee;padding:22px;scroll-margin-top:100px}.bps-pb4-example .bps-pb4-layout{gap:24px}.bps-pb4-example .bps-pb4-part{border-color:#d7deeb;padding:20px}.bps-pb4-example .bps-pb4-part h4{font-size:18px;color:#141e73}.bps-pb4-example .bps-pb4 p{font-size:14px;line-height:1.65}.bps-pb4-example .bps-pb4-source-details{margin-top:16px;color:#526078}.bps-pb4-example-reference,.bps-pb4-example-faq{padding:28px 0;border-top:1px solid #dce2eb;margin-top:28px}.bps-pb4-example h2{color:#141e73;font-size:26px;margin:0 0 14px}.bps-pb4-example-reference>details,.bps-pb4-example-faq>details{border:1px solid #dce2eb;padding:0 18px;border-radius:10px;margin:12px 0}.bps-pb4-example-table{max-width:100%;overflow:auto}.bps-pb4-example-table table{width:100%;min-width:650px;border-collapse:collapse;font-size:14px}.bps-pb4-example-table th,.bps-pb4-example-table td{text-align:left;padding:12px;border-bottom:1px solid #e0e5ee;vertical-align:top}.bps-pb4-example .bps-xref__price-line{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.bps-pb4-example .bps-xref__price-line img{width:96px;height:96px;object-fit:contain}.bps-pb4-example .bps-xref__price-line strong{font-size:24px;color:#141e73}.bps-pb4-example [data-pb4-verified-purchase]:empty{display:none}.bps-pb4-example [data-pb4-verified-purchase]{border-top:1px solid #dce2eb;padding-top:12px;margin-top:12px}.bps-pb4-example .bps-xref__product{font-weight:700}.bps-pb4-example .bps-pb4 header h2{color:#fff}@media(max-width:760px){.bps-pb4-example{margin-top:16px}.bps-pb4-example header.bps-pb4-example-hero{grid-template-columns:1fr;padding:25px;gap:20px}.bps-pb4-example-photo{max-width:270px}.bps-pb4-example-steps{grid-template-columns:1fr;gap:8px}.bps-pb4-example .bps-pb4-layout{grid-template-columns:1fr}.bps-pb4-example .bps-pb4{padding:0 15px}}
.bps-pb4-example-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:12px 0;padding:14px;background:#f5f7fc;border:1px solid #dce2eb;border-radius:10px}.bps-pb4-example-controls label{margin:0}.bps-pb4-example-controls .bps-fixed-diagram__toolbar{display:flex;gap:8px;margin:0}.bps-pb4-example-controls button{margin:0;white-space:nowrap}.bps-pb4-example-clear{margin:10px 0 14px!important;background:#fff!important;color:#141e73!important}.bps-pb4-example .bps-reference-guides{padding:22px 0}.bps-pb4-example .bps-reference-guides ul{padding-left:22px}@media(max-width:540px){.bps-pb4-example-controls{grid-template-columns:1fr}.bps-pb4-example-controls .bps-fixed-diagram__toolbar{justify-content:flex-end}}

.bps-pb4-example select{background:#fff!important;background-image:none!important;background-repeat:no-repeat!important;appearance:auto!important;-webkit-appearance:menulist!important;padding-right:30px!important}.bps-pb4-example .bps-fixed-diagram__point{width:28px;height:28px;min-height:28px;min-width:28px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:#173e6b;color:#fff;opacity:1;font-size:12px;font-weight:700;line-height:1;box-shadow:0 1px 4px #14285066}.bps-pb4-example .bps-fixed-diagram__point[aria-pressed="true"]{outline:3px solid #d3a542;background:#131e71}.bps-pb4-example .bps-fixed-diagram__point:hover,.bps-pb4-example .bps-fixed-diagram__point:focus-visible{outline:3px solid #d3a542}
