/* Compact source-tree framing on phones; keep the complete evidence and controls. */
@media screen and (max-width: 600px) {
    html body .historical-source-pedigree.profile-pedigree {
        padding: 14px;
    }
    html body .historical-source-pedigree > .pedigree-section-heading {
        gap: 10px;
        margin-bottom: 10px;
    }
    html body .historical-source-pedigree > .pedigree-section-heading h2 {
        margin-bottom: 6px;
        font-size: 20px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }
    html body .historical-source-pedigree > .pedigree-section-heading .fine {
        margin: 0;
        line-height: 1.5;
    }
    :root body .historical-source-pedigree.profile-pedigree .pedigree-depth-form {
        grid-template-columns: minmax(0, 1fr) minmax(54px, 64px) auto;
        align-items: center;
        gap: 8px;
    }
    :root body .historical-source-pedigree.profile-pedigree .pedigree-depth-form label {
        grid-column: auto;
        line-height: 1.4;
    }
    :root body .historical-source-pedigree.profile-pedigree .pedigree-depth-form .button {
        padding-inline: 8px;
        min-width: 44px;
        min-height: 44px;
    }
    html body .historical-source-pedigree > .pedigree-completeness {
        margin: 10px 0;
        padding: 8px 10px;
    }
    html body .historical-source-pedigree > .pedigree-completeness p {
        margin: 3px 0;
    }
    html body .historical-source-pedigree > .profile-pedigree-controls {
        gap: 6px;
        margin: 10px 0;
    }
    html body main .historical-source-pedigree > .profile-pedigree-controls .button {
        min-width: 44px;
        min-height: 44px;
        padding: 8px 5px;
        font-size: 13px;
        line-height: 1.4;
    }
}