.rbs-chooser-wrap{
  min-height: 70vh;
  padding:4rem 1rem;
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(0,0,0,.03), transparent 60%),
    radial-gradient(1200px 600px at 80% 100%, rgba(0,0,0,.03), transparent 60%),
    #f8fafc;
}

.rbs-chooser-inner{ max-width: 1000px; width:100%; text-align:center; margin:auto;}
.rbs-title{ font-size: clamp(1.6rem, 2vw + 1rem, 2.2rem); margin:0 0 .5rem; }
.rbs-sub{ color:#6b7280; margin:0 0 2rem; }

.rbs-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:1.25rem;
}

@media (max-width: 720px){
  .rbs-grid{ grid-template-columns: 1fr; }
}

.rbs-card{
  text-decoration:none; color:inherit; display:block; border-radius:18px; overflow:hidden;
  background:white;
  box-shadow: 0 8px 24px rgba(15,23,42,.08);
  transition: transform .18s ease, box-shadow .18s ease;
  border:1px solid rgba(2,6,23,.06);
}

.rbs-card:not(.rbs-share-card):focus, 
.rbs-card:not(.rbs-share-card):hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(15,23,42,.12);
}

.rbs-card-inner{
  padding:2.25rem 1.75rem;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem;
}

.rbs-card-icon{ font-size:2.25rem; line-height:1; }
.rbs-card-title{ font-weight:700; font-size:1.25rem; letter-spacing:.2px; }
.rbs-card-desc{ color:#6b7280; font-size:.95rem; }


.rbs-share-card .rbs-card-inner {
  gap: 0.75rem; /* Adjust spacing */
}

.rbs-share-wrap {
  display: flex;
  width: 100%;
  max-width: 400px; /* Limit width */
  margin-top: 1rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.rbs-share-wrap input[type="text"] {
  flex-grow: 1;
  border: none;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  color: #333;
  background: #f4f4f4;
  min-width: 0; /* Prevents overflow */
}

.rbs-share-button {
  flex-shrink: 0;
  border: none;
  background: #0056b3; /* Use a brand color */
  color: white;
  padding: 0 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s ease;
}

.rbs-share-button:hover {
  background: #004085;
}

.rbs-share-button.rbs-copied {
  background: #28a745; /* Green for success */
  content: 'Copied!';
}