.content-section {
    width: min(1180px, calc(100% - 2rem));
    margin: 1rem auto;
}

.content-section h1 {
    margin-bottom: 0.4rem;
}

.content-section h2 {
    margin-bottom: 0.75rem;
}

.admin-panel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.admin-card-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.admin-card {
    background-color: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(71, 75, 80, 0.18);
    border-radius: 0.5rem;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    color: inherit;
    display: block;
    min-height: 7rem;
    padding: 1rem;
    position: relative;
    text-decoration: none;
}

.admin-card:hover {
    background-color: rgba(255, 255, 255, 0.85);
}

.admin-card-count,
.menu-count {
    align-items: center;
    background-color: #8f2424;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    min-width: 1.4rem;
    padding: 0.25rem 0.45rem;
}

.admin-card-count {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
}

.menu-count {
    margin-left: 0.35rem;
    min-width: 1.2rem;
    padding: 0.2rem 0.4rem;
}

.admin-panel,
.admin-list {
    background-color: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(71, 75, 80, 0.18);
    border-radius: 0.5rem;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    padding: 1rem;
}

.admin-form {
    display: grid;
    gap: 0.45rem;
}

.admin-form label {
    font-size: 0.85rem;
    font-weight: 700;
}

.admin-form input,
.admin-form select,
.admin-form textarea {
    border: 1px solid rgba(71, 75, 80, 0.35);
    border-radius: 0.35rem;
    font: inherit;
    min-width: 0;
    padding: 0.45rem 0.55rem;
}

.admin-form textarea {
    resize: vertical;
}

.admin-form button,
.link-button,
.btn-delete {
    border: 0;
    border-radius: 0.35rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: 0.85rem;
    min-height: 2rem;
    padding: 0.45rem 0.7rem;
    text-decoration: none;
}

.admin-form button,
.link-button {
    background-color: rgb(71, 75, 80);
    color: rgb(255, 255, 255);
}

.admin-form button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.admin-list-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}

.user-access-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .4rem;
}

.user-access-actions .link-button {
    margin: 0;
    white-space: nowrap;
}

.admin-list-row {
    align-items: center;
    border-top: 1px solid rgba(71, 75, 80, 0.16);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.65rem 0;
}

.admin-list-row:first-child {
    border-top: 0;
}

.admin-table-scroll {
    overflow-x: auto;
}

.onderdeelimport-row-filters {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin: 1rem 0;
}

.onderdeelimport-row-filters label {
    font-size: 0.85rem;
    font-weight: 700;
}

.onderdeelimport-row-filters select {
    border: 1px solid rgba(71, 75, 80, 0.35);
    border-radius: 0.35rem;
    font: inherit;
    min-height: 2.5rem;
    padding: 0.45rem 0.55rem;
}

.onderdeelimport-category-form {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    max-width: none;
}

.onderdeelimport-category-card {
    border: 1px solid rgba(71, 75, 80, 0.25);
    border-radius: 0.5rem;
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem 1rem 1rem;
}

.onderdeelimport-category-card legend {
    font-weight: 700;
    padding: 0 0.35rem;
}

.onderdeelimport-category-card > label,
.onderdeelimport-new-category label {
    font-size: 0.85rem;
    font-weight: 700;
}

.onderdeelimport-category-card input,
.onderdeelimport-category-card select {
    border: 1px solid rgba(71, 75, 80, 0.35);
    border-radius: 0.35rem;
    font: inherit;
    min-height: 2.5rem;
    padding: 0.45rem 0.55rem;
}

.onderdeelimport-new-category {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(180px, 1fr) minmax(120px, 0.5fr) minmax(140px, 0.5fr);
}

.onderdeelimport-new-category label {
    align-self: end;
    grid-row: 1;
}

.onderdeelimport-new-category input,
.onderdeelimport-new-category select {
    grid-row: 2;
}

.onderdeelimport-new-category[hidden] {
    display: none;
}

.onderdeelimport-category-overrides {
    border-top: 1px solid rgba(71, 75, 80, 0.18);
    display: grid;
    gap: 0.45rem;
    margin-top: 0.35rem;
    padding-top: 0.65rem;
}

.onderdeelimport-category-overrides summary {
    cursor: pointer;
    font-weight: 700;
}

.onderdeelimport-category-overrides label {
    font-size: 0.82rem;
    margin-top: 0.35rem;
}

.onderdeelimport-reference-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(260px, 0.75fr) minmax(420px, 1.5fr);
    margin: 1rem 0;
}

.onderdeelimport-reference-list {
    display: grid;
    gap: 0.65rem;
}

.onderdeelimport-reference-card {
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.75);
    border: 2px solid rgba(71, 75, 80, 0.2);
    border-radius: 0.5rem;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font: inherit;
    gap: 0.25rem;
    padding: 0.75rem;
    text-align: left;
}

.onderdeelimport-reference-card.is-active {
    border-color: #8f2424;
    box-shadow: 0 0 0 2px rgba(143, 36, 36, 0.16);
}

.onderdeelimport-reference-card span {
    font-size: 0.85rem;
}

.onderdeelimport-reference-map {
    border: 1px solid rgba(71, 75, 80, 0.25);
    border-radius: 0.5rem;
    min-height: 520px;
    overflow: hidden;
}

.onderdeelimport-reference-marker {
    align-items: center;
    background: #8f2424;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35);
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: center;
}

.onderdeelimport-calibration-result {
    margin-top: 1rem;
}

.onderdeelimport-location-preview-map {
    border: 1px solid rgba(71, 75, 80, 0.25);
    border-radius: 0.5rem;
    height: 560px;
    margin: 1rem 0;
    overflow: hidden;
}

.onderdeelimport-preview-table-wrap {
    max-height: 620px;
    overflow-y: auto;
}

.onderdeelimport-preview-table-wrap .users-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.onderdeelimport-preview-table-wrap tr {
    cursor: pointer;
}

.onderdeelimport-preview-table-wrap tr.is-active {
    background: rgba(240, 179, 63, 0.3);
    outline: 2px solid rgba(143, 36, 36, 0.45);
    outline-offset: -2px;
}

.onderdeelimport-preview-warning {
    background: rgba(255, 224, 138, 0.24);
}

.onderdeelimport-category-icon,
.onderdeelimport-preview-marker span {
    align-items: center;
    background: var(--marker-color, #8f2424);
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.onderdeelimport-preview-marker span {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35);
}

.onderdeelimport-warning-message {
    background: rgba(255, 224, 138, 0.3);
    border: 1px solid rgba(181, 101, 29, 0.35);
    border-radius: 0.5rem;
    margin: 1rem 0;
    padding: 0.85rem 1rem;
}

.onderdeelimport-planning-defaults {
    display: grid;
    gap: 0.55rem 0.85rem;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    margin: 1rem 0;
}

.onderdeelimport-planning-defaults label {
    align-self: end;
    font-size: 0.85rem;
    font-weight: 700;
}

.onderdeelimport-planning-defaults input,
.onderdeelimport-planning-defaults select {
    border: 1px solid rgba(71, 75, 80, 0.35);
    border-radius: 0.35rem;
    font: inherit;
    min-height: 2.5rem;
    padding: 0.45rem 0.55rem;
}

.onderdeelimport-event-hours,
.onderdeelimport-planning-defaults .form-actions {
    grid-column: 1 / -1;
}

.onderdeelimport-event-hours {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-top: 0.5rem;
}

.onderdeelimport-icon-form {
    margin-top: 1rem;
}

.onderdeelimport-icon-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.onderdeelimport-icon-card {
    border: 1px solid rgba(71, 75, 80, 0.25);
    border-radius: 0.55rem;
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    padding: 1rem;
}

.onderdeelimport-icon-card legend {
    font-weight: 700;
    padding: 0 0.35rem;
}

.onderdeelimport-icon-card select {
    max-width: 100%;
    min-height: 2.55rem;
}

.onderdeelimport-current-icon,
.onderdeelimport-icon-preview {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-height: 2rem;
}

.onderdeelimport-managed-icon {
    align-items: center;
    background: var(--marker-color, #8f2424);
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.onderdeelimport-trial-counts {
    margin: 1rem 0;
}

.onderdeelimport-trial-count {
    border-top: 4px solid #6c757d;
}

.onderdeelimport-trial-count.onderdeelimport-status-new {
    border-top-color: #386641;
}

.onderdeelimport-trial-count.onderdeelimport-status-updated {
    border-top-color: #1f5c79;
}

.onderdeelimport-trial-count.onderdeelimport-status-unchanged {
    border-top-color: #6c757d;
}

.onderdeelimport-trial-count.onderdeelimport-status-excluded {
    border-top-color: #b5651d;
}

.onderdeelimport-trial-count.onderdeelimport-status-invalid {
    border-top-color: #8f2424;
}

.onderdeelimport-trial-row.onderdeelimport-status-invalid {
    background: rgba(143, 36, 36, 0.08);
}

.onderdeelimport-trial-row.onderdeelimport-status-excluded {
    opacity: 0.75;
}

.onderdeelimport-status-badge {
    background: #6c757d;
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
}

.onderdeelimport-status-badge.onderdeelimport-status-new {
    background: #386641;
}

.onderdeelimport-status-badge.onderdeelimport-status-updated {
    background: #1f5c79;
}

.onderdeelimport-status-badge.onderdeelimport-status-excluded {
    background: #b5651d;
}

.onderdeelimport-status-badge.onderdeelimport-status-invalid {
    background: #8f2424;
}

.onderdeelimport-difference-table {
    border-collapse: collapse;
    font-size: 0.86rem;
    margin-top: 0.55rem;
    width: 100%;
}

.onderdeelimport-difference-table th,
.onderdeelimport-difference-table td {
    border: 1px solid rgba(71, 75, 80, 0.2);
    padding: 0.35rem 0.45rem;
    text-align: left;
    vertical-align: top;
}

.onderdeelimport-new-values {
    display: grid;
    gap: 0.2rem 0.65rem;
    grid-template-columns: max-content 1fr;
    margin: 0.6rem 0 0;
}

.onderdeelimport-new-values dt {
    font-weight: 700;
}

.onderdeelimport-new-values dd {
    margin: 0;
}

.onderdeelimport-row-errors {
    color: #8f2424;
}

.onderdeelimport-row-warnings {
    color: #7a4b0d;
}

.onderdeelimport-trial-confirmation {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-top: 1rem;
}

.onderdeelimport-trial-confirmation label {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
}

.onderdeelimport-execute-form,
.onderdeelimport-result {
    border: 1px solid rgba(56, 102, 65, 0.35);
    border-radius: 0.55rem;
    margin-top: 1rem;
    padding: 1rem;
}

.onderdeelimport-execute-form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.onderdeelimport-execute-form p,
.onderdeelimport-result p {
    margin-bottom: 0;
}

.onderdeelimport-source-info {
    background: rgba(31, 92, 121, 0.08);
    border-radius: 0.45rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 1.25rem;
    margin: 0.75rem 0 1rem;
    padding: 0.75rem;
}

.onderdeelimport-retained-items {
    background: rgba(181, 101, 29, 0.1);
    border: 1px solid rgba(181, 101, 29, 0.3);
    border-radius: 0.5rem;
    margin: 1rem 0;
    padding: 0.85rem 1rem;
}

.onderdeelimport-retained-items p {
    margin: 0.35rem 0;
}

.users-table {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.users-table th,
.users-table td {
    border-bottom: 1px solid rgba(71, 75, 80, 0.18);
    padding: 0.55rem 0.7rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.users-table th {
    background-color: rgb(71, 75, 80);
    color: rgb(255, 255, 255);
    font-size: 0.82rem;
}

.users-table tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.42);
}

.status-pill {
    background-color: rgba(71, 75, 80, 0.12);
    border-radius: 999px;
    display: inline-block;
    min-width: 2.4rem;
    padding: 0.2rem 0.45rem;
    text-align: center;
}

.btn-delete {
    background-color: #8f2d2d;
    color: rgb(255, 255, 255);
}

.disabled-action {
    color: rgb(71, 75, 80);
    font-size: 0.85rem;
}

.error-message,
.success-message {
    border-radius: 0.35rem;
    margin: 0.75rem 0;
    padding: 0.65rem 0.8rem;
}

.error-message {
    background-color: rgba(143, 45, 45, 0.14);
    color: #6d2020;
}

.success-message {
    background-color: rgba(45, 110, 70, 0.14);
    color: #225534;
}

.help-section {
    max-width: 1180px;
}

.help-heading {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.help-open-button {
    border: 0;
}

.help-heading h1 {
    margin-bottom: 0.2rem;
}

.help-heading p {
    color: rgb(71, 75, 80);
    margin: 0;
}

.help-card-grid,
.workflow-card-grid {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 1rem 0;
}

.help-card {
    background-color: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(31, 92, 121, 0.24);
    border-left: 0.35rem solid #1f5c79;
    border-radius: 0.5rem;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    color: #222;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.35rem;
    min-height: 8.5rem;
    padding: 0.9rem;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.help-card:hover,
.help-card:focus,
.help-card.is-active {
    background-color: #fff;
    border-left-color: #8f2424;
}

.help-card i {
    align-items: center;
    background-color: #1f5c79;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.help-card span {
    font-weight: 700;
}

.help-card small {
    color: rgb(71, 75, 80);
    line-height: 1.35;
}

.help-panel {
    display: none;
}

.help-panel.is-active {
    display: block;
}

.help-empty-state {
    background-color: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(31, 92, 121, 0.24);
    border-radius: 0.5rem;
    color: rgb(71, 75, 80);
    margin: 0.75rem 0 1rem;
    padding: 1rem;
}

.help-panel-heading {
    margin: 0.5rem 0 0.75rem;
}

.help-panel-heading h2 {
    margin-bottom: 0.25rem;
}

.help-panel-heading p {
    color: rgb(71, 75, 80);
    margin: 0;
}

.help-chapter-index {
    background-color: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(31, 92, 121, 0.24);
    border-radius: 0.5rem;
    margin: 0 0 0.75rem;
    padding: 0.75rem;
}

.help-chapter-index summary {
    cursor: pointer;
    font-weight: 700;
}

.help-chapter-index nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.help-chapter-index button {
    background-color: #fff;
    border: 1px solid rgba(31, 92, 121, 0.28);
    border-radius: 0.35rem;
    color: #1f2933;
    cursor: pointer;
    font: inherit;
    font-size: 0.85rem;
    padding: 0.45rem 0.65rem;
}

.help-chapter-index button:hover {
    border-color: #8f2424;
}

.help-controls {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(260px, 1fr) auto;
    margin-bottom: 0.75rem;
}

.help-toolbar {
    align-items: end;
    display: grid;
    gap: 0.35rem;
    grid-template-columns: minmax(180px, 1fr) auto;
    margin: 0;
}

.help-toolbar label {
    font-size: 0.85rem;
    font-weight: 700;
    grid-column: 1 / -1;
}

.help-toolbar input {
    border: 1px solid rgba(71, 75, 80, 0.35);
    border-radius: 0.35rem;
    font: inherit;
    min-width: 0;
    padding: 0.55rem 0.65rem;
}

.help-downloads {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    margin: 0;
}

.help-downloads .link-button {
    gap: 0.4rem;
}

.help-viewer-toolbar {
    align-items: center;
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
    margin: 0 0 0.5rem;
}

.help-viewer-label {
    color: rgb(71, 75, 80);
    font-size: 0.85rem;
    font-weight: 700;
    margin-right: auto;
}

.help-viewer-toolbar button {
    align-items: center;
    background-color: rgb(71, 75, 80);
    border: 0;
    border-radius: 0.35rem;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.help-viewer-toolbar button:hover {
    background-color: #4c2828;
}

#help-zoom-level {
    background-color: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(71, 75, 80, 0.18);
    border-radius: 0.35rem;
    display: inline-flex;
    font-size: 0.85rem;
    justify-content: center;
    min-width: 3.5rem;
    padding: 0.35rem 0.5rem;
}

.help-document-frame {
    background-color: #fff;
    border: 1px solid rgba(31, 92, 121, 0.24);
    border-radius: 0.5rem;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    max-height: min(72vh, 820px);
    overflow: auto;
    overscroll-behavior: contain;
}

.help-document {
    min-width: 960px;
    padding: 1rem;
}

.help-document img {
    height: auto;
    max-width: none;
    padding: 0.25rem;
    background-color: #fff;
}

.workflow-card {
    background-color: #fff;
    border: 1px solid rgba(31, 92, 121, 0.24);
    border-radius: 0.5rem;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    color: #1f2933;
    display: grid;
    gap: 0.6rem;
    min-height: 14rem;
    overflow: hidden;
    padding: 0.75rem;
    text-decoration: none;
}

.workflow-card:hover,
.workflow-card:focus {
    border-color: #8f2424;
}

.workflow-card img {
    aspect-ratio: 16 / 9;
    background-color: #fff;
    border: 1px solid rgba(71, 75, 80, 0.12);
    object-fit: contain;
    width: 100%;
}

.workflow-card span {
    font-weight: 700;
}

.help-document table {
    border-collapse: collapse;
    margin: 0.75rem 0 1rem;
    width: 100%;
}

.help-document th,
.help-document td {
    border-bottom: 1px solid rgba(71, 75, 80, 0.18);
    padding: 0.5rem;
    text-align: left;
    vertical-align: top;
}

.help-document pre {
    background-color: rgba(71, 75, 80, 0.1);
    border-radius: 0.35rem;
    overflow-x: auto;
    padding: 0.75rem;
}

.help-search-match {
    background-color: rgba(255, 232, 122, 0.45);
}

.help-search-hidden {
    display: none;
}

.help-ask-panel {
    margin-bottom: 1rem;
}

.help-recipient {
    color: rgb(71, 75, 80);
    font-size: 0.85rem;
    margin: 0;
}

@media (max-width: 760px) {
    .content-section {
        width: calc(100% - 1rem);
        margin: 0.6rem auto;
    }

    .admin-panel-grid {
        grid-template-columns: 1fr;
    }

    .admin-card-list {
        grid-template-columns: 1fr;
    }

    .admin-panel,
    .admin-list {
        padding: 0.85rem;
    }

    .admin-list-toolbar,
    .admin-list-row {
        align-items: stretch;
    }

    .onderdeelimport-row-filters {
        align-items: stretch;
        flex-direction: column;
    }

    .onderdeelimport-new-category {
        grid-template-columns: 1fr;
    }

    .onderdeelimport-new-category label,
    .onderdeelimport-new-category input,
    .onderdeelimport-new-category select {
        grid-row: auto;
    }

    .onderdeelimport-reference-layout {
        grid-template-columns: 1fr;
    }

    .onderdeelimport-reference-map {
        min-height: 420px;
    }

    .onderdeelimport-location-preview-map {
        height: 440px;
    }

    .onderdeelimport-planning-defaults {
        grid-template-columns: 1fr;
    }

    .onderdeelimport-event-hours,
    .onderdeelimport-planning-defaults .form-actions {
        grid-column: auto;
    }

    .admin-list-toolbar .link-button,
    .admin-list-row .link-button,
    .admin-list-row .btn-delete {
        width: 100%;
    }

    .admin-list-row {
        grid-template-columns: 1fr;
    }

    .admin-form button,
    .link-button,
    .btn-delete {
        min-height: 2.75rem;
    }

    .help-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .help-card-grid,
    .workflow-card-grid,
    .help-controls {
        grid-template-columns: 1fr;
    }

    .help-toolbar {
        grid-template-columns: 1fr;
    }

    .help-downloads {
        justify-content: flex-start;
    }
}