/* 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; }

:where(main) > h1, :where(main) > header h1, :where(.hero, .page-hero, .page-header, .category-header, .article-header, .entry-header) h1 { font-size: clamp(2.25rem, 4.2vw, 3.4rem) !important; }

:where(main section) > h2, :where(main section) > header h2, :where(main section) > div > h2 { font-size: clamp(1.6rem, 2.8vw, 2.3rem) !important; line-height: 1.15; }

:where(main article) :is(h2, h3), :where(main) :is([class*="card"], [class*="story"], [class*="post"]) :is(h2, h3) { font-size: clamp(1.15rem, 1.8vw, 1.55rem) !important; line-height: 1.2; }

:where(.article-body, .article-content, .entry-content, .post-content, [class*="article-body"], [class*="article__body"]) h2 { font-size: clamp(1.55rem, 2.6vw, 2.15rem) !important; }

:where(.article-body, .article-content, .entry-content, .post-content, [class*="article-body"], [class*="article__body"]) h3 { font-size: clamp(1.25rem, 2vw, 1.6rem) !important; }

:where(.article-body, .article-content, .entry-content, .post-content, .prose, [class*="article-body"], [class*="article__body"]) { width: min(100%, 760px); max-width: 760px; margin-inline: auto; }

:where(main) :is([class*="grid"], [class*="cards"], [class*="list"]) { max-width: 100%; }

:where(main) :is([class*="grid"], [class*="cards"], [class*="list"]) > * { min-width: 0; max-width: 100%; }

:where(.audit-home-page, .audit-category-page) main :is([class*="grid"], [class*="cards"], [class*="list"]):has(> article:only-child) { grid-template-columns: minmax(0, min(100%, 42rem)) !important; }

:where(.audit-home-page, .audit-category-page) main :is([class*="grid"], [class*="cards"], [class*="list"]):has(> article:nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

:where(main) :is(article, [class*="card"], [class*="story"], [class*="post"]) img { display: block; width: 100%; object-fit: cover; }

.audit-card-image { display: block; aspect-ratio: 16 / 10; overflow: hidden; }

.audit-card-image img { width: 100%; height: 100%; object-fit: cover; }

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

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

@media (max-width: 720px) { header nav { max-width: 100%; } header nav :is(a, button) { min-width: 0; overflow-wrap: break-word; } }

@media (max-width: 720px) { :where(main) > h1, :where(main) > header h1, :where(.hero, .page-hero, .page-header, .category-header, .article-header, .entry-header) h1 { font-size: clamp(2rem, 10vw, 2.4rem) !important; } :where(main section) > h2, :where(main section) > header h2 { font-size: clamp(1.5rem, 7vw, 1.85rem) !important; } }

/* futureproofretail-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; }

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

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

:where(.audit-home-page, .audit-category-page, .audit-article-page) main h3 { font-size: clamp(1.2rem, 1.8vw, 1.55rem); line-height: 1.2; }

:where(.audit-home-page, .audit-category-page, .audit-article-page) main h4 { font-size: 1.125rem; line-height: 1.25; }

:where(.article-body, .article-content, .entry-content, .post-content, .prose, [class*="article-body"], [class*="article__body"]) { width: min(100%, 760px); max-width: 760px; margin-inline: auto; }

:where(main) :is([class*="grid"], [class*="cards"], [class*="list"]) { max-width: 100%; }

:where(main) :is([class*="grid"], [class*="cards"], [class*="list"]) > * { min-width: 0; max-width: 100%; }

:where(.audit-home-page, .audit-category-page) main :is([class*="grid"], [class*="cards"], [class*="list"]):has(> :only-child) { grid-template-columns: minmax(0, min(100%, 46rem)) !important; }

:where(.audit-home-page, .audit-category-page) main :is([class*="grid"], [class*="cards"], [class*="list"]):has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

:where(.audit-home-page, .audit-category-page) main article img { display: block; width: 100%; max-height: 420px; object-fit: cover; transform: none !important; }

:where(.audit-article-page) main figure img { display: block; width: 100%; max-height: 760px; object-fit: cover; transform: none !important; }

:where(main) :is(section, article, [class*="card"]):empty { display: none !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; } }