html, body {
   margin: 0;
   padding: 0;
}
.agreement-content {
   padding: 15px 15px 30px;
   min-height: 100vh;
   background: #fff;
   font-size: 12px;
   color: #333;
   line-height: 1.5;
   overflow: hidden;
 }
.agreement-content .title {
   margin: 0.5em 0;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   line-height: 28px;
   word-wrap: break-word;
   word-break: break-all;
 }
.agreement-content .article {
   width: 100%;
 }
.agreement-content .article ~ .title {
   margin-top: 2em;;
 }
.agreement-content h3 {
   margin: 0.5em 0;
   font-size: 14px;
   font-weight: bold;
   word-wrap: break-word;
   word-break: break-all;
 }
.agreement-content h4 {
   margin: 0.5em 0;
   font-size: 12px;
   font-weight: bold;
   word-wrap: break-word;
   word-break: break-all;
 }
.agreement-content p {
   margin: 0.5em 0;
   font-size: 12px;
   text-align: justify;
   word-wrap: break-word;
   word-break: break-all;
 }
.agreement-content .table {
   border-collapse: collapse;
   width: 100%;
   max-width: 100%;
 }
.agreement-content .table th,
.agreement-content .table td {
   padding: 4px;
   border: 1px solid #ccc;
   word-wrap: break-word;
   word-break: break-all;
 }
.agreement-content .table-small {
   font-size: 12px;
 }
.agreement-content .table-small th,
.agreement-content .table-small td {
   padding: 4px;
 }
.agreement-content .u {
   border-bottom: 1px solid #0004ED;
 }