@layer components{.cb{gap:var(--rb-space-2) var(--rb-space-3);margin-top:var(--rb-space-3);padding:var(--rb-space-3) var(--rb-space-4);border:1px solid var(--rb-line);border-left:3px solid var(--rb-accent);background:var(--rb-accent-wash);color:var(--rb-ink);text-align:start;scroll-margin-top:var(--rb-space-24);scroll-margin-bottom:var(--rb-space-8);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.cb__icon{background:var(--rb-accent);width:2.25rem;height:2.25rem;color:var(--rb-paper);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.cb__icon svg{width:1.15rem;height:1.15rem}.cb__text{gap:var(--rb-space-1);min-width:0;display:grid}.cb__status{font-family:var(--rb-font-ui);font-size:var(--rb-text-sm);color:var(--rb-ink-soft);margin:0;line-height:1.6}.cb__status p{margin:0}.cb__line{font-family:var(--rb-font-ui);font-size:var(--rb-text-base);font-weight:var(--rb-weight-medium);color:var(--rb-ink);margin:0;line-height:1.55}.cb__actions{gap:var(--rb-space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.cb__btn{justify-content:center;align-items:center;gap:var(--rb-space-2);white-space:nowrap;min-height:44px;padding:var(--rb-space-2) var(--rb-space-4);font-family:var(--rb-font-ui);font-size:var(--rb-text-sm);font-weight:var(--rb-weight-bold,700);border:1px solid var(--rb-accent);flex:12rem;line-height:1.3;text-decoration:none;display:inline-flex}.cb__btn--line{color:var(--rb-paper);background:var(--rb-accent)}.cb__btn--line:hover{background:var(--rb-accent-hover)}.cb__btn--ig{color:var(--rb-ink);background:var(--rb-paper);border-color:var(--rb-line-strong)}.cb__btn--ig:hover{border-color:var(--rb-accent);color:var(--rb-accent)}.cb__btn:focus-visible{outline:2px solid var(--rb-accent);outline-offset:2px}.cb--compact{margin-top:var(--rb-space-2);padding:var(--rb-space-2) var(--rb-space-3)}.cb--compact .cb__icon{width:1.75rem;height:1.75rem}.cb--compact .cb__line{font-size:var(--rb-text-sm)}.cb-link{justify-content:center;align-items:center;gap:var(--rb-space-1);min-width:44px;min-height:44px;padding:0 var(--rb-space-2);font-family:var(--rb-font-ui);font-size:var(--rb-text-sm);font-weight:var(--rb-weight-bold,700);color:var(--rb-accent);background:var(--rb-accent-wash);border:1px solid var(--rb-accent);white-space:nowrap;text-decoration:none;display:inline-flex}.cb-link svg{width:1rem;height:1rem}.cb-link:focus-visible{outline:2px solid var(--rb-accent);outline-offset:2px}.dark .cb{background:var(--rb-dark-paper-raised);color:var(--rb-dark-ink)}.dark .cb__line{color:var(--rb-dark-ink)}.dark .cb__status{color:var(--text-on-dark-secondary)}}