/* small print pages: green band on top, numbered clauses below */

.doc-head{background:var(--green);color:#fff;padding:44px 0 40px}
.doc-head__kind{margin:0 0 10px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:#c9f5d8}
.doc-head h1{font-size:30px;font-weight:800;line-height:1.1;text-transform:uppercase;letter-spacing:-.3px}
.doc-head__date{
  margin:18px 0 0;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.28);
  font-size:13px;
  color:#d9f7e4;
}

.doc-body{padding:40px 0 64px}
.clause{
  display:grid;
  grid-template-columns:1fr;
  gap:6px 20px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
.clause:last-child{border-bottom:0}
.clause__n{
  font-size:13px;
  font-weight:800;
  letter-spacing:1.2px;
  color:var(--green);
}
.clause__body h2{font-size:19px;font-weight:700;margin:0 0 10px}
.clause__body p{margin:0 0 11px;font-size:15px;line-height:1.75;color:#3f4652}
.clause__body p:last-child{margin-bottom:0}
.clause__body a{color:var(--green);font-weight:600}

@media (min-width: 760px){
  .doc-head{padding:60px 0 54px}
  .doc-head h1{font-size:44px}
  .doc-head__date{max-width:520px}
  .doc-body{max-width:900px;margin:0 auto}
  .clause{grid-template-columns:56px minmax(0,1fr);padding:26px 0}
  .clause__n{padding-top:4px}
}