/* RW Riddim Post Search — v1.0.3 (iOS Chrome fix + white theme) */
:root{
  --rw-z-overlay: 2147483646;
  --rw-z-modal:   2147483647;
  --rw-radius:    14px;
  --rw-shadow:    0 12px 40px rgba(0,0,0,.20);
  --rw-bg:        #ffffff;
  --rw-fg:        #0069ef;
  --rw-muted:     #6b7280;
  --rw-accent:    #0069ef;
  --rw-vh: 100svh;
}

.rw-armddv23-sticky{
  position: fixed; inset: auto auto 20px 50%; transform: translateX(-50%);
  z-index: var(--rw-z-modal);
  background: var(--rw-accent); color:#fff; border:0; border-radius:999px;
  padding:.65rem 1rem; font:600 15px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 6px 20px rgba(17,24,39,.25); cursor:pointer;
  -webkit-tap-highlight-color: transparent;
}
.rw-armddv23-sticky:active{ transform: translateX(-50%) scale(.98); }

#rw-armddv23-overlay{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.55);
  z-index: var(--rw-z-overlay);
  opacity: 0; pointer-events: none; transition: opacity .18s ease;
  transform: none !important; -webkit-backface-visibility: hidden; backface-visibility: hidden;
  touch-action: none;
}

#rw-armddv23-modal{
  position: fixed; top: 50%; left: 50%;
  transform: translate3d(-50%,-50%,0) !important;
  z-index: var(--rw-z-modal);
  opacity: 0; pointer-events: none; transition: opacity .2s ease;
  max-width: min(900px, 92vw); width: 92vw;
  display: grid; place-items: stretch;
  max-height: calc(var(--rw-vh) - 28px);
  will-change: transform;
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}

#rw-armddv23-modal .rw-armddv23-dialog{
  background: var(--rw-bg); color: var(--rw-fg);
  border-radius: var(--rw-radius); box-shadow: var(--rw-shadow);
  overflow: clip; display: grid; grid-template-rows: auto 1fr;
}

.rw-armddv23-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:.9rem 1rem; border-bottom:1px solid rgba(0,0,0,.08);
}
.rw-armddv23-header h3{
  margin:0; font:700 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--rw-fg);
}
.rw-armddv23-close{
  appearance:none; background:transparent; border:0; color:var(--rw-fg);
  font-size:22px; line-height:1; cursor:pointer; -webkit-tap-highlight-color: transparent;
}

.rw-armddv23-body{ padding:1rem; display:grid; grid-template-rows:auto 1fr; gap:.75rem; }
.rw-armddv23-input{
  width:100%; border-radius:10px; border:1px solid rgba(0,0,0,.12);
  background:#fff; color:var(--rw-fg); padding:.7rem .9rem; font-size:15px;
}
.rw-armddv23-input::placeholder{ color:#9ca3af; }

.rw-armddv23-results{
  overflow:auto; min-height:90px; max-height:calc(var(--rw-vh) - 200px); contain:content;
}
.rw-armddv23-item{ padding:.5rem 0; border-bottom:1px solid rgba(0,0,0,.06); }
.rw-armddv23-item small{ color:#6b7280; }
.rw-rps-view{ display:inline-block; background:#0069ef; color:#fff; padding:.45rem .8rem; border-radius:8px; text-decoration:none; }

body.rw-armddv23-open #rw-armddv23-overlay,
body.rw-armddv23-open #rw-armddv23-modal{ opacity:1; pointer-events:auto; }

body.rw-armddv23-scrolllock{ overflow:hidden; touch-action:none; overscroll-behavior:contain; }

@media (max-width: 767.98px){
  #rw-armddv23-modal{
    top: 8vh; left: 50%; transform: translate3d(-50%,0,0) !important;
    width: 96vw; max-width: 96vw; max-height: calc(var(--rw-vh) - 16vh);
  }
}

#rw-armddv23-overlay, #rw-armddv23-modal{ display: none; }
body.rw-armddv23-open #rw-armddv23-overlay,
body.rw-armddv23-open #rw-armddv23-modal{ display: block; }

.rw-armddv23-input:focus-visible, .rw-armddv23-close:focus-visible{
  outline:2px solid #2563eb; outline-offset:2px;
}