.widget-examples{display:grid;grid-template-columns:minmax(0, 1fr);gap:2.5rem 2rem;max-width:48rem;margin-top:2rem}.widget-example{min-width:0}.widget-example__title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;line-height:1.4}.widget-example__preview{overflow-x:auto}.widget-example__preview iframe{display:block}@media(min-width: 992px){.widget-examples{grid-template-columns:repeat(2, minmax(0, 1fr))}.widget-example--wide{grid-column:1/-1}}.widgets-page{--widget-panel: #f0f6fb;--widget-panel-edge: #dce8f2;--widget-caption: #607487}.widgets-hero{max-width:60rem;padding:clamp(1.5rem,4vw,3rem);margin-bottom:2rem;border:1px solid var(--widget-panel-edge);border-radius:1.5rem;background:radial-gradient(ellipse at top right, #cce7f6 0, transparent 65%),#f3f8fc}.widgets-eyebrow{margin:0 0 .65rem;color:#286da8;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.widgets-hero h1{max-width:42rem;line-height:1.12;letter-spacing:-0.025em}.widgets-hero .lead{margin-top:1rem}.widgets-hero__link{display:inline-flex;gap:.75rem;align-items:center;font-weight:600;margin-top:.5rem}.widgets-setup{max-width:60rem;padding:clamp(1rem,3vw,2rem);border:1px solid var(--widget-panel-edge);border-radius:1rem;margin-bottom:3rem}.widgets-setup h2{font-size:1.4rem}.widgets-setup .col-md-6{width:100%;max-width:34rem}.widgets-setup details{color:var(--widget-caption)}.widgets-gallery-heading{max-width:60rem;scroll-margin-top:5rem}.widgets-page .widget-examples{max-width:60rem;gap:1.5rem;margin-top:1.5rem}.widgets-page .widget-example{background:transparent}.widget-example__heading{padding:0 0 .9rem}.widgets-page .widget-example__title{margin-bottom:.25rem;font-size:1rem}.widget-example__description{margin:0;color:var(--widget-caption);font-size:.875rem}.widgets-page .widget-example__preview{padding:2px 12px 12px 2px}.widgets-page .widget-example__preview iframe{box-shadow:0 0 0 1px var(--widget-panel-edge),0 3px 12px rgba(19, 55, 83, 0.07)}[data-bs-theme=dark] .widgets-page{--widget-panel: #192c3d;--widget-panel-edge: #2b4256;--widget-caption: #a7bbce}[data-bs-theme=dark] .widgets-hero{background:radial-gradient(ellipse at top right, #214f68 0, transparent 65%),#162b3d}[data-bs-theme=dark] .widgets-eyebrow{color:#8ccaf1}.widgets-faq{max-width:60rem;margin-top:3rem}.widgets-faq h2{margin-bottom:1rem}.widgets-faq details{padding:1rem 0;border-bottom:1px solid var(--widget-panel-edge)}.widgets-faq summary{font-weight:600;cursor:pointer}.widgets-faq details p{margin:.75rem 0 0;max-width:48rem;color:var(--widget-caption)}