.bb-size-tool{background:#f5f5f7;border:1px solid #d2d2d7;border-radius:22px;padding:24px;max-width:640px;margin:24px 0}.bb-size-tool label{font-weight:600;display:block;margin-bottom:8px}.bb-size-tool select{min-height:44px;max-width:100%;width:100%;font:inherit;border-radius:12px;padding:10px 12px}.bb-size-tool select:focus-visible{outline:3px solid #0066cc;outline-offset:3px}.bb-size-tool output{display:block;margin-block:16px;font-weight:600}.bb-size-shape{max-width:200px;max-height:300px;width:100%;background:#fff;border:2px solid #515154;display:grid;place-items:center;color:#1d1d1f;border-radius:4px}.bb-size-tool p{font-size:14px;line-height:1.5}.bb-guide-page .wp-block-table{overflow-x:auto}.bb-guide-page .wp-block-table th,.bb-guide-page .wp-block-table td{overflow-wrap:anywhere}.bbpm-guide-links{font-size:14px;line-height:1.5}.bbpm-guide-links a{display:inline-flex;min-height:44px;align-items:center}
.bb-guide-page .wp-block-post-title{box-sizing:border-box;max-width:780px;margin:32px auto;padding-inline:20px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12}.bb-guide-page .wp-block-post-content h2{color:#1d1d1f}

/* Match Gutenberg's text column for figures and shortcode output as well. */
.bb-guide-page .wp-block-post-content > .wp-block-table,
.bb-guide-page .wp-block-post-content > .bb-size-tool {
 box-sizing:border-box;
 width:100%;
 max-width:760px;
 margin-inline:auto;
}
.bb-guide-page .wp-block-table table{width:100%;table-layout:fixed}
.bb-guide-page .wp-block-table th,.bb-guide-page .wp-block-table td{padding:12px;text-align:start;vertical-align:top}
@media(max-width:600px){.bb-guide-page .bb-size-tool{padding:20px}.bb-guide-page .wp-block-table th,.bb-guide-page .wp-block-table td{padding:8px;font-size:14px}}