/* style_rti.css
   Clean, minimal styles used by rti/index page.
   Remove any unused/extra rules from the previous inline block.
*/

/* Global box-sizing */
*, *::before, *::after { box-sizing: border-box; }

html, body { height:100%; margin:0; padding:0; background:#f8fafc; }

/* Generic info card */
.info-card { border-radius:12px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,0.05); padding:1rem; }

/* Title helper */
.title { font-weight:700; color:#0d6efd; }
.title h6 { margin:0; }

/* PS cards grid */
.ps-cards { display:grid; grid-template-columns:repeat(1,1fr); gap:1rem; }
@media(min-width:768px){ .ps-cards { grid-template-columns:repeat(2,1fr); } }
@media(min-width:1200px){ .ps-cards { grid-template-columns:repeat(3,1fr); } }

/* Individual card */
.ps-card {
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border-radius:12px; padding:1.1rem;
  box-shadow:0 8px 22px rgba(12,35,64,0.06);
  border:1px solid rgba(15,45,85,0.04);
  transition:transform .18s ease, box-shadow .18s ease;
  height:100%; display:flex; flex-direction:column;
}
.ps-card:hover { transform:translateY(-6px); box-shadow:0 18px 40px rgba(12,35,64,0.08); }

.ps-card h6 { margin: 0; font-size: 1.02rem; font-weight: 700;
        }

/* Card header and dot (keeps visual identity if used) */
.ps-card .title { display:flex; align-items:center; gap:.6rem; margin-bottom:.6rem; }
.ps-card .title .dot { width:46px; height:46px; border-radius:10px; background:linear-gradient(135deg,#0d6efd,#4c82ff); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; box-shadow:0 6px 18px rgba(12,100,255,0.12); }

/* Body text inside cards */
.ps-card p, .ps-card ul, .ps-card li { color:#3b4756; font-size:.95rem; line-height:1.45; }
.ps-card ul { padding-left:1.05rem; margin:.45rem 0; }

/* Decorative rule & muted footer */
.ps-divider { height:1px; background:linear-gradient(90deg, transparent, #e9eef8, transparent); margin:.8rem 0; border-radius:1px; }
.ps-card .muted { margin-top:auto; font-size:.85rem; color:#6c757d; }

/* Small helpers */
.current-desc { margin-top:12px; color:#333; font-size:1rem; text-align:center; max-width:900px; margin-left:auto; margin-right:auto; white-space:normal; word-break:break-word; min-height:1.5em; }

/* Print-friendly tweak: reduce heavy shadows when printing */
@media print {
  .ps-card, .info-card { box-shadow:none !important; }
}