/* DAA persistent page explorer 1.0.0 */
.daa-page-layout {
    display: grid;
    grid-template-columns: 232px minmax(0, 1fr);
    gap: clamp(14px, 2vw, 24px);
    min-height: 100%;
}

.daa-page-layout__content { min-width: 0; }

.daa-page-explorer {
    position: sticky;
    top: 0;
    align-self: start;
    max-height: min(74vh, 720px);
    overflow: auto;
    border: 1px solid #a9bed9;
    border-radius: 10px;
    color: #17385f;
    background: linear-gradient(180deg, #edf5ff, #dceafb);
    box-shadow: 0 8px 22px rgba(20, 63, 119, .12);
}

.daa-page-explorer__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 14px;
    border-bottom: 1px solid #b5c9e1;
    color: #fff;
    background: linear-gradient(135deg, #1555ad, #2f86dc);
}

.daa-page-explorer__header > span,
.daa-page-explorer__tree summary svg,
.daa-page-explorer__root svg {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
}

.daa-page-explorer__header div { display: grid; gap: 1px; }
.daa-page-explorer__header strong { color: inherit; font-size: .92rem; }
.daa-page-explorer__header small { color: #dcecff; font-size: .68rem; }

.daa-page-explorer__tree { padding: 9px; }
.daa-page-explorer__tree details + details { margin-top: 4px; }

.daa-page-explorer__tree summary,
.daa-page-explorer__root {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 9px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #17385f;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.daa-page-explorer__tree summary {
    list-style: none;
    user-select: none;
}
.daa-page-explorer__tree summary::-webkit-details-marker { display: none; }
.daa-page-explorer__tree summary::after {
    content: '▾';
    margin-left: auto;
    color: #547596;
    font-size: .72rem;
}
.daa-page-explorer__tree details:not([open]) summary::after { content: '▸'; }

.daa-page-explorer__tree summary:hover,
.daa-page-explorer__tree summary:focus-visible,
.daa-page-explorer__root:hover,
.daa-page-explorer__root:focus-visible {
    border-color: #86a8d1;
    background: rgba(255, 255, 255, .85);
    outline: none;
}

.daa-page-explorer__tree details > div {
    display: grid;
    gap: 2px;
    margin: 2px 0 5px 19px;
    padding-left: 13px;
    border-left: 1px solid #9fb9d8;
}

.daa-page-explorer__tree details a {
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #294d73;
    font-size: .82rem;
    text-decoration: none;
}

.daa-page-explorer__tree details a:hover,
.daa-page-explorer__tree details a:focus-visible {
    border-color: #9ab7d8;
    background: #fff;
    color: #0f4f9f;
    outline: none;
}

.daa-page-explorer__tree .is-current {
    border-color: #4f8fd6;
    color: #083f86;
    background: #fff;
    box-shadow: inset 3px 0 #2375cf;
}

@media (max-width: 980px) {
    .daa-page-layout { grid-template-columns: 205px minmax(0, 1fr); }
}

@media (max-width: 760px) {
    .daa-page-layout { grid-template-columns: 1fr; }
    .daa-page-explorer {
        position: static;
        max-height: none;
    }
    .daa-page-explorer__tree {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }
    .daa-page-explorer__root { grid-column: 1 / -1; }
    .daa-page-explorer__tree details + details { margin-top: 0; }
}

@media (max-width: 480px) {
    .daa-page-explorer__tree { grid-template-columns: 1fr; }
}