:host {
    display: grid;

    grid:
        "name            name        " min-content
        "source-label    source-url  " min-content
        "copyright-label copyright   " min-content
        "license-label   license-type" min-content
        "license-text    license-text" min-content
        / max-content 1fr;
    gap: 0.25em;
}

.label {
    font-weight: bold;
}

.package-name {
    grid-area: name;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
}

.source-label {
    grid-area: source-label;
    display: block;
}

.source-url {
    grid-area: source-url;
    display: block;
}

.copyright-label {
    grid-area: copyright-label;
}

.copyright {
    grid-area: copyright;
    display: block;
    white-space: pre-wrap;
}

.license-label {
    grid-area: license-label;
    display: block;
}

.license-type {
    grid-area: license-type;
    display: block;
}

.license-text {
    grid-area: license-text;
    display: block;
    white-space: pre-wrap;
    font-size: 0.8em;
    padding: calc(var(--padding-step) * 2);
    font-family: monospace;
    background-color: rgba(0,0,0,0.075);
}