<commit_before>@import "_shims";

/*
 * Text styles for articles.
 * It's kind of like typography innit.
*/

article h1 {
  @include bold-24;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

article header h1 {
  @include heading-27;
  font-weight: 700;
  color: $grey-0;
  margin-top: 0;
  margin-bottom: 0;

  @include ie-lte(8) {
    zoom: 1;
  }

  span {
    @include core-16;
    display: block;
    // display: none;
    margin-bottom: 0.4em;
  }
}

.wf-nta-n4-active article header h1 span {
  font-family: "NTA", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

article h1 + h2 {
  margin-top: 0.75em;
}

article h2 {
  @include bold-24;
  margin: 1.2em 0 0.4em 0;
}

article h2 + h3 {
  margin-top: 0.75em;
}

article h3 {
  @include bold-19;
  margin-top: 1em;
  margin-bottom: 0.75em;
}

article h3 + h4 {
  margin-top: 0.75em;
}

article h4 {
  margin-top: 1.5em;
  margin-bottom: 0;
}

article h3 + table {
  margin-top: 0.652em;
}

article h4 + table {
  margin-top: 0.75em;
}

article h2 + p,  article h3 + p,  article h4 + p,
article h2 + ol, article h3 + ol, article h4 + ol,
article h2 + ul, article h3 + ul, article h4 + ul {
  margin-top: 0.2em;
}

article h1,
article h2,
article h3,
article h4 {
  color: $grey-0;
}

article p, article ul, article ol {
  margin: 0.75em 0;
}

article p {
  @include core-19;
}

article p + .help-notice{
  margin-top: 2em;
}

article li {
  @include core-19;
  margin: 0.25em 0;
  padding-left: 0.3em;

  @include media-down(mobile) {
    margin-left: 16px;
    padding-left: 0;
  }

  ul,
  ol {
    margin: 0;
    list-style-position: inside;
  }

  li {
    @include core-19;
    list-style-type: circle;
  }

  p {
    @include core-19;
    margin: 0;
  }
}

article ul, article ol {
  padding-left: 1em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;

  @include media-down(mobile) {
    padding-left: 0;
    margin-left: 0;
  }
}

/*
 * Example has a green background, so we need an additional indent to
 * avoid the bullets hanging on the edge of the colour.
*/
article .example ul,
article .example ol {
  margin-left:0.5em;
}

article ul {
  list-style-type: circle;
  list-style-image: image-url("bullet-disc-5px.gif");
}

article ol {
  list-style-type: decimal;
}

article table ul {
  padding-left: 0.75em;
  margin: 0;
}

article table ul li:last-child {
  margin-bottom: 0;
}

article dl {
  margin-top: 1.5em;
  margin-bottom: 1.88em;
}

article dt {
  @include core-19;
  margin-bottom: 0.25em;
}

article dd {
  margin-bottom: 0.75em;
}

article table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1em -1em 2em -1em;
  width: 105.95%;

  caption {
    @include bold-24;
    margin: 0.4em 0.5em 0.4em 0.7em;
    text-align: left;
  }

  @include media-down(mobile) {
    margin: 1em 0 2em 0;
    width: 100%;

    caption {
      padding-left: 0;
    }
  }
}

article th, article td {
  @include core-16;
  vertical-align: top;
  padding: 0.7em 0.5em 0.7em 1em;

  a[rel="external"] {
    @include external-link-16;
    @include media-down(mobile) {
      @include external-link-14;
    }
  }
}

article tr:nth-child(even) td {
  background-color: #fff;
}

article td {
  background: $grey-9;
  border: dotted 1px $grey-7;

  small {
    @include core-16;
  }
}

/* reduce table font size on very small screens */
@media screen and (max-width: 320px) {
  article th, article td, article td small {
    font-size: 10px;
  }
}

article th {
  line-height: 1.25em;
  text-align: left;
  color: $grey-0;
  font-weight: 700;
  background-color: $grey-8;
  border: solid 1px $grey-6;
}

/*
 * More article formatting including markdown styles.
 */

.mainstream article .summary {
  margin: 0 0 2em 0;
  padding: 0;
  color: $grey-0;

  @include ie-lte(8) {
    zoom: 1;
  }

  p {
    @include core-19;
  }

  @include media-down(mobile) {
    margin: 0 0 2em 0;
    padding: 0;
  }
}

.mainstream .ancillary .summary {
  margin-bottom: 2em;
}

article .summary p,
article .summary h2,
.mainstream .ancillary .summary p,
.mainstream .ancillary .summary h2 {
  border: none;
  margin: 0 0.75em 0 0;
}

article .summary h2,
.mainstream .ancillary .summary h2 {
  line-height: 1.35em;

  @include ie(6) {
    height: 2.75em;
  }
}
.licence-finder article.outcome ul {
  padding: 1em 1em;
  margin: 0 -1em;

  li {
    list-style-type: none;
    list-style-image: none;
    margin: 0 0 0.75em 0;
    padding: 0;
  }
}

article .advisory {
  background: image-url("icon-information.png") no-repeat scroll 98% 1em #D5E8F3;
  line-height: 1.3em;
  margin: 0 -1em 1em -1em;
  padding: 1em;
  text-align: left;

  @include device-pixel-ratio() {
    background-image: image-url("icon-information-2x.png");
    background-size: 27px 27px;
  }

  p {
    margin: 0 0.75em 0 0;
    min-height: 1.75em;
    padding-right: 3em;

    @include ie-lte(7) {
      height: 1.75em;
    }
  }

  strong {
    font-weight: 400;
  }

  &.high-alert {
    background-color: $grey-9;
    border-color: #C00;
  }

  @include media-down(mobile) {
    margin: 0 0 1em 0;
  }
}

article .intro {
  background-color: transparent;
  margin: 0 -1em 1.5em -1em;
  padding: 1em 1em 1em 1em;

  p:first-child {
    margin-top: 0;
  }

  @include media-down(mobile) {
    margin: 0 0 1.5em 0;
    padding: 0;
  }
}

#wrapper.place article .intro {
  margin-bottom: 0;
}

article .example {
  border-left: 10px solid $grey-9;
  padding-left: 1.5em;
  margin: 2.5em 0;

  strong {
    display: block;
  }

  @include media-down(mobile) {
    margin: 0.75 0;
  }
}

article .application-notice,
article .advisory.minor,
article .form-download,
article .subscribe {
  padding: 0.25em 0 0.25em 3.5em;

  @include media-down(mobile) {
    margin: 1em 0 1.5em 0;
  }
}

article .application-notice {
  padding: 0.1em 0 0.1em 1em;
}

article .advisory.minor {
  background-image: none;
  padding: 0.75em 1em;
}

article .help-notice {
  background:none;
  background: image-url("icon-important.png") no-repeat scroll 0 0.5em;

  @include device-pixel-ratio() {
    background-image: image-url("icon-important-2x.png");
    background-size: 29px 24px;
  }

  p {
    font-weight:600;

    a {
      font-weight:600;
    }
  }
}

article a.important {
  background: image-url("icon-important.png") no-repeat scroll 100% 0 #FFF;
}

article .subscribe {
  background: image-url("icon-calendar.png") no-repeat scroll 98% 1em #D5E8F3;

  @include device-pixel-ratio() {
    background-image: image-url("icon-calendar-2x.png");
    background-size: 27px 27px;
  }

}

article .info-notice {
  background: none;
  border-left: 10px $grey-8 solid;
  margin-bottom: 1em;
  @extend %contain-floats;
}<commit_msg>Changed background-size to prevent hi res icon getting squashed<commit_after>@import "_shims";

/*
 * Text styles for articles.
 * It's kind of like typography innit.
*/

article h1 {
  @include bold-24;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

article header h1 {
  @include heading-27;
  font-weight: 700;
  color: $grey-0;
  margin-top: 0;
  margin-bottom: 0;

  @include ie-lte(8) {
    zoom: 1;
  }

  span {
    @include core-16;
    display: block;
    // display: none;
    margin-bottom: 0.4em;
  }
}

.wf-nta-n4-active article header h1 span {
  font-family: "NTA", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

article h1 + h2 {
  margin-top: 0.75em;
}

article h2 {
  @include bold-24;
  margin: 1.2em 0 0.4em 0;
}

article h2 + h3 {
  margin-top: 0.75em;
}

article h3 {
  @include bold-19;
  margin-top: 1em;
  margin-bottom: 0.75em;
}

article h3 + h4 {
  margin-top: 0.75em;
}

article h4 {
  margin-top: 1.5em;
  margin-bottom: 0;
}

article h3 + table {
  margin-top: 0.652em;
}

article h4 + table {
  margin-top: 0.75em;
}

article h2 + p,  article h3 + p,  article h4 + p,
article h2 + ol, article h3 + ol, article h4 + ol,
article h2 + ul, article h3 + ul, article h4 + ul {
  margin-top: 0.2em;
}

article h1,
article h2,
article h3,
article h4 {
  color: $grey-0;
}

article p, article ul, article ol {
  margin: 0.75em 0;
}

article p {
  @include core-19;
}

article p + .help-notice{
  margin-top: 2em;
}

article li {
  @include core-19;
  margin: 0.25em 0;
  padding-left: 0.3em;

  @include media-down(mobile) {
    margin-left: 16px;
    padding-left: 0;
  }

  ul,
  ol {
    margin: 0;
    list-style-position: inside;
  }

  li {
    @include core-19;
    list-style-type: circle;
  }

  p {
    @include core-19;
    margin: 0;
  }
}

article ul, article ol {
  padding-left: 1em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;

  @include media-down(mobile) {
    padding-left: 0;
    margin-left: 0;
  }
}

/*
 * Example has a green background, so we need an additional indent to
 * avoid the bullets hanging on the edge of the colour.
*/
article .example ul,
article .example ol {
  margin-left:0.5em;
}

article ul {
  list-style-type: circle;
  list-style-image: image-url("bullet-disc-5px.gif");
}

article ol {
  list-style-type: decimal;
}

article table ul {
  padding-left: 0.75em;
  margin: 0;
}

article table ul li:last-child {
  margin-bottom: 0;
}

article dl {
  margin-top: 1.5em;
  margin-bottom: 1.88em;
}

article dt {
  @include core-19;
  margin-bottom: 0.25em;
}

article dd {
  margin-bottom: 0.75em;
}

article table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1em -1em 2em -1em;
  width: 105.95%;

  caption {
    @include bold-24;
    margin: 0.4em 0.5em 0.4em 0.7em;
    text-align: left;
  }

  @include media-down(mobile) {
    margin: 1em 0 2em 0;
    width: 100%;

    caption {
      padding-left: 0;
    }
  }
}

article th, article td {
  @include core-16;
  vertical-align: top;
  padding: 0.7em 0.5em 0.7em 1em;

  a[rel="external"] {
    @include external-link-16;
    @include media-down(mobile) {
      @include external-link-14;
    }
  }
}

article tr:nth-child(even) td {
  background-color: #fff;
}

article td {
  background: $grey-9;
  border: dotted 1px $grey-7;

  small {
    @include core-16;
  }
}

/* reduce table font size on very small screens */
@media screen and (max-width: 320px) {
  article th, article td, article td small {
    font-size: 10px;
  }
}

article th {
  line-height: 1.25em;
  text-align: left;
  color: $grey-0;
  font-weight: 700;
  background-color: $grey-8;
  border: solid 1px $grey-6;
}

/*
 * More article formatting including markdown styles.
 */

.mainstream article .summary {
  margin: 0 0 2em 0;
  padding: 0;
  color: $grey-0;

  @include ie-lte(8) {
    zoom: 1;
  }

  p {
    @include core-19;
  }

  @include media-down(mobile) {
    margin: 0 0 2em 0;
    padding: 0;
  }
}

.mainstream .ancillary .summary {
  margin-bottom: 2em;
}

article .summary p,
article .summary h2,
.mainstream .ancillary .summary p,
.mainstream .ancillary .summary h2 {
  border: none;
  margin: 0 0.75em 0 0;
}

article .summary h2,
.mainstream .ancillary .summary h2 {
  line-height: 1.35em;

  @include ie(6) {
    height: 2.75em;
  }
}
.licence-finder article.outcome ul {
  padding: 1em 1em;
  margin: 0 -1em;

  li {
    list-style-type: none;
    list-style-image: none;
    margin: 0 0 0.75em 0;
    padding: 0;
  }
}

article .advisory {
  background: image-url("icon-information.png") no-repeat scroll 98% 1em #D5E8F3;
  line-height: 1.3em;
  margin: 0 -1em 1em -1em;
  padding: 1em;
  text-align: left;

  @include device-pixel-ratio() {
    background-image: image-url("icon-information-2x.png");
    background-size: 27px 27px;
  }

  p {
    margin: 0 0.75em 0 0;
    min-height: 1.75em;
    padding-right: 3em;

    @include ie-lte(7) {
      height: 1.75em;
    }
  }

  strong {
    font-weight: 400;
  }

  &.high-alert {
    background-color: $grey-9;
    border-color: #C00;
  }

  @include media-down(mobile) {
    margin: 0 0 1em 0;
  }
}

article .intro {
  background-color: transparent;
  margin: 0 -1em 1.5em -1em;
  padding: 1em 1em 1em 1em;

  p:first-child {
    margin-top: 0;
  }

  @include media-down(mobile) {
    margin: 0 0 1.5em 0;
    padding: 0;
  }
}

#wrapper.place article .intro {
  margin-bottom: 0;
}

article .example {
  border-left: 10px solid $grey-9;
  padding-left: 1.5em;
  margin: 2.5em 0;

  strong {
    display: block;
  }

  @include media-down(mobile) {
    margin: 0.75 0;
  }
}

article .application-notice,
article .advisory.minor,
article .form-download,
article .subscribe {
  padding: 0.25em 0 0.25em 3.5em;

  @include media-down(mobile) {
    margin: 1em 0 1.5em 0;
  }
}

article .application-notice {
  padding: 0.1em 0 0.1em 1em;
}

article .advisory.minor {
  background-image: none;
  padding: 0.75em 1em;
}

article .help-notice {
  background:none;
  background: image-url("icon-important.png") no-repeat scroll 0 0.5em;

  @include device-pixel-ratio() {
    background-image: image-url("icon-important-2x.png");
    background-size: 34px 34px;
  }

  p {
    font-weight:600;

    a {
      font-weight:600;
    }
  }
}

article a.important {
  background: image-url("icon-important.png") no-repeat scroll 100% 0 #FFF;
}

article .subscribe {
  background: image-url("icon-calendar.png") no-repeat scroll 98% 1em #D5E8F3;

  @include device-pixel-ratio() {
    background-image: image-url("icon-calendar-2x.png");
    background-size: 27px 27px;
  }

}

article .info-notice {
  background: none;
  border-left: 10px $grey-8 solid;
  margin-bottom: 1em;
  @extend %contain-floats;
}
{'fraction_non_alphanumeric': 0.14196790160491976, 'fraction_numerical': 0.05579721013949303, 'mean_word_length': 2.6414527580557072, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2740572', 'n_tokens_mistral': 5898, 'n_tokens_neox': 5302, 'n_words': 1364}