/* Clear separation for profile cards and readable disclosure headings. */
.article > article.topic + article.topic{margin-top:24px}
.article > details > summary{display:flex;align-items:flex-start;gap:14px;list-style:none}
.article > details > summary::-webkit-details-marker{display:none}
.article > details > summary::before{content:'▸';flex:0 0 16px;color:var(--accent);line-height:1.5;transform-origin:center;transition:transform .2s}
.article > details[open] > summary::before{transform:rotate(90deg)}
@media(max-width:700px){.article > article.topic + article.topic{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.article > details > summary::before{transition:none}}