/* Scoped, native disclosure: readable without JavaScript at every width. */
.article-contents {
    margin: 1.5rem 0;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #172033;
}
.article-contents > summary {
    padding: 1rem 1.25rem;
    min-height: 44px;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 700;
}
.article-contents nav { padding: 0 1.25rem 1rem; }
.article-contents ol { margin: 0; padding-inline-start: 1.5rem; }
.article-contents li + li { margin-top: .25rem; }
.article-contents a {
    display: inline-block;
    min-height: 44px;
    box-sizing: border-box;
    padding: .5rem 0;
    color: #174b87;
    text-decoration: underline;
    text-underline-offset: .2em;
    overflow-wrap: anywhere;
}
.article-content section[id] { scroll-margin-top: 90px; }
.article-contents summary:focus-visible,
.article-contents a:focus-visible {
    outline: 3px solid #174b87;
    outline-offset: 3px;
    border-radius: 3px;
}