/* report-quickwins-2026-08-10 */

*, *::before, *::after { box-sizing: border-box; }

html, body { max-width: 100%; }

html { overflow-x: clip; }

img, svg, video, iframe { max-width: 100%; }

:where(main, article) :is(h1, h2, h3, h4) { word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; }

:where(main) > :is(h1, header) h1, :where(main) > h1, :where(.hero, .page-hero, .page-header, .category-header, .article-header, .entry-header) h1 { line-height: 1.08; letter-spacing: 0; }

:where(main) :is(article, li, [class*="card"], [class*="story"], [class*="post"]) { min-width: 0; }

.audit-category-page main article img { max-height: 360px; object-fit: cover; }

.audit-category-page main article > a:has(> img) { display: block; overflow: hidden; }

/* liketwebsitebouw-nl-report-resolution-2026-08-11 */

:where(main, article) :is(h1, h2, h3, h4) { word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; }

:where(main) :is(article, [class*="card"], [class*="story"], [class*="post"]) { min-width: 0; }

@media (max-width: 720px) { :where(.audit-home-page, .audit-category-page, .audit-article-page) main h1 { font-size: clamp(1.9rem, 9vw, 2.5rem) !important; } }

body.audit-home-page h1 {
  font-size: clamp(2.6rem, 5vw, 3.75rem) !important;
  line-height: 1.04 !important;
}

@media (max-width: 720px) {
  body.audit-home-page h1 { font-size: clamp(2rem, 10vw, 2.5rem) !important; }
}

/* visual-review-repair-v1 */

*, *::before, *::after { box-sizing: border-box; }

html { overflow-x: clip; }

:where(main, article) :is(h1, h2, h3, h4) { word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; }

:where(main) :is(article, li, [class*="card"], [class*="story"], [class*="post"]) { min-width: 0; }

:where(.audit-home-page, .audit-category-page, .audit-article-page) main h1 { font-size: clamp(2rem, 4.25vw, 3.5rem) !important; line-height: 1.08 !important; letter-spacing: 0 !important; }

:where(.audit-home-page, .audit-category-page, .audit-article-page) main section > h2, :where(.audit-home-page, .audit-category-page, .audit-article-page) main section > header h2 { font-size: clamp(1.55rem, 2.7vw, 2.25rem) !important; line-height: 1.16 !important; }

:where(.audit-home-page, .audit-category-page, .audit-article-page) main article h3 { font-size: clamp(1.15rem, 1.8vw, 1.5rem) !important; line-height: 1.22 !important; }

@media (max-width: 720px) {

  :where(.audit-home-page, .audit-category-page, .audit-article-page) main h1 { font-size: clamp(1.9rem, 9vw, 2.5rem) !important; }

  .article-layout { grid-template-columns: 1fr !important; }

  body.visual-review-fixed > header :is(nav, [class*="nav"]) { gap: 8px 14px; }

}

/* visual-review-repair-final-check */

*, *::before, *::after { box-sizing: border-box; }

html { overflow-x: clip; }

:where(main, article) :is(h1, h2, h3, h4) { word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; }

:where(main) :is(article, li, [class*="card"], [class*="story"], [class*="post"]) { min-width: 0; }

:where(.audit-home-page, .audit-category-page, .audit-article-page) main h1 { font-size: clamp(2rem, 4.25vw, 3.5rem) !important; line-height: 1.08 !important; letter-spacing: 0 !important; }

:where(.audit-home-page, .audit-category-page, .audit-article-page) main section > h2, :where(.audit-home-page, .audit-category-page, .audit-article-page) main section > header h2 { font-size: clamp(1.55rem, 2.7vw, 2.25rem) !important; line-height: 1.16 !important; }

:where(.audit-home-page, .audit-category-page, .audit-article-page) main article h3 { font-size: clamp(1.15rem, 1.8vw, 1.5rem) !important; line-height: 1.22 !important; }

@media (max-width: 720px) {

  :where(.audit-home-page, .audit-category-page, .audit-article-page) main h1 { font-size: clamp(1.9rem, 9vw, 2.5rem) !important; }

  .article-layout { grid-template-columns: 1fr !important; }

  body.visual-review-fixed > header :is(nav, [class*="nav"]) { gap: 8px 14px; }

}

/* visual-review-repair-final */

*, *::before, *::after { box-sizing: border-box; }

html { overflow-x: clip; }

:where(main, article) :is(h1, h2, h3, h4) { word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; }

:where(main) :is(article, li, [class*="card"], [class*="story"], [class*="post"]) { min-width: 0; }

:is(body.audit-home-page, body.audit-category-page, body.audit-article-page) main h1 { font-size: clamp(2rem, 4.25vw, 3.5rem) !important; line-height: 1.08 !important; letter-spacing: 0 !important; }

:is(body.audit-home-page, body.audit-category-page, body.audit-article-page) main h2 { font-size: clamp(1.65rem, 2.7vw, 2.4rem) !important; line-height: 1.16 !important; }

:is(body.audit-home-page, body.audit-category-page, body.audit-article-page) main h3 { font-size: clamp(1.3rem, 1.8vw, 1.65rem) !important; line-height: 1.22 !important; }

@media (max-width: 720px) {

  :is(body.audit-home-page, body.audit-category-page, body.audit-article-page) main h1 { font-size: clamp(1.9rem, 9vw, 2.5rem) !important; }

  .article-layout { grid-template-columns: 1fr !important; }

  body.visual-review-fixed > header :is(nav, [class*="nav"]) { gap: 8px 14px; }

}