.service-reader {
    --primary: #416f60;
    --primary-hover: #31574b;
    --link: #316b58;
    --link-hover: #244d40;
    --focus-ring: rgba(65, 111, 96, .25);
}
.service-reader .home-page {
    --home-art-background: #edf3ed;
    --home-art-line: #c7d9cc;
    --home-mark-shadow: 0 18px 36px rgba(49, 87, 75, .17);
}
@media (prefers-color-scheme: dark) {
    .service-reader {
        --primary: #467964;
        --primary-hover: #518c74;
        --link: #add7bd;
        --link-hover: #d0e8da;
        --focus-ring: rgba(173, 215, 189, .3);
    }
    .service-reader .home-page {
        --home-art-background: #20322c;
        --home-art-line: #3f5b4c;
    }
}

.reader-author-index-page .author-directory-toolbar {
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-soft);
}
.reader-author-index-page .manga-directory-links { margin-bottom: 16px; }
.reader-author-index-page .manga-filters { margin-bottom: 0; }
.reader-author-index-page .manga-filters .sr-only { width: 1px; }
.reader-author-index-page .author-card {
    justify-content: center;
    min-height: 84px;
    padding: 20px;
}
.reader-author-index-page .studio-card-heading { align-items: center; }
.reader-author-index-page .studio-card-arrow { margin-top: 0; }
@media (max-width: 600px) {
    .reader-author-index-page .author-directory-toolbar { padding: 16px; }
    .reader-author-index-page .author-card { min-height: 76px; padding: 16px 18px; }
}

.reader-author-index-page .author-card-summary {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
}
.reader-author-index-page .author-card-count {
    padding: 4px 8px;
    border-radius: 5px;
    background: var(--surface-subtle);
    color: var(--link);
    font-size: 12px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.reader-author-index-page .author-card-link { display: block; width: 100%; color: inherit; text-decoration: none; }
.reader-author-index-page .author-card-link:hover h2 { color: var(--link); }
.reader-author-index-page .author-card-actions { display: flex; justify-content: flex-end; padding-top: 12px; margin-top: auto; }
.reader-author-index-page .author-card-actions .btn { min-height: 34px; }