/* D21AK1 — public /rollen-check (product page companion styles). */
.rc-form{display:grid;gap:.75rem;margin:1.25rem 0 1.5rem;max-width:32rem}
.rc-form label{display:grid;gap:.35rem;font-weight:600;font-size:.95rem}
.rc-form input[type=text]{font:inherit;padding:.65rem .8rem;border:1px solid var(--line-strong,#244b40);border-radius:8px;background:#fff;width:100%;box-sizing:border-box}
.rc-results{display:grid;gap:.85rem;margin:1.25rem 0}
.rc-role{border:2px solid var(--line-strong,#244b40);border-radius:12px;padding:1rem 1.1rem;margin:0}
.rc-role header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-start}
.rc-role h2{margin:0;font-size:1.1rem}
.rc-similar{display:inline-block;margin-top:.35rem;font-size:.85rem;color:#555}
.rc-score{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em}
.rc-score meter{display:block;width:140px;height:10px;margin-top:.4rem}
.rc-module{margin:.75rem 0 0;font-size:.95rem}
.rc-package{margin:1.75rem 0 1rem;padding:1.1rem 1.2rem;border:2px solid var(--line-strong,#244b40);border-radius:12px;background:linear-gradient(160deg,#f7faf8,#eef5f1)}
@media (max-width:420px){
  .rc-role header{flex-direction:column}
  .rc-score{text-align:left}
}