.favorite-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 16px; }
.favorites-main { width: min(94%, 1050px); padding-bottom: 32px; }
.favorites-note { font-size: .9rem; color: #626262; }
.favorites-tabs[hidden], [data-favorites-more][hidden] { display: none; }
.favorites-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.favorites-main section { margin: 24px 0; }
.favorites-main h2 { font-size: 1.3rem; font-weight: 700; }
.favorite-item { padding: 14px 0; border-bottom: 1px solid #ddd; }
.favorite-item img { width: 36px; height: 36px; object-fit: contain; margin-right: 10px; }
.favorite-item p { margin: 8px 0; }
.favorite-item .favorite-button { display: block; margin-top: 10px; }
.favorite-match { padding: 18px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 16px; }
.favorite-match h3 { font-size: 1rem; }
.favorite-match li { padding: 6px; }
.favorite-match li.is-followed { background: #fff9d9; font-weight: 700; }
@media (max-width: 650px) { .favorites-columns { grid-template-columns: 1fr; gap: 0; } }

.favorites-empty {
    max-width: 680px;
    padding: 24px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fafafa;
}
.favorites-empty[hidden] { display: none; }
.favorites-empty p { color: #555; line-height: 1.6; }
.favorites-empty-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.favorites-empty-actions .favorite-button {
    flex: 1;
    text-decoration: none;
    border-color: var(--modality-accent);
    background: var(--modality-accent);
    color: #fff;
}
.favorites-empty-actions .favorite-button:hover { filter: brightness(.9); }
.favorites-empty h2:focus { outline: 3px solid #0d6efd; outline-offset: 4px; }
.favorites-storage-note { margin-top: 24px; max-width: 680px; }
@media (max-width: 575.98px) {
    .favorites-empty { padding: 20px 16px; }
}