/* Standalone store links in article bodies. Inline citations keep their normal appearance. */
.reference-article .art-body a.article-action-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    max-width: 100%;
    min-height: 56px;
    margin: 3px 0;
    padding: 11px 16px 11px 12px;
    border: 1px solid rgba(108, 77, 255, .2);
    border-radius: 15px;
    background: rgba(108, 77, 255, .065);
    box-shadow: 0 5px 16px rgba(65, 43, 138, .045);
    color: var(--editorial-text, #202131);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.reference-article .art-body .article-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(108, 77, 255, .12);
    border-radius: 10px;
    background: var(--editorial-surface, #fff);
    color: #6845ef;
}
.reference-article .art-body .article-action-icon svg { width: 18px; height: 18px; flex: 0 0 auto; }
.reference-article .art-body .article-action-label { flex: 1 1 auto; min-width: 0; font-size: inherit; line-height: inherit; }
.reference-article .art-body .article-action-label :is(strong, b, em, i, span) { font-size: inherit; line-height: inherit; }
.reference-article .art-body svg.article-action-arrow { flex: 0 0 17px; width: 17px; height: 17px; margin-left: 8px; color: #6845ef; }
.reference-article .art-body a.article-action-link:focus-visible { outline: 3px solid var(--editorial-accent, #6845ef); outline-offset: 4px; }
.dark-theme.reference-article .art-body a.article-action-link { border-color: rgba(182, 163, 255, .27); background: rgba(182, 163, 255, .1); box-shadow: none; }
.dark-theme.reference-article .art-body :is(.article-action-icon, svg.article-action-arrow) { color: #b6a3ff; }
.dark-theme.reference-article .art-body .article-action-icon { border-color: rgba(182, 163, 255, .18); }
@media (hover: hover) {
    .reference-article .art-body a.article-action-link:hover { border-color: #8d71f8; background: rgba(108, 77, 255, .11); box-shadow: 0 6px 20px rgba(65, 43, 138, .09); }
    .dark-theme.reference-article .art-body a.article-action-link:hover { background: rgba(182, 163, 255, .16); box-shadow: none; }
}
@media (max-width: 700px) {
    .reference-article .art-body a.article-action-link { width: 100%; gap: 10px; padding: 11px 13px 11px 11px; border-radius: 13px; font-size: 13px; }
    .reference-article .art-body svg.article-action-arrow { margin-left: 1px; }
}
@media (prefers-reduced-motion: reduce) {
    .reference-article .art-body a.article-action-link { transition: none; }
}
@media print {
    .reference-article .art-body a.article-action-link { border-color: #aaa; background: transparent; box-shadow: none; color: #111; }
    .reference-article .art-body .article-action-icon { display: none; }
}