.rolf-link-preview {
  display: grid;
  gap: .65rem;
  padding: 1rem;
  border: 1px solid rgba(45, 226, 197, .42);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(45, 226, 197, .11), rgba(87, 117, 255, .08));
}

.rolf-link-preview[hidden] { display: none !important; }
.rolf-link-preview > span { color: #65ead4; font-size: .73rem; font-weight: 800; letter-spacing: .12em; }
.rolf-link-preview h3 { margin: 0; color: #f4f8ff; font-size: clamp(1.05rem, 2vw, 1.35rem); }
.rolf-link-preview p { margin: 0; color: #b9c6d8; line-height: 1.55; }
.rolf-link-preview dl { display: grid; grid-template-columns: minmax(8rem, .7fr) minmax(0, 1.3fr); gap: .45rem .8rem; margin: .1rem 0 0; }
.rolf-link-preview dt { color: #8291a9; }
.rolf-link-preview dd { margin: 0; color: #eef5ff; overflow-wrap: anywhere; }
.rolf-link-preview strong { color: #f5d78e; font-weight: 750; }

.rolf-guide__link[data-preflight-ready="true"] [data-rolf-seller-field],
.rolf-guide__link[data-preflight-ready="true"] [data-rolf-link-confirm] { display: grid; }

@media (max-width: 620px) {
  .rolf-link-preview { padding: .85rem; border-radius: 15px; }
  .rolf-link-preview dl { grid-template-columns: 1fr; gap: .15rem; }
  .rolf-link-preview dd { margin-bottom: .55rem; }
}
