Kilotest: Diagnoses of invalid CSS at-rule violation by HTML element 0 on Opportunity Green page

Basics

About the page

• URL: https://www.opportunitygreen.org/
• Tested 3 days ago on 2026-10-07 at 22:06 by job 261007T2138-sqp
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 10
    • Reported any rule violations: 10
  • Violations: 767
  • Violators: 303
  • Issues: 72
• Download the full technical report (JSON)

About the issue

• Why it matters: Page cannot be properly displayed in particular contexts
• Priority: high
• Related WCAG standard: 4.1
• Reported by 1 rule engine (Html Checker)
• Violations: 39
• Violators: 1

About the violator

• Tag name: HTML
• Text: [not applicable]
• Start tag: <html lang="en-GB">
• XPath: /html
• Bounding box: x = 0, y = 0, width = 1920, height = 4237
• Reported by Html Checker

Diagnoses

Here is how rule engines diagnose the invalid CSS at-rule issue for HTML element 0 of the Opportunity Green page.

1. Style rule #gform_wrapper_1[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body. Extract: style[1]">#gform_wrapper_1[data-form-index="0"].gform-theme{--gf-

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule #gform_wrapper_1[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body.

2. Style rule .heroOneColumnCarousel, .heroOneColumnCarousel .heroCarouselSlide not allowed outside an @scope rule in a style element in body. Extract: { .heroOneColumnCarousel, .heroOneColumnCarousel .heroCarouselSlide {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroOneColumnCarousel, .heroOneColumnCarousel .heroCarouselSlide not allowed outside an @scope rule in a style element in body.

3. Style rule .heroOneColumnCarousel, .heroOneColumnCarousel .heroCarouselSlide not allowed outside an @scope rule in a style element in body. Extract: { .heroOneColumnCarousel, .heroOneColumnCarousel .heroCarouselSlide {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroOneColumnCarousel, .heroOneColumnCarousel .heroCarouselSlide not allowed outside an @scope rule in a style element in body.

4. Style rule .heroOneColumnCarousel, .heroOneColumnCarousel .heroCarouselSlide not allowed outside an @scope rule in a style element in body. Extract: { .heroOneColumnCarousel, .heroOneColumnCarousel .heroCarouselSlide {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroOneColumnCarousel, .heroOneColumnCarousel .heroCarouselSlide not allowed outside an @scope rule in a style element in body.

5. Style rule .heroOneColumnSection not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnSection {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroOneColumnSection not allowed outside an @scope rule in a style element in body.

6. Style rule .heroOneColumnCarousel .heroCarouselSlide not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnCarousel .heroCarouselSlide {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroOneColumnCarousel .heroCarouselSlide not allowed outside an @scope rule in a style element in body.

7. Style rule .heroOneColumnCarousel .heroCarouselColumn.fullWidth, .heroOneColumnCarousel .heroCarouselSlideContent not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnCarousel .heroCarouselColumn.fullWidth, .heroOneColumnCarousel .heroCarouselSlideContent {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroOneColumnCarousel .heroCarouselColumn.fullWidth, .heroOneColumnCarousel .heroCarouselSlideContent not allowed outside an @scope rule in a style element in body.

8. Style rule .heroOneColumnCarousel .heroColumnVideo, .heroOneColumnCarousel .heroColumnImage not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnCarousel .heroColumnVideo, .heroOneColumnCarousel .heroColumnImage {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroOneColumnCarousel .heroColumnVideo, .heroOneColumnCarousel .heroColumnImage not allowed outside an @scope rule in a style element in body.

9. Style rule .heroOneColumnCarousel .heroColumnEmbed not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnCarousel .heroColumnEmbed {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroOneColumnCarousel .heroColumnEmbed not allowed outside an @scope rule in a style element in body.

10. Style rule .heroOneColumnCarousel .heroColumnEmbed iframe not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnCarousel .heroColumnEmbed iframe {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .heroOneColumnCarousel .heroColumnEmbed iframe not allowed outside an @scope rule in a style element in body.

11. Style rule .heroOneColumnCarousel .heroCarouselColumn.fullWidth not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnCarousel .heroCarouselColumn.fullWidth {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .heroOneColumnCarousel .heroCarouselColumn.fullWidth not allowed outside an @scope rule in a style element in body.

12. Style rule .heroOneColumnCarousel .heroSeoTitle not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnCarousel .heroSeoTitle {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .heroOneColumnCarousel .heroSeoTitle not allowed outside an @scope rule in a style element in body.

13. Style rule .heroOneColumnCarousel .heroSlideLink not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnCarousel .heroSlideLink {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .heroOneColumnCarousel .heroSlideLink not allowed outside an @scope rule in a style element in body.

14. Style rule .heroOneColumnCarousel .heroSlideLink:hover not allowed outside an @scope rule in a style element in body. Extract: .heroOneColumnCarousel .heroSlideLink:hover {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .heroOneColumnCarousel .heroSlideLink:hover not allowed outside an @scope rule in a style element in body.

15. Style rule .component-1.heroOneColumnCarousel .slick-dots button not allowed outside an @scope rule in a style element in body. Extract: / .component-1.heroOneColumnCarousel .slick-dots button {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1.heroOneColumnCarousel .slick-dots button not allowed outside an @scope rule in a style element in body.

16. Style rule .component-1.heroOneColumnCarousel .slick-dots li.slick-active button not allowed outside an @scope rule in a style element in body. Extract: .component-1.heroOneColumnCarousel .slick-dots li.slick-active button {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1.heroOneColumnCarousel .slick-dots li.slick-active button not allowed outside an @scope rule in a style element in body.

17. Style rule .component-1.heroOneColumnCarousel .slick-prev, .component-1.heroOneColumnCarousel .slick-next not allowed outside an @scope rule in a style element in body. Extract: / .component-1.heroOneColumnCarousel .slick-prev, .component-1.heroOneColumnCarousel .slick-next {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1.heroOneColumnCarousel .slick-prev, .component-1.heroOneColumnCarousel .slick-next not allowed outside an @scope rule in a style element in body.

18. Style rule .component-1.heroOneColumnCarousel .slick-prev:hover, .component-1.heroOneColumnCarousel .slick-next:hover not allowed outside an @scope rule in a style element in body. Extract: .component-1.heroOneColumnCarousel .slick-prev:hover, .component-1.heroOneColumnCarousel .slick-next:hover {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1.heroOneColumnCarousel .slick-prev:hover, .component-1.heroOneColumnCarousel .slick-next:hover not allowed outside an @scope rule in a style element in body.

19. Style rule .component-1.heroOneColumnCarousel .slick-prev:before, .component-1.heroOneColumnCarousel .slick-next:before not allowed outside an @scope rule in a style element in body. Extract: .component-1.heroOneColumnCarousel .slick-prev:before, .component-1.heroOneColumnCarousel .slick-next:before {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1.heroOneColumnCarousel .slick-prev:before, .component-1.heroOneColumnCarousel .slick-next:before not allowed outside an @scope rule in a style element in body.

20. Style rule .component-1.heroOneColumnCarousel .slick-prev:hover:before, .component-1.heroOneColumnCarousel .slick-next:hover:before not allowed outside an @scope rule in a style element in body. Extract: .component-1.heroOneColumnCarousel .slick-prev:hover:before, .component-1.heroOneColumnCarousel .slick-next:hover:before {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1.heroOneColumnCarousel .slick-prev:hover:before, .component-1.heroOneColumnCarousel .slick-next:hover:before not allowed outside an @scope rule in a style element in body.

21. Style rule .component-1 .heroCarouselSlide[data-slide-index="1"] not allowed outside an @scope rule in a style element in body. Extract: .component-1 .heroCarouselSlide[data-slide-index="1"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1 .heroCarouselSlide[data-slide-index="1"] not allowed outside an @scope rule in a style element in body.

22. Style rule .component-1 .heroCarouselSlide[data-slide-index="1"] not allowed outside an @scope rule in a style element in body. Extract: .component-1 .heroCarouselSlide[data-slide-index="1"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1 .heroCarouselSlide[data-slide-index="1"] not allowed outside an @scope rule in a style element in body.

23. Style rule .component-1 .heroCarouselSlide[data-slide-index="1"] not allowed outside an @scope rule in a style element in body. Extract: .component-1 .heroCarouselSlide[data-slide-index="1"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1 .heroCarouselSlide[data-slide-index="1"] not allowed outside an @scope rule in a style element in body.

24. Style rule .component-1 .heroCarouselSlide[data-slide-index="2"] not allowed outside an @scope rule in a style element in body. Extract: .component-1 .heroCarouselSlide[data-slide-index="2"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1 .heroCarouselSlide[data-slide-index="2"] not allowed outside an @scope rule in a style element in body.

25. Style rule .component-1 .heroCarouselSlide[data-slide-index="2"] not allowed outside an @scope rule in a style element in body. Extract: .component-1 .heroCarouselSlide[data-slide-index="2"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1 .heroCarouselSlide[data-slide-index="2"] not allowed outside an @scope rule in a style element in body.

26. Style rule .component-1 .heroCarouselSlide[data-slide-index="2"] not allowed outside an @scope rule in a style element in body. Extract: .component-1 .heroCarouselSlide[data-slide-index="2"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1 .heroCarouselSlide[data-slide-index="2"] not allowed outside an @scope rule in a style element in body.

27. Style rule .component-1 .heroCarouselSlide[data-slide-index="3"] not allowed outside an @scope rule in a style element in body. Extract: .component-1 .heroCarouselSlide[data-slide-index="3"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1 .heroCarouselSlide[data-slide-index="3"] not allowed outside an @scope rule in a style element in body.

28. Style rule .component-1 .heroCarouselSlide[data-slide-index="3"] not allowed outside an @scope rule in a style element in body. Extract: .component-1 .heroCarouselSlide[data-slide-index="3"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1 .heroCarouselSlide[data-slide-index="3"] not allowed outside an @scope rule in a style element in body.

29. Style rule .component-1 .heroCarouselSlide[data-slide-index="3"] not allowed outside an @scope rule in a style element in body. Extract: .component-1 .heroCarouselSlide[data-slide-index="3"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .component-1 .heroCarouselSlide[data-slide-index="3"] not allowed outside an @scope rule in a style element in body.

30. Style rule .unique-btn-2-1, .unique-btn-2-1:link, .unique-btn-2-1:visited, .unique-btn-2-1:focus, .unique-btn-2-1:active not allowed outside an @scope rule in a style element in body. Extract: tton 1 */ .unique-btn-2-1, .unique-btn-2-1:link, .unique-btn-2-1:visited, .unique-btn-2-1:focus, .unique-btn-2-1:active {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-2-1, .unique-btn-2-1:link, .unique-btn-2-1:visited, .unique-btn-2-1:focus, .unique-btn-2-1:active not allowed outside an @scope rule in a style element in body.

31. Style rule .unique-btn-2-1:hover not allowed outside an @scope rule in a style element in body. Extract: ease; } .unique-btn-2-1:hover {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-2-1:hover not allowed outside an @scope rule in a style element in body.

32. Style rule .unique-btn-2-1:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body. Extract: rtant; } .unique-btn-2-1:hover .infoBoxArrow {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-2-1:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body.

33. Style rule .unique-btn-2-2, .unique-btn-2-2:link, .unique-btn-2-2:visited, .unique-btn-2-2:focus, .unique-btn-2-2:active not allowed outside an @scope rule in a style element in body. Extract: tton 2 */ .unique-btn-2-2, .unique-btn-2-2:link, .unique-btn-2-2:visited, .unique-btn-2-2:focus, .unique-btn-2-2:active {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-2-2, .unique-btn-2-2:link, .unique-btn-2-2:visited, .unique-btn-2-2:focus, .unique-btn-2-2:active not allowed outside an @scope rule in a style element in body.

34. Style rule .unique-btn-2-2:hover not allowed outside an @scope rule in a style element in body. Extract: ease; } .unique-btn-2-2:hover {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-2-2:hover not allowed outside an @scope rule in a style element in body.

35. Style rule .unique-btn-2-2:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body. Extract: rtant; } .unique-btn-2-2:hover .infoBoxArrow {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-2-2:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body.

36. Style rule .unique-btn-2-3, .unique-btn-2-3:link, .unique-btn-2-3:visited, .unique-btn-2-3:focus, .unique-btn-2-3:active not allowed outside an @scope rule in a style element in body. Extract: tton 3 */ .unique-btn-2-3, .unique-btn-2-3:link, .unique-btn-2-3:visited, .unique-btn-2-3:focus, .unique-btn-2-3:active {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-2-3, .unique-btn-2-3:link, .unique-btn-2-3:visited, .unique-btn-2-3:focus, .unique-btn-2-3:active not allowed outside an @scope rule in a style element in body.

37. Style rule .unique-btn-2-3:hover not allowed outside an @scope rule in a style element in body. Extract: ease; } .unique-btn-2-3:hover {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-2-3:hover not allowed outside an @scope rule in a style element in body.

38. Style rule .unique-btn-2-3:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body. Extract: rtant; } .unique-btn-2-3:hover .infoBoxArrow {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-2-3:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body.

39. Style rule #gform_wrapper_6[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body. Extract: style[1]">#gform_wrapper_6[data-form-index="0"].gform-theme{--gf-

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #gform_wrapper_6[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body.