/* Editorial file lists share the product's typography and brand tokens. */
.r5docs {
    --r5docs-brand: var(--r5-product-brand, #19118c);
    --r5docs-line: var(--r5-product-line, #ececec);
    --r5docs-muted: var(--r5-product-muted, #767676);
    min-width: 0;
}
.r5docs .r5docs-heading { margin: 0 0 1rem; font-size: 1.25rem; font-weight: 400; line-height: 1.5; }
.r5docs .r5docs-files { margin: 0; padding: 0; list-style: none; }
.r5docs-files__item { margin: 0; padding: 0; border-bottom: 1px solid var(--r5docs-line); }
.r5docs-files__item:first-child { border-top: 1px solid var(--r5docs-line); }
.r5docs .r5docs-file {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.5rem;
    padding: 1rem .5rem;
    color: inherit;
    text-decoration: none;
}
.r5docs-file__format {
    display: grid;
    min-height: 3rem;
    place-items: center;
    border: 1px solid var(--r5docs-line);
    border-radius: 3px;
    color: var(--r5docs-brand);
    background: #fff;
    font-size: .6875rem;
    font-weight: 600;
    line-height: 1.5;
}
.r5docs-file__content { display: grid; min-width: 0; gap: .25rem; }
.r5docs-file__title { color: #333; overflow-wrap: anywhere; }
.r5docs-file__meta { color: var(--r5docs-muted); font-size: .75rem; line-height: 1.5; }
.r5docs-file__action { color: var(--r5docs-brand); font-size: .8125rem; }
.r5docs-file:hover .r5docs-file__title { color: var(--r5docs-brand); text-decoration: underline; text-underline-offset: .2em; }
.r5docs .r5docs-file:focus-visible { outline: 3px solid var(--r5docs-brand); outline-offset: 2px; }
.r5docs-unavailable { margin: 1rem 0; }
@media (max-width: 479px) {
    .r5docs .r5docs-file { grid-template-columns: 3rem minmax(0, 1fr); gap: .5rem 1rem; }
    .r5docs-file__format { grid-row: span 2; }
    .r5docs-file__action { grid-column: 2; }
}