.reordly{--reordly:#2563eb;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:12px 0}
.reordly__i{display:flex;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:14px;padding:10px;background:#fff}
.reordly__img{flex:0 0 72px}
.reordly__img img{width:72px;height:72px;object-fit:cover;border-radius:10px;display:block;margin:0}
.reordly__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.reordly__n{font-weight:700;color:#111827;text-decoration:none;font-size:15px;line-height:1.25}
.reordly__m{font-size:14px}
.reordly__d{font-size:12px;color:#6b7280}
.reordly__btn{align-self:flex-start;margin-top:6px;background:var(--reordly);color:#fff!important;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none}
.reordly__btn:focus-visible{outline:2px solid var(--reordly);outline-offset:2px}
.reordly__out{font-size:12.5px;color:#b91c1c;margin-top:6px}
.reordly-demo{display:grid;grid-template-columns:170px 1fr;gap:22px;border:1px solid #e5e7eb;border-radius:16px;padding:18px;background:#fff}
.reordly-demo__nav{display:flex;flex-direction:column;gap:4px}
.reordly-demo__nav span{padding:8px 12px;border-radius:8px;color:#4b5563;font-size:14px}
.reordly-demo__nav .is-on{background:#eff6ff;color:#1d4ed8;font-weight:700}
@media (max-width:640px){.reordly-demo{grid-template-columns:1fr}.reordly-demo__nav{flex-direction:row;flex-wrap:wrap}}