.scan-check {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 1.25rem;
    color: #1d2935;
}

    .scan-check .intro {
        max-width: 780px;
    }

    .scan-check .panel {
        background: #fff;
        border: 1px solid #c9d2da;
        border-radius: 5px;
        margin: 1.25rem 0;
        padding: 1.25rem;
    }

        .scan-check .panel h2 {
            color: #173d5b;
            margin-top: 0;
        }

    .scan-check .field {
        margin: .8rem 0;
    }

    .scan-check label {
        display: block;
        font-weight: bold;
        margin-bottom: .25rem;
    }

    .scan-check input[type="text"], .scan-check input[type="email"] {
        box-sizing: border-box;
        border: 1px solid #9aaabd;
        max-width: 100%;
        padding: .55rem;
        width: 100%;
    }

    .scan-check .helper, .scan-check .note {
        color: #52616d;
        font-size: .93rem;
    }

    .scan-check .btn {
        background: #165a85;
        border: 0;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        margin: .35rem .35rem .35rem 0;
        padding: .65rem 1rem;
    }

        .scan-check .btn:disabled {
            background: #8a9aa8;
            cursor: not-allowed;
        }

        .scan-check .btn.alt {
            background: #52616d;
        }

    .scan-check .status {
        display: block;
        font-weight: bold;
        margin-top: .7rem;
    }

    .scan-check .verified {
        background: #edf7ef;
        border-left: 4px solid #167641;
        padding: .8rem;
    }

    .scan-check .failure {
        background: #fbeded;
        border-left: 4px solid #a61b1b;
        padding: .8rem;
    }

    .scan-check .result-summary {
        background: #edf3f7;
        border-left: 4px solid #173d5b;
        padding: .9rem;
    }

    .scan-check .chip {
        border-radius: 12px;
        color: #fff;
        display: inline-block;
        font-size: .78rem;
        font-weight: bold;
        margin: .3rem .25rem .3rem 0;
        padding: .25rem .65rem;
    }

    .scan-check .bitonal {
        background: #a61b1b;
    }

    .scan-check .gray {
        background: #9a6700;
    }

    .scan-check .color {
        background: #167641;
    }

    .scan-check .table-wrap {
        overflow-x: auto;
    }

    .scan-check .grid {
        border-collapse: collapse;
        font-size: .92rem;
        margin-top: .75rem;
        width: 100%;
    }

        .scan-check .grid th {
            background: #173d5b;
            color: #fff;
            padding: .65rem;
            text-align: left;
        }

        .scan-check .grid td {
            border: 1px solid #c9d2da;
            padding: .6rem;
            vertical-align: top;
        }

    .scan-check .facts {
        border-collapse: collapse;
        width: 100%;
    }

        .scan-check .facts th {
            background: #f3f6f8;
            text-align: left;
            width: 32%;
        }

        .scan-check .facts th, .scan-check .facts td {
            border: 1px solid #d5dde3;
            padding: .55rem;
            vertical-align: top;
        }

    .scan-check .hash {
        font-family: Consolas, "Courier New", monospace;
        overflow-wrap: anywhere;
    }

    .scan-check .footer-note {
        border-top: 1px solid #c9d2da;
        margin-top: 1.5rem;
        padding-top: 1rem;
    }