/* Page-editor styles load in the body. Scope overrides above their specificity. */
body.hp-audit-materials .hp-materials-hero__comparison {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

body.hp-audit-materials .hp-materials-hero__comparison-heading > div {
    flex: 1 1 auto;
    min-width: 0;
}

body.hp-audit-materials .hp-materials-hero__comparison-points {
    justify-content: flex-start;
    min-width: 0;
    flex-wrap: wrap;
}

body.hp-audit-materials .hp-materials-hero__comparison-heading strong {
    font-size: 14px;
    line-height: 1.35;
}

body.hp-audit-materials .hp-materials-hero__comparison-heading span:not(.hp-materials-hero__comparison-icon) {
    font-size: 12px;
    line-height: 1.45;
}

body.hp-audit-manufacturing .hp-process-hero__content {
    min-width: 0;
}

body.hp-audit-manufacturing .hp-process-hero h1 {
    font-size: clamp(24px, 3.2vw, 48px);
    line-height: 1.12;
    letter-spacing: -0.03em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

@media (max-width: 900px) {
    body.hp-audit-manufacturing .hp-process-hero h1 {
        font-size: clamp(28px, 6vw, 44px);
    }
}

@media (max-width: 480px) {
    body.hp-audit-manufacturing .hp-process-hero h1 {
        font-size: clamp(24px, 7vw, 30px);
    }
}

/* Keep the shared breadcrumb visually inside the first resource-page hero. */
body:is(
    .hp-audit-manufacturing,
    .hp-audit-materials,
    .hp-audit-finishes,
    .hp-audit-dieline,
    .hp-audit-artwork,
    .hp-audit-printing
) #content > .content-area {
    margin-top: -72px !important;
}

body:is(
    .hp-audit-manufacturing,
    .hp-audit-materials,
    .hp-audit-finishes,
    .hp-audit-dieline,
    .hp-audit-artwork,
    .hp-audit-printing
) .hp-breadcrumb-container {
    position: relative;
    z-index: 5;
}

/* Button-style links must not inherit underlines from page-editor link rules. */
body:is(
    .hp-audit-manufacturing,
    .hp-audit-sustainability,
    .hp-audit-materials,
    .hp-audit-finishes,
    .hp-audit-dieline,
    .hp-audit-artwork,
    .hp-audit-printing
) :is(
    a[class*="button"],
    a[class*="btn"],
    a[class*="cta"],
    a[class*="guide-link"],
    a.hp-sus-partner__primary-link,
    a.hp-board-grades__summary-link,
    a.hp-print-quality__link,
    a.hp-print-process__link
) {
    text-decoration: none !important;
}

body:is(
    .hp-audit-manufacturing,
    .hp-audit-sustainability,
    .hp-audit-materials,
    .hp-audit-finishes,
    .hp-audit-dieline,
    .hp-audit-artwork,
    .hp-audit-printing
) :is(
    a[class*="button"],
    a[class*="btn"],
    a[class*="cta"],
    a[class*="guide-link"],
    a.hp-sus-partner__primary-link,
    a.hp-board-grades__summary-link,
    a.hp-print-quality__link,
    a.hp-print-process__link
):is(:hover, :focus, :focus-visible, :active, :visited) {
    text-decoration: none !important;
}