/*
 * Realink — site custom styles.
 *
 * The original theme referenced a "realink-common.css" that was not part of
 * the database/files export. These rules restore the small set of behaviours
 * that file provided: sane sizing for the inline SVG icons used inside the
 * hand-authored page content (which otherwise render at their full intrinsic
 * size). Scoped to bare, class-less SVGs inside editor content so Elementor
 * and theme icons keep their own styling. Edit freely — this is your file.
 */
.entry-content svg:not([class]):not([width]) {
    width: 1.4em;
    height: 1.4em;
    vertical-align: middle;
    fill: currentColor;
}

/* Icons that sit inside links or list items read as inline glyphs. */
.entry-content a > svg:not([class]),
.entry-content li > svg:not([class]) {
    width: 1.15em;
    height: 1.15em;
    margin-right: .35em;
}

/* Keep any oversized embedded media from breaking the layout. */
.entry-content img,
.entry-content svg {
    max-width: 100%;
}

/* Blog archive pagination (WordPress-style .page-numbers markup). */
.navigation.pagination {
    margin: 40px 0;
}
.navigation.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
.navigation.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid var(--ui-border-color, #282b2e);
    color: inherit;
    text-decoration: none;
    line-height: 1;
}
.navigation.pagination .page-numbers.current {
    background: var(--uicore-primary-color, #E3C083);
    border-color: var(--uicore-primary-color, #E3C083);
    color: #14171A;
}
.navigation.pagination a.page-numbers:hover {
    border-color: var(--uicore-primary-color, #E3C083);
}