/* Article archive */
.vt-articles-page { background: var(--vt-color-surface-soft); min-height: 70vh; }
.vt-archive-hero { background: linear-gradient(135deg, var(--vt-color-navy-900), var(--vt-color-navy-950)); color: #fff; overflow: hidden; padding-block: 3.5rem; position: relative; }
.vt-archive-hero::before, .vt-archive-hero::after { border: 1px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; position: absolute; }
.vt-archive-hero::before { height: 17rem; inset-block-start: -9rem; inset-inline-end: -4rem; width: 17rem; }
.vt-archive-hero::after { height: 8rem; inset-block-end: -4rem; inset-inline-start: 7%; width: 8rem; }
.vt-archive-hero__inner { display: grid; gap: 2rem; position: relative; z-index: 1; }
.vt-archive-hero__content { max-width: 45rem; }
.vt-archive-hero h1 { font-size: clamp(2.1rem, 8vw, 3.7rem); margin-block-end: .8rem; }
.vt-archive-hero__content > p:last-child { color: var(--vt-color-on-dark-muted); margin: 0; max-width: 42rem; }
.vt-archive-hero__search { max-width: 31rem; width: 100%; }
.vt-archive-hero .vt-search-form { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: var(--vt-radius-pill); padding: .38rem; }
.vt-archive-hero .vt-search-form input { background: transparent; border: 0; color: #fff; min-height: 2.7rem; }
.vt-archive-hero .vt-search-form input::placeholder { color: var(--vt-color-on-dark-muted); }
.vt-archive-hero .vt-search-form .vt-button { flex: 0 0 auto; }

.vt-topic-nav { background: var(--vt-color-surface); border-block-end: 1px solid var(--vt-color-border); box-shadow: var(--vt-shadow-sm); }
.vt-topic-nav__scroll { display: flex; gap: .55rem; overflow-x: auto; padding-block: 1rem; scrollbar-width: none; }
.vt-topic-nav__scroll::-webkit-scrollbar { display: none; }
.vt-topic-chip { border: 1px solid var(--vt-color-border); border-radius: var(--vt-radius-pill); color: var(--vt-color-muted); flex: 0 0 auto; font-size: .78rem; font-weight: 700; padding: .4rem 1rem; transition: background-color var(--vt-transition), border-color var(--vt-transition), color var(--vt-transition); }
.vt-topic-chip:hover, .vt-topic-chip.is-active { background: var(--vt-color-primary); border-color: var(--vt-color-primary); color: var(--vt-color-on-primary); }
.vt-archive-content { padding-block: 2.5rem 4.5rem; }
.vt-articles-grid { display: grid; gap: 1rem; }

.vt-article-card { background: var(--vt-color-surface); border: 1px solid var(--vt-color-border); border-radius: var(--vt-radius-lg); display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: box-shadow var(--vt-transition), transform var(--vt-transition); }
.vt-article-card:hover { box-shadow: var(--vt-shadow-md); transform: translateY(-4px); }
.vt-article-card__media { aspect-ratio: 16 / 10; background: var(--vt-color-surface-accent); display: block; overflow: hidden; }
.vt-article-card__media img { height: 100%; object-fit: cover; transition: transform 400ms ease; width: 100%; }
.vt-article-card:hover .vt-article-card__media img { transform: scale(1.035); }
.vt-article-card__placeholder { align-items: center; background: linear-gradient(135deg, var(--vt-color-navy-900), var(--vt-color-primary)); display: flex; height: 100%; justify-content: center; }
.vt-article-card__placeholder span { color: rgba(255,255,255,.88); font-family: monospace; font-size: 2.4rem; font-weight: 900; }
.vt-article-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.15rem; }
.vt-article-card__meta { align-items: center; color: var(--vt-color-muted); display: flex; flex-wrap: wrap; font-size: .7rem; gap: .45rem; margin-block-end: .8rem; }
.vt-topic-badge { background: var(--vt-color-surface-accent); border-radius: var(--vt-radius-pill); color: var(--vt-color-link); display: inline-flex; font-size: .72rem; font-weight: 800; padding: .3rem .75rem; }
.vt-article-card__title { font-size: 1.08rem; margin-block-end: .65rem; }
.vt-article-card__title a { background-image: linear-gradient(var(--vt-color-primary), var(--vt-color-primary)); background-position: 100% 100%; background-repeat: no-repeat; background-size: 0 2px; transition: background-size var(--vt-transition), color var(--vt-transition); }
.vt-article-card__title a:hover { background-size: 100% 2px; color: var(--vt-color-link); }
.vt-article-card__excerpt { color: var(--vt-color-muted); font-size: .8rem; margin-block-end: 1.15rem; }
.vt-article-card__footer { align-items: center; border-block-start: 1px solid var(--vt-color-border); display: flex; justify-content: space-between; margin-block-start: auto; padding-block-start: .9rem; }
.vt-author-mini { align-items: center; display: flex; font-size: .72rem; font-weight: 700; gap: .5rem; }
.vt-author-mini__avatar { border-radius: 50%; height: 2rem; width: 2rem; }
.vt-text-link { align-items: center; color: var(--vt-color-link); display: inline-flex; font-size: .76rem; font-weight: 800; gap: .4rem; }
.vt-text-link span { transition: transform var(--vt-transition); }
.vt-text-link:hover span { transform: translateX(-3px); }
.vt-empty-state { margin-inline: auto; max-width: 40rem; padding: 3rem 1.5rem; text-align: center; }
.vt-empty-state__icon { align-items: center; background: var(--vt-color-surface-accent); border-radius: 50%; color: var(--vt-color-link); display: flex; font-size: 2rem; height: 5rem; justify-content: center; margin: 0 auto 1rem; width: 5rem; }
.vt-empty-state p { color: var(--vt-color-muted); }
.navigation.pagination { margin-block-start: 2rem; }
.nav-links { display: flex; flex-wrap: wrap; gap: .45rem; justify-content: center; }
.page-numbers { align-items: center; background: var(--vt-color-surface); border: 1px solid var(--vt-color-border); border-radius: .7rem; display: inline-flex; font-size: .78rem; font-weight: 700; height: 2.6rem; justify-content: center; min-width: 2.6rem; padding-inline: .75rem; }
.page-numbers.current, .page-numbers:hover { background: var(--vt-color-primary); border-color: var(--vt-color-primary); color: var(--vt-color-on-primary); }

/* Single article */
.vt-reading-progress { background: transparent; height: 3px; inset: var(--vt-header-height) 0 auto; pointer-events: none; position: fixed; z-index: 60; }
.admin-bar .vt-reading-progress { inset-block-start: calc(var(--vt-header-height) + 2rem); }
.vt-reading-progress span { background: linear-gradient(90deg, var(--vt-color-primary), var(--vt-color-success)); display: block; height: 100%; transform: scaleX(0); transform-origin: right center; width: 100%; }
[dir="ltr"] .vt-reading-progress span { transform-origin: left center; }
.vt-article-header { background: var(--vt-color-surface-soft); border-block-end: 1px solid var(--vt-color-border); padding-block: 2rem 3.5rem; }
.vt-article-header__inner { max-width: 58rem; text-align: center; }
.vt-breadcrumbs { align-items: center; color: var(--vt-color-muted); display: flex; flex-wrap: wrap; font-size: .72rem; gap: .5rem; margin-block-end: 1.8rem; text-align: start; }
.vt-breadcrumbs a:hover { color: var(--vt-color-link); }
.vt-article-header .vt-topic-badge { margin-block-end: 1rem; }
.vt-article-header h1 { font-size: clamp(2rem, 7vw, 3.65rem); letter-spacing: -.025em; margin-block-end: 1rem; }
.vt-article-header__lead { color: var(--vt-color-muted); font-size: clamp(.95rem, 2vw, 1.1rem); margin: 0 auto 1.7rem; max-width: 47rem; }
.vt-article-byline { align-items: center; display: flex; flex-direction: column; gap: 1rem; justify-content: center; }
.vt-article-byline__author { align-items: center; display: flex; gap: .65rem; text-align: start; }
.vt-article-byline__avatar { border: 2px solid var(--vt-color-surface); border-radius: 50%; box-shadow: var(--vt-shadow-sm); height: 3rem; width: 3rem; }
.vt-article-byline__author div { display: flex; flex-direction: column; line-height: 1.45; }
.vt-article-byline__author span { color: var(--vt-color-muted); font-size: .67rem; }
.vt-article-byline__author a { font-size: .78rem; font-weight: 800; }
.vt-article-byline__facts { align-items: center; color: var(--vt-color-muted); display: flex; flex-wrap: wrap; font-size: .72rem; gap: .45rem; justify-content: center; }
.vt-article-cover { margin-block: -1.5rem 2rem; position: relative; }
.vt-article-cover img { aspect-ratio: 16 / 8.5; border-radius: var(--vt-radius-lg); box-shadow: var(--vt-shadow-md); object-fit: cover; width: 100%; }
.vt-article-cover figcaption { color: var(--vt-color-muted); font-size: .7rem; padding-block-start: .6rem; text-align: center; }
.vt-article-layout { display: grid; gap: 1.5rem; padding-block: 1rem 3rem; }
.vt-article-sidebar--start { order: 1; }
.vt-article-sidebar--end { order: 2; }
.vt-article-sidebar__inner { min-width: 0; }
.vt-article-main { min-width: 0; order: 3; }
.vt-entry__content { color: var(--vt-color-text); font-size: 1rem; line-height: 2; }
.vt-entry__content > * { max-width: 100%; }
.vt-entry__content h2, .vt-entry__content h3, .vt-entry__content h4 { scroll-margin-top: calc(var(--vt-header-height) + 1.5rem); }
.vt-entry__content h2 { border-inline-start: 4px solid var(--vt-color-primary); font-size: clamp(1.45rem, 4vw, 1.85rem); margin-block: 2.8rem 1rem; padding-inline-start: .85rem; }
.vt-entry__content h3 { font-size: clamp(1.2rem, 3vw, 1.42rem); margin-block: 2rem .8rem; }
.vt-entry__content h4 { font-size: 1.08rem; margin-block: 1.7rem .7rem; }
.vt-entry__content p, .vt-entry__content li { color: color-mix(in srgb, var(--vt-color-text) 88%, var(--vt-color-muted)); }
.vt-entry__content a { color: var(--vt-color-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.vt-entry__content ul, .vt-entry__content ol { padding-inline-start: 1.4rem; }
.vt-entry__content li + li { margin-block-start: .45rem; }
.vt-entry__content blockquote { background: var(--vt-color-surface-accent); border: 0; border-inline-start: 4px solid var(--vt-color-primary); border-radius: var(--vt-radius-md); margin: 2rem 0; padding: 1.3rem 1.5rem; }
.vt-entry__content blockquote p { color: var(--vt-color-text); font-size: 1.03rem; font-weight: 700; margin: 0; }
.vt-entry__content pre { background: var(--vt-color-navy-950); border-radius: var(--vt-radius-md); color: var(--vt-color-on-dark-muted); direction: ltr; font-family: Consolas, Monaco, monospace; font-size: .8rem; line-height: 1.75; overflow-x: auto; padding: 1.25rem; text-align: left; }
.vt-entry__content code { background: var(--vt-color-surface-accent); border-radius: .35rem; color: var(--vt-color-link); direction: ltr; font-family: Consolas, Monaco, monospace; font-size: .86em; padding: .15rem .35rem; }
.vt-entry__content pre code { background: transparent; color: inherit; padding: 0; }
.vt-entry__content table { border-collapse: collapse; display: block; font-size: .83rem; overflow-x: auto; width: 100%; }
.vt-entry__content th, .vt-entry__content td { border: 1px solid var(--vt-color-border); min-width: 8rem; padding: .65rem .8rem; }
.vt-entry__content th { background: var(--vt-color-surface-accent); }
.vt-entry__content figure { margin-inline: 0; }
.vt-entry__content img { border-radius: var(--vt-radius-md); }
.vt-entry__content figcaption { color: var(--vt-color-muted); font-size: .7rem; text-align: center; }
.vt-entry__content .alignwide { margin-inline: max(-1.5rem, calc((100% - 58rem) / 2)); max-width: 58rem; width: auto; }
.vt-article-tags { border-block-start: 1px solid var(--vt-color-border); display: flex; flex-wrap: wrap; gap: .5rem; margin-block-start: 2.5rem; padding-block-start: 1.25rem; }
.vt-article-tags a { background: var(--vt-color-surface-soft); border: 1px solid var(--vt-color-border); border-radius: var(--vt-radius-pill); color: var(--vt-color-muted); font-size: .72rem; padding: .3rem .75rem; }
.vt-article-tags a:hover { border-color: var(--vt-color-primary); color: var(--vt-color-link); }
.vt-share-box { align-items: center; border-block: 1px solid var(--vt-color-border); display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; padding-block: 1rem; }
.vt-share-box > span:first-child { color: var(--vt-color-muted); font-size: .74rem; font-weight: 700; }
.vt-share-box__buttons { display: flex; gap: .4rem; }
.vt-share-box__buttons a, .vt-share-box__buttons button { align-items: center; background: var(--vt-color-surface); border: 1px solid var(--vt-color-border); border-radius: 50%; color: var(--vt-color-text); cursor: pointer; display: flex; font-size: .65rem; font-weight: 900; height: 2.35rem; justify-content: center; padding: 0; transition: background-color var(--vt-transition), border-color var(--vt-transition), color var(--vt-transition); width: 2.35rem; }
.vt-share-box__buttons a:hover, .vt-share-box__buttons button:hover { background: var(--vt-color-primary); border-color: var(--vt-color-primary); color: var(--vt-color-on-primary); }
.vt-share-box__status { color: var(--vt-color-success); flex-basis: 100%; font-size: .67rem; min-height: 1em; }
.vt-article-widget { margin-block-end: 1rem; overflow-wrap: anywhere; padding: 1rem; }
.vt-article-widget:last-child { margin-block-end: 0; }
.vt-article-widget__title { font-size: .9rem; margin-block-end: .8rem; }
.vt-article-widget ul, .vt-article-widget ol { list-style: none; margin: 0; padding: 0; }
.vt-article-widget li { border-block-end: 1px solid var(--vt-color-border); color: var(--vt-color-muted); font-size: .73rem; padding-block: .45rem; }
.vt-article-widget li:last-child { border-block-end: 0; }
.vt-article-widget a:hover { color: var(--vt-color-link); }
.vt-article-widget img { border-radius: .7rem; }
.vt-article-widget input, .vt-article-widget select, .vt-article-widget textarea { background: var(--vt-color-surface); border: 1px solid var(--vt-color-border); border-radius: .55rem; max-width: 100%; min-width: 0; padding: .45rem .55rem; width: 100%; }
.vt-article-widget .wp-block-search__inside-wrapper { display: flex; gap: .35rem; }
.vt-article-widget .wp-block-search__button { background: var(--vt-color-primary); border: 0; border-radius: .55rem; color: var(--vt-color-on-primary); font-size: .68rem; margin: 0; padding-inline: .65rem; }
.vt-toc { padding: 1.1rem; }
.vt-toc > strong { display: block; font-size: .86rem; margin-block-end: .8rem; }
.vt-toc ol { border-inline-start: 1px solid var(--vt-color-border); list-style: none; margin: 0; padding: 0; }
.vt-toc li { margin: 0; }
.vt-toc li.is-child a { font-size: .69rem; padding-inline-start: 1.5rem; }
.vt-toc a { border-inline-start: 2px solid transparent; color: var(--vt-color-muted); display: block; font-size: .73rem; line-height: 1.6; margin-inline-start: -1px; padding: .4rem .8rem; }
.vt-toc a:hover, .vt-toc a.is-active { border-color: var(--vt-color-primary); color: var(--vt-color-link); }
.vt-author-box { align-items: flex-start; display: flex; gap: 1rem; margin-block-start: 2.5rem; padding: 1.25rem; }
.vt-author-box__avatar { border-radius: 1rem; flex: 0 0 auto; height: 4rem; object-fit: cover; width: 4rem; }
.vt-author-box span { color: var(--vt-color-link); font-size: .68rem; font-weight: 800; }
.vt-author-box h2 { font-size: 1.05rem; margin: .15rem 0 .35rem; }
.vt-author-box p { color: var(--vt-color-muted); font-size: .76rem; margin-block-end: .55rem; }
.vt-post-navigation { border-block: 1px solid var(--vt-color-border); display: grid; gap: 1rem; margin-block-start: 2rem; padding-block: 1.2rem; }
.vt-post-navigation div { min-width: 0; }
.vt-post-navigation div:last-child { text-align: end; }
.vt-post-navigation span { color: var(--vt-color-muted); display: block; font-size: .66rem; }
.vt-post-navigation a { display: block; font-size: .78rem; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vt-post-navigation a:hover { color: var(--vt-color-link); }
.vt-related-articles { background: var(--vt-color-surface-soft); border-block: 1px solid var(--vt-color-border); padding-block: 3.5rem; }
.vt-related-grid { display: grid; gap: 1rem; }
.vt-article-cta { align-items: flex-start; background: linear-gradient(120deg, var(--vt-color-navy-900), var(--vt-color-navy-950)); border-radius: var(--vt-radius-lg); color: #fff; display: flex; flex-direction: column; gap: 1.2rem; margin-block: 3.5rem; padding: 1.5rem; }
.vt-article-cta .vt-kicker { margin-block-end: .35rem; }
.vt-article-cta h2 { font-size: clamp(1.25rem, 4vw, 1.8rem); margin: 0; }
.vt-article-comments { max-width: 50rem; padding-block-end: 4rem; }
.vt-comments { margin-block-start: 0; }
.vt-comments > h2, .comment-reply-title { font-size: 1.35rem; }
.vt-comments .comment-list { list-style: none; margin: 0 0 2rem; padding: 0; }
.vt-comments .comment { background: var(--vt-color-surface); border: 1px solid var(--vt-color-border); border-radius: var(--vt-radius-md); margin-block: .8rem; padding: 1rem; }
.vt-comments .children { list-style: none; padding-inline-start: 1rem; }
.vt-comments .comment-author { align-items: center; display: flex; gap: .55rem; }
.vt-comments .avatar { border-radius: 50%; }
.vt-comments .comment-metadata { color: var(--vt-color-muted); font-size: .67rem; margin-block: .25rem .65rem; }
.vt-comments .comment-content { font-size: .83rem; }
.vt-comments .reply { font-size: .72rem; font-weight: 800; }
.comment-form { display: grid; gap: .8rem; }
.comment-form p { margin: 0; }
.comment-form label { display: block; font-size: .74rem; font-weight: 700; margin-block-end: .25rem; }
.comment-form input:not([type="checkbox"]):not([type="submit"]), .comment-form textarea { background: var(--vt-color-surface); border: 1px solid var(--vt-color-border); border-radius: .75rem; padding: .7rem .85rem; width: 100%; }
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--vt-color-primary); outline: 3px solid color-mix(in srgb, var(--vt-color-primary) 16%, transparent); }
.comment-form .comment-notes, .comment-form .logged-in-as { color: var(--vt-color-muted); font-size: .76rem; }
.comment-form .comment-form-cookies-consent { align-items: flex-start; display: flex; font-size: .72rem; gap: .5rem; }
.comment-form .comment-form-cookies-consent input { flex: 0 0 auto; margin-block-start: .45rem; }
.comment-form .form-submit { display: flex; justify-content: flex-start; padding-block-start: .35rem; }
.comment-form .submit { align-items: center; background: var(--vt-color-primary); border: 1px solid var(--vt-color-primary); border-radius: var(--vt-radius-pill); box-shadow: 0 .65rem 1.4rem rgba(var(--vt-primary-rgb), .2); color: var(--vt-color-on-primary); cursor: pointer; display: inline-flex; font-weight: 800; justify-content: center; min-height: 2.85rem; min-width: 9rem; padding: .65rem 1.5rem; transition: background-color var(--vt-transition), border-color var(--vt-transition), box-shadow var(--vt-transition), transform var(--vt-transition); width: auto; }
.comment-form .submit:hover { background: var(--vt-color-primary-hover); border-color: var(--vt-color-primary-hover); box-shadow: 0 .8rem 1.7rem rgba(var(--vt-primary-rgb), .28); transform: translateY(-2px);  color: var(--vt-color-on-primary-hover); }
.comment-form .submit:focus-visible { outline: 3px solid color-mix(in srgb, var(--vt-color-primary) 28%, transparent); outline-offset: 3px; }

@media (max-width: 48.8125rem) {
    .admin-bar .vt-reading-progress { inset-block-start: calc(var(--vt-header-height) + 2.875rem); }
}

@media (max-width: 37.5rem) {
    .admin-bar .vt-reading-progress { inset-block-start: var(--vt-header-height); }
}

@media (min-width: 40rem) {
    .vt-articles-grid, .vt-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vt-article-card--featured { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
    .vt-article-card--featured .vt-article-card__media { aspect-ratio: auto; min-height: 22rem; }
    .vt-article-card--featured .vt-article-card__body { justify-content: center; padding: clamp(1.5rem, 4vw, 2.6rem); }
    .vt-article-card--featured .vt-article-card__title { font-size: clamp(1.45rem, 3.2vw, 2rem); }
    .vt-article-byline { flex-direction: row; }
    .vt-article-byline__facts { border-inline-start: 1px solid var(--vt-color-border); padding-inline-start: 1rem; }
    .vt-post-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vt-related-grid .vt-article-card:last-child { display: none; }
    .vt-article-cta { align-items: center; flex-direction: row; justify-content: space-between; padding: 2rem 2.4rem; }
}

@media (min-width: 48rem) {
    .vt-archive-hero { padding-block: 4.5rem; }
    .vt-archive-hero__inner { align-items: end; grid-template-columns: 1fr auto; }
    .vt-archive-content { padding-block-start: 3.5rem; }
    .vt-article-header { padding-block: 2.5rem 4.5rem; }
    .vt-article-cover { margin-block-start: -2.25rem; }
    .vt-entry__content { font-size: 1.05rem; }
    .vt-author-box { padding: 1.5rem; }
}

@media (min-width: 64rem) {
    .vt-articles-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
    .vt-article-card--featured { grid-column: 1 / -1; grid-template-columns: minmax(0, 1.25fr) minmax(23rem, .75fr); }
    .vt-article-layout { display: block; padding-block: 2.5rem 1.5rem; position: relative; }
    .vt-article-sidebar--start, .vt-article-main, .vt-article-sidebar--end { order: initial; }
    .vt-article-main { margin-inline: auto; max-width: 44rem; }
    .vt-article-sidebar { inset-block: 2.5rem 1.5rem; position: absolute; width: var(--vt-article-sidebar-width, 11rem); }
    .vt-article-sidebar--start { inset-inline-start: 0; }
    .vt-article-sidebar--end { inset-inline-end: 0; }
    .vt-article-sidebar__inner { position: sticky; top: calc(var(--vt-header-height) + 1.5rem); }
    .vt-article-layout:not(.has-start-sticky) .vt-article-sidebar--start .vt-article-sidebar__inner,
    .vt-article-layout:not(.has-end-sticky) .vt-article-sidebar--end .vt-article-sidebar__inner { position: static; top: auto; }
    .vt-article-sidebar--end .vt-article-sidebar__inner { max-height: calc(100vh - var(--vt-header-height) - 3rem); overflow-y: auto; scrollbar-width: thin; }
    .admin-bar .vt-article-sidebar__inner { top: calc(var(--vt-header-height) + 3.5rem); }
    .vt-share-box { background: transparent; border: 0; border-radius: 0; flex-direction: column; padding: 0; }
    .vt-share-box > span:first-child { writing-mode: vertical-rl; }
    .vt-share-box__buttons { flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; }
    .vt-share-box__status { text-align: center; writing-mode: vertical-rl; }
    .vt-toc { max-height: calc(100vh - var(--vt-header-height) - 3rem); overflow-y: auto; }
    .vt-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .vt-related-grid .vt-article-card:last-child { display: flex; }
}

@supports not (color: color-mix(in srgb, white, black)) {
    .vt-entry__content p, .vt-entry__content li { color: var(--vt-color-text); }
}

/* Refined single article */
.vt-single-article { background: var(--vt-color-surface-soft); }
.vt-article-header { isolation: isolate; overflow: hidden; padding-block: 2.25rem 4.75rem; position: relative; color: var(--vt-color-on-dark); background: radial-gradient(circle at 18% 25%, rgba(var(--vt-primary-rgb), .42), transparent 31%), linear-gradient(135deg, var(--vt-color-navy-900), var(--vt-color-navy-950)); }
.vt-article-header::after { position: absolute; inset: auto 0 0; z-index: -1; height: 6rem; content: ""; background: linear-gradient(to top, rgba(0,0,0,.12), transparent); pointer-events: none; }
.vt-article-header__glow { position: absolute; z-index: -1; display: block; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; pointer-events: none; }
.vt-article-header__glow--one { width: 19rem; height: 19rem; inset-block-start: -10rem; inset-inline-end: -4rem; box-shadow: 0 0 0 3rem rgba(255,255,255,.025), 0 0 0 6rem rgba(255,255,255,.015); }
.vt-article-header__glow--two { width: 8rem; height: 8rem; inset-block-end: -4rem; inset-inline-start: 8%; }
.vt-article-header__inner { position: relative; z-index: 1; }
.vt-article-header .vt-breadcrumbs { color: var(--vt-color-on-dark-muted); }
.vt-article-header .vt-breadcrumbs a:hover { color: #fff; }
.vt-article-header .vt-topic-badge { color: #fff; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.08); backdrop-filter: blur(8px); }
.vt-article-header h1 { max-width: 55rem; margin-inline: auto; color: #fff; line-height: 1.45; text-wrap: balance; }
.vt-article-header__lead { color: var(--vt-color-on-dark-muted); line-height: 1.9; }
.vt-article-byline__avatar { border-color: rgba(255,255,255,.7); }
.vt-article-byline__author span,
.vt-article-byline__facts { color: var(--vt-color-on-dark-muted); }
.vt-article-byline__author a,
.vt-article-byline__facts a { color: #fff; }
.vt-article-byline__facts { border-color: rgba(255,255,255,.2); }
.vt-article-cover { z-index: 2; margin-block: -2.9rem 0; }
.vt-article-cover img { aspect-ratio: 16 / 8; border: .35rem solid var(--vt-color-surface); box-shadow: 0 1.6rem 3.8rem rgba(var(--vt-navy-950-rgb), .2); }
.vt-article-cover figcaption { padding-inline: 1rem; }
.vt-article-layout { padding-block: 1.5rem 3.5rem; }
.vt-article-main { padding: clamp(1.15rem, 4vw, 2.35rem); border-radius: var(--vt-radius-lg); box-shadow: 0 1rem 3rem rgba(var(--vt-navy-950-rgb), .055); }
.vt-entry__content { line-height: 2.15; }
.vt-entry__content > p:first-child { font-size: 1.06em; }
.vt-entry__content h2 { position: relative; border: 0; padding-inline-start: 1.1rem; }
.vt-entry__content h2::before { position: absolute; inset-block: .2em; inset-inline-start: 0; width: .28rem; content: ""; border-radius: var(--vt-radius-pill); background: linear-gradient(to bottom, var(--vt-color-primary), var(--vt-color-accent)); }
.vt-entry__content blockquote { position: relative; overflow: hidden; padding: 1.55rem 1.7rem; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--vt-color-primary) 14%, transparent); }
.vt-entry__content blockquote::after { position: absolute; inset-block-start: -.8rem; inset-inline-end: 1rem; color: color-mix(in srgb, var(--vt-color-primary) 18%, transparent); content: "“"; font-family: Georgia, serif; font-size: 6rem; line-height: 1; }
.vt-entry__content :is(img, video) { box-shadow: var(--vt-shadow-sm); }
.vt-entry__content table { border-radius: var(--vt-radius-sm); box-shadow: 0 0 0 1px var(--vt-color-border); }
.vt-article-tags a { transition: color var(--vt-transition), border-color var(--vt-transition), background-color var(--vt-transition), transform var(--vt-transition); }
.vt-article-tags a:hover { background: var(--vt-color-surface-accent); transform: translateY(-2px); }
.vt-author-box { background: linear-gradient(135deg, var(--vt-color-surface), var(--vt-color-surface-soft)); box-shadow: var(--vt-shadow-sm); }
.vt-post-navigation { gap: .75rem; border: 0; }
.vt-post-navigation > div { padding: .9rem 1rem; border: 1px solid var(--vt-color-border); border-radius: var(--vt-radius-sm); background: var(--vt-color-surface-soft); transition: border-color var(--vt-transition), transform var(--vt-transition); }
.vt-post-navigation > div:hover { border-color: var(--vt-color-primary-border); transform: translateY(-2px); }
.vt-related-articles { background: var(--vt-color-surface); }
.vt-article-cta { position: relative; isolation: isolate; overflow: hidden; box-shadow: 0 1.2rem 3rem rgba(var(--vt-navy-950-rgb), .18); }
.vt-article-cta::after { position: absolute; inset-block-start: -5rem; inset-inline-end: -3rem; z-index: -1; width: 13rem; height: 13rem; content: ""; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 2rem rgba(255,255,255,.025); }
.vt-article-comments { margin-block-end: 4rem; padding: clamp(1.1rem, 4vw, 2rem); border: 1px solid var(--vt-color-border); border-radius: var(--vt-radius-lg); background: var(--vt-color-surface); box-shadow: var(--vt-shadow-sm); }
.vt-comments .comment { box-shadow: 0 .35rem 1.2rem rgba(var(--vt-navy-950-rgb), .035); }
.vt-comments .comment-body > :last-child { margin-block-end: 0; }
.comment-form textarea { min-height: 9rem; resize: vertical; }

@media (max-width: 39.9375rem) {
    .vt-article-header { padding-block-end: 4rem; }
    .vt-article-header h1 { font-size: clamp(1.75rem, 8vw, 2.35rem); }
    .vt-article-cover { width: calc(100% - 1.5rem); }
    .vt-article-main { border-inline: 0; border-radius: var(--vt-radius-md); }
    .vt-author-box { align-items: center; flex-direction: column; text-align: center; }
    .vt-author-box .vt-text-link { justify-content: center; }
}

@media (min-width: 64rem) {
    .vt-article-layout { padding-block-start: 2rem; }
    .vt-article-main { max-width: 46rem; }
    .vt-article-sidebar { inset-block-start: 2rem; }
}

@supports not (color: color-mix(in srgb, white, black)) {
    .vt-entry__content blockquote { box-shadow: inset 0 0 0 1px var(--vt-color-border); }
}