.br-body{max-width:var(--page-max);padding:32px var(--gutter) 0;gap:64px;margin:0 auto;display:grid}.br-body h1{font-family:var(--font-display);font-size:var(--text-heading-lg);font-weight:var(--weight-display);letter-spacing:-.02em;margin:0 0 12px}.br-body h2{font-size:var(--text-heading-sm);font-weight:var(--weight-medium);margin:0 0 20px}.br-body h3{font-size:var(--text-body);font-weight:var(--weight-medium);margin:0}.br-intro p{max-width:560px;font-size:var(--text-subheading)}.br-body a:not(.ui-btn){color:var(--starlight)}.br-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.br-card{border:1px solid var(--interactive);border-radius:var(--radius-card);background:var(--surface);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.br-preview{aspect-ratio:16/9;place-items:center;padding:32px;display:grid}.br-preview--light{background:var(--paper)}.br-preview--dark{background:var(--abyss)}.br-wordmark{width:min(70%,260px);height:auto}.br-icon{width:96px;height:96px}.br-card-body{align-content:start;gap:8px;padding:20px;display:grid}.br-card-body p{font-size:var(--text-body-sm);margin:0}.br-files{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.br-body .br-files a{border:1px solid var(--lead);border-radius:var(--radius-pill);font-size:var(--text-body-sm);padding:6px 14px;text-decoration:none}.br-body .br-files a:hover{background:var(--interactive)}.br-swatches{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:16px;display:grid}.br-swatch{gap:4px;display:grid}.br-chip{border:1px solid var(--interactive);border-radius:var(--radius-card);height:88px;margin-bottom:8px}.br-swatch strong{font-weight:var(--weight-medium)}.br-swatch code{color:var(--silver);font-size:var(--text-body-sm);-webkit-user-select:all;user-select:all}.br-swatch p{font-size:var(--text-body-sm);margin:0}.br-rules{color:var(--silver);gap:10px;margin:0 0 20px;padding-left:20px;display:grid}