/* Public UI quality rules; studio labels intentionally remain independent. */
.sr-only,.bg-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.bg-breadcrumb{font-size:var(--bg-type-small);line-height:1.65;margin-bottom:var(--bg-space-6);color:var(--bg-secondary)}
.bg-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--bg-space-1) var(--bg-space-2);padding:0;margin:0;list-style:none}
.bg-breadcrumb li{display:flex;align-items:flex-start;gap:var(--bg-space-2);min-width:0;max-width:100%;overflow-wrap:anywhere}
.bg-breadcrumb li>a,.bg-breadcrumb li>[aria-current],.bg-breadcrumb-separator{display:block;padding-block:var(--bg-space-2);line-height:inherit}
.bg-breadcrumb li>[aria-current]{min-width:0}.bg-breadcrumb-separator{flex-shrink:0}
.bg-breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:4px;padding-block:var(--bg-space-2)}
.bg-breadcrumb [aria-current]{color:var(--bg-ink);font-weight:var(--bg-weight-medium)}
.bg-breadcrumb-separator{color:var(--bg-secondary)}.bg-path-wrap{padding:var(--bg-space-6) var(--bg-space-8) 0}
.bg-page-header{padding-block:var(--bg-space-6);border-bottom:1px solid var(--bg-border);margin-bottom:var(--bg-space-6)}
.bg-page-header h2{font-size:clamp(26px,4vw,40px);line-height:1.3;margin:0 0 var(--bg-space-4);letter-spacing:-.04em;overflow-wrap:anywhere}
.bg-page-header p{max-width:var(--bg-reading-width);line-height:var(--bg-leading-body);margin:var(--bg-space-3) 0}
.preview-frame{font-size:var(--bg-type-body);line-height:var(--bg-leading-body)}
.preview-frame .site-links,.preview-frame .site-footer,.preview-frame .activity-bottom,.preview-frame .meta,.preview-frame .badge,.preview-frame .helper,.preview-frame .bg-board-meta{font-size:var(--bg-type-small)}
.preview-frame .site-links .text-link{min-height:44px;display:inline-flex;align-items:center}
.preview-frame .button.sm,.preview-frame .bg-icon-button.sm{min-height:44px}.preview-frame .text-link{min-height:44px}
.preview-frame .site-links{gap:var(--bg-space-4)}.preview-frame .site-header{flex-wrap:wrap;gap:var(--bg-space-4)}
.bg-prose{max-width:var(--bg-reading-width);font-size:var(--bg-type-body);line-height:1.8;overflow-wrap:anywhere}
.bg-prose h2,.bg-prose h3{font-size:24px;line-height:1.4;margin-block:var(--bg-space-8) var(--bg-space-4)}.bg-prose h4{font-size:20px;line-height:1.4;margin-block:var(--bg-space-6) var(--bg-space-3)}
.bg-prose p,.bg-prose ul,.bg-prose ol{margin-block:var(--bg-space-4)}.bg-prose a{text-decoration:underline;text-underline-offset:4px}
.bg-prose blockquote{border-left:3px solid var(--bg-ink);margin:var(--bg-space-6) 0;padding:var(--bg-space-3) var(--bg-space-6);background:var(--bg-canvas)}
.bg-table-scroll{max-width:100%;overflow:auto}.bg-table-scroll:focus-visible{outline:2px solid var(--bg-focus);outline-offset:4px}.bg-prose table{width:100%;border-collapse:collapse}.bg-prose caption{text-align:left;font-weight:650;margin-bottom:12px}.bg-prose th,.bg-prose td{padding:16px;text-align:left;border-bottom:1px solid var(--bg-border);vertical-align:top}
.bg-prose figure{margin:var(--bg-space-6) 0}.bg-prose figcaption{font-size:var(--bg-type-small);color:var(--bg-secondary);margin-top:var(--bg-space-3)}
.bg-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--bg-space-2);margin-block:var(--bg-space-8)}.bg-pager a,.bg-pager [aria-current]{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--bg-border);border-radius:var(--bg-radius-control);color:var(--bg-ink)}.bg-pager a{text-decoration:none}.bg-pager [aria-current]{background:var(--bg-ink);color:var(--bg-paper)}
.bg-quality-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bg-space-6)}.bg-quality-criteria article{border-top:1px solid var(--bg-ink);padding-top:var(--bg-space-4)}.bg-quality-criteria h3{margin:0 0 var(--bg-space-3)}
.bg-quality-state{display:flex;align-items:start;gap:var(--bg-space-4);padding:var(--bg-space-6);border:1px solid var(--bg-border);border-radius:var(--bg-radius-surface);margin-block:var(--bg-space-4)}.bg-quality-state>div{min-width:0}.bg-quality-state h3{margin:0 0 8px}.bg-quality-state p{margin:0;line-height:1.65}
.bg-quality-state .bg-icon{margin-top:5px}.bg-quality-state .button{margin-top:16px}
.preview-frame :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--bg-focus);outline-offset:4px}
.preview-frame :is(a,button,input,select,textarea,summary,[tabindex]){scroll-margin-block:120px}
@media(max-width:767px){.bg-quality-criteria{grid-template-columns:1fr}.bg-path-wrap{padding-inline:var(--bg-space-5)}.bg-prose th,.bg-prose td{padding:12px}.preview-frame .site-links{display:none}}
.preview-frame.mobile .bg-quality-criteria{grid-template-columns:1fr}
.bg-board-pager{flex-wrap:wrap}.bg-board-pager .button{min-width:44px;min-height:44px}.page-intro h1,.bg-page-header h2,.bg-board-shell h1{word-break:keep-all;overflow-wrap:anywhere}
.bg-board-link{text-decoration:none}.bg-board-link:focus-visible{outline:2px solid var(--bg-focus);outline-offset:4px}.bg-text-main .bg-board-link{font-size:inherit;line-height:inherit}.bg-board-pager [aria-current]{background:var(--bg-ink);color:var(--bg-paper);border-color:var(--bg-ink)}.bg-board-pager [aria-disabled]{opacity:.65}.bg-pagination-gap{display:flex;align-items:center;padding:8px}.bg-board-files{list-style:none;padding:0;margin:0;display:grid;gap:var(--bg-space-3)}.bg-selection-tools{display:flex;align-items:center;flex-wrap:wrap;gap:var(--bg-space-3);margin-block:var(--bg-space-4)}.bg-content-checklist{padding-left:24px;line-height:1.7}.bg-content-checklist li{padding-left:8px;margin-block:var(--bg-space-5)}.bg-content-checklist p{margin:8px 0 0;color:var(--bg-secondary)}
@media(forced-colors:active){.preview-frame button,.bg-pager a,.bg-pager [aria-current]{border:1px solid ButtonText}.bg-pager [aria-current]{outline:2px solid Highlight}}
