/* Override these properties on .clarity-assessment in Bricks custom CSS. */
.clarity-assessment {
    --clarity-assessment-font-body: 'Urbanist', Arial, sans-serif;
    --clarity-assessment-font-display: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif;
    --clarity-assessment-color-bg: #fff;
    --clarity-assessment-color-text: #212121;
    --clarity-assessment-color-muted: #595959;
    --clarity-assessment-color-card: #212121;
    --clarity-assessment-color-card-text: #fff;
    --clarity-assessment-color-accent: #ffcb24;
    --clarity-assessment-color-selected: #ffeaa7;
    --clarity-assessment-color-line: #d0d0d0;
    --clarity-assessment-color-focus: #806000;
    --clarity-assessment-color-disabled: #e7e7e7;
    --clarity-assessment-color-radar: #c89a00;
    --clarity-assessment-color-radar-fill: #ffcb2466;
    /* Content width excludes the outer section padding. */
    --clarity-assessment-max-width: 1550px;
    --clarity-assessment-font-size: 16px;
    --clarity-assessment-score-size: 88px;
    --clarity-assessment-small-size: 14px;
    --clarity-assessment-radar-scale-size: 10px;
    --clarity-assessment-radar-stroke-width: 2px;
    --clarity-assessment-body-weight: 400;
    --clarity-assessment-question-weight: 600;
    --clarity-assessment-heading-weight: 400;
    --clarity-assessment-line-height: 1.2;
    --clarity-assessment-heading-line-height: .9;
    --clarity-assessment-padding-top: var(--space-xxl);
    --clarity-assessment-padding-right: var(--gutter);
    --clarity-assessment-padding-bottom: var(--space-xxl);
    --clarity-assessment-padding-left: var(--gutter);
    --clarity-assessment-section-gap: 64px;
    --clarity-assessment-column-gap: 64px;
    --clarity-assessment-question-gap: 64px;
    --clarity-assessment-space: 16px;
    --clarity-assessment-space-small: 8px;
    --clarity-assessment-card-padding: 28px;
    --clarity-assessment-card-radius: 12px;
    --clarity-assessment-answer-radius: 3px;
    --clarity-assessment-answer-padding: 12px;
    --clarity-assessment-answer-height: 60px;
    --clarity-assessment-radio-size: 24px;
    --clarity-assessment-number-size: 40px;
    --clarity-assessment-rail-width: 90px;
    --clarity-assessment-button-height: 48px;
    --clarity-assessment-button-radius: 999px;
    --clarity-assessment-border-width: 1px;
    --clarity-assessment-focus-width: 3px;
    --clarity-assessment-progress-height: 4px;
    --clarity-assessment-bar-height: 8px;
    --clarity-assessment-tick-height: 10px;
    --clarity-assessment-sticky-top: 0px;
    --clarity-assessment-sticky-layer: 10;
    --clarity-assessment-scroll-margin: 100px;
    --clarity-assessment-mobile-padding-top: var(--space-xxl);
    --clarity-assessment-mobile-padding-right: var(--gutter);
    --clarity-assessment-mobile-padding-bottom: var(--space-xxl);
    --clarity-assessment-mobile-padding-left: var(--gutter);
    --clarity-assessment-mobile-font-size: 16px;
    --clarity-assessment-mobile-score-size: 72px;
    --clarity-assessment-mobile-section-gap: 48px;
    --clarity-assessment-mobile-question-gap: 48px;
    --clarity-assessment-mobile-column-gap: 32px;
    --clarity-assessment-mobile-rail-width: 68px;
    --clarity-assessment-mobile-number-size: 30px;
    --clarity-assessment-mobile-card-padding: 24px;
    --clarity-assessment-mobile-answer-padding: 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0; /* The full-width shell never adds spacing. */
    background: var(--clarity-assessment-color-bg);
    color: var(--clarity-assessment-color-text);
    font: var(--clarity-assessment-body-weight) var(--clarity-assessment-font-size)/var(--clarity-assessment-line-height) var(--clarity-assessment-font-body);
    text-align: left;
    isolation: isolate;
    overflow-wrap: break-word;
}
.clarity-assessment *, .clarity-assessment *::before, .clarity-assessment *::after { box-sizing: border-box; }
/* Outer sections own padding; inner containers own content width only. */
.clarity-assessment .clarity-assessment__main-section {
    padding: var(--space-xxl) var(--clarity-assessment-padding-right) var(--space-xxl) var(--clarity-assessment-padding-left);
}
.clarity-assessment .clarity-assessment__main-container {
    width: 100%; max-width: var(--clarity-assessment-max-width); min-width: 0; margin-inline: auto;
}
.clarity-assessment [hidden] { display: none !important; }
.clarity-assessment :where(h2, h3, p, ol, fieldset, legend) { margin: 0; padding: 0; border: 0; color: inherit; }
.clarity-assessment :where(.clarity-assessment__dimension-toggle, .clarity-assessment__radio) { font: inherit; text-transform: none; letter-spacing: normal; }
.clarity-assessment :where(.clarity-assessment__dimension-toggle) { cursor: pointer; box-shadow: none; }
/* Only neutralize native button defaults. Site .sd-button rules win in either load order. */
:where(.clarity-assessment .clarity-assessment__button) {
    border: 0; padding-block: 0; font-family: inherit; line-height: inherit;
}
.clarity-assessment :where(button, input):focus-visible,
.clarity-assessment .clarity-assessment__title:focus {
    outline: var(--clarity-assessment-focus-width) solid var(--clarity-assessment-color-focus);
    outline-offset: var(--clarity-assessment-focus-width);
}
.clarity-assessment .clarity-assessment__toolbar {
    position: sticky; top: var(--clarity-assessment-sticky-top); z-index: var(--clarity-assessment-sticky-layer);
    display: flex; flex-wrap: wrap; align-items: center; gap: var(--clarity-assessment-space);
    padding: var(--clarity-assessment-space-small) 0 var(--clarity-assessment-space);
    background: var(--clarity-assessment-color-bg); margin-bottom: var(--clarity-assessment-section-gap);
}
.clarity-assessment .clarity-assessment__brand { font-weight: var(--clarity-assessment-question-weight); margin-right: auto; }
.clarity-assessment .clarity-assessment__counter { font-size: var(--clarity-assessment-small-size); }
.clarity-assessment .clarity-assessment__progress { position: absolute; bottom: 0; left: 0; width: 100%; height: var(--clarity-assessment-progress-height); background: var(--clarity-assessment-color-line); }
.clarity-assessment .clarity-assessment__progress::before { content: ''; display: block; width: var(--clarity-assessment-progress, 0%); height: 100%; background: var(--clarity-assessment-color-accent); }
.clarity-assessment .clarity-assessment__notice:empty { display: none; }
.clarity-assessment .clarity-assessment__notice { margin-bottom: var(--clarity-assessment-space); }
.clarity-assessment .clarity-assessment__title { margin-bottom: var(--clarity-assessment-section-gap); scroll-margin-top: var(--clarity-assessment-scroll-margin); }
.clarity-assessment .clarity-assessment__subtitle { margin-bottom: var(--clarity-assessment-space); }
.clarity-assessment .clarity-assessment__dimension {
    position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--clarity-assessment-column-gap); padding: 0 0 var(--clarity-assessment-section-gap) var(--clarity-assessment-rail-width);
}
.clarity-assessment .clarity-assessment__dimension::before {
    content: ''; position: absolute; left: calc(var(--clarity-assessment-rail-width) / 2); top: 0; bottom: 0;
    border-left: var(--clarity-assessment-border-width) solid var(--clarity-assessment-color-line);
}
.clarity-assessment .clarity-assessment__dimension:last-child::before { display: none; }
.clarity-assessment .clarity-assessment__dimension-toggle {
    display: block; border: 0; background: transparent; border-radius: 0; padding: 0; text-align: left;
    width: 100%; min-height: var(--clarity-assessment-button-height);
    scroll-margin-top: var(--clarity-assessment-scroll-margin);
}
.clarity-assessment .clarity-assessment__number {
    position: absolute; left: calc(var(--clarity-assessment-rail-width) / 2); top: 0; transform: translateX(-50%);
}
.clarity-assessment .sd-circle-number {
    font-size: 14px; width: 50px; height: auto; aspect-ratio: 1 / 1;
    display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--base);
    background: var(--white); font-family: 'Urbanist';
}
.clarity-assessment .clarity-assessment__description { margin-top: var(--clarity-assessment-space); font-size: var(--body-medium); }
.clarity-assessment .clarity-assessment__question { min-width: 0; margin-bottom: var(--clarity-assessment-question-gap); }
.clarity-assessment .clarity-assessment__question-title { font-size: var(--body-large); font-weight: 600; float: none; width: 100%; margin-bottom: var(--clarity-assessment-space); }
.clarity-assessment .clarity-assessment__answer-text { font-size: var(--body-medium); }
.clarity-assessment .clarity-assessment__answer {
    display: flex; align-items: center; gap: var(--clarity-assessment-space); width: 100%; margin: 0;
    min-height: var(--clarity-assessment-answer-height); padding: var(--clarity-assessment-answer-padding);
    border-radius: var(--clarity-assessment-answer-radius); cursor: pointer; color: var(--clarity-assessment-color-text);
    font: inherit; background: transparent;
}
.clarity-assessment .clarity-assessment__answer--selected { background: var(--clarity-assessment-color-selected); }
.clarity-assessment .clarity-assessment__answer:focus-within { outline: var(--clarity-assessment-focus-width) solid var(--clarity-assessment-color-focus); outline-offset: var(--clarity-assessment-border-width); }
.clarity-assessment .clarity-assessment__radio {
    appearance: none; -webkit-appearance: none; position: static; opacity: 1; display: grid; place-content: center;
    flex: 0 0 var(--clarity-assessment-radio-size); width: var(--clarity-assessment-radio-size); height: var(--clarity-assessment-radio-size);
    min-width: 0; margin: 0; padding: 0; border: var(--clarity-assessment-border-width) solid var(--clarity-assessment-color-line);
    border-radius: 50%; background: var(--clarity-assessment-color-bg); cursor: pointer;
}
.clarity-assessment .clarity-assessment__radio:checked::before { content: ''; width: calc(var(--clarity-assessment-radio-size) / 2); height: calc(var(--clarity-assessment-radio-size) / 2); border-radius: 50%; background: var(--clarity-assessment-color-accent); }
.clarity-assessment .clarity-assessment__navigation { display: flex; flex-wrap: wrap; gap: var(--clarity-assessment-space); }
.clarity-assessment .clarity-assessment__result-header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--clarity-assessment-column-gap); margin-bottom: var(--clarity-assessment-section-gap); }
.clarity-assessment .clarity-assessment__result-header .clarity-assessment__title { margin: 0; align-self: start; }
.clarity-assessment .clarity-assessment__score-label { display: inline-block; border: var(--clarity-assessment-border-width) solid var(--clarity-assessment-color-line); border-radius: 4px; padding: var(--clarity-assessment-space-small); font-size: var(--body-small); color: #A6A6A6; }
.clarity-assessment .clarity-assessment__score-max { font-family: 'Bebas Neue', sans-serif; font-size: 30px; }
.clarity-assessment .clarity-assessment__score-name { font-size: var(--body-large); font-weight: 600; }
.clarity-assessment .clarity-assessment__score-line { margin-top: var(--clarity-assessment-space); }
.clarity-assessment .clarity-assessment__score { font: var(--clarity-assessment-heading-weight) var(--clarity-assessment-score-size)/1 var(--clarity-assessment-font-display); }
.clarity-assessment .clarity-assessment__stages { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--clarity-assessment-space); list-style: none; margin-bottom: var(--space-xxl); }
.clarity-assessment .clarity-assessment__stage { background: var(--clarity-assessment-color-card); color: var(--clarity-assessment-color-card-text); border-radius: var(--clarity-assessment-card-radius); padding: var(--clarity-assessment-card-padding); }
.clarity-assessment .clarity-assessment__stage--current { background: var(--clarity-assessment-color-accent); color: var(--clarity-assessment-color-text); }
.clarity-assessment .clarity-assessment__stage-title { display: block; font-size: var(--body-large); font-weight: 600; margin-bottom: var(--clarity-assessment-space); }
.clarity-assessment .clarity-assessment__stage-copy { font-size: var(--clarity-assessment-small-size); }
.clarity-assessment .clarity-assessment__profile { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--clarity-assessment-column-gap); padding-top: var(--space-xxl); border-top: var(--clarity-assessment-border-width) solid var(--clarity-assessment-color-line); margin-bottom: 0px; }
.clarity-assessment .clarity-assessment__radar { display: block; width: 100%; height: auto; margin-top: var(--clarity-assessment-space); overflow: visible; }
.clarity-assessment .clarity-assessment__radar-grid { fill: none; stroke: var(--clarity-assessment-color-line); stroke-width: var(--clarity-assessment-border-width); }
.clarity-assessment .clarity-assessment__radar-value { fill: var(--clarity-assessment-color-radar-fill); stroke: var(--clarity-assessment-color-radar); stroke-width: var(--clarity-assessment-radar-stroke-width); }
.clarity-assessment .clarity-assessment__radar-label { fill: var(--clarity-assessment-color-text); font-size: 12px; font-weight: 600; }
.clarity-assessment .clarity-assessment__radar-scale { fill: var(--clarity-assessment-color-muted); font: var(--clarity-assessment-radar-scale-size) var(--clarity-assessment-font-body); }
.clarity-assessment .clarity-assessment__dimension-score { margin-top: var(--clarity-assessment-question-gap); }
.clarity-assessment .clarity-assessment__score-labels { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--clarity-assessment-space); align-items: center; margin-bottom: var(--clarity-assessment-space); font-size: var(--clarity-assessment-small-size); }
.clarity-assessment .clarity-assessment__bar { height: var(--clarity-assessment-bar-height); background: var(--clarity-assessment-color-line); position: relative; }
.clarity-assessment .clarity-assessment__bar::before { content: ''; display: block; height: 100%; width: var(--clarity-assessment-progress); background: var(--clarity-assessment-color-accent); }
.clarity-assessment .clarity-assessment__bar-tick {
    position: absolute; bottom: 100%; width: var(--clarity-assessment-border-width);
    height: var(--clarity-assessment-tick-height); background: var(--clarity-assessment-color-text);
    transform: translateX(-50%);
}
.clarity-assessment .clarity-assessment__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 767px) {
    .clarity-assessment {
        --clarity-assessment-padding-top: var(--clarity-assessment-mobile-padding-top);
        --clarity-assessment-padding-right: var(--clarity-assessment-mobile-padding-right);
        --clarity-assessment-padding-bottom: var(--clarity-assessment-mobile-padding-bottom);
        --clarity-assessment-padding-left: var(--clarity-assessment-mobile-padding-left);
        --clarity-assessment-font-size: var(--clarity-assessment-mobile-font-size);
        --clarity-assessment-score-size: var(--clarity-assessment-mobile-score-size);
        --clarity-assessment-section-gap: var(--clarity-assessment-mobile-section-gap);
        --clarity-assessment-question-gap: var(--clarity-assessment-mobile-question-gap);
        --clarity-assessment-column-gap: var(--clarity-assessment-mobile-column-gap);
        --clarity-assessment-rail-width: var(--clarity-assessment-mobile-rail-width);
        --clarity-assessment-number-size: var(--clarity-assessment-mobile-number-size);
        --clarity-assessment-card-padding: var(--clarity-assessment-mobile-card-padding);
        --clarity-assessment-answer-padding: var(--clarity-assessment-mobile-answer-padding);
    }
    .clarity-assessment .clarity-assessment__dimension,
    .clarity-assessment .clarity-assessment__result-header,
    .clarity-assessment .clarity-assessment__profile,
    .clarity-assessment .clarity-assessment__stages { grid-template-columns: minmax(0, 1fr); }
    .clarity-assessment .clarity-assessment__panel { margin-top: var(--clarity-assessment-section-gap); }
    .clarity-assessment .clarity-assessment__toolbar { gap: var(--clarity-assessment-space-small); }
}
@media (prefers-reduced-motion: reduce) {
    .clarity-assessment .sd-button, .clarity-assessment .sd-button__icon { transition: none; }
}
@media (forced-colors: active) {
    .clarity-assessment .clarity-assessment__radio { appearance: auto; }
    .clarity-assessment .clarity-assessment__stage--current { outline: var(--clarity-assessment-focus-width) solid Highlight; }
}

.clarity-assessment .clarity-assessment__number {
  left: 0;
  transform: none;
}

.clarity-assessment .clarity-assessment__dimension::before {
  left: 25px;
}

/* Results follow-up. Form field styling remains owned by the site's HubSpot CSS. */
.clarity-assessment {
    --clarity-assessment-lead-background: var(--clarity-assessment-color-accent);
    --clarity-assessment-lead-max-width: 1550px;
    --clarity-assessment-lead-padding-top: var(--space-xxl);
    --clarity-assessment-lead-padding-right: var(--gutter);
    --clarity-assessment-lead-padding-bottom: var(--space-xxl);
    --clarity-assessment-lead-padding-left: var(--gutter);
    --clarity-assessment-lead-gap: 32px;
    --clarity-assessment-lead-card-padding: clamp(32px, 4.17vw, 80px);
    --clarity-assessment-lead-radius: 12px;
    --clarity-assessment-lead-icon-size: 80px;
    --clarity-assessment-manager-min-height: 815px;
    --clarity-assessment-manager-position: center top;
    --clarity-assessment-manager-overlay: none;
    --clarity-assessment-lead-mobile-padding-top: var(--space-xxl);
    --clarity-assessment-lead-mobile-padding-right: var(--gutter);
    --clarity-assessment-lead-mobile-padding-bottom: var(--space-xxl);
    --clarity-assessment-lead-mobile-padding-left: var(--gutter);
    --clarity-assessment-lead-mobile-card-padding: 40px;
    --clarity-assessment-manager-mobile-height: 847px;
    --clarity-assessment-manager-average-height: 893px;
}
.clarity-assessment .clarity-assessment__lead-section {
    padding: var(--space-xxl) var(--clarity-assessment-lead-padding-right) var(--space-xxl) var(--clarity-assessment-lead-padding-left);
    background: var(--clarity-assessment-lead-background);
}
.clarity-assessment .clarity-assessment__lead-grid { width: 100%; max-width: var(--clarity-assessment-lead-max-width); margin-inline: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--clarity-assessment-lead-gap); }
.clarity-assessment .clarity-assessment__form-card {
    min-width: 0; padding: var(--clarity-assessment-lead-card-padding);
    background: var(--clarity-assessment-color-bg); border-radius: var(--clarity-assessment-lead-radius);
}
.clarity-assessment .clarity-assessment__lead-title { display: block; margin-bottom: var(--clarity-assessment-space); }
.clarity-assessment .clarity-assessment__lead-title { font-family: 'Bebas Neue'; }
.clarity-assessment .clarity-assessment__form-intro { display: flex; align-items: center; gap: var(--clarity-assessment-space); margin-block: var(--clarity-assessment-card-padding); }
.clarity-assessment .clarity-assessment__form-icon { display: block; width: var(--clarity-assessment-lead-icon-size); height: auto; flex-shrink: 0; }
.clarity-assessment .clarity-assessment__form-copy,
.clarity-assessment .clarity-assessment__manager-copy { font-size: var(--body-large); }
.clarity-assessment .clarity-assessment__form-host { min-width: 0; }
.clarity-assessment .clarity-assessment__form-host iframe { max-width: 100%; }
.clarity-assessment .clarity-assessment__manager-card {
    position: relative; min-width: 0; min-height: var(--clarity-assessment-manager-min-height); align-self: center;
    display: flex; align-items: flex-end; border-radius: var(--clarity-assessment-lead-radius); overflow: hidden;
    background: var(--clarity-assessment-color-card); color: var(--clarity-assessment-color-card-text);
}
.clarity-assessment .clarity-assessment__manager-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--clarity-assessment-manager-position); }
.clarity-assessment .clarity-assessment__manager-card::after { content: ''; position: absolute; inset: 0; background: var(--clarity-assessment-manager-overlay); pointer-events: none; }
.clarity-assessment .clarity-assessment__manager-content { position: relative; z-index: 1; width: 100%; padding: var(--clarity-assessment-lead-card-padding); }
.clarity-assessment .clarity-assessment__manager-content .clarity-assessment__lead-title { color: inherit; }
.clarity-assessment .clarity-assessment__contact { float: right; margin-top: var(--clarity-assessment-card-padding); }
.clarity-assessment .clarity-assessment__manager-content::after { content: ''; display: block; clear: both; }
.clarity-assessment .clarity-assessment__contact:focus-visible { outline: var(--clarity-assessment-focus-width) solid var(--clarity-assessment-color-card-text); outline-offset: var(--clarity-assessment-focus-width); }

@media (max-width: 1480px) {
    .clarity-assessment .clarity-assessment__manager-card { min-height: var(--clarity-assessment-manager-average-height); }
}


@media (max-width: 767px) {
    .clarity-assessment {
        --clarity-assessment-lead-padding-top: var(--clarity-assessment-lead-mobile-padding-top);
        --clarity-assessment-lead-padding-right: var(--clarity-assessment-lead-mobile-padding-right);
        --clarity-assessment-lead-padding-bottom: var(--clarity-assessment-lead-mobile-padding-bottom);
        --clarity-assessment-lead-padding-left: var(--clarity-assessment-lead-mobile-padding-left);
    }
    .clarity-assessment .clarity-assessment__lead-grid { grid-template-columns: minmax(0, 1fr); }
    .clarity-assessment .clarity-assessment__form-card,
    .clarity-assessment .clarity-assessment__manager-content { padding: var(--clarity-assessment-lead-mobile-card-padding); }
    .clarity-assessment .clarity-assessment__manager-card { min-height: var(--clarity-assessment-manager-mobile-height); }
    .clarity-assessment .clarity-assessment__form-intro { align-items: flex-start; }
    .clarity-assessment .clarity-assessment__form-icon { width: calc(var(--clarity-assessment-lead-icon-size) * .75); }
}

.clarity-assessment .clarity-assessment__dimension-toggle {
  white-space: pre-line;
}

/* Independent PDF download: site button classes provide appearance. */
.clarity-assessment .clarity-assessment__pdf-download { margin-top: var(--clarity-assessment-card-padding); }
.clarity-assessment .clarity-assessment__pdf-status { margin-top: var(--clarity-assessment-space); }
.clarity-assessment .clarity-assessment__pdf-status:empty { display: none; }

/* Independent report controls wrap together on narrow screens. */
.clarity-assessment .clarity-assessment__pdf-downloads { display: flex; flex-wrap: wrap; gap: 0 24px; }
.clarity-assessment .clarity-assessment__pdf-downloads > div { min-width: 0; max-width: 100%; }

/* Download flow: scoped to the results follow-up section. */
.clarity-assessment__lead-section .clarity-assessment__package-info { margin-top:40px; padding:20px; border-radius:8px; background:#FFFAE9; font-size:var(--body-medium); line-height:1.2; }
.clarity-assessment__lead-section .clarity-assessment__package-info strong { font-weight:600; }
.clarity-assessment__lead-section .clarity-assessment__package-info ul { list-style:none; margin:12px 0 20px; padding:0 0 0 20px; }
.clarity-assessment__lead-section .clarity-assessment__package-info li { position:relative; margin:0 0 10px; padding:0; font-size: var(--body-small); }
.clarity-assessment__lead-section .clarity-assessment__package-info p { font-size: var(--body-small); }
/* Reuse the reports' Urbanist bullet treatment with semantic list items. */
.clarity-assessment__lead-section .clarity-assessment__package-info li::before { content:"•"; position:absolute; left:-12px; top:0; font-family:Urbanist; font-size:14px; font-weight:400; }
.clarity-assessment__lead-section .clarity-assessment__download-heading { display:block; margin:0 0 24px; font-family:var(--clarity-assessment-font-body); font-weight:500; }

.clarity-assessment__lead-section .clarity-assessment__download-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; list-style:none; padding:0; margin:32px 0 40px; font-size:16px; line-height:1.1; }
.clarity-assessment__lead-section .clarity-assessment__download-steps li { border-top:5px solid #d3d3d3; padding-top:7px; color:#767676; font-size: var(--body-medium); font-weight: 500;}
.clarity-assessment__lead-section .clarity-assessment__download-steps [aria-current],
.clarity-assessment__lead-section .clarity-assessment__download-steps .is-complete { border-color:#212121; color:#212121; }
.clarity-assessment__lead-section .clarity-assessment__download-cards { display:grid; gap:20px; }
.clarity-assessment__lead-section .clarity-assessment__download-card { appearance:none; display:grid; grid-template-columns:64px minmax(0,1fr) 48px; align-items:center; gap:32px; width:100%; min-width:0; padding:20px; border:1px solid #d3d3d3; border-radius:8px; background:#fff; color:#212121; text-align:left; font:inherit; cursor:pointer; }
.clarity-assessment__lead-section .clarity-assessment__download-card:hover,
.clarity-assessment__lead-section .clarity-assessment__download-card:focus-visible { background:var(--clarity-assessment-download-hover,#F3EBFF); }
.clarity-assessment__lead-section button:focus-visible,
.clarity-assessment__lead-section [data-clarity-files-step]:focus-visible { outline:3px solid #212121; outline-offset:4px; }
.clarity-assessment__lead-section .clarity-assessment__download-card:disabled { cursor:wait; opacity:.6; }
.clarity-assessment__lead-section .clarity-assessment__download-copy { min-width:0; overflow-wrap:anywhere; max-width:362px;}
.clarity-assessment__lead-section .clarity-assessment__download-name { display:block; font-size:20px; font-weight:600; line-height:1.2; margin-bottom:10px; }
.clarity-assessment__lead-section .clarity-assessment__download-description { display:block; font-size:14px; line-height:1.2; }
.clarity-assessment__lead-section .clarity-assessment__download-all { display:flex; flex-direction:column; align-items:flex-end; gap:8px; margin-top:20px; }
.clarity-assessment__lead-section .clarity-assessment__download-all small { font-size:14px; }
.clarity-assessment__lead-section .clarity-assessment__download-all .sd-button__icon { display:none; }
@media (min-width:768px) and (max-width:1100px) {
 .clarity-assessment__lead-section .clarity-assessment__download-card { grid-template-columns:40px minmax(0,1fr) 24px; gap:12px; padding:16px; }
}
@media (max-width:767px) {
 .clarity-assessment__lead-section .clarity-assessment__download-steps { font-size:14px; margin:20px 0 32px; }
 .clarity-assessment__lead-section .clarity-assessment__download-card { grid-template-columns:32px minmax(0,1fr) 20px; gap:8px; padding:12px; }
 .clarity-assessment__lead-section .clarity-assessment__download-name { font-size:16px; }
}
.clarity-assessment__lead-section .clarity-assessment__download-pdf-icon,
.clarity-assessment__lead-section .clarity-assessment__download-arrow { width:100%; height:auto; }
