:root {
    /* Color System */
    --wb-page-bg: #d4d4d9;
    --wb-paper: #ffffff;
    --wb-paper-soft: rgba(255, 255, 255, 0.95);
    --wb-ink: #111111;
    --wb-ink-strong: #000000;
    --wb-ink-soft: #222222;
    --wb-muted: #6f6f74;
    --wb-muted-strong: #55585d;
    --wb-muted-mid: #666666;
    --wb-muted-display: #707070;
    --wb-muted-separator: #8f8f93;
    --wb-muted-rule: #999999;
    --wb-bar-text: #cccccc;
    --wb-tagline-color: #f2f2f2;
    --wb-footer-link-color: #b8b8bb;
    --wb-sidebar-rule: #6f7d82;
    --wb-sidebar-title-color: #d6d6d6;
    --wb-shell-border: #dddddf;
    --wb-border: #7b7b7b;
    --wb-control-border: #78888d;
    --wb-button-border: #cccccc;
    --wb-pagination-border: #b9b9be;
    --wb-blockquote-rule: #b8b8bb;
    --wb-teal: rgb(0, 50, 64);
    --wb-teal-link: #d0cb73;
    --wb-teal-link-hover: #fff8ad;
    --wb-red: #cc1212;
    --wb-brand-red: #ff0000;
    --wb-button-accent: #d7cb78;
    --wb-black: #050505;
    --wb-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
    --wb-bar-shadow: 0 8px 20px rgba(0, 0, 25, 0.35);
    --wb-sticky-outline: 2px solid rgba(204, 18, 18, 0.2);

    /* Desktop Layout */
    --wb-rail-left: 20px;
    --wb-rail-width: 292px;
    --wb-rail-current-width: var(--wb-rail-width);
    --wb-rail-logo-max-offset: 24px;
    --wb-column-gap: 42px;
    --wb-cross-gap: 36px;
    --wb-content-max: 48rem;
    --wb-footer-content-left: calc(var(--wb-rail-left) + var(--wb-rail-current-width) + var(--wb-column-gap) + 6px);
    --wb-bar-height: 4.5rem;
    --wb-bar-min-height: 48px;
    --wb-site-wrap-pad-top: 52px;
    --wb-site-wrap-pad-right: 40px;
    --wb-site-wrap-pad-bottom: 56px;
    --wb-site-wrap-pad-left: 20px;
    --wb-sidebar-offset-top: -52px;
    --wb-sidebar-pad-top: 86px;
    --wb-sidebar-pad-right: 18px;
    --wb-sidebar-pad-bottom: 34px;
    --wb-sidebar-pad-left: 18px;
    --wb-content-pad-top: 18px;

    /* Mobile And Responsive Hooks */
    --wb-screen-reader-focus-pad-y: 0.5rem;
    --wb-screen-reader-focus-pad-x: 0.75rem;

    /* Typography */
    --wb-ui-font: Verdana, Geneva, "DejaVu Sans", "Noto Sans", Arial, sans-serif;
    --wb-brand-size: 2.125rem;
    --wb-tagline-size: 0.78rem;
    --wb-sidebar-text-size: 0.875rem;
    --wb-post-display-size: clamp(2rem, 1.22rem + 3.1vw, 3.45rem);
    --wb-archive-display-size: clamp(1.8rem, 1.25rem + 1.4vw, 2.3rem);
    --wb-heading-1-size: clamp(1.72rem, 1.42rem + 0.78vw, 2.035rem);
    --wb-heading-2-size: clamp(1.72rem, 1.42rem + 0.78vw, 2.035rem);
    --wb-heading-3-size: clamp(1.46rem, 1.26rem + 0.52vw, 1.72rem);
    --wb-heading-4-size: clamp(1.24rem, 1.1rem + 0.34vw, 1.42rem);
    --wb-heading-5-size: clamp(1.06rem, 1rem + 0.18vw, 1.16rem);
    --wb-heading-6-size: clamp(0.93rem, 0.89rem + 0.1vw, 1rem);
    --wb-body-size: clamp(16px, 0.96rem + 0.18vw, 18px);
    --wb-content-size: clamp(20px, 1.05rem + 0.95vw, 28px);
    --wb-meta-size: clamp(0.8rem, 0.77rem + 0.08vw, 0.9rem);
    --wb-archive-description-size: 1rem;
    --wb-ui-xs-size: 0.75rem;
    --wb-ui-sm-size: 0.8rem;
    --wb-ui-md-size: 0.88rem;
    --wb-blockquote-size: 1rem;
    --wb-comment-heading-size: 1.25rem;
    --wb-comment-body-size: clamp(1.05rem, 1rem + 0.15vw, 1.18rem);
    --wb-footer-strip-size: 1rem;
    --wb-post-nav-arrow-size: 1.5em;

    /* Component Tokens */
    --wb-brand-overhang: 0.68em;
    --wb-brand-top-offset: calc(-1 * var(--wb-brand-overhang) + 0.14rem);
    --wb-brand-footer-offset: calc(var(--wb-brand-overhang) - 0.6rem);
    --wb-brand-pad-top: 0.15rem;
    --wb-brand-pad-bottom: 0.35rem;
    --wb-brand-pad-inline: 18px;
    --wb-tagline-gap: 0.08rem;
    --wb-tagline-offset: 0.24rem;
    --wb-sidebar-section-gap: 2rem;
    --wb-heading-gap-bottom: 0.75rem;
    --wb-heading-rule-pad-bottom: 0.35rem;
    --wb-entry-gap: 3rem;
    --wb-entry-gap-compact: 2.35rem;
    --wb-entry-header-gap: 0.55rem;
    --wb-content-pad-bottom: 0.8rem;
    --wb-compact-content-pad-top: 0.55rem;
    --wb-compact-content-pad-bottom: 0.35rem;
    --wb-paragraph-gap: 1.05rem;
    --wb-paragraph-gap-compact: 0.95rem;
    --wb-meta-top-gap: 0.85rem;
    --wb-aux-top-pad: 0.5rem;
    --wb-footer-links-pad-top: 0.95rem;
    --wb-footer-links-pad-bottom: 0.8rem;
    --wb-footer-inline-pad: 24px;
    --wb-footer-link-gap: 0.45rem;
    --wb-footer-strip-bottom: 0.45rem;
    --wb-form-gap: 0.6rem;
    --wb-control-pad-y: 0.65rem;
    --wb-control-pad-x: 0.75rem;
    --wb-button-pad-x: 1rem;
    --wb-content-heading-top-gap: 1.7rem;
    --wb-content-heading-bottom-gap: 0.75rem;
    --wb-first-heading-top: 0.15rem;
    --wb-embedded-media-margin-top: 1.1rem;
    --wb-embedded-media-margin-bottom: 1.35rem;
    --wb-caption-margin-top: 0.5rem;
    --wb-caption-margin-bottom: 1rem;
    --wb-list-top-gap: 0.15rem;
    --wb-list-indent: 1.35rem;
    --wb-list-bottom-gap: 1.05rem;
    --wb-list-item-gap: 0.32rem;
    --wb-blockquote-margin-top: 1.35rem;
    --wb-blockquote-margin-inline: 0.75rem;
    --wb-blockquote-margin-bottom: 1.2rem;
    --wb-blockquote-pad-left: 0.9rem;
    --wb-floated-media-top-gap: 0.4rem;
    --wb-floated-media-side-gap: 1.2rem;
    --wb-floated-media-bottom-gap: 1rem;
    --wb-centered-media-margin: 1.25rem;
    --wb-nav-row-gap: 0.75rem;
    --wb-nav-column-gap: 1.1rem;
    --wb-nav-link-gap: 0.4rem;
    --wb-pagination-pad-y: 0.45rem;
    --wb-pagination-pad-x: 0.7rem;
    --wb-comment-gap: 1.5rem;
    --wb-comment-pad-bottom: 1rem;
    --wb-gallery-gap: 1.5rem;
    --wb-sticky-outline-offset: 0.5rem;

    /* Line Heights And Tracking */
    --wb-body-line-height: 1.5;
    --wb-brand-line-height: 0.9;
    --wb-flat-line-height: 1;
    --wb-title-line-height: 1.1;
    --wb-title-compact-line-height: 1.12;
    --wb-heading-4-line-height: 1.14;
    --wb-heading-5-line-height: 1.16;
    --wb-heading-6-line-height: 1.18;
    --wb-content-line-height: 1.42;
    --wb-meta-line-height: 1.45;
    --wb-arrow-line-height: 0.8;
    --wb-ui-letter-spacing: 0.08em;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    min-height: 100%;
}

body {
    margin: 0;
    min-height: 100vh;
    background: var(--wb-page-bg);
    color: var(--wb-ink);
    font-family: "Tinos", "Times New Roman", Times, serif;
    font-size: var(--wb-body-size);
    line-height: var(--wb-body-line-height);
}

a {
    color: var(--wb-teal);
    font-weight: bold;
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--wb-red);
}

img {
    max-width: 100%;
    height: auto;
}

#root {
    position: relative;
    max-width: 1260px;
    min-height: 100vh;
    margin: 0 auto;
    background:
        linear-gradient(
            to right,
            var(--wb-paper) 0,
            var(--wb-paper) var(--wb-rail-left),
            var(--wb-teal) var(--wb-rail-left),
            var(--wb-teal) calc(var(--wb-rail-left) + var(--wb-rail-current-width)),
            var(--wb-paper) calc(var(--wb-rail-left) + var(--wb-rail-current-width)),
            var(--wb-paper) 100%
        );
    border-top: 1px solid var(--wb-shell-border);
    border-left: 1px solid var(--wb-shell-border);
    box-shadow: var(--wb-shadow);
    overflow: hidden;
}

#banner,
#banner_footer {
    position: relative;
    min-height: var(--wb-bar-min-height);
    margin-top: var(--wb-cross-gap);
    background: var(--wb-black);
    color: var(--wb-bar-text);
    box-shadow: var(--wb-bar-shadow);
    z-index: 2;
}

#logo,
#logo_footer {
    position: absolute;
    left: var(--wb-rail-left);
    width: auto;
    max-width: calc(var(--wb-rail-current-width) - var(--wb-rail-logo-max-offset));
    background: transparent;
    padding: var(--wb-brand-pad-top) var(--wb-brand-pad-inline) var(--wb-brand-pad-bottom);
    z-index: 3;
}

#logo {
    top: var(--wb-brand-top-offset);
}

#logo_footer {
    bottom: var(--wb-brand-footer-offset);
}

#logo .site-tagline,
#logo_footer .site-tagline {
    margin-top: var(--wb-tagline-offset);
}

:is(.archive-title, h1.entry-title, h2.entry-title, .comments-title, .comment-reply-title) {
    margin: 0 0 var(--wb-heading-gap-bottom);
    padding-bottom: var(--wb-heading-rule-pad-bottom);
    border-bottom: 1px solid var(--wb-border);
    font-family: var(--wb-ui-font);
    font-weight: 700;
    text-transform: uppercase;
}

.site-title {
    display: block;
    margin: 0;
    color: var(--wb-brand-red);
    font-family: var(--wb-ui-font);
    font-size: var(--wb-brand-size);
    font-weight: 700;
    line-height: var(--wb-brand-line-height);
    letter-spacing: -0.06em;
    word-spacing: -0.35rem;
    text-transform: lowercase;
}

.site-title a {
    display: block;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    text-decoration: none;
    text-transform: inherit;
}

.site-title:hover,
.site-title:focus,
.site-title a:hover,
.site-title a:focus {
    color: var(--wb-paper);
}

.site-tagline {
    margin: var(--wb-tagline-gap) 0 0;
    color: var(--wb-tagline-color);
    font-family: var(--wb-ui-font);
    font-size: var(--wb-tagline-size);
    font-weight: 700;
    line-height: var(--wb-flat-line-height);
    white-space: nowrap;
}

.site-wrap {
    display: grid;
    grid-template-columns: var(--wb-rail-current-width) minmax(0, 1fr);
    gap: var(--wb-column-gap);
    align-items: start;
    padding: var(--wb-site-wrap-pad-top) var(--wb-site-wrap-pad-right) var(--wb-site-wrap-pad-bottom) var(--wb-site-wrap-pad-left);
    position: relative;
    z-index: 1;
}

.mobile-nav-trigger {
    display: none;
}

.mobile-menu-toggle {
    display: none;
}

.mobile-menu-toggle__bars {
    display: inline-flex;
    flex-direction: column;
    gap: 0.35rem;
}

.mobile-menu-toggle__bars span {
    display: block;
    width: 2rem;
    height: 0.2rem;
    border-radius: 999px;
    background: var(--wb-paper);
}

#leftmenu {
    min-height: 100%;
    margin-top: var(--wb-sidebar-offset-top);
    padding: var(--wb-sidebar-pad-top) var(--wb-sidebar-pad-right) var(--wb-sidebar-pad-bottom) var(--wb-sidebar-pad-left);
    background: transparent;
    color: var(--wb-bar-text);
    font-family: var(--wb-ui-font);
    font-size: var(--wb-sidebar-text-size);
    font-weight: 400;
    position: relative;
    z-index: 1;
}

#content {
    min-width: 0;
    width: 100%;
    padding: var(--wb-content-pad-top) 0 0;
    max-width: none;
}

.sidebar-section,
#leftmenu .widget {
    margin: 0 0 var(--wb-sidebar-section-gap);
}

#leftmenu .sidebar-section:last-child,
#leftmenu .widget:last-child {
    margin-bottom: 0;
}

.sidetitle,
#leftmenu .widget-title {
    width: 100%;
    margin: 0 0 var(--wb-heading-gap-bottom);
    padding: 0 0 var(--wb-heading-rule-pad-bottom);
    border-bottom: 1px solid var(--wb-sidebar-rule);
    color: var(--wb-sidebar-title-color);
    font-family: var(--wb-ui-font);
    font-weight: 700;
    letter-spacing: 0.28em;
    line-height: var(--wb-heading-6-line-height);
    text-transform: uppercase;
}

#leftmenu h6.sidetitle,
#leftmenu h6.widget-title {
    font-size: var(--wb-heading-6-size);
}

#leftmenu a,
#leftmenu a:visited {
    color: var(--wb-teal-link);
    display: inline-block;
    font-weight: 400;
    line-height: var(--wb-title-compact-line-height);
}

#leftmenu a:hover,
#leftmenu a:focus {
    color: var(--wb-teal-link-hover);
}

.side-list,
.side-list ul,
#leftmenu .menu,
#leftmenu .menu ul,
#leftmenu .widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.side-list li,
#leftmenu .menu li,
#leftmenu .widget li {
    margin: 0 0 0.35rem;
    line-height: var(--wb-title-compact-line-height);
}

.search-form {
    display: grid;
    gap: var(--wb-form-gap);
}

.search-form label {
    display: block;
}

.search-form .search-field,
.comment-form input,
.comment-form textarea {
    width: 100%;
    padding: var(--wb-control-pad-y) var(--wb-control-pad-x);
    border: 1px solid var(--wb-control-border);
    background: var(--wb-paper-soft);
    color: var(--wb-ink);
    font: inherit;
}

:is(
    .search-form .search-submit,
    .comment-form .submit,
    .post-password-form input[type="submit"],
    .read-more-link,
    .comment-reply-link
) {
    font-family: var(--wb-ui-font);
    font-size: var(--wb-ui-sm-size);
    letter-spacing: var(--wb-ui-letter-spacing);
    text-transform: uppercase;
}

:is(.footer-links, .footer-links a, #privacyterms, #privacyterms a) {
    font-family: var(--wb-ui-font);
    font-size: var(--wb-ui-xs-size);
    font-weight: 700;
}

.search-form .search-submit,
.comment-form .submit,
.post-password-form input[type="submit"] {
    width: fit-content;
    padding: var(--wb-control-pad-y) var(--wb-button-pad-x);
    border: 1px solid var(--wb-button-border);
    background: var(--wb-ink);
    color: var(--wb-button-accent);
    font-size: var(--wb-heading-6-size);
    font-weight: 700;
    cursor: pointer;
}

.archive-title,
.search-title,
.error-title {
    order: initial;
    font-size: var(--wb-archive-display-size);
    color: var(--wb-teal);
    line-height: var(--wb-flat-line-height);
    letter-spacing: 0.02em;
}

.entry-title {
    order: 1;
}

h1.entry-title,
h2.entry-title {
    color: var(--wb-ink-soft);
    font-size: var(--wb-heading-1-size);
    line-height: var(--wb-title-line-height);
    letter-spacing: 0.02em;
}

.entry,
.page,
.type-page,
.type-post {
    margin: 0 0 var(--wb-entry-gap);
}

.home .entry,
.blog .entry,
.archive .entry,
.search .entry {
    margin-bottom: var(--wb-entry-gap-compact);
}

h1.entry-title a,
h2.entry-title a,
.page-title {
    display: block;
    margin: 0;
    color: inherit;
    font-family: var(--wb-ui-font);
    text-decoration: none;
}

h1.entry-title a:hover,
h1.entry-title a:focus,
h2.entry-title a:hover,
h2.entry-title a:focus {
    color: var(--wb-red);
}

h5.date {
    order: 2;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    color: var(--wb-red);
    font-family: var(--wb-ui-font);
    font-size: var(--wb-heading-5-size);
    font-weight: 700;
    line-height: var(--wb-heading-5-line-height);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.entry-header {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--wb-entry-header-gap);
}

.entry-content,
.entry-summary,
.page-content,
.bbody,
.comments-body {
    padding: var(--wb-entry-header-gap) 0 var(--wb-content-pad-bottom);
    font-size: var(--wb-content-size);
    line-height: var(--wb-content-line-height);
}

.entry-content p,
.entry-summary p,
.page-content p,
.comments-body p {
    margin: 0 0 var(--wb-paragraph-gap);
    max-width: 34em;
}

.entry-content,
.entry-summary,
.page-content,
.comments-body {
    overflow-wrap: anywhere;
}

:is(.entry-content, .entry-summary, .page-content) :is(iframe, embed, object) {
    display: block;
    width: min(100%, 42rem);
    max-width: 100%;
    margin: var(--wb-embedded-media-margin-top) 0 var(--wb-embedded-media-margin-bottom);
}

:is(.entry-content, .entry-summary, .page-content) table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.entry-content iframe[src*="youtube.com"],
.entry-content iframe[src*="youtube-nocookie.com"],
.entry-content iframe[src*="youtu.be"],
.entry-content iframe[src*="vimeo.com"],
.page-content iframe[src*="youtube.com"],
.page-content iframe[src*="youtube-nocookie.com"],
.page-content iframe[src*="youtu.be"],
.page-content iframe[src*="vimeo.com"] {
    aspect-ratio: 16 / 9;
    height: auto;
}

:is(.entry-content, .entry-summary, .page-content) img:not(.alignleft):not(.alignright):not(.leftimage):not(.rightimage):not(.topimage) {
    max-width: min(100%, 42rem);
    height: auto;
}

.home .entry-content,
.blog .entry-content,
.archive .entry-summary,
.search .entry-summary {
    padding-top: var(--wb-compact-content-pad-top);
    padding-bottom: var(--wb-compact-content-pad-bottom);
}

:is(.entry-content, .entry-summary, .page-content) > :last-child,
.comments-body > :last-child,
.home .entry-content > :last-child,
.blog .entry-content > :last-child,
.archive .entry-summary > :last-child,
.search .entry-summary > :last-child {
    margin-bottom: 0;
}

.home .entry-content p,
.blog .entry-content p,
.archive .entry-summary p,
.search .entry-summary p {
    margin-bottom: var(--wb-paragraph-gap-compact);
}

.page-content :is(object, table) {
    max-width: 100%;
}

:is(.entry-content, .entry-summary, .page-content) :is(h1, h2, h3, h4, h5, h6) {
    margin: var(--wb-content-heading-top-gap) 0 var(--wb-content-heading-bottom-gap);
    color: var(--wb-ink);
    font-family: var(--wb-ui-font);
    font-weight: 700;
    line-height: var(--wb-title-line-height);
    text-wrap: balance;
}

:is(.entry-content, .entry-summary, .page-content) :is(h1, h2) {
    font-size: var(--wb-heading-1-size);
    letter-spacing: 0.02em;
}

:is(.entry-content, .entry-summary, .page-content) h3 {
    font-size: var(--wb-heading-3-size);
    line-height: var(--wb-title-compact-line-height);
}

:is(.entry-content, .entry-summary, .page-content) h4 {
    font-size: var(--wb-heading-4-size);
    line-height: var(--wb-heading-4-line-height);
}

:is(.entry-content, .entry-summary, .page-content) h5 {
    font-size: var(--wb-heading-5-size);
    line-height: var(--wb-heading-5-line-height);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

:is(.entry-content, .entry-summary, .page-content) h6 {
    font-size: var(--wb-heading-6-size);
    line-height: var(--wb-heading-6-line-height);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

:is(.entry-content, .entry-summary, .page-content) > :is(h1, h2, h3, h4, h5, h6):first-child {
    margin-top: var(--wb-first-heading-top);
}

:is(.entry-content, .entry-summary, .page-content) :is(h1, h2, h3, h4, h5, h6) + p {
    margin-top: 0;
}

.entry-meta,
.posted,
address,
.wp-caption-text,
.entry-footer,
.comment-metadata,
.comment-notes,
.logged-in-as,
.form-allowed-tags,
.no-comments,
.archive-description,
.search-summary,
.not-found-copy {
    color: var(--wb-muted);
    font-family: var(--wb-ui-font);
    font-size: var(--wb-meta-size);
    line-height: var(--wb-meta-line-height);
}

.entry-meta,
.entry-footer,
.comment-metadata {
    display: block;
    margin-top: var(--wb-meta-top-gap);
}

.wp-caption-text,
.archive-description,
.search-summary,
.not-found-copy,
.comment-notes,
.logged-in-as,
.form-allowed-tags,
.no-comments {
    max-width: 44rem;
}

.archive-description {
    color: var(--wb-muted-strong);
    font-size: var(--wb-archive-description-size);
}

.wp-caption-text {
    margin: var(--wb-caption-margin-top) 0 var(--wb-caption-margin-bottom);
}

:is(.entry-content, .entry-summary, .page-content) :is(ul, ol) {
    margin: var(--wb-list-top-gap) 0 var(--wb-list-bottom-gap) var(--wb-list-indent);
}

:is(.entry-content, .entry-summary, .page-content) li {
    margin: 0 0 var(--wb-list-item-gap);
}

:is(.entry-content, .entry-summary, .page-content) blockquote {
    margin: var(--wb-blockquote-margin-top) var(--wb-blockquote-margin-inline) var(--wb-blockquote-margin-bottom);
    padding-left: var(--wb-blockquote-pad-left);
    border-left: 3px solid var(--wb-blockquote-rule);
    font-family: var(--wb-ui-font);
    font-size: var(--wb-blockquote-size);
    line-height: var(--wb-meta-line-height);
}

:is(.entry-content, .entry-summary, .page-content) blockquote > :last-child {
    margin-bottom: 0;
}

.entry-content .alignleft,
img.leftimage,
img.topimage {
    float: left;
    margin: var(--wb-floated-media-top-gap) var(--wb-floated-media-side-gap) var(--wb-floated-media-bottom-gap) 0;
}

.entry-content .alignright,
img.rightimage {
    float: right;
    margin: var(--wb-floated-media-top-gap) 0 var(--wb-floated-media-bottom-gap) var(--wb-floated-media-side-gap);
}

.entry-content .aligncenter,
img.fullimage {
    display: block;
    margin: var(--wb-centered-media-margin) auto;
}

.entry-content::after,
.page-content::after,
.comment-body::after {
    content: "";
    display: block;
    clear: both;
}

.read-more-link {
    font-weight: 700;
}

.post-navigation,
.posts-navigation,
.pagination,
.comments-area,
.comment-respond {
    padding: var(--wb-aux-top-pad) 0 0;
    font-family: var(--wb-ui-font);
}

.nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-nav-row-gap) var(--wb-nav-column-gap);
    align-items: center;
}

.post-navigation .nav-links {
    align-items: center;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1 1 16rem;
}

.post-navigation .nav-next {
    margin-left: auto;
    text-align: right;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-nav-link-gap);
}

.post-navigation .nav-previous a::before,
.post-navigation .nav-next a::after {
    display: inline-block;
    flex: 0 0 auto;
    font-size: var(--wb-post-nav-arrow-size);
    font-weight: 900;
    line-height: var(--wb-arrow-line-height);
    transform: translateY(-0.12em);
}

.post-navigation .nav-previous a::before {
    content: "\2190";
}

.post-navigation .nav-next a::after {
    content: "\2192";
}

.page-numbers,
.post-page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    padding: var(--wb-pagination-pad-y) var(--wb-pagination-pad-x);
    border: 1px solid var(--wb-pagination-border);
    color: var(--wb-ink);
    font-size: var(--wb-ui-sm-size);
}

.page-numbers.current,
.post-page-numbers.current {
    background: var(--wb-black);
    border-color: var(--wb-black);
    color: var(--wb-paper);
}

.archive-header,
.search-header,
.error-404 {
    margin-bottom: 3.12rem;
}

.comments-title,
.comment-reply-title {
    color: var(--wb-muted-mid);
    font-size: var(--wb-comment-heading-size);
    letter-spacing: 0.12em;
}

.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comment-list .comment {
    margin: 0 0 var(--wb-comment-gap);
    padding: 0 0 var(--wb-comment-pad-bottom);
    border-bottom: 1px dashed var(--wb-muted-rule);
}

.comment-author {
    font-family: var(--wb-ui-font);
    font-size: var(--wb-ui-md-size);
    font-weight: 700;
}

.comment-content {
    font-size: var(--wb-comment-body-size);
    line-height: var(--wb-body-line-height);
}

.comment-reply-link {
    font-weight: 700;
}

.site-footer {
    position: relative;
    padding-top: 0;
    padding-bottom: var(--wb-cross-gap);
    z-index: 2;
}

#privacyterms {
    min-height: var(--wb-bar-min-height);
    padding: var(--wb-footer-links-pad-top) var(--wb-footer-inline-pad) var(--wb-footer-links-pad-bottom) var(--wb-footer-content-left);
    text-align: right;
}

.footer-nav,
.footer-nav .menu,
.footer-links {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--wb-footer-link-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-nav .menu-item,
.footer-links > * {
    display: inline-flex;
    align-items: center;
}

.footer-links,
.footer-links a,
#privacyterms,
#privacyterms a {
    color: var(--wb-footer-link-color);
}

.footer-links a:hover,
.footer-links a:focus {
    color: var(--wb-paper);
}

.footer-separator {
    color: var(--wb-muted-separator);
    font-weight: 400;
}

.site-footer__strip {
    position: absolute;
    right: var(--wb-footer-inline-pad);
    bottom: var(--wb-footer-strip-bottom);
    left: var(--wb-footer-content-left);
    padding: 0;
    background: transparent;
    color: var(--wb-ink);
    text-align: right;
    margin: 0;
    font-family: "Tinos", "Times New Roman", Times, serif;
    font-size: var(--wb-footer-strip-size);
    line-height: 1;
}

.site-footer__strip span {
    display: block;
    margin: 0;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.screen-reader-text:focus {
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: var(--wb-screen-reader-focus-pad-y) var(--wb-screen-reader-focus-pad-x);
    background: var(--wb-paper);
    color: var(--wb-ink-strong);
    z-index: 100000;
}

.sticky {
    outline: var(--wb-sticky-outline);
    outline-offset: var(--wb-sticky-outline-offset);
}

.gallery,
.wp-block-gallery {
    margin-bottom: var(--wb-gallery-gap);
}