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

.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; } }

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

/* 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(.skip, .skip-link, [class*="skip-link"]) { position: absolute !important; inset: auto auto auto -10000px !important; inline-size: 1px !important; block-size: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }

:where(.skip, .skip-link, [class*="skip-link"]):focus { position: fixed !important; inset: 12px auto auto 12px !important; inline-size: auto !important; block-size: auto !important; clip-path: none !important; overflow: visible !important; padding: 10px 14px !important; background: #fff !important; color: #111 !important; border: 2px solid currentColor !important; z-index: 10000 !important; }

body.visual-review-fixed { margin: 0; }

body.visual-review-fixed > header, body.visual-review-fixed > footer { padding-inline: clamp(16px, 4vw, 48px); }

body.visual-review-fixed > header :is(nav, [class*="nav"]) { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 22px; }

body.visual-review-fixed > header a, body.visual-review-fixed > footer a { text-underline-offset: .2em; }

body.visual-review-fixed > footer { padding-block: 28px; }

:where(.audit-category-page, .audit-article-page) :is(.wrap, .shell, .container, .category-hero, .category-stories, .article-header, .article-hero, .article-layout, .article-end, .related), .audit-article-page main.article-page { width: min(calc(100% - 32px), 1180px) !important; max-width: 1180px; margin-inline: auto !important; }

.audit-category-page main > :is(header, section, article):not([class*="full"]), .audit-article-page main > :is(header, section, article):not([class*="full"]) { max-width: min(calc(100% - 32px), 1180px); margin-inline: auto; }

:where(.audit-article-page) :is(.article-body, .article-content, .entry-content, .post-content, .prose) { width: min(100%, 760px); max-width: 760px; margin-inline: auto; }

.audit-category-page main > :is(header, section) > header p, .audit-category-page main > header > p { max-width: 760px; }

@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-category-page, .audit-article-page) :is(.wrap, .shell, .container, .category-hero, .category-stories, .article-header, .article-hero, .article-layout, .article-end, .related), .audit-article-page main.article-page { width: min(calc(100% - 32px), 1180px) !important; max-width: 1180px; margin-inline: auto !important; }

.audit-category-page main > :is(header, section, article):not([class*="full"]), .audit-article-page main > :is(header, section, article):not([class*="full"]) { max-width: min(calc(100% - 32px), 1180px); margin-inline: auto; }

:where(.audit-article-page) :is(.article-body, .article-content, .entry-content, .post-content, .prose) { width: min(100%, 760px); max-width: 760px; margin-inline: auto; }

.audit-category-page main > :is(header, section) > header p, .audit-category-page main > header > p { max-width: 760px; }

.audit-category-page main, .audit-article-page main { width: min(calc(100% - 32px), 1180px); max-width: 1180px; margin-inline: auto; }

@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; }

:where(.audit-category-page, .audit-article-page) :is(.wrap, .shell, .container, .category-hero, .category-stories, .article-header, .article-hero, .article-layout, .article-end, .related), .audit-article-page main.article-page { width: min(calc(100% - 32px), 1180px) !important; max-width: 1180px; margin-inline: auto !important; }

.audit-category-page main > :is(header, section, article):not([class*="full"]), .audit-article-page main > :is(header, section, article):not([class*="full"]) { max-width: min(calc(100% - 32px), 1180px); margin-inline: auto; }

:where(.audit-article-page) :is(.article-body, .article-content, .entry-content, .post-content, .prose) { width: min(100%, 760px); max-width: 760px; margin-inline: auto; }

.audit-category-page main > :is(header, section) > header p, .audit-category-page main > header > p { max-width: 760px; }

.audit-category-page main, .audit-article-page main { width: min(calc(100% - 32px), 1180px); max-width: 1180px; margin-inline: auto; }

.audit-category-page main p, .audit-article-page main p, .audit-article-page main li { max-width: 760px; }

: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; }

}