.ra-block{
  border:2px solid #ff9900;
  border-radius:14px;
  background:linear-gradient(180deg,#fff8ec 0%,#fff 60%);
  padding:16px 18px;
  margin:16px 0;
  box-shadow:0 2px 8px rgba(255,153,0,.12);
}
.ra-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.ra-icon{font-size:1.2rem;line-height:1}
.ra-title{font-weight:800;font-size:1rem;color:#0f172a}
.ra-badge{
  margin-left:auto;
  font-size:.68rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;
  background:#ff9900;color:#0f172a;border-radius:999px;padding:3px 10px;
}
.ra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.ra-card{
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  border:1px solid #f1d9a8;border-radius:12px;
  padding:14px 14px 12px;
  text-decoration:none;color:#0f172a;background:#fff;
  min-height:110px;
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;
}
.ra-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,153,0,.22);
  border-color:#ff9900;
}
.ra-card-icon{font-size:1.6rem;line-height:1}
.ra-name{font-size:.9rem;font-weight:700;line-height:1.25;flex:1}
.ra-cta{
  font-size:.8rem;font-weight:800;color:#fff;background:#ff9900;
  border-radius:8px;padding:6px 10px;align-self:stretch;text-align:center;
}
.ra-disclosure{font-size:.7rem;color:#8a6d3b;margin-top:12px}

.ra-block[data-placement="sidebar"] .ra-grid{grid-template-columns:1fr}

@media(prefers-color-scheme:dark){
  .ra-block{background:linear-gradient(180deg,#1a1408 0%,#0f172a 60%);border-color:#ff9900}
  .ra-title{color:#f1f5f9}
  .ra-card{background:#111827;border-color:#3f2f10;color:#f1f5f9}
  .ra-disclosure{color:#d1a85a}
}