/* Pragathi Infosec legal pages - scoped styles; keeps the site's existing style.css intact */
.legal-page { padding: 55px 0 70px; color: #4d4643; }
.legal-page .legal-intro { max-width: 900px; margin: 0 auto 34px; text-align: center; }
.legal-page .legal-intro h1 { color: #2b2320; font-family: "Muli", sans-serif; font-weight: 700; margin-bottom: 14px; }
.legal-page .legal-intro h1 strong { color: #c7092f; }
.legal-page .legal-intro p { line-height: 1.8; }
.legal-page .legal-updated { display: inline-block; margin-top: 8px; padding: 7px 13px; border-radius: 20px; background: #f6f3f2; color: #6a5b55; font-size: 13px; }
.legal-page .legal-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 28px; align-items: start; }
.legal-page .legal-nav { position: sticky; top: 100px; padding: 20px; background: #faf9f8; border: 1px solid #ebe6e4; border-radius: 8px; }
.legal-page .legal-nav h3 { color: #2b2320; font-size: 17px; margin: 0 0 12px; }
.legal-page .legal-nav a { display: block; color: #5a4b46; font-size: 14px; padding: 7px 0; text-decoration: none; }
.legal-page .legal-nav a:hover { color: #c7092f; }
.legal-page .legal-content { min-width: 0; padding: 28px 32px; background: #fff; border: 1px solid #ebe6e4; border-radius: 8px; box-shadow: 0 5px 22px rgba(43,35,32,.04); }
.legal-page .legal-content section { scroll-margin-top: 110px; padding: 0 0 22px; margin: 0 0 22px; border-bottom: 1px solid #f0ecea; }
.legal-page .legal-content section:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.legal-page .legal-content h2 { color: #2b2320; font-family: "Muli", sans-serif; font-size: 21px; font-weight: 700; margin: 0 0 12px; }
.legal-page .legal-content h2:before { content: ""; display: inline-block; width: 4px; height: 19px; margin: 0 10px -3px 0; background: #c7092f; border-radius: 3px; }
.legal-page .legal-content p, .legal-page .legal-content li { line-height: 1.8; }
.legal-page .legal-content ul { padding-left: 22px; }
.legal-page .legal-note { padding: 15px 18px; background: #fff7ef; border-left: 4px solid #f9951b; border-radius: 4px; margin: 18px 0; }
.legal-page .legal-cta { margin-top: 28px; padding: 22px 25px; background: #f6f3f2; border-radius: 8px; }
.legal-page .legal-cta h3 { color: #2b2320; margin: 0 0 8px; font-size: 19px; }
.legal-page .legal-cta a { color: #c7092f; font-weight: 600; }
@media (max-width: 767px) {
  .legal-page { padding: 35px 0 45px; }
  .legal-page .legal-layout { grid-template-columns: 1fr; gap: 18px; }
  .legal-page .legal-nav { position: static; }
  .legal-page .legal-content { padding: 22px 18px; }
  .legal-page .legal-content h2 { font-size: 19px; }
}