/* Links retain the appearance of the navigation controls they replace. */
a.navigation-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 5px;
    margin: 10px;
    border: 2px solid var(--aw-frame);
    border-radius: 5px;
    background: var(--aw-panel-background);
    color: var(--aw-text);
    font: inherit;
    text-align: center;
    text-decoration: none;
    min-width: 0;
    flex: 1;
}
a.navigation-action:hover { background: #444; }
.container-button-panel a.navigation-action { width: 100%; flex: 0 1 auto; }
.author-button-panel a.navigation-action { width: 40%; flex: 0 1 40%; }
.aside-container a.navigation-action { width: 100%; margin: 10px 0; }
a.structure-card, a.package-card { color: inherit; text-decoration: none; }
.catalogue-introduction { margin: 1rem; color: #ccc; }
.catalogue-introduction a { color: var(--aw-link); }
@media (max-width: 800px) {
    .container-button-panel a.navigation-action { width: 100%; margin: 0; padding: .6rem .35rem; font-size: .85rem; }
    .random-structure-div a.navigation-action { grid-column: 2; grid-row: 2; margin: 0; min-height: 44px; }
    .author-button-panel a.navigation-action { width: 100%; margin: 0; padding: .85rem; justify-content: flex-start; min-height: 44px; }
    .structure-detail nav a.navigation-action { flex: 0 0 auto; width: auto; margin: 0; padding: .65rem .85rem; min-height: 44px; white-space: nowrap; }
}