/* Keep the operator's decision visible above the camera after a scan. */
.result .facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px
}
.result .fact {
    min-width: 0
}
.result .fact span {
    min-height: 2.8em;
    font-size: .73rem
}
.skip-link {
    top: 8px;
    transform: translateY(-200%)
}
.skip-link:focus {
    transform: translateY(0)
}
@media(max-width:700px) {
    #view-scan:has(.result:not([hidden])) .scan-layout > div:first-child {
        display: none
    }
    #view-scan:has(.result:not([hidden])) .section-heading {
        display: none
    }
    .result h2 {
        font-size: 1.4rem
    }
    .result {
        padding: 20px
    }
    .result .facts {
        margin: 17px 0;
        padding: 12px 0
    }
    .result .actions {
        margin-top: 16px
    }
    .result .actions button {
        min-width: 0
    }
    .notice {
        font-size: .82rem;
        padding: 11px 13px;
        margin-bottom: 15px
    }
    .notice.warning button {
        min-height: 44px;
        padding: 7px 10px
    }
}