/* =====================================
   Page
===================================== */

.page {

  width: min(100%, 900px);

  margin: 0 auto;

  padding:
    var(--space-10)
    var(--space-4)
    var(--space-12);

}



/* =====================================
   Legal
===================================== */

.legal {

  padding: var(--space-8);

}


.legal section:not(:first-of-type) {

  margin-top: var(--space-8);

}



/* =====================================
   Header
===================================== */

.page-header {

  margin-bottom: var(--space-10);

  text-align: center;

}


.page-header h1 {

  margin:
    0
    0
    var(--space-4);

}


.page-header p {

  margin: 0;

  color: var(--text-secondary);

}



/* =====================================
   Headings
===================================== */

.legal h2 {

  margin:
    0
    0
    var(--space-4);

  padding-bottom: var(--space-2);

  border-bottom:
    2px
    solid
    var(--primary-200);

}



/* =====================================
   Text
===================================== */

.legal p {

  margin:
    0
    0
    var(--space-4);

}


.legal ul {

  margin: 0;

  padding-left: 1.5rem;

}


.legal li {

  margin-bottom: var(--space-2);

}



/* =====================================
   Footer
===================================== */

.legal footer {

  margin-top: var(--space-10);

  padding-top: var(--space-6);

  border-top:
    1px
    solid
    var(--border-color);

  color: var(--text-secondary);

  font-size: var(--font-size-sm);

}