/* /OurSoftware/ landing: app list with collapsible descriptions (added 2026-10-30) */
ul.ba-applist { list-style: none; margin: 0; padding: 0; }
.ba-app { margin: 0; padding: 10px 0; border-bottom: 1px solid #e0e0e0; }
.ba-app:last-child { border-bottom: 0; }
.ba-app-link, .ba-app-name { font-weight: bold; font-size: 1.1em; }
/* locked (coming soon) app: looks like the app links, opens a dialog */
.ba-app-lock {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    font: inherit;
    font-weight: bold;
    font-size: 1.1em;
    color: #1a56a0;
}
.ba-app-lock:hover { text-decoration: underline; }
.ba-app-lock:focus-visible { outline: 2px solid #1a56a0; outline-offset: 2px; }
.ba-soon { margin-left: 8px; font-size: 0.85em; font-style: italic; color: #555; }
.ba-app-details { margin: 2px 0 0 0; }
.ba-app-details > summary {
    display: inline-block;
    cursor: pointer;
    padding: 6px 4px;
    color: #1a56a0;
    list-style: none;
}
.ba-app-details > summary::-webkit-details-marker { display: none; }
.ba-app-details > summary::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 8px;
    border-left: 6px solid currentColor;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    transition: transform 0.15s;
}
.ba-app-details[open] > summary::before { transform: rotate(90deg); }
.ba-app-details > summary:focus-visible { outline: 2px solid #1a56a0; outline-offset: 2px; }
.ba-app-details > p { margin: 4px 0 0 14px; }
/* visually hidden, still read by screen readers ("Details about Column Analysis") */
.ba-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
@media (prefers-reduced-motion: reduce) {
    .ba-app-details > summary::before { transition: none; }
}