.site-sidebar {
    width: min(25%, 300px);
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    align-self: start;
    gap: 25px;
    box-sizing: border-box;
    font-size: max(0.85rem, 14.5px);
}

.site-sidebar h1, .site-sidebar h2, .site-sidebar h3, .site-sidebar h4 {
    margin: 0;
    font-size: 1.4rem;
}

.site-sidebar img, .site-sidebar iframe {
    max-width: 100%;
    height: auto;
}

.site-sidebar .wp-block-latest-posts__featured-image img {
    max-height: 60px;
    width: auto;
}

.site-sidebar .widget_block {
    background-color: var(--sidebar-background-color);
    padding: 10px;
    box-shadow: 0 3px 8px #00000006;
    border-radius: 1px;
}

.site-sidebar .wp-block-categories-list {
    padding: 10px;
    list-style: none;
}

.site-sidebar .wp-block-latest-posts__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    list-style: none;
}

.site-sidebar .wp-block-categories-list li:nth-child(n+2){
    margin-top: 5px;
}

.site-sidebar .wp-block-latest-posts__list a {
    text-decoration: none;
    color: inherit;
}

.site-sidebar .wp-block-latest-posts__list a:hover {
    text-decoration: revert;
    color: var(--link-hover-color)
}

.site-sidebar .wp-block-latest-posts__list .wp-block-latest-posts__post-date {
    opacity: 0.8;
    margin-top: 3px;
    display: block
}

.site-sidebar .wp-block-categories-list a {
    color: inherit;
    text-decoration: none;
}

.site-sidebar .wp-block-categories-list a:hover {
    color: var(--link-hover-color);
    text-decoration: revert;
}

.site-sidebar .wp-block-latest-posts__list.is-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.site-sidebar .wp-block-latest-posts.columns-3 li {
    width: 100%
}

.site-sidebar .wp-block-accordion-heading button:hover {
    color: var(--link-hover-color);
    background-color: #0000;
}

.site-sidebar .wp-block-search__inside-wrapper {
    display: flex;
    gap: 0;
}

.site-sidebar .wp-block-search__inside-wrapper input {
    border: solid 1px #b1b1b1
}

.site-sidebar .wp-block-search__button {
    margin: 0;
    border: none
}

.wp-block-latest-comments {
    padding-left: 0
}


@media (max-width: 898px) {
    .site-sidebar {
        width: 100%;
        gap: 20px
    }

    .site-sidebar .widget_block {
        padding: 30px;
    }

    .site-sidebar .wp-block-latest-posts__list.is-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {

    .site-sidebar .wp-block-latest-posts__list.is-grid {
        grid-template-columns: 1fr;
    }

    .site-sidebar .widget_block {
        padding: 15px;
    }
}
