/**
 * 文章底部作者介紹（Archcross_JEX_Article_Author_Box）。
 * 色塊不加框線；全部使用 variables.css 的 M3 token。
 * 區塊在主題的 .archcross-prose 裡，子元素一律以 .jex-article-author 加權，壓過正文的段落間距、字級與連結色。
 */
.jex-article-author {
    margin: var(--md-sys-spacing-xl) 0 0;
    padding: var(--md-sys-spacing-lg);
    color: var(--md-sys-color-on-primary-container);
    background: var(--md-sys-color-primary-container);
    border-radius: var(--md-sys-shape-corner-large);
}

.jex-article-author p {
    margin: 0;
    font-size: var(--md-sys-typescale-body-large-size);
}

.jex-article-author .jex-article-author__eyebrow {
    font-size: var(--md-sys-typescale-label-large-size);
    font-weight: 700;
    letter-spacing: .08em;
}

.jex-article-author .jex-article-author__name {
    margin-top: var(--md-sys-spacing-xs);
    font-size: var(--md-sys-typescale-title-large-size);
    font-weight: 800;
}

.jex-article-author .jex-article-author__name a {
    color: inherit;
    text-decoration: none;
}

.jex-article-author .jex-article-author__name a:hover,
.jex-article-author .jex-article-author__name a:focus-visible {
    text-decoration: underline;
}

.jex-article-author .jex-article-author__bio,
.jex-article-author .jex-article-author__ask {
    margin-top: var(--md-sys-spacing-sm);
    line-height: 1.8;
}

.jex-article-author .jex-article-author__ask {
    font-weight: 700;
}

.jex-article-author .jex-article-author__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--md-sys-spacing-sm);
    margin-top: var(--md-sys-spacing-md);
}

.jex-article-author .jex-article-author__btn {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 20px;
    color: var(--md-sys-color-on-primary-container);
    background: var(--md-sys-color-surface);
    border-radius: var(--md-sys-shape-corner-full);
    font-weight: 700;
    text-decoration: none;
}

.jex-article-author .jex-article-author__btn--primary {
    color: var(--md-sys-color-on-primary);
    background: var(--md-sys-color-primary);
}

.jex-article-author .jex-article-author__btn:hover {
    background: var(--md-sys-color-surface-container);
}

.jex-article-author .jex-article-author__btn--primary:hover {
    color: var(--md-sys-color-on-primary);
    background: var(--md-sys-color-primary);
    box-shadow: var(--md-sys-elevation-1);
}

.jex-article-author .jex-article-author__btn:focus-visible {
    outline: 2px solid var(--md-sys-color-primary);
    outline-offset: 2px;
}