/* Atomic inline icons are excluded from the parent text-decoration painting. */
html body a .qa-link-icon{display:inline-block!important;text-decoration:none!important;vertical-align:baseline}
html body a svg.qa-link-icon{vertical-align:-.12em}
html body :is(h1,h2,h3,h4,h5,h6){text-wrap:balance}
html body :is(p,li,dt,dd,figcaption){text-wrap:pretty}
/* The pictured report section: larger gutters, then reflow before columns crowd. */
html body .cx-deliverable-grid{column-gap:clamp(36px,4.2vw,76px);row-gap:36px}
@media(min-width:601px) and (max-width:1200px){html body .cx-deliverable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body .cx-deliverable-grid{grid-template-columns:1fr;gap:28px}}
/* Share actions: same hit area, hover and focus treatment; untransformed SVG strokes. */
html body .insight-share-bar .insight-share-actions :is(a,button){
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
 padding:9px 12px;border:1px solid transparent!important;border-radius:24px;
 color:#292827!important;background:transparent!important;box-shadow:none!important;
 font:600 14px/1.35 'DM Sans',Arial,sans-serif;text-decoration:none!important;
 transition:background-color .15s,color .15s,border-color .15s;transform:none;filter:none;
}
html body .insight-share-bar .insight-share-actions :is(a,button):is(:hover,:focus-visible){
 color:#fff!important;background:#6d2037!important;border-color:#6d2037!important;text-decoration:none!important;
}
html body .insight-share-bar .insight-share-actions :is(a,button):focus-visible{outline:3px solid #6d2037;outline-offset:3px}
html body .insight-share-bar .insight-share-actions svg{display:block!important;width:24px;height:24px;min-width:24px;flex:0 0 24px;stroke-width:2;transform:none!important;filter:none!important;opacity:1;vertical-align:middle}
@media(max-width:700px){html body .insight-share-bar .insight-share-actions :is(a,button){font-size:12px;gap:6px;padding:8px}html body .insight-share-bar .insight-share-actions svg{width:20px;height:20px;min-width:20px;flex-basis:20px}}
@media(prefers-reduced-motion:reduce){html body .insight-share-bar .insight-share-actions :is(a,button){transition:none}}
/* Put decoration on the label, including underline-like borders, never on the icon. */
html body a.qa-arrow-link,html body a.qa-arrow-link:is(:hover,:focus-visible,:visited){text-decoration:none!important}
html body a.qa-arrow-link :not(.qa-link-copy){text-decoration:none!important}
html body a.qa-arrow-link.qa-text-border{border-bottom-color:transparent!important}
html body a.qa-arrow-link .qa-link-copy{text-decoration:none}
html body a.qa-arrow-link.qa-copy-underlined .qa-link-copy,
html body a.qa-arrow-link:is(:hover,:focus-visible) .qa-link-copy{text-decoration:underline!important;text-underline-offset:.22em;text-decoration-thickness:1px}
html body a.qa-arrow-link:is(:hover,:focus-visible) .qa-link-copy{text-decoration-thickness:2px}
/* Share pills use their background and outline, rather than an underline. */
html body .insight-share-actions a.qa-arrow-link .qa-link-copy,
html body .insight-share-actions a.qa-arrow-link:is(:hover,:focus-visible) .qa-link-copy{text-decoration:none!important}
html body .cx-home-photo-hero .cx-outcome-first h1#cx-home-title{max-width:none!important}
@media(max-width:380px){html body .cx-home-photo-hero .cx-outcome-first h1#cx-home-title{font-size:28px!important}}
@media(max-width:900px){html body .cx-home-photo-hero .cx-proof-item[open]{grid-column:1/-1}}
@media(max-width:380px){html body .cx-context-industry-block h3{font-size:22px}}
@media(max-width:380px){html body .cx-context-industry-block h3{font-size:21px!important}}

/* One text-to-arrow spacing rule for inline links, flex CTAs and buttons.
   Keep the existing layout mode so cards and links inside prose still wrap normally. */
html body :is(a,button).qa-arrow-link{column-gap:8px!important}
html body :is(a,button).qa-inline-icon-flow .qa-link-icon{display:inline-block!important;margin-inline-start:8px!important;margin-inline-end:0!important}
html body :is(a,button).qa-inline-icon-flow .qa-link-icon:first-child{margin-inline-start:0!important;margin-inline-end:8px!important}
html body :is(a,button).qa-inline-icon-flow .qa-link-icon:only-child{margin-inline:0!important}

/* Reading copy, disclosure questions and form guidance share wrapping rules. */
:where(p,li,dd,dt,figcaption,summary,label,blockquote){text-wrap:pretty}
:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}

html body .qa-ending-pair{white-space:nowrap;overflow-wrap:normal;word-break:normal}

/* Give comparison descriptions enough space for two-word endings. */
@media(max-width:900px){html body .cx-benefit-facts>div{display:block}html body .cx-benefit-facts dd{margin:4px 0 0;width:auto}html body .pc-main dl>div{grid-template-columns:1fr}html body .pc-main dd{margin-left:0}}
@media(max-width:600px){html body .cx-proof-accordions .proof-inner{grid-template-columns:1fr}html body .cx-proof-item{border-left:0;border-top:1px solid #6e5c63}html body .cx-proof-item>summary{min-height:0}html body #cxpr-page h1{font-size:28px!important}html body #cxpr-page h2{font-size:26px!important}}
@media(max-width:900px){html body .pc-main .pc-facts{grid-template-columns:1fr}}

@media(max-width:900px){html body #cxpr-page .cx-benefit-facts>div{display:block!important}html body #cxpr-page .cx-benefit-facts dd{width:auto!important;margin:4px 0 0!important}}
@media(max-width:600px){html body .cx-proof-accordions .proof-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important}html body #cxpr-page[data-page] h1{font-size:28px!important}}

@media(max-width:900px){html body .cx-benefit-card .cx-benefit-facts>div{display:block!important}html body .cx-benefit-card .cx-benefit-facts dd{width:auto!important;margin:4px 0 0!important}}
