.document {
  .summary {
    p {
      margin-top: $gutter-one-third*-1;
      margin-bottom: $gutter-half;
      @include core-19;
    }
  }

  .body {
    @extend .govspeak;
  }
    
  section {
    padding-top: $gutter-one-third;
  
    h1 {
      @include sans-18;
    }
    
    li {
      @include sans-15;
    }
  }
  // inline attachment pullouts
  .attachment {
    $img-gutter: 99px;

    background: $light-warm-grey;

    padding: $gutter-one-third;

    a {
      // this is the download link
      @include core-19;

      img {
        float: left;
        width: $img-gutter;
        margin-right: 8px;
      }
    }

    dl {
      margin-left: $img-gutter + 8px;
      padding: 5px 0;

      dt, dd {
        @include core-14;
        padding: 0;
      }
      dt {
        position: relative;
        width: 6em;
        float: left;
      }

      dd {
        display: block;
      }
    }

    overflow: hidden;
  }
}

.document {
  .summary {
    p {
      margin-top: $gutter-one-third*-1;
      margin-bottom: $gutter-half;
      @include core-19;
    }
  }

  .body {
    @extend .govspeak;
  }
    
  section {
    padding-top: $gutter-one-third;
  
    h1 {
      @include sans-18;
    }
    
    li {
      @include sans-15;
    }
  }
  // inline attachment pullouts
  .attachment {
    $img-gutter: 99px;

    background: $light-warm-grey;

    padding: $gutter-one-third;

    a {
      // this is the download link
      @include core-19;
      display: block;

      img {
        float: left;
        width: $img-gutter;
        margin-right: 8px;
      }
    }

    dl {
      float: left;
      padding: 5px 0;

      dt, dd {
        @include core-14;
        padding: 0;
        float: left;
      }
      dt {
        clear: left;
        position: relative;
        width: 6em;
      }

      dd {
        display: block;
      }
    }
    .accessibility-warning {
      clear: both;
    }

    overflow: hidden;
  }
}

Handle long attribute names for attachments
Handle long attribute names for attachments
