/* Readability pass for the documentation pages and shared contact widgets. */
:root {
    --muted: #5f5149;
    --line: #dfd4cd;
}

body {
    color: #2b211c;
    -webkit-font-smoothing: antialiased;
}

.top-actions .site-home-link {
    color: #50433c;
}

#toc a {
    color: #5f5149;
    font-size: 12px;
}

#toc a > span {
    color: #a94305;
    font-size: 12px;
}

.hero-lead {
    color: #2a211c;
    font-size: 20px;
}

.hero-description {
    color: #5f5149;
    font-size: 15px;
}

.hero-stats span {
    color: #5f5149;
    font-size: 12px;
}

.source-card small {
    color: #665850;
    font-size: 12px;
}

.source-card p {
    color: #665850;
    font-size: 12px;
}

.workflow small {
    color: #a94305;
    font-size: 11px;
}

.workflow span {
    color: #5f5149;
    font-size: 12px;
}

.chapter-meta {
    color: #74635a;
    font-size: 12px;
}

.chapter-summary {
    color: #5f5149;
    font-size: 15px;
}

.route {
    color: #574941;
    font-size: 13px;
}

.route > span {
    color: #654f43;
    font-size: 11px;
}

.chapter > p,
.step p {
    color: #51463f;
    font-size: 15px;
}

.table-wrap table {
    color: #2f2722;
    font-size: 13px;
}

th {
    color: #49372d;
}

.note strong {
    font-size: 14px;
}

.note p {
    color: #4e5f55;
    font-size: 13px;
}

.note.important p {
    color: #684d37;
}

.checklist h3 {
    font-size: 15px;
}

.checklist li {
    color: #49604c;
    font-size: 13px;
}

.figure-bar {
    color: #574941;
    font-size: 12px;
}

.figure-bar time {
    color: #62544b;
    font-size: 12px;
}

.screenshot figcaption {
    color: #5f5149;
    font-size: 12px;
}

.crop-note {
    color: #75665d;
    font-size: 11px;
}

.next-chapter {
    color: #574941;
    font-size: 13px;
}

.next-chapter > span {
    color: #75665d;
    font-size: 12px;
}

.document-footer {
    color: #776960;
    font-size: 12px;
}

.document-footer strong {
    color: #51463f;
    font-size: 13px;
}

.search-banner {
    color: #5c4430;
    font-size: 13px;
}

.no-results {
    color: #674f41;
    font-size: 15px;
}

.dialog-toolbar strong {
    font-size: 14px;
}

.dialog-toolbar button {
    font-size: 13px;
}

.dialog-help {
    color: #a9b8c3;
    font-size: 12px;
}

.service-fact-index {
    font-size: 12px;
}

.service-fact p {
    color: #5f5149 !important;
    font-size: 13px !important;
}

.consult-dock a {
    color: #2b211c;
    font-size: 13px;
}

.chat-connection {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
}

.chat-profile-panel label {
    color: #5f5149;
    font-size: 11px;
}

.chat-profile-panel input {
    color: #2b211c;
    font-size: 13px;
}

.chat-message-bubble {
    color: #2f2722;
    font-size: 14px;
}

.chat-message-system .chat-message-bubble {
    color: #594b44;
    font-size: 13px;
}

.chat-message-requirement .chat-message-label {
    color: #125963;
    font-size: 12px;
}

.chat-message time {
    color: #75665d;
    font-size: 11px;
}

.chat-inline-notice {
    color: #594b44;
    font-size: 13px;
}

.chat-composer textarea {
    color: #2b211c;
    font-size: 14px;
}

.chat-privacy {
    color: #6e6058;
    font-size: 11px;
}

@media (max-width: 720px) {
    #toc a {
        font-size: 13px;
    }

    .hero-lead {
        font-size: 17px;
    }

    .hero-description {
        font-size: 14px;
    }

    .hero-stats span,
    .source-card small,
    .source-card p {
        font-size: 12px;
    }

    .workflow small {
        font-size: 11px;
    }

    .workflow span {
        font-size: 12px;
    }

    .chapter-meta {
        font-size: 11px;
    }

    .chapter-summary {
        font-size: 13px;
    }

    .route {
        font-size: 12px;
    }

    .chapter > p,
    .step p {
        font-size: 13px;
    }

    .table-wrap table {
        font-size: 12px;
    }

    .note p,
    .checklist li {
        font-size: 12px;
    }

    .figure-bar,
    .figure-bar time,
    .screenshot figcaption {
        font-size: 11px;
    }

    .consult-dock a {
        font-size: 12px;
    }
}