.rh-por-mirror-intro {
  font-size: 16px; font-weight: 600; color: #808080; line-height: 1.65;
  max-width: 560px; margin: 0 0 40px; padding: 0;
}

/* ============================================================
   10. MIRROR / USE CASES
   ============================================================ */
.rh-por-mirror-section { background: #f7f7f7; width: 100%; }
.rh-por-mirror-head { padding: 72px 0 0; }
.rh-por-mirror-pad { padding: 0 0 72px; }

.rh-mirror-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 32px 0 0; }
.rh-mirror-card {
  background: #ffffff; border-radius: 16px; padding: 22px 20px;
  border-top: 3px solid #E6E6E6; transition: border-color 0.2s;
}
.rh-mirror-card:hover { border-top-color: #BFD8B3; }
.rh-mirror-card.dark { background: #262626; border-top-color: #BFD8B3; }
.rh-mirror-card-title {
  font-size: 14px; font-weight: 600; color: #262626; display: block;
  margin: 0 0 6px; line-height: 1.4; padding: 0;
}
.rh-mirror-card.dark .rh-mirror-card-title { color: #ffffff; }
.rh-mirror-card-text { font-size: 13px; font-weight: 600; color: #808080; line-height: 1.6; display: block; }
.rh-mirror-card.dark .rh-mirror-card-text { color: #A3A3A3; }

.rh-mirror-closing { margin-top: 32px; padding: 24px 32px; background: #f7f7f7; border-radius: 16px; }
.rh-mirror-closing p { font-size: 15px; font-weight: 600; color: #464646; line-height: 1.65; margin: 0 0 20px; padding: 0; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
  .rh-mirror-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .rh-por-mirror-head { padding: 48px 0 0; }
  .rh-por-mirror-pad { padding: 0 0 48px; }
  .rh-mirror-closing { padding: 22px 20px; }
}
@media (max-width: 560px) {
  .rh-mirror-grid { grid-template-columns: 1fr; }
}