/* Drruthsegomotsimompati — page-specific styles (mobile-first)
   Scoped assumptions: this CSS is intended to be linked only by the
   Drruthsegomotsimompati page and therefore may safely target
   common page elements: .hero, .profile, .contact, main.site-content.
*/

/* Scoped to the Ruth Segomotsi Mompati page */
body.ruthsegomotsimompati .hero {
  background: linear-gradient(180deg,#0f3b2f 0%, #0d2b21 100%);
  color: #ffffff;
  text-align: center;
  padding: 32px 16px;
}
body.ruthsegomotsimompati .hero h1 { margin: 0; font-size: 1.25rem; letter-spacing: 0.4px; }

/* Main content wrapper */
body.ruthsegomotsimompati main,
body.ruthsegomotsimompati .main-content { padding: 18px; max-width: 1100px; margin: 0 auto; box-sizing: border-box; }

/* Profile card */
body.ruthsegomotsimompati .profile {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(13,43,33,0.07);
  padding: 18px;
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 14px;
  align-items: center;
}
body.ruthsegomotsimompati .profile img { width: 100px; height: 100px; border-radius: 8px; object-fit:cover; }
body.ruthsegomotsimompati .profile h2 { margin: 0 0 6px 0; font-size: 1.06rem; color:#0d2b21 }
body.ruthsegomotsimompati .profile p.meta { margin: 0; color:#486d63; font-size:0.95rem }

/* Contact / buttons */
body.ruthsegomotsimompati .profile .actions { display:flex; gap:8px; margin-top:8px }
body.ruthsegomotsimompati .btn { display:inline-block; background:#0d6b51; color:#fff; padding:9px 14px; border-radius:8px; text-decoration:none; font-weight:600 }
body.ruthsegomotsimompati .btn.ghost { background:transparent; color:#0d6b51; border:1px solid rgba(13,107,81,0.12) }

/* Article / details */
body.ruthsegomotsimompati .details { margin-top:16px; line-height:1.65; color:#2b2b2b }
body.ruthsegomotsimompati .details h3 { margin-top:0 }

/* Footer tweaks (page only) */
body.ruthsegomotsimompati .site-footer { margin-top: 26px; }
body.ruthsegomotsimompati .footer-container { padding: 16px; }

/* Responsive */
@media (min-width: 720px) {
  body.ruthsegomotsimompati .profile { grid-template-columns: 140px 1fr; padding: 22px }
  body.ruthsegomotsimompati .hero h1 { font-size: 1.6rem }
}

@media (min-width: 1024px){
  body.ruthsegomotsimompati main { padding: 28px }
}