.load-more-card {
    background: var(--card-bg);
    color: var(--card-text);
    border: 2px dashed var(--card-text);
    justify-content: center;
    align-items: center;
    min-height: 180px;
    transition: background 0.18s, color 0.18s, border 0.18s;
}
.load-more-card:hover, .load-more-card:focus {
    background: var(--card-hover, #ede7f6);
    border-color: var(--card-text);
    color: var(--card-text);
    box-shadow: 0 4px 32px rgba(0,0,0,0.10);
}
.dark-theme .load-more-card:hover, .dark-theme .load-more-card:focus {
    background: #2d253a;
}
:root {
    --card-bg: #fefce7;
    --card-text: #5E35B1;
    --card-bg-sticky: #5E35B1;
    --card-text-sticky: #f5edad;
    --card-border-sticky: rgba(255,255,255,0.18);
}
.dark-theme {
    --card-bg: #23202a;
    --card-text: #FFD54F;
    --card-bg-sticky: #2d1a4d;
    --card-text-sticky: #ffe082;
    --card-border-sticky: rgba(255,255,255,0.08);
}
/* CSS para carrossel de cards na categoria */
.category-carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 2rem;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2rem;
    align-items: stretch;
}
fluent-card {
    min-width: 280px;
    max-width: 300px;
    flex: 1 1 auto;
    scroll-snap-align: start;
    border-radius: var(--corner-radius-xlarge);
    box-shadow: var(--shadow2);
    transition: box-shadow 0.2s;
    padding: var(--fluent-spacing-l);
    background-color: var(--card-bg);
    color: var(--card-text);
    display: flex;
    flex-direction: column;
    height: auto;
}
fluent-card .category-post-content{
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
fluent-card.card-sticky {
    color: var(--card-text-sticky);
    background: var(--card-bg-sticky);
    border: 1px solid var(--card-border-sticky);
}
fluent-card a{
    color: var(--card-text);
}
fluent-card.card-sticky a{
    color: var(--card-text-sticky);
}
fluent-card:last-child {
    border-bottom: none;
}
fluent-card:focus-within, .category-post-item:hover {
    box-shadow: 0 4px 32px rgba(0,0,0,0.12);
}
fluent-avatar img{
    border-radius: 100%;
}
fluent-card .category-post-readmore{
    text-align: right;
}
.category-post-title{
    flex-grow: 1;
}
.category-post-title, .category-post-author {
    margin-bottom: var(--fluent-spacing-l);
    margin-top: 0px;
}
fluent-card *{
    text-decoration: none;
}
.category-carousel::-webkit-scrollbar {
    height: 8px;
}
.category-carousel::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 4px;
}