.page-sample-report {
    background: #ffffff;
}

.sample-report {
    --report-ink: var(--handoff-navy, #17212b);
    --report-muted: #52677b;
    --report-line: var(--handoff-border, #dfe4ea);
    --report-line-strong: #cbd3dc;
    --report-soft: #f6f8fa;
    --report-blue: var(--handoff-blue, #1674d4);
    --report-blue-soft: #eef6ff;
    --report-red: #a52a23;
    --report-red-soft: #fff5f3;
    --report-amber: #8a5a07;
    --report-amber-soft: #fff9ed;
    --report-green: #1f6c4b;
    --report-green-soft: #f1f9f5;
    padding: clamp(3rem, 5vw, 4.5rem) 0 clamp(4rem, 7vw, 5.5rem);
    color: var(--report-ink);
    font-size: 1rem;
    line-height: 1.6;
}

.sample-report *,
.sample-report *::before,
.sample-report *::after {
    box-sizing: border-box;
}

.sample-report .button {
    border-radius: 0.5rem;
}

.sample-report__document {
    min-width: 0;
}

.sample-report__variant-selector {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 0.55rem;
    border: 1px solid var(--report-line);
    border-radius: 0.625rem;
    background: var(--report-soft);
}

.sample-report__variant-selector > span {
    padding-inline-start: 0.45rem;
    color: #536b80;
    font-size: 0.8125rem;
    font-weight: 650;
    line-height: 1.4;
}

.sample-report__variant-selector > div {
    display: flex;
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.sample-report__variant-selector a {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.8rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    color: #344f67;
    font-size: 0.8125rem;
    font-weight: 650;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.sample-report__variant-selector a:hover {
    border-color: #c9d9e8;
    background: rgb(255 255 255 / 76%);
    color: #0d579f;
}

.sample-report__variant-selector a[aria-current="page"] {
    border-color: #a9c8ec;
    background: #ffffff;
    color: #0b63bd;
    box-shadow: none;
}

.sample-report__variant-selector a:focus-visible {
    outline: 3px solid var(--color-focus, #2f6fed);
    outline-offset: 2px;
}

.sample-report__cover {
    container: sample-report-cover / inline-size;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.25rem, 2.5vw, 2rem);
    align-items: start;
    margin-bottom: 2.25rem;
}

.sample-report__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem 2rem;
    align-items: end;
    min-width: 0;
    max-width: none;
}

.sample-report__intro-copy {
    min-width: 0;
}

.sample-report__vehicle-label,
.sample-report__contents-label {
    margin: 0;
    color: var(--report-blue);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.45;
    text-transform: uppercase;
}

.sample-report__eyebrow {
    margin: 0;
    color: var(--report-blue);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.45;
}

.page-sample-report .sample-report__title {
    max-width: 22ch;
    margin: 0.8rem 0 0;
    color: #061a2e;
    font-size: 2.1875rem;
    font-weight: 500;
    letter-spacing: -0.015em;
    line-height: 1.24;
    text-wrap: balance;
}

.sample-report__lede {
    max-width: 45ch;
    margin: 1rem 0 0;
    color: var(--report-muted);
    font-size: 1.125rem;
    line-height: 1.55;
    text-wrap: pretty;
}

.sample-report__intro-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    margin-top: 0;
}

.sample-report__intro-offer {
    min-width: 0;
    max-width: 24rem;
}

.sample-report__closing .commercial-offer__development {
    margin-top: 1rem;
}

.sample-report__intro-actions .button {
    white-space: nowrap;
}

.sample-report__overview {
    min-width: 0;
    padding: clamp(1rem, 2.4vw, 1.5rem);
    border: 1px solid var(--report-line-strong);
    border-radius: var(--public-radius-panel);
    background: #ffffff;
    box-shadow: none;
}

.sample-report__vehicle-grid {
    display: grid;
    grid-template-columns: minmax(15rem, 0.88fr) minmax(0, 1.12fr);
    grid-template-areas:
        "copy media"
        "meta media"
        "alert alert"
        "summary-heading summary-heading"
        "summary summary";
    gap: clamp(1.25rem, 3vw, 2rem);
    align-items: start;
}

.sample-report__vehicle-media {
    grid-area: media;
    min-width: 0;
    margin: 0;
}

.sample-report__vehicle-media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center;
    border: 1px solid #dce4eb;
    border-radius: 0.5rem;
    background: #f3f5f7;
}

.sample-report__vehicle-media figcaption {
    margin-top: 0.45rem;
    color: #586f84;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.sample-report__vehicle-copy {
    grid-area: copy;
    min-width: 0;
}

.sample-report__sample-label {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.25rem 0.6rem;
    border: 1px solid #b8cdf0;
    border-radius: 0.5rem;
    background: #f5f8ff;
    color: #174f9c;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
}

.sample-report__vehicle-label {
    margin-top: 1rem;
    color: var(--report-muted);
    font-size: var(--public-text-caption, 0.8125rem);
    line-height: 1.45;
}

.sample-report__vehicle-copy h2 {
    margin: 0.35rem 0 0;
    color: #06182b;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.32;
}

.sample-report__vehicle-trim {
    margin: 0.55rem 0 0;
    color: #28465f;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.45;
}

.sample-report__vehicle-detail {
    margin: 0.25rem 0 0;
    color: var(--report-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.sample-report__source-rating {
    display: inline-grid;
    grid-template-columns: auto auto auto;
    gap: 0.45rem;
    align-items: center;
    margin-top: 0.85rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid #d6e0ea;
    border-radius: 0.5rem;
    background: #f8fafc;
    color: #526b80;
    font-size: 0.75rem;
    line-height: 1.35;
}

.sample-report__source-rating strong {
    display: grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 0.375rem;
    background: #174f9c;
    color: #ffffff;
    font-size: 0.875rem;
}

.sample-report__source-rating b {
    min-width: 0;
    color: #173a56;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.sample-report__report-meta {
    grid-area: meta;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 1rem;
    margin: 0;
    padding-top: 0.9rem;
    border-top: 1px solid var(--report-line);
}

.sample-report__report-meta div,
.sample-report__owner-card dl div,
.sample-report__spec-grid div,
.sample-report__recall-list div {
    min-width: 0;
}

.sample-report__report-meta dt,
.sample-report__owner-card dt,
.sample-report__spec-grid dt,
.sample-report__recall-list dt {
    color: #586f84;
    font-size: 0.8125rem;
    font-weight: 650;
    line-height: 1.35;
}

.sample-report__report-meta dd {
    margin: 0.18rem 0 0;
    color: #17344d;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.sample-report__report-meta code {
    font-family: inherit;
    font-size: inherit;
}

.sample-report__alert {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    margin-top: 1.25rem;
    padding: 0.85rem 1rem;
    border: 1px solid #e4aaa4;
    border-inline-start: 4px solid var(--report-red);
    border-radius: 0.5rem;
    background: var(--report-red-soft);
}

.sample-report__vehicle-grid > .sample-report__alert {
    grid-area: alert;
    margin-top: 0;
}

.sample-report__alert-mark {
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    background: #f8d9d5;
    color: var(--report-red);
}

.sample-report__alert-icon {
    --ui-icon-size: var(--icon-size-compact);
}

.sample-report__alert h3 {
    margin: 0;
    color: #76221d;
    font-size: 1rem;
    line-height: 1.35;
}

.sample-report__alert p {
    margin: 0.2rem 0 0;
    color: #75423e;
    font-size: 0.875rem;
    line-height: 1.55;
}

.sample-report__alert--warning {
    border-color: #e7ca8b;
    border-inline-start-color: #b47a0a;
    background: var(--report-amber-soft);
}

.sample-report__alert--warning .sample-report__alert-mark {
    background: #f8e8bd;
    color: var(--report-amber);
}

.sample-report__alert--warning h3 {
    color: #654307;
}

.sample-report__alert--warning p {
    color: #715c30;
}

.sample-report__section-heading {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

.sample-report__section-heading--compact {
    display: block;
    margin-top: 1.5rem;
}

.sample-report__vehicle-grid > .sample-report__section-heading--compact {
    grid-area: summary-heading;
    margin-top: 0;
}

.sample-report__vehicle-grid > .sample-report__summary {
    grid-area: summary;
}

.sample-report__vehicle-grid > .sample-report__summary .sample-report__summary-grid:first-child {
    margin-top: 0;
}

.sample-report__section-heading h2,
.sample-report__section-heading h3,
.sample-report__subheading,
.sample-report__closing h2 {
    margin: 0;
    color: #0b253d;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.35;
}

.sample-report__section-heading h2 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.sample-report__section-heading h3,
.sample-report__subheading {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.sample-report__section-heading p {
    max-width: var(--public-copy-measure, 65ch);
    margin: 0.35rem 0 0;
    color: var(--report-muted);
    font-size: 1rem;
    line-height: 1.62;
}

.sample-report__section-number {
    padding-top: 0.25rem;
    color: var(--report-blue);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.4;
}

.sample-report__summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1.5rem;
    margin: 0.85rem 0 0;
    padding: 0;
    border-top: 1px solid var(--report-line);
    list-style: none;
}

.sample-report__summary-grid li {
    min-width: 0;
}

.sample-report__summary-grid--secondary {
    margin-top: 0;
    border-top: 0;
}

.sample-report__summary-card {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 3.5rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--report-line);
    color: inherit;
    text-decoration: none;
}

a.sample-report__summary-card:hover {
    background: #f8fafc;
}

a.sample-report__summary-card .sample-report__summary-label {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

a.sample-report__summary-card:is(:hover, :focus-visible) .sample-report__summary-label {
    text-decoration-color: currentColor;
}

.sample-report__contents a:focus-visible,
.sample-report__summary-card:focus-visible,
.sample-report__source a:focus-visible,
.sample-report__links a:focus-visible {
    border-radius: 0.5rem;
    outline: 3px solid var(--color-focus, #2f6fed);
    outline-offset: 2px;
}

.sample-report__summary-mark {
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    color: var(--report-blue);
}

/* Category and evidence state are deliberately separate. Category glyphs stay
   brand-neutral; the adjacent status glyph and text carry the evidence tone. */
.sample-report__summary-card .sample-report__summary-mark {
    color: var(--report-blue);
}

.sample-report__summary-icon {
    --ui-icon-size: var(--icon-size-inline);
}

.sample-report__summary-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.1rem 0.65rem;
    min-width: 0;
    align-items: center;
}

.sample-report__summary-label {
    color: #405970;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.sample-report__summary-copy strong {
    grid-column: 2;
    grid-row: 1 / span 2;
    color: #0b263f;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.015em;
    line-height: 1.2;
}

.sample-report__summary-copy small {
    color: #586f84;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.3;
}

.sample-report__summary-status {
    display: inline-flex;
    gap: 0.3rem;
    align-items: center;
    min-width: 0;
}

.sample-report__summary-status-icon {
    --ui-icon-size: var(--icon-size-compact);
}

.sample-report__summary-status--available {
    color: var(--report-green);
}

.sample-report__summary-status--warning {
    color: var(--report-amber);
}

.sample-report__summary-status--critical {
    color: var(--report-red);
}

.sample-report__summary-status:is(.sample-report__summary-status--no_data, .sample-report__summary-status--information) {
    color: #586f84;
}

.sample-report__summary-card--warning small {
    color: var(--report-red);
}

.sample-report__summary-card--review small {
    color: var(--report-amber);
}

.sample-report__summary-card--clear small {
    color: var(--report-green);
}

.sample-report__workspace {
    min-width: 0;
}

.sample-report__contents {
    position: sticky;
    z-index: 5;
    top: var(--sample-header-height, 3.75rem);
    display: block;
    padding: 0.3rem 0.35rem;
    overflow: visible;
    border-top: 1px solid var(--report-line);
    border-bottom: 1px solid var(--report-line);
    background: #ffffff;
    box-shadow: 0 0.35rem 0.8rem rgb(15 35 55 / 5%);
}

.sample-report__contents-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.sample-report__contents ol {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: stretch;
    gap: 0.25rem;
    margin: 0;
    padding: 0 0 0.125rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
    scrollbar-color: #b7c7d7 transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    list-style: none;
}

.sample-report__contents li {
    flex: 0 0 auto;
    min-width: 0;
}

.sample-report__contents a {
    display: inline-flex;
    width: auto;
    min-width: 7.5rem;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.65rem;
    border-radius: 0.4rem;
    color: #344d64;
    font-size: 0.8rem;
    font-weight: 650;
    line-height: 1.3;
    text-decoration: none;
    white-space: nowrap;
}

.sample-report__contents a:hover,
.sample-report__contents a[aria-current="location"] {
    background: var(--report-blue-soft);
    color: var(--report-blue);
}

.sample-report__contents a[aria-current="location"] {
    box-shadow: inset 0 -0.16rem currentColor;
}

.sample-report__contents a:focus-visible {
    outline: 3px solid var(--color-focus, #2f6fed);
    outline-offset: -2px;
}

.sample-report__nav-icon {
    --ui-icon-size: var(--icon-size-inline);
    flex: 0 0 auto;
}

.sample-report__body {
    width: 100%;
    margin: 2rem auto 0;
    overflow: hidden;
    border: 1px solid var(--report-line-strong);
    border-radius: 0.5rem;
    background: #ffffff;
}

.sample-report__section {
    min-width: 0;
    padding: clamp(1.5rem, 3vw, 2rem);
    border-top: 1px solid var(--report-line);
    scroll-margin-top: var(--sample-sticky-offset, 8.5rem);
}

.sample-report__section:focus:not(:focus-visible) {
    outline: none;
}

.sample-report__section:focus-visible {
    outline: 2px solid #78aef7;
    outline-offset: -2px;
}

.sample-report__body > .sample-report__section:first-child {
    border-top: 0;
}

.sample-report__visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.sample-report__section-body {
    margin-top: 1rem;
}

.sample-report__owner-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-top: 1.15rem;
    overflow: hidden;
    border: 1px solid var(--report-line);
    border-radius: 0.5rem;
}

.sample-report__owner-card {
    min-width: 0;
    background: #ffffff;
}

.sample-report__owner-card + .sample-report__owner-card {
    border-inline-start: 1px solid var(--report-line);
}

.sample-report__owner-card h3 {
    margin: 0;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--report-line);
    background: var(--report-soft);
    color: #183852;
    font-size: 1rem;
}

.sample-report__owner-card dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.9rem;
}

.sample-report__owner-card dl div:last-child {
    grid-column: 1 / -1;
}

.sample-report__owner-card dd,
.sample-report__spec-grid dd {
    margin: 0.2rem 0 0;
    color: #17344d;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.sample-report__timeline,
.sample-report__mileage-list,
.sample-report__title-list {
    position: relative;
    margin: 1.15rem 0 0;
    padding: 0;
    list-style: none;
}

.sample-report__timeline {
    padding: 0.35rem 0;
    border-top: 1px solid var(--report-line);
    border-bottom: 1px solid var(--report-line);
}

.sample-report__timeline::before {
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: 7.1rem;
    width: 1px;
    background: #ccd8e3;
    content: "";
}

.sample-report__timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: 2rem;
    align-items: start;
}

.sample-report__timeline-status {
    position: absolute;
    top: 0.88rem;
    left: 6.55rem;
    display: inline-grid;
    width: 1rem;
    height: 1rem;
    place-items: center;
    background: #ffffff;
    border-radius: 50%;
}

.sample-report__timeline-status-icon,
.sample-report__finding-status-icon,
.sample-report__title-status-icon,
.sample-report__safety-status-icon {
    --ui-icon-size: var(--icon-size-compact);
}

.sample-report__timeline-item > time {
    padding-top: 0.8rem;
    color: #5f7488;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: end;
}

.sample-report__timeline-card {
    min-width: 0;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--report-line);
}

.sample-report__timeline-item:last-child .sample-report__timeline-card {
    border-bottom: 0;
}

.sample-report__gallery {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--report-line);
}

.sample-report__gallery-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.sample-report__gallery-heading h3,
.sample-report__gallery-heading p {
    margin: 0;
}

.sample-report__gallery-heading h3 {
    color: #173650;
    font-size: 1rem;
    line-height: 1.4;
}

.sample-report__gallery-heading p {
    color: var(--report-muted);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.sample-report__gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.sample-report__gallery-grid img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border: 1px solid #d5dee7;
    border-radius: 0.45rem;
    background: #f3f5f7;
}

.sample-report__photo-link {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
    color: var(--report-blue);
    font-size: 0.8125rem;
    line-height: 1.5;
    text-underline-offset: 0.2em;
}

.sample-report__photo-link:hover img {
    border-color: var(--report-blue);
}

.sample-report__photo-link:focus-visible {
    border-radius: var(--public-radius-control);
    outline: 3px solid #78aef7;
    outline-offset: 3px;
}

.sample-report__photo-dialog {
    width: min(72rem, calc(100% - 2rem));
    max-width: none;
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
    padding: 1rem;
    border: 1px solid var(--report-line);
    border-radius: var(--public-radius-panel);
    background: #ffffff;
    color: var(--report-ink);
}

.sample-report__photo-dialog::backdrop {
    background: rgb(23 33 43 / 72%);
}

.sample-report__photo-dialog form {
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.sample-report__photo-dialog p {
    margin: 0.75rem 0;
    font-size: 0.875rem;
}

.sample-report__photo-dialog img {
    display: block;
    width: 100%;
    max-height: calc(100vh - 10rem);
    max-height: calc(100dvh - 10rem);
    object-fit: contain;
}

.page-sample-report:has(.sample-report__photo-dialog[open]) {
    overflow: hidden;
}

.sample-report__timeline-item--warning .sample-report__timeline-card {
    padding-inline-start: 0.75rem;
    border-inline-start: 3px solid #d07a72;
    background: #fffafa;
}

.sample-report__timeline-card h3 {
    margin: 0;
    color: #173650;
    font-size: 1rem;
    line-height: 1.4;
}

.sample-report__timeline-card dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0.55rem 0 0;
}

.sample-report__timeline-card dt {
    color: var(--report-muted);
    font-size: 0.75rem;
    font-weight: 640;
}

.sample-report__timeline-card dd {
    margin: 0.16rem 0 0;
    color: #27465f;
    font-size: 0.8125rem;
    font-weight: 680;
    line-height: 1.4;
}

.sample-report__mileage-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--report-line);
    border-radius: 0.625rem;
}

.sample-report__mileage-list::before {
    position: absolute;
    top: 3.95rem;
    left: 10%;
    right: 10%;
    height: 2px;
    background: #b8c9da;
    content: "";
}

.sample-report__mileage-list li {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    min-height: 10rem;
    flex-direction: column;
    padding: 0.8rem 0.7rem;
    border-inline-start: 1px solid var(--report-line);
    background: #ffffff;
}

.sample-report__mileage-list li:first-child {
    border-inline-start: 0;
}

.sample-report__mileage-list time {
    color: #63798e;
    font-size: 0.75rem;
    font-weight: 680;
}

.sample-report__mileage-list strong {
    position: relative;
    margin-top: 1.5rem;
    color: #123754;
    font-size: 0.9rem;
}

.sample-report__mileage-list strong::before {
    position: absolute;
    top: -0.9rem;
    left: 0;
    width: 0.62rem;
    height: 0.62rem;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: var(--report-blue);
    box-shadow: 0 0 0 1px #8da9c2;
    content: "";
}

.sample-report__mileage-list span {
    margin-top: 0.35rem;
    color: #536b80;
    font-size: 0.75rem;
    line-height: 1.35;
}

.sample-report__mileage-list small {
    margin-top: 0.25rem;
    color: var(--report-muted);
    font-size: var(--public-text-caption, 0.8125rem);
    line-height: 1.45;
}

.sample-report__mileage-list p {
    margin: 0.35rem 0 0;
    color: #5d7082;
    font-size: var(--public-text-caption, 0.8125rem);
    line-height: 1.45;
}

.sample-report__damage-visual {
    margin-top: 1.15rem;
    overflow: hidden;
    border: 1px solid #cedbe7;
    border-radius: 0.75rem;
    background: #ffffff;
}

.sample-report__damage-header {
    display: flex;
    gap: 1rem;
    align-items: end;
    justify-content: space-between;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #dbe5ee;
    background: #f7fafc;
}

.sample-report__damage-eyebrow,
.sample-report__damage-header h3,
.sample-report__damage-count {
    margin: 0;
}

.sample-report__damage-eyebrow {
    color: #52708b;
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1.35;
}

.sample-report__damage-header h3 {
    margin-top: 0.15rem;
    color: #102f49;
    font-size: 1.05rem;
    line-height: 1.4;
}

.sample-report__damage-count {
    flex: 0 0 auto;
    color: #8a312b;
    font-size: 0.8125rem;
    font-weight: 650;
    line-height: 1.4;
    text-align: end;
}

.sample-report__damage-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(15rem, 0.92fr);
    align-items: stretch;
}

.sample-report__damage-diagram {
    min-width: 0;
    margin: 0;
    padding: 1rem;
}

.sample-report__damage-image {
    display: grid;
    min-height: 12rem;
    place-items: center;
    border: 1px solid #e0e7ee;
    border-radius: 0.625rem;
    background: #fbfcfd;
}

.sample-report__damage-image img {
    display: block;
    width: min(100%, 41.75rem);
    height: auto;
    aspect-ratio: 668 / 350;
    object-fit: contain;
}

.sample-report__damage-diagram figcaption {
    margin-top: 0.55rem;
    color: var(--report-muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.sample-report__damage-zones {
    margin-top: 0.8rem;
}

.sample-report__damage-zones h4,
.sample-report__damage-event h4 {
    margin: 0;
    color: #173a56;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.sample-report__damage-zones ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0.5rem 0 0;
    padding: 0;
    list-style: none;
}

.sample-report__damage-zones li {
    display: inline-flex;
    gap: 0.55rem;
    align-items: center;
    min-height: 2rem;
    padding: 0.3rem 0.45rem 0.3rem 0.65rem;
    border: 1px solid #e0b4af;
    border-radius: 0.5rem;
    background: #fff8f7;
    color: #70423e;
    font-size: 0.8125rem;
    line-height: 1.35;
}

.sample-report__damage-zones strong {
    display: grid;
    min-width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 0.35rem;
    background: #b43c33;
    color: #ffffff;
    font-size: 0.75rem;
}

.sample-report__damage-event {
    min-width: 0;
    padding: 1rem;
    border-inline-start: 1px solid #dbe5ee;
    background: #fbfcfd;
}

.sample-report__damage-event dl {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin: 0.7rem 0 0;
}

.sample-report__damage-event dl div {
    min-width: 0;
    padding: 0.65rem 0.7rem;
    border-top: 1px solid #e2e9ef;
}

.sample-report__damage-event dt {
    color: var(--report-muted);
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1.35;
}

.sample-report__damage-event dd {
    margin: 0.2rem 0 0;
    color: #173a56;
    font-size: 0.8125rem;
    font-weight: 650;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.sample-report__damage-history {
    border-top: 1px solid #dbe5ee;
}

.sample-report__damage-event--previous {
    border-inline-start: 0;
    background: #ffffff;
}

.sample-report__damage-event--previous + .sample-report__damage-event--previous {
    border-top: 1px solid #dbe5ee;
}

.sample-report__damage-note {
    margin: 0;
    padding: 0.7rem 1rem;
    border-top: 1px solid #dbe5ee;
    color: var(--report-muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.sample-report__finding-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-top: 1.15rem;
    overflow: hidden;
    border: 1px solid #e4b2ac;
    border-radius: 0.625rem;
    background: #fffafa;
}

.sample-report__finding-card {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.75rem;
    min-width: 0;
    padding: 0.9rem;
}

.sample-report__finding-card:nth-child(even) {
    border-inline-start: 1px solid #edcbc7;
}

.sample-report__finding-card:nth-child(n + 3) {
    border-top: 1px solid #edcbc7;
}

.sample-report__finding-card > span {
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    color: var(--report-blue);
}

.sample-report__finding-icon {
    --ui-icon-size: var(--icon-size-inline);
}

.sample-report__finding-card p {
    margin: 0;
    color: #6f4b47;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.sample-report__finding-status,
.sample-report__title-event p,
.sample-report__safety-card h3 {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.sample-report__finding-status > span,
.sample-report__title-event p > span,
.sample-report__safety-card h3 > span {
    min-width: 0;
}

.sample-report__finding-card h3 {
    margin: 0.2rem 0;
    color: #71231d;
    font-size: 1rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.sample-report__finding-card small {
    display: block;
    margin-bottom: 0.4rem;
    color: #9b625d;
    font-size: 0.75rem;
}

.sample-report__subheading {
    margin-top: 1.5rem;
}

.sample-report__title-list {
    overflow: hidden;
    border: 1px solid var(--report-line);
    border-radius: 0.625rem;
}

.sample-report__title-event {
    display: grid;
    grid-template-columns: 6.5rem 3rem 5rem minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    min-width: 0;
    padding: 0.7rem 0.85rem;
    border-top: 1px solid var(--report-line);
    background: #ffffff;
}

.sample-report__title-event:first-child {
    border-top: 0;
}

.sample-report__title-event--warning {
    background: #fff9f8;
}

.sample-report__title-event time,
.sample-report__title-event span,
.sample-report__title-event strong {
    color: #49647a;
    font-size: 0.75rem;
}

.sample-report__title-event strong {
    color: #173a56;
}

.sample-report__title-event p {
    margin: 0;
    color: #4f6578;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.sample-report__title-event--warning p {
    color: #842f28;
    font-weight: 650;
}

.sample-report__table-wrap {
    margin-top: 0.8rem;
    overflow-x: auto;
    border: 1px solid var(--report-line);
    border-radius: 0.625rem;
}

.sample-report__market-table {
    width: 100%;
    min-width: 34rem;
    border-collapse: collapse;
    background: #ffffff;
}

.sample-report__market-table th,
.sample-report__market-table td {
    padding: 0.7rem 0.85rem;
    border-top: 1px solid var(--report-line);
    color: #264760;
    font-size: 0.8125rem;
    text-align: start;
}

.sample-report__market-table thead th {
    border-top: 0;
    background: var(--report-soft);
    color: var(--report-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.sample-report__market-table tbody th {
    color: #173650;
    font-weight: 700;
}

.sample-report__spec-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0.8rem 0 0;
    overflow: hidden;
    border: 1px solid var(--report-line);
    border-radius: 0.625rem;
}

.sample-report__spec-grid div {
    min-height: 4.75rem;
    padding: 0.75rem 0.85rem;
    border-top: 1px solid var(--report-line);
    border-inline-start: 1px solid var(--report-line);
}

.sample-report__spec-grid div:nth-child(-n + 3) {
    border-top: 0;
}

.sample-report__spec-grid div:nth-child(3n + 1) {
    border-inline-start: 0;
}

.sample-report__safety-grid {
    display: grid;
    grid-template-columns: minmax(14rem, 0.65fr) minmax(0, 1.35fr);
    gap: 0;
    margin-top: 1.1rem;
    overflow: hidden;
    border: 1px solid var(--report-line);
    border-radius: 0.625rem;
}

.sample-report__safety-card {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.75rem;
    min-width: 0;
    padding: 0.9rem;
}

.sample-report__safety-card + .sample-report__safety-card {
    border-inline-start: 1px solid var(--report-line);
}

.sample-report__safety-card--clear {
    background: var(--report-green-soft);
}

.sample-report__safety-card--warning {
    background: var(--report-amber-soft);
}

.sample-report__safety-card > span {
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
}

.sample-report__safety-card > span {
    color: var(--report-blue);
}

.sample-report__safety-icon {
    --ui-icon-size: var(--icon-size-inline);
}

.sample-report__safety-card h3 {
    margin: 0;
    color: #183a52;
    font-size: 1rem;
    line-height: 1.4;
}

.sample-report__safety-card p {
    margin: 0.35rem 0 0;
    color: #506a7e;
    font-size: 0.875rem;
    line-height: 1.55;
}

.sample-report__recall-list {
    display: grid;
    gap: 0.6rem;
    margin: 0.7rem 0 0;
}

.sample-report__recall-list div {
    padding-top: 0.55rem;
    border-top: 1px solid rgba(145, 104, 25, 0.18);
}

.sample-report__recall-list dd {
    margin: 0.2rem 0 0;
    color: #4e442d;
    font-size: 0.8125rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.sample-report__variant-records {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.sample-report__variant-record:only-child {
    grid-column: 1 / -1;
}

.sample-report__variant-record {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--report-line);
    border-radius: 0.625rem;
    background: #ffffff;
}

.sample-report__variant-record > header {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid var(--report-line);
    background: var(--report-soft);
}

.sample-report__variant-record > header > span {
    display: grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    color: var(--report-blue);
}

.sample-report__variant-record-icon {
    --ui-icon-size: var(--icon-size-inline);
}

.sample-report__variant-record h3,
.sample-report__variant-record p {
    margin: 0;
}

.sample-report__variant-record h3 {
    color: #163751;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.sample-report__variant-record header p {
    margin-top: 0.2rem;
    color: var(--report-muted);
    font-size: 0.75rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.sample-report__variant-record header strong {
    color: #36556d;
    font-weight: 650;
}

.sample-report__variant-record dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.sample-report__variant-record dl div {
    min-width: 0;
    padding: 0.7rem 0.85rem;
    border-top: 1px solid var(--report-line);
}

.sample-report__variant-record dl div:nth-child(-n + 2) {
    border-top: 0;
}

.sample-report__variant-record dt {
    color: var(--report-muted);
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1.35;
}

.sample-report__variant-record dd {
    margin: 0.2rem 0 0;
    color: #173a56;
    font-size: 0.8125rem;
    font-weight: 650;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.sample-report__source {
    background: #f8fafc;
}

.sample-report__source-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-top: 1rem;
    border-top: 1px solid var(--report-line);
    border-bottom: 1px solid var(--report-line);
}

.sample-report__source-grid > div {
    min-width: 0;
    padding: 0.9rem 0;
}

.sample-report__source-grid > div + div {
    padding-inline-start: 1rem;
    border-inline-start: 1px solid var(--report-line);
}

.sample-report__source-grid a {
    color: var(--report-blue);
    font-size: 0.875rem;
    font-weight: 600;
}

.sample-report__source-grid h3 {
    margin: 0;
    color: #173650;
    font-size: 1rem;
}

.sample-report__source-grid p {
    margin: 0.4rem 0 0;
    color: #607488;
    font-size: 0.875rem;
    line-height: 1.58;
}

.sample-report__closing {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem 1.5rem;
    align-items: center;
    margin: 1.5rem auto 0;
    padding: clamp(1.25rem, 2.8vw, 1.75rem);
    border: 1px solid #b9d2ee;
    border-radius: 0.5rem;
    background: #edf5ff;
}

.sample-report__closing h2 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.sample-report__closing p {
    max-width: 42rem;
    margin: 0.4rem 0 0;
    color: #506a82;
    font-size: 1rem;
    line-height: 1.55;
}

.sample-report__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
}

.sample-report__actions .button {
    white-space: nowrap;
}

.sample-report__links {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.sample-report__links a {
    color: #315c86;
    font-size: 0.8125rem;
    font-weight: 650;
}

@media (max-width: 69rem) {
    .sample-report__cover {
        gap: 1.5rem;
    }
}

/* The offer must stack before enlarged text narrows the headline column. */
@container sample-report-cover (max-width: 52rem) {
    .sample-report__intro {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .sample-report__intro-actions {
        min-width: 0;
        margin-top: 0;
    }

    .sample-report__intro-actions .button {
        max-width: 100%;
    }
}

@media (max-width: 52rem) {
    .sample-report__contents {
        position: sticky;
        top: var(--sample-header-height, 3.75rem);
        padding: 0.25rem 0.3rem;
    }

    .sample-report__vehicle-grid,
    .sample-report__safety-grid,
    .sample-report__source-grid,
    .sample-report__damage-layout {
        grid-template-columns: 1fr;
    }

    .sample-report__vehicle-grid {
        grid-template-areas:
            "copy"
            "media"
            "alert"
            "summary-heading"
            "summary"
            "meta";
    }

    .sample-report__vehicle-copy {
        grid-area: copy;
    }

    .sample-report__vehicle-media {
        grid-area: media;
    }

    .sample-report__safety-card + .sample-report__safety-card,
    .sample-report__source-grid > div + div,
    .sample-report__damage-event {
        padding-inline-start: 0.9rem;
        border-top: 1px solid var(--report-line);
        border-inline-start: 0;
    }

    .sample-report__mileage-list {
        grid-template-columns: 1fr;
    }

    .sample-report__mileage-list::before {
        top: 1.3rem;
        bottom: 1.3rem;
        left: 1.22rem;
        right: auto;
        width: 2px;
        height: auto;
    }

    .sample-report__mileage-list li {
        display: grid;
        grid-template-columns: 6.5rem 5.3rem minmax(0, 1fr);
        gap: 0.65rem;
        min-height: 0;
        padding: 0.8rem 0.85rem 0.8rem 2.15rem;
        border-top: 1px solid var(--report-line);
        border-inline-start: 0;
    }

    .sample-report__mileage-list li:first-child {
        border-top: 0;
    }

    .sample-report__mileage-list strong {
        margin-top: 0;
    }

    .sample-report__mileage-list strong::before {
        top: 0.15rem;
        left: -1.43rem;
    }

    .sample-report__mileage-list span,
    .sample-report__mileage-list small,
    .sample-report__mileage-list p {
        margin-top: 0;
    }

    .sample-report__mileage-list p {
        grid-column: 2 / -1;
    }

    .sample-report__closing {
        grid-template-columns: 1fr;
    }

    .sample-report__gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sample-report__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 40rem) {
    .sample-report {
        padding-top: 1.5rem;
    }

    .sample-report__shell {
        width: min(100% - 2rem, var(--public-shell-max));
    }

    .page-sample-report .sample-report__title {
        font-size: 1.5rem;
    }

    .sample-report__lede {
        display: none;
    }

    .sample-report__variant-selector {
        align-items: stretch;
        flex-direction: column;
        gap: 0.4rem;
        margin-bottom: 1rem;
        padding: 0.45rem;
    }

    .sample-report__variant-selector > span {
        padding: 0.15rem 0.3rem 0;
    }

    .sample-report__variant-selector > div {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sample-report__variant-selector a {
        min-width: 0;
        padding-inline: 0.35rem;
        white-space: normal;
    }

    .sample-report__overview,
    .sample-report__section {
        padding: 1rem;
    }

    .sample-report__body > .sample-report__section:not(.sample-report__source) .sample-report__section-heading p {
        display: none;
    }

    .sample-report__vehicle-media img {
        aspect-ratio: 4 / 3;
    }

    .sample-report__source-rating {
        grid-template-columns: auto minmax(0, 1fr);
        width: 100%;
    }

    .sample-report__source-rating > span {
        grid-column: 1 / -1;
    }

    .sample-report__source-rating strong,
    .sample-report__source-rating b {
        min-width: 0;
    }

    .sample-report__summary-grid--secondary .sample-report__summary-card {
        min-height: 3rem;
        padding-block: 0.4rem;
    }

    .sample-report__damage-header {
        display: block;
    }

    .sample-report__damage-count {
        margin-top: 0.35rem;
        text-align: start;
    }

    .sample-report__damage-diagram,
    .sample-report__damage-event {
        padding: 0.8rem;
    }

    .sample-report__damage-image {
        min-height: 0;
    }

    .sample-report__damage-event dl {
        grid-template-columns: 1fr;
    }

    .sample-report__report-meta,
    .sample-report__owner-grid,
    .sample-report__finding-grid,
    .sample-report__spec-grid,
    .sample-report__summary-grid,
    .sample-report__variant-records,
    .sample-report__variant-record dl {
        grid-template-columns: 1fr;
    }

    .sample-report__variant-record dl div:nth-child(n + 2) {
        border-top: 1px solid var(--report-line);
    }

    .sample-report__gallery-heading {
        display: block;
    }

    .sample-report__gallery-heading p {
        margin-top: 0.2rem;
    }

    .sample-report__owner-card + .sample-report__owner-card {
        border-top: 1px solid var(--report-line);
        border-inline-start: 0;
    }

    .sample-report__owner-card dl {
        grid-template-columns: 1fr;
    }

    .sample-report__owner-card dl div:last-child {
        grid-column: auto;
    }

    .sample-report__timeline::before {
        left: 0.28rem;
    }

    .sample-report__timeline-item {
        grid-template-columns: 1fr;
        gap: 0.35rem;
        padding-inline-start: 1.25rem;
    }

    .sample-report__timeline-status {
        top: 0.05rem;
        left: -0.22rem;
    }

    .sample-report__timeline-item > time {
        padding-top: 0;
        text-align: start;
    }

    .sample-report__timeline-card dl {
        grid-template-columns: 1fr;
    }

    .sample-report__mileage-list li {
        grid-template-columns: 5.8rem minmax(0, 1fr);
    }

    .sample-report__mileage-list span,
    .sample-report__mileage-list small,
    .sample-report__mileage-list p {
        grid-column: 2;
    }

    .sample-report__finding-card:nth-child(even) {
        border-inline-start: 0;
    }

    .sample-report__finding-card:nth-child(n + 2) {
        border-top: 1px solid #edcbc7;
    }

    .sample-report__title-event {
        grid-template-columns: 6rem 2.7rem minmax(0, 1fr);
    }

    .sample-report__title-event p {
        grid-column: 1 / -1;
    }

    .sample-report__table-wrap {
        overflow-x: visible;
        border: 0;
        border-radius: 0;
    }

    .sample-report__market-table {
        display: block;
        min-width: 0;
        background: transparent;
    }

    .sample-report__market-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    .sample-report__market-table tbody {
        display: grid;
        gap: 0.75rem;
    }

    .sample-report__market-table tr {
        display: block;
        overflow: hidden;
        border: 1px solid var(--report-line);
        border-radius: 0.625rem;
        background: #ffffff;
    }

    .sample-report__market-table tbody th,
    .sample-report__market-table td {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.75rem;
        align-items: baseline;
        width: 100%;
        padding: 0.7rem 0.85rem;
    }

    .sample-report__market-table tbody th {
        display: block;
        border-top: 0;
        background: var(--report-soft);
    }

    .sample-report__market-table td::before {
        content: attr(data-label);
        min-width: 0;
        color: var(--report-muted);
        font-size: 0.75rem;
        font-weight: 700;
        overflow-wrap: anywhere;
    }

    .sample-report__market-table td > span {
        text-align: end;
    }

    .sample-report__spec-grid div,
    .sample-report__spec-grid div:nth-child(-n + 3),
    .sample-report__spec-grid div:nth-child(3n + 1) {
        border-top: 1px solid var(--report-line);
        border-inline-start: 0;
    }

    .sample-report__spec-grid div:first-child {
        border-top: 0;
    }

    .sample-report__actions {
        display: grid;
    }

    .sample-report__intro-actions {
        display: grid;
    }

    .sample-report__intro-actions .button {
        width: 100%;
        white-space: normal;
    }

    .sample-report__actions .button {
        min-width: 0;
        width: 100%;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sample-report *,
    .sample-report *::before,
    .sample-report *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

@media (forced-colors: active) {
    .sample-report__overview,
    .sample-report__body,
    .sample-report__closing,
    .sample-report__owner-grid,
    .sample-report__mileage-list,
    .sample-report__finding-grid,
    .sample-report__title-list,
    .sample-report__table-wrap,
    .sample-report__spec-grid,
    .sample-report__safety-grid,
    .sample-report__vehicle-media img,
    .sample-report__variant-selector,
    .sample-report__variant-record,
    .sample-report__gallery-grid img,
    .sample-report__damage-visual,
    .sample-report__damage-image,
    .sample-report__source-rating {
        border: 1px solid CanvasText;
    }

    .sample-report__alert {
        border: 2px solid CanvasText;
    }

    .sample-report__summary-mark,
    .sample-report__alert-mark,
    .sample-report__finding-card > span,
    .sample-report__damage-zones strong,
    .sample-report__source-rating strong {
        forced-color-adjust: none;
    }

    .sample-report__contents a[aria-current="location"] {
        border: 1px solid Highlight;
        box-shadow: none;
    }

    .sample-report__section:focus-visible {
        outline: 2px solid Highlight;
        outline-offset: -2px;
    }
}

@media print {
    .page-sample-report {
        background: #ffffff;
    }

    .site-header,
    .site-footer,
    .skip-link,
    .sample-report__intro-offer,
    .sample-report__intro-actions,
    .sample-report__photo-dialog,
    .sample-report__photo-link > span,
    .sample-report__variant-selector,
    .sample-report__contents,
    .sample-report__closing,
    .sample-report__links {
        display: none !important;
    }

    .sample-report {
        padding: 0;
    }

    .sample-report__cover,
    .sample-report__workspace,
    .sample-report__body {
        display: block;
        width: 100%;
        margin: 0;
    }

    .sample-report__intro {
        max-width: none;
        margin-bottom: 1rem;
    }

    .sample-report__lede {
        max-width: none;
        font-size: 0.9rem;
    }

    .sample-report__overview,
    .sample-report__body {
        border: 0;
        border-radius: 0;
    }

    .sample-report__section {
        outline: none !important;
    }

    .sample-report__section-heading,
    .sample-report__gallery-heading,
    .sample-report__subheading {
        break-after: avoid;
    }

    .sample-report__alert,
    .sample-report__summary-card,
    .sample-report__owner-card,
    .sample-report__timeline-card,
    .sample-report__mileage-list li,
    .sample-report__finding-card,
    .sample-report__title-event,
    .sample-report__variant-record,
    .sample-report__gallery,
    .sample-report__gallery-grid img,
    .sample-report__safety-card,
    .sample-report__damage-visual {
        break-inside: avoid;
    }
}