/*!
 * Legal - CSS
 * Migrated 2026-05-21 from WPCode snippet #681.
 * Enqueue condition: is_singular('legal')
 */

#brx-header {

  background: initial;

}



#custom-post-type-title.brxe-post-title {

  text-align: center;

  font-size: 32px;

  margin-top: 150px;

  margin-bottom: 32px;

  color: #111;

}



/* Main content wrapper — scoped to legal pages via the real body class
   (`single-legal`, emitted by the 'legal' CPT) so it doesn't collide with
   homepage hero, FAQ archive, etc. which all have
   `main#brx-content > :first-child` matching their own structure.
   NOTE: prior selector targeted `.legal-post-type`, a class that is never
   emitted (actual classes: single-legal, <slug>-post-type) — so this rule
   silently never applied. Snippet #681 had this unscoped, which is what
   actually styled the page before migration. */

body.single-legal main#brx-content > :first-child {

  max-width: 860px;

  margin: 0 auto;

  padding: 48px 32px;

  border-radius: 12px;

  background: #ffffff;

  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);

}







@media (max-width: 600px) {

  #custom-post-type-title.brxe-post-title {

    font-size: 26px;

    margin-top: 150px;

    margin-bottom: 24px;

  }

}





/* Main content styling */

main#brx-content .legal-post-type {

  max-width: 860px;

  margin: 0 auto;

  padding: 48px 32px;

  border-radius: 12px;

  background: #ffffff;

  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);

}



/* Typography */

body {

  font-family: "Satoshi", sans-serif;

  color: #333;

  line-height: 1.8;

}



/* Headings */

h2 {

  font-size: 22px;

  font-weight: 700;

  margin-top: 40px;

  margin-bottom: 16px;

  color: #111;

  border-top: 1px solid #eee;

  padding-top: 32px;

}



h3 {

  font-size: 18px;

  font-weight: 600;

  margin-top: 28px;

  margin-bottom: 12px;

  color: #333;

}



/* Lists */

ul {

  margin-left: 20px;

  padding-left: 10px;

  margin-bottom: 20px;

}



li {

  margin-bottom: 10px;

}



/* Links */

a {

  color: #f37021;

  text-decoration: underline;

}



a:hover {

  opacity: 0.85;

  text-decoration: none;

}