/* Visual refresh for MkDocs Material: calmer typography, tighter token system, softer chrome. */
@font-face {
    font-family: "Pacifico";
    src: url("/fonts/Pacifico.ttf") format("truetype");
    font-display: swap;
}

:root {
    --blog-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
    --blog-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    --blog-surface-0: #161c23;
    --blog-surface-1: #1c242e;
    --blog-surface-2: #24303b;
    --blog-surface-3: #2d3946;
    --blog-border: rgba(145, 171, 196, 0.16);
    --blog-border-strong: rgba(145, 171, 196, 0.28);
    --blog-text: rgba(241, 246, 250, 0.94);
    --blog-text-muted: rgba(224, 232, 240, 0.84);
    --blog-text-soft: rgba(177, 190, 204, 0.68);
    --blog-accent: #7db7e8;
    --blog-accent-strong: #5fa3d8;
    --md-text-font: var(--blog-font-sans);
    --md-code-font: var(--blog-font-mono);
}

[data-md-color-scheme="slate"] {
    color-scheme: dark;
    --md-default-bg-color: var(--blog-surface-0);
    --md-default-bg-color--light: var(--blog-surface-1);
    --md-default-bg-color--lighter: var(--blog-surface-2);
    --md-default-bg-color--lightest: rgba(145, 171, 196, 0.08);
    --md-default-fg-color: var(--blog-text);
    --md-default-fg-color--light: var(--blog-text-muted);
    --md-default-fg-color--lighter: rgba(167, 180, 194, 0.7);
    --md-default-fg-color--lightest: rgba(167, 180, 194, 0.18);
    --md-primary-fg-color: #10161d;
    --md-primary-fg-color--light: #16202a;
    --md-primary-fg-color--dark: #0b1118;
    --md-primary-bg-color: #f3f7fb;
    --md-primary-bg-color--light: rgba(243, 247, 251, 0.72);
    --md-accent-fg-color: var(--blog-accent);
    --md-accent-fg-color--transparent: rgba(125, 183, 232, 0.16);
    --md-typeset-a-color: var(--blog-accent);
    --md-typeset-mark-color: rgba(125, 183, 232, 0.12);
    --md-code-fg-color: #d9e2ec;
    --md-code-bg-color: #202a35;
    --md-footer-fg-color: rgba(241, 246, 250, 0.86);
    --md-footer-fg-color--light: rgba(241, 246, 250, 0.62);
    --md-footer-fg-color--lighter: rgba(241, 246, 250, 0.42);
    --md-footer-bg-color: #10161d;
    --md-footer-bg-color--dark: #0b1118;
}

body {
    background: #12171d;
}

.md-header {
    background: rgba(16, 22, 29, 0.96);
    backdrop-filter: blur(14px);
    box-shadow: 0 1px 0 rgba(145, 171, 196, 0.12);
}

.md-header__inner {
    align-items: center;
    gap: 0.45rem;
    padding-inline: clamp(0.9rem, 2vw, 1.6rem);
}

.md-header__source {
    flex: 0 0 auto;
    margin-left: 0.6rem;
}

.blog-header-brand {
    border-bottom: none !important;
    color: #f3f7fb;
    flex: 0 0 auto;
    font-family: "Pacifico", "Brush Script MT", cursive;
    font-size: 1.18rem;
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 1;
    min-width: max-content;
    text-decoration: none;
    transition: color 160ms ease;
}

.blog-header-brand:hover,
.blog-header-brand:focus {
    color: #ffffff;
}

[data-md-color-scheme="slate"] .md-header__source .md-source {
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--blog-text-soft);
    padding: 0.25rem 0.55rem;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

[data-md-color-scheme="slate"] .md-header__source .md-source:hover,
[data-md-color-scheme="slate"] .md-header__source .md-source:focus {
    background: rgba(125, 183, 232, 0.08);
    border-color: rgba(125, 183, 232, 0.18);
    color: #eef6ff;
}

.blog-header-nav {
    background: transparent;
    flex: 1 1 auto;
    height: auto;
    margin: 0 1rem;
    display: flex;
    justify-content: center;
    min-width: 0;
}

@media screen and (min-width: 76.25em) {
    .md-header__inner {
        display: grid;
        grid-template-columns: minmax(10rem, 1fr) auto minmax(10rem, 1fr);
    }

    .md-header__button[for="__drawer"] {
        display: none;
    }

    .blog-header-brand {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }

    .blog-header-nav {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        margin: 0;
    }

    .md-header__source {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        margin-left: 0;
    }
}

@media screen and (max-width: 76.234375em) {
    .blog-header-brand {
        margin-right: auto;
    }

    .blog-header-nav {
        display: none;
    }
}

.blog-header-nav__list {
    background: rgba(18, 27, 36, 0.72);
    border: 1px solid rgba(145, 171, 196, 0.14);
    border-radius: 999px;
    display: flex;
    gap: 0.18rem;
    height: auto;
    list-style: none;
    margin: 0;
    max-width: 100%;
    overflow-x: auto;
    padding: 0.18rem;
    scrollbar-width: none;
}

.blog-header-nav__list::-webkit-scrollbar {
    display: none;
}

.blog-header-nav__item {
    height: auto;
}

.md-header__topic {
    font-family: var(--md-text-font);
    font-weight: 600;
    letter-spacing: 0.01em;
}

.home-brand-script {
    color: #f3f7fb;
    font-family: "Pacifico", "Brush Script MT", cursive;
    font-size: 42px;
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 1.15;
    text-align: center;
}

.home-hero-title {
    color: #f3f8fd;
    font-size: clamp(2rem, 5vw, 3.15rem);
    font-weight: 800;
    line-height: 1.05;
    margin: 0 auto;
    max-width: 46rem;
    text-align: center;
}

body:has(.home-brand-script) .md-header__topic:first-child .md-ellipsis {
    font-family: "Pacifico", "Brush Script MT", cursive;
    font-size: 1.18rem;
    font-weight: 400;
    letter-spacing: 0.015em;
}

body:has(.home-brand-script) .md-content__inner > h1 + div,
body:has(.home-hero-title) .md-content__inner > h1 + div,
body:has(.home-profile) .md-content__inner > h1 + div {
    color: var(--blog-text-soft);
    font-size: 0.8rem !important;
    letter-spacing: 0.01em;
    margin-top: -0.85rem !important;
    opacity: 1 !important;
}

body:has(.home-brand-script) .md-content__inner > h1 + div p,
body:has(.home-hero-title) .md-content__inner > h1 + div p,
body:has(.home-profile) .md-content__inner > h1 + div p {
    margin: 0;
}

.home-tagline {
    color: #a7bbcf;
    font-size: 18px;
    letter-spacing: 0.012em;
    margin-top: 0.2rem;
    text-align: center;
}

.home-intro {
    margin: 0 auto;
    max-width: 46rem;
    text-align: center;
}

.home-intro span {
    color: var(--blog-accent);
    display: block;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.16em;
    margin-bottom: 0.62rem;
    text-transform: uppercase;
}

.home-intro strong {
    color: #f4f8fc;
    display: block;
    font-size: clamp(1.8rem, 4.4vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.045em;
    line-height: 1.12;
}

.home-intro p {
    color: var(--blog-text-muted);
    font-size: 0.98rem;
    line-height: 1.85;
    margin: 1rem auto 0;
    max-width: 38rem;
}

.home-profile {
    margin: 0 auto;
    max-width: 44rem;
}

.home-page-title {
    height: 1px;
    margin: 0 !important;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.home-profile__eyebrow {
    color: var(--blog-accent);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.16em;
    margin: 0 0 0.72rem;
    text-transform: uppercase;
}

.home-profile h2 {
    color: #f4f8fc;
    font-size: clamp(1.55rem, 3.4vw, 2.35rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.12;
    margin: 0;
}

.home-profile__lead,
.home-profile__focus {
    color: var(--blog-text-muted);
    font-size: 1rem;
    line-height: 1.8;
    margin: 1rem 0 0;
    max-width: 40rem;
}

.home-profile__lines {
    margin-top: 0.95rem;
}

.home-profile__lines p {
    color: var(--blog-text-muted);
    font-size: 0.96rem;
    line-height: 1.72;
    margin: 0;
    max-width: 44rem;
}

.home-profile__lines p + p {
    margin-top: 0.28rem;
}

.home-profile__label {
    color: var(--blog-accent);
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    margin-right: 0.62rem;
    min-width: 6.2rem;
    text-transform: uppercase;
    vertical-align: 0.08em;
}

.home-affiliation {
    align-items: center;
    background: rgba(125, 183, 232, 0.07);
    border: 1px solid rgba(125, 183, 232, 0.16);
    border-radius: 999px;
    color: #e4f2ff;
    display: inline-flex;
    font-size: 0.92em;
    font-weight: 500;
    gap: 0.32rem;
    height: 1.42rem;
    line-height: 1;
    margin: 0 0.08rem;
    padding: 0 0.52rem 0 0.2rem;
    vertical-align: -0.12em;
    white-space: nowrap;
}

.home-affiliation img {
    background: rgba(246, 249, 252, 0.92);
    border: 1px solid rgba(125, 183, 232, 0.18);
    border-radius: 999px;
    display: inline-block;
    flex: 0 0 auto;
    height: 1.02rem;
    object-fit: contain;
    padding: 0.06rem;
    width: 1.02rem;
}

.home-affiliation > span {
    line-height: 1;
}

.home-affiliation--xjtu img {
    background: rgba(255, 246, 246, 0.95);
}

.home-affiliation-link {
    align-items: center;
    border-bottom: 1px solid rgba(125, 183, 232, 0.42);
    color: #e8f4ff;
    display: inline-flex;
    font-weight: 560;
    gap: 0.34rem;
    line-height: 1.18;
    margin-inline: 0.08rem;
    text-decoration: none;
    vertical-align: -0.12em;
    white-space: nowrap;
}

.home-affiliation-link:hover,
.home-affiliation-link:focus {
    border-bottom-color: rgba(125, 183, 232, 0.78);
    color: #ffffff;
}

.home-affiliation-link img {
    background: rgba(255, 246, 246, 0.95);
    border: 1px solid rgba(125, 183, 232, 0.14);
    border-radius: 999px;
    display: inline-block;
    flex: 0 0 auto;
    height: 1.02rem;
    object-fit: contain;
    padding: 0.06rem;
    width: 1.02rem;
}

.home-affiliation-link--text {
    display: inline;
    line-height: inherit;
    vertical-align: baseline;
}

.home-affiliation--teleai img {
    background: rgba(246, 249, 252, 0.95);
}

.home-affiliation__mark {
    align-items: center;
    background: rgba(125, 183, 232, 0.18);
    border: 1px solid rgba(125, 183, 232, 0.2);
    border-radius: 999px;
    color: #9ed1ff;
    display: inline-flex;
    font-size: 0.58rem;
    font-weight: 800;
    height: 1.18rem;
    justify-content: center;
    letter-spacing: 0.02em;
    min-width: 1.8rem;
    padding: 0 0.28rem;
}

.home-affiliation--teleai .home-affiliation__mark {
    color: #a8f0ce;
}

.home-profile__focus {
    color: #d7e4ef;
    margin-top: 0.62rem;
}

.home-profile__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin-top: 0.95rem;
    max-width: 43rem;
}

.home-profile__tags span {
    background: rgba(125, 183, 232, 0.08);
    border: 1px solid rgba(125, 183, 232, 0.16);
    border-radius: 999px;
    color: #dceefe;
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1;
    padding: 0.36rem 0.56rem;
}

.home-profile__availability {
    color: rgba(194, 208, 220, 0.82);
    font-size: 0.86rem;
    letter-spacing: 0.01em;
    line-height: 1.7;
    margin: 0.75rem 0 0;
}

.home-profile__proof {
    border-top: 1px solid rgba(145, 171, 196, 0.14);
    margin-top: 1.2rem;
    padding-top: 0.9rem;
}

.home-profile__proof p {
    color: var(--blog-text-muted);
    font-size: 0.88rem;
    line-height: 1.75;
    margin: 0;
    max-width: 44rem;
}

.home-profile__proof p + p {
    margin-top: 0.5rem;
}

.home-profile__proof span {
    color: var(--blog-accent);
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    margin-right: 0.56rem;
    text-transform: uppercase;
}

.home-position {
    color: var(--blog-text-muted);
    font-size: 0.94rem;
    line-height: 1.85;
    margin: 1.15rem auto 0;
    max-width: 38rem;
    text-align: center;
}

.home-metric-grid {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 1.35rem auto 0;
    max-width: 46rem;
}

.home-metric-grid > div {
    border-top: 1px solid rgba(125, 183, 232, 0.32);
    padding-top: 0.62rem;
}

.home-metric-grid strong {
    color: #f3f8fd;
    display: block;
    font-size: 1.28rem;
    line-height: 1.2;
    margin-bottom: 0.34rem;
}

.home-metric-grid span {
    color: var(--blog-text-soft);
    display: block;
    font-size: 0.76rem;
    line-height: 1.55;
}

.home-focus-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 1.45rem auto 0;
    max-width: 46rem;
}

.home-focus-grid > div {
    background: rgba(28, 36, 46, 0.68);
    border: 1px solid rgba(145, 171, 196, 0.14);
    border-radius: 0.85rem;
    padding: 0.9rem 0.95rem;
}

.home-focus-grid span {
    color: var(--blog-accent);
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.home-focus-grid strong {
    color: #f3f8fd;
    display: block;
    font-size: 0.98rem;
    line-height: 1.35;
    margin-bottom: 0.4rem;
}

.home-focus-grid p {
    color: var(--blog-text-muted);
    font-size: 0.78rem;
    line-height: 1.62;
    margin: 0;
}

.home-signal-grid,
.home-primary-grid {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1.65rem auto 0;
    max-width: 48rem;
}

.home-signal-card,
.home-primary-card {
    background: rgba(28, 36, 46, 0.72);
    border: 1px solid rgba(125, 183, 232, 0.18);
    border-radius: 1rem;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
    padding: 1rem 1.05rem;
}

.home-primary-card {
    padding: 1.12rem 1.15rem;
}

.home-signal-card span,
.home-primary-card span {
    color: var(--blog-accent);
    display: block;
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.16em;
    margin-bottom: 0.54rem;
    text-transform: uppercase;
}

.home-signal-card strong,
.home-primary-card strong {
    color: #f4f8fc;
    display: block;
    font-size: 1.04rem;
    line-height: 1.42;
    margin-bottom: 0.58rem;
}

.home-primary-card strong {
    font-size: 1.12rem;
}

.home-signal-card ul,
.home-primary-card ul {
    color: var(--blog-text-muted);
    font-size: 0.8rem;
    line-height: 1.68;
    margin: 0;
    padding-left: 0.92rem;
}

.home-primary-card ul {
    font-size: 0.84rem;
    line-height: 1.72;
}

.home-signal-card li + li,
.home-primary-card li + li {
    margin-top: 0.24rem;
}

.home-primary-card li + li {
    margin-top: 0.36rem;
}

.home-ongoing {
    align-items: baseline;
    border-top: 1px solid rgba(145, 171, 196, 0.12);
    display: flex;
    gap: 0.9rem;
    margin: 1.05rem auto 0;
    max-width: 48rem;
    padding-top: 0.8rem;
}

.home-ongoing span {
    color: var(--blog-accent);
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.home-ongoing p {
    color: var(--blog-text-muted);
    font-size: 0.82rem;
    line-height: 1.65;
    margin: 0;
}

.home-entry-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1.15rem;
    justify-content: center;
    margin: 1.35rem 0 0;
}

.home-entry-links a {
    align-items: center;
    color: #d8eaff;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 680;
    gap: 0.28rem;
    line-height: 1.2;
    padding: 0.1rem 0;
    text-decoration: none;
}

.home-entry-links a:hover,
.home-entry-links a:focus {
    color: #ffffff;
}

.home-entry-link__arrow {
    color: var(--blog-accent);
    font-size: 0.92em;
    transform: translateY(-0.02rem);
    transition: transform 160ms ease;
}

.home-entry-links a:hover .home-entry-link__arrow,
.home-entry-links a:focus .home-entry-link__arrow {
    transform: translate(0.12rem, -0.02rem);
}

.md-nav__link,
.blog-header-nav__link,
.md-typeset a {
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.md-main__inner {
    margin-top: 1.2rem;
}

.md-content__inner {
    box-sizing: border-box;
    max-width: 50rem;
    margin: 0 auto 1.2rem;
    padding-inline: 1rem;
    padding-top: 0.85rem;
}

body:has(.home-profile) .md-content {
    flex: 0 1 54rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 54rem;
    width: 100%;
}

body:has(.home-profile) .md-content__inner {
    max-width: 48rem;
}

body:has(.home-profile) .md-main__inner {
    justify-content: center;
    max-width: 100%;
}

.blog-comments {
    border-top: 1px solid rgba(145, 171, 196, 0.14);
    margin-top: 3.25rem;
    padding-top: 2.15rem;
}

.blog-comments__header {
    margin-bottom: 1.1rem;
    max-width: 34rem;
}

.blog-comments__eyebrow {
    color: var(--blog-text-soft);
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
}

.blog-comments__title {
    margin: 0;
}

.blog-comments__lead {
    color: var(--blog-text-soft);
    font-size: 0.96rem;
    line-height: 1.72;
    margin: 0.45rem 0 0;
}

.blog-comments__body {
    background: linear-gradient(180deg, rgba(27, 35, 44, 0.68), rgba(22, 28, 35, 0.44));
    border: 1px solid rgba(145, 171, 196, 0.12);
    border-radius: 1.15rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
    padding: 0.9rem 1rem 0.35rem;
}

.blog-comments .giscus,
.blog-comments .giscus-frame {
    width: 100%;
}

.blog-comments .giscus-frame {
    background: transparent;
    min-height: 12rem;
}

@media screen and (min-width: 76.25em) {
    .md-grid {
        max-width: 86rem;
    }

    .md-content__inner {
        max-width: 54rem;
        padding-inline: 1.2rem;
    }
}

@media screen and (max-width: 50rem) {
    .blog-comments {
        margin-top: 2.6rem;
        padding-top: 1.8rem;
    }

    .blog-comments__body {
        border-radius: 1rem;
        padding: 0.75rem 0.8rem 0.2rem;
    }
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__title,
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__title {
    background: var(--blog-surface-0);
    box-shadow: 0 0 0.6rem 0.6rem var(--blog-surface-0);
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__title {
    color: var(--blog-text-soft);
    font-size: 0.67rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

[data-md-color-scheme="slate"] .md-nav__link {
    color: var(--blog-text-muted);
    border-radius: 0.45rem;
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item > .md-nav__link {
    padding: 0.48rem 0.7rem;
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item--section > .md-nav__link {
    color: var(--blog-text);
    font-weight: 650;
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item > .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item > .md-nav__link:focus {
    background: rgba(125, 183, 232, 0.08);
    color: #eef6ff;
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item > .md-nav__link.md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item > .md-nav__link.md-nav__link--active code {
    background: rgba(125, 183, 232, 0.1);
    box-shadow: inset 0 0 0 1px rgba(125, 183, 232, 0.16);
    color: #edf6ff;
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__item > .md-nav__link {
    color: var(--blog-text-soft);
    font-size: 0.72rem;
    padding: 0.14rem 0.4rem;
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__item > .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__item > .md-nav__link:focus {
    color: var(--blog-text-muted);
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__item > .md-nav__link.md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__item > .md-nav__link.md-nav__link--active code {
    background: transparent;
    box-shadow: none;
    color: var(--blog-accent);
}

[data-md-color-scheme="slate"] .blog-header-nav__link {
    border-radius: 999px;
    color: var(--blog-text-soft);
    display: block;
    font-size: 0.72rem;
    font-weight: 650;
    height: auto;
    line-height: 1;
    margin-top: 0;
    opacity: 1;
    padding: 0.42rem 0.78rem;
}

[data-md-color-scheme="slate"] .blog-header-nav__link:hover,
[data-md-color-scheme="slate"] .blog-header-nav__link:focus {
    background: rgba(125, 183, 232, 0.08);
    color: #eef6ff;
}

[data-md-color-scheme="slate"] .blog-header-nav__item--active .blog-header-nav__link {
    background: rgba(125, 183, 232, 0.13);
    box-shadow: inset 0 0 0 1px rgba(125, 183, 232, 0.2);
    color: #eef6ff;
}

[data-md-color-scheme="slate"] .md-search__form {
    background-color: rgba(125, 183, 232, 0.08);
    border: 1px solid var(--blog-border);
    border-radius: 0.55rem;
    box-shadow: none;
}

[data-md-color-scheme="slate"] .md-search__form:hover,
[data-md-color-scheme="slate"] [data-md-toggle="search"]:checked ~ .md-header .md-search__form {
    background-color: rgba(125, 183, 232, 0.14);
    border-color: var(--blog-border-strong);
}

.md-typeset {
    font-size: 0.9rem;
    line-height: 1.84;
}

@media screen and (min-width: 76.25em) {
    .md-typeset {
        font-size: 0.95rem;
    }
}

.md-typeset h1 {
    color: #f2f7fb;
    font-size: 2.15em;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 0.9em;
}

.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
    color: #eaf2f8;
    letter-spacing: -0.015em;
}

.md-typeset h2 {
    font-weight: 650;
    margin-top: 1.9em;
}

.md-typeset h3 {
    font-weight: 600;
}

.md-typeset p,
.md-typeset li {
    color: var(--blog-text-muted);
    letter-spacing: 0.01em;
}

.md-typeset p {
    margin-bottom: 0.95em;
}

.md-typeset ul li,
.md-typeset ol li {
    margin-bottom: 0.58em;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success {
    background: var(--blog-surface-1);
    border: 1px solid rgba(125, 183, 232, 0.2);
    border-radius: 1rem;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24);
    margin-top: 2rem;
    overflow: hidden;
    padding: 0;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success > .admonition-title {
    background: rgba(125, 183, 232, 0.08);
    border-bottom: 1px solid rgba(125, 183, 232, 0.12);
    color: #eef6ff;
    font-weight: 600;
    margin: 0;
    padding: 0.95rem 1.15rem 0.9rem 2.55rem;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success > .admonition-title:before {
    background-color: var(--blog-accent);
    left: 1rem;
    top: 0.95rem;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success .tabbed-set {
    margin: 0;
    padding: 0 0.25rem;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success .tabbed-labels {
    border-bottom: 1px solid rgba(145, 171, 196, 0.16);
    gap: 0.35rem;
    padding: 0 0.35rem;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success .tabbed-labels > label {
    color: var(--blog-text-soft);
    font-weight: 550;
    opacity: 1;
    padding: 0.95rem 0.95rem 0.8rem;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success .tabbed-set > input:first-child:checked ~ .tabbed-labels > :first-child,
body:has(.home-brand-script) .md-content__inner > .admonition.success .tabbed-set > input:nth-child(2):checked ~ .tabbed-labels > :nth-child(2) {
    color: #f4f8fc;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success .tabbed-content {
    padding: 0.35rem 0.55rem 0.3rem;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success .tabbed-block {
    padding: 0.15rem 0.35rem 0.55rem;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success p,
body:has(.home-brand-script) .md-content__inner > .admonition.success li {
    color: rgba(228, 236, 244, 0.86);
}

body:has(.home-brand-script) .md-content__inner > .admonition.success strong {
    color: #f5f9fd;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success a {
    align-items: center;
    background: rgba(125, 183, 232, 0.08);
    border: 1px solid rgba(125, 183, 232, 0.18);
    border-radius: 999px;
    color: #d8ebfb;
    display: inline-flex;
    gap: 0.3rem;
    margin-right: 0;
    margin-top: 0;
    padding: 0.28rem 0.7rem;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success a:hover,
body:has(.home-brand-script) .md-content__inner > .admonition.success a:focus {
    background: rgba(125, 183, 232, 0.14);
    border-color: rgba(125, 183, 232, 0.28);
}

body:has(.home-brand-script) .md-content__inner > .admonition.success .tabbed-block > p:last-of-type {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 0;
}

body:has(.home-brand-script) .md-content__inner > .admonition.success a .twemoji {
    align-items: center;
    display: inline-flex;
}

.md-typeset strong {
    color: #f7fbff;
    font-weight: 650;
}

.md-typeset a {
    border-bottom: 1px solid rgba(125, 183, 232, 0.22);
    text-decoration: none;
}

.md-typeset a:hover,
.md-typeset a:focus {
    border-bottom-color: rgba(125, 183, 232, 0.5);
}

.md-typeset .md-button {
    background: rgba(125, 183, 232, 0.1);
    border: 1px solid rgba(125, 183, 232, 0.34);
    border-radius: 0.72rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    color: #dff1ff !important;
    font-weight: 650;
}

.md-typeset .md-button:hover,
.md-typeset .md-button:focus {
    background: rgba(125, 183, 232, 0.18);
    border-color: rgba(125, 183, 232, 0.56);
    color: #f7fbff !important;
}

.md-typeset :not(pre) > code {
    background: rgba(125, 183, 232, 0.12);
    border: 1px solid rgba(125, 183, 232, 0.2);
    border-radius: 0.35rem;
    color: #dbe8f3;
    padding: 0.15rem 0.35rem;
}

.md-typeset pre > code {
    border: 1px solid rgba(145, 171, 196, 0.14);
    border-radius: 0.85rem;
}

.md-typeset mark {
    background: rgba(125, 183, 232, 0.12);
    border: 1px solid rgba(125, 183, 232, 0.22);
    border-radius: 0.35rem;
    color: #dce8f3;
    margin: 0 0.15rem;
    padding: 0.05rem 0.35rem;
}

.md-typeset blockquote {
    background: rgba(82, 103, 129, 0.18);
    border-inline-start: 0.18rem solid rgba(125, 183, 232, 0.6);
    border-radius: 0.65rem;
    color: var(--blog-text-muted);
    margin-inline: 0;
    padding: 0.9rem 1rem;
}

.md-typeset .admonition,
.md-typeset details {
    background: rgba(36, 47, 59, 0.42);
    border-radius: 0.85rem;
    box-shadow: inset 0 0 0 1px var(--blog-border);
}

.md-typeset .admonition-title,
.md-typeset summary {
    font-weight: 600;
}

[data-md-color-scheme="slate"] code,
[data-md-color-scheme="slate"] pre code {
    color: #cbd8e3;
}

[data-md-color-scheme="slate"] .highlight .k,
[data-md-color-scheme="slate"] .highlight .kd,
[data-md-color-scheme="slate"] .highlight .kr {
    color: #c792ea;
    font-weight: 500;
}

[data-md-color-scheme="slate"] .highlight .nc,
[data-md-color-scheme="slate"] .highlight .kt,
[data-md-color-scheme="slate"] .highlight .kc {
    color: #ecc48d;
}

[data-md-color-scheme="slate"] .highlight .s,
[data-md-color-scheme="slate"] .highlight .s1,
[data-md-color-scheme="slate"] .highlight .s2 {
    color: #a6d189;
}

[data-md-color-scheme="slate"] .highlight .nf {
    color: #7dc4ff;
}

[data-md-color-scheme="slate"] .highlight .mi,
[data-md-color-scheme="slate"] .highlight .mf {
    color: #f3a968;
}

[data-md-color-scheme="slate"] .highlight .c,
[data-md-color-scheme="slate"] .highlight .cm,
[data-md-color-scheme="slate"] .highlight .c1 {
    color: #6f7f90;
    font-style: italic;
}

[data-md-color-scheme="slate"] .md-typeset blockquote code {
    background-color: rgba(125, 183, 232, 0.18);
}

.md-footer,
.md-footer-meta {
    background-color: #10161d;
}

.md-footer-meta__inner {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 3.5rem;
    padding-block: 0.85rem;
}

.blog-footer-meta__records {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    justify-self: end;
    min-width: 0;
    text-align: right;
}

.blog-footer-meta__record {
    align-items: center;
    border-bottom: none !important;
    color: var(--blog-text-soft);
    display: inline-flex;
    font-size: 0.68rem;
    gap: 0.38rem;
    line-height: 1.4;
    min-width: 0;
    text-decoration: none;
    transition: color 160ms ease;
}

.blog-footer-meta__record:hover,
.blog-footer-meta__record:focus {
    color: var(--blog-text-muted);
}

.blog-footer-meta__spacer {
    display: block;
}

.blog-footer-meta__icon {
    flex: 0 0 auto;
    height: 0.92rem;
    width: 0.92rem;
}

.blog-footer-meta__motto {
    color: rgba(146, 195, 237, 0.86);
    font-size: 0.82rem;
    font-style: italic;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin: 0;
    text-align: center;
}

body:has(.home-brand-script) .md-footer,
body:has(.home-brand-script) .md-footer-meta,
body:has(.home-hero-title) .md-footer,
body:has(.home-hero-title) .md-footer-meta,
body:has(.home-profile) .md-footer,
body:has(.home-profile) .md-footer-meta,
body:has(.content-index) .md-footer,
body:has(.content-index) .md-footer-meta {
    background: transparent;
}

body:has(.home-brand-script) .md-footer-meta__inner,
body:has(.home-hero-title) .md-footer-meta__inner,
body:has(.home-profile) .md-footer-meta__inner,
body:has(.content-index) .md-footer-meta__inner {
    border-top: 1px solid rgba(145, 171, 196, 0.12);
}

@media screen and (max-width: 50rem) {
    .md-footer-meta__inner {
        gap: 0.55rem;
        grid-template-columns: 1fr;
        justify-items: center;
        min-height: auto;
        padding-block: 0.95rem;
        text-align: center;
    }

    .blog-footer-meta__records {
        justify-self: center;
        text-align: center;
    }

    .blog-footer-meta__motto {
        order: -1;
    }

    .blog-footer-meta__spacer {
        display: none;
    }
}

.timeline-content::before,
.timeline-card {
    background-color: #202a35;
}

/* Link cards */
.flink-list {
    overflow: auto;
    padding: 10px 10px 0;
    text-align: center;
}

.flink-list a {
    color: inherit;
}

[data-md-color-scheme="slate"] .flink-list a {
    color: var(--blog-text-muted);
}

.flink-list-item {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 15px 7px;
    width: calc(100% / 2 - 15px);
    height: 90px;
    border: 1px solid var(--blog-border);
    border-radius: 12px;
    line-height: 17px;
    transform: translateZ(0);
    transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

[data-md-color-scheme="slate"] .flink-list-item {
    background: rgba(36, 47, 59, 0.72);
}

.flink-item-icon {
    float: left;
    overflow: hidden;
    margin: 15px 10px;
    width: 60px;
    height: 60px;
    border-radius: 35px;
}

.flink-item-name {
    padding: 19px 10px 0 0;
    height: 40px;
    font-size: 1.1em;
    font-weight: 600;
}

[data-md-color-scheme="slate"] .flink-item-name {
    color: #eef6ff;
}

.flink-item-desc {
    padding: 13px 10px 16px 0;
    height: 50px;
    font-size: 0.9em;
}

[data-md-color-scheme="slate"] .flink-item-desc {
    color: var(--blog-text-soft);
}

.flink-list-item:hover {
    border-color: var(--blog-border-strong);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
    transform: translateY(-2px);
}

[data-md-color-scheme="slate"] .flink-list-item:hover {
    background: rgba(125, 183, 232, 0.12);
}

.flink-list-item {
    width: calc(50% - 15px) !important;
}

@media screen and (max-width: 1310px) {
    .flink-list-item {
        width: calc(100% - 15px) !important;
    }
}

@media screen and (max-width: 1219px) {
    .flink-list-item {
        width: calc(50% - 15px) !important;
    }
}

@media screen and (max-width: 1027px) {
    .flink-list-item {
        width: calc(100% - 15px) !important;
    }
}

@media screen and (max-width: 959px) {
    .flink-list-item {
        width: calc(50% - 15px) !important;
    }
}

@media screen and (max-width: 692px) {
    .flink-list-item {
        width: calc(100% - 15px) !important;
    }
}

/* Homepage project showcase and archive index */
.home-showcase {
    margin-top: 2.6rem;
    padding-top: 0.8rem;
}

body:has(.home-brand-script) .home-showcase,
body:has(.home-hero-title) .home-showcase,
body:has(.home-profile) .home-showcase {
    margin-bottom: 0.45rem;
}

.home-showcase__header {
    align-items: flex-end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.home-showcase__eyebrow {
    color: var(--blog-accent);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    margin: 0 0 0.28rem;
    text-transform: uppercase;
}

.home-showcase__header h2 {
    color: #f3f8fd;
    font-size: 1.62rem;
    letter-spacing: -0.03em;
    margin: 0;
}

.home-showcase__description {
    color: var(--blog-text-soft);
    margin: 0.45rem 0 0;
    max-width: 34rem;
}

.home-showcase__link,
.home-feature-card,
.home-list-item,
.content-card {
    border-bottom: none !important;
    text-decoration: none;
}

.home-showcase__link {
    align-items: center;
    background: rgba(125, 183, 232, 0.08);
    border: 1px solid rgba(125, 183, 232, 0.2);
    border-radius: 999px;
    color: #dceefe;
    display: inline-flex;
    font-size: 0.82rem;
    gap: 0.4rem;
    padding: 0.48rem 0.85rem;
    transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.home-showcase__link:hover,
.home-showcase__link:focus {
    background: rgba(125, 183, 232, 0.14);
    border-color: rgba(125, 183, 232, 0.3);
    transform: translateY(-1px);
}

.home-showcase__section-heading {
    align-items: baseline;
    display: flex;
    gap: 0.65rem;
    margin: 1.35rem 0 0.85rem;
    padding-bottom: 0;
}

.home-showcase > .home-showcase__section-heading:first-child {
    margin-top: 0;
}

.home-showcase__section-heading--compact {
    margin-top: 1.6rem;
}

.home-showcase__section-heading span {
    color: #dceefe;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    line-height: 1;
    text-transform: uppercase;
}

.home-feature-grid {
    display: grid;
    gap: 1.05rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 0.85rem;
}

.home-feature-card {
    background: #1b2530;
    border: 1px solid rgba(125, 183, 232, 0.3);
    border-top: 3px solid rgba(125, 183, 232, 0.7);
    border-radius: 1.15rem;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
    display: flex;
    flex-direction: column;
    min-height: 20rem;
    padding: 1.35rem;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.home-feature-card--link:hover,
.home-feature-card--link:focus {
    border-color: rgba(125, 183, 232, 0.42);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
    transform: translateY(-2px);
}

.home-feature-card__meta {
    align-items: center;
    display: flex;
    gap: 0.7rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.home-feature-card__meta span:first-child {
    color: var(--blog-accent);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-feature-card__meta span:last-child,
.home-list-item__status {
    background: rgba(125, 183, 232, 0.1);
    border: 1px solid rgba(125, 183, 232, 0.18);
    border-radius: 999px;
    color: #dceefe;
    font-size: 0.72rem;
    line-height: 1;
    padding: 0.28rem 0.58rem;
    white-space: nowrap;
}

.home-feature-card h3 {
    color: #f4f8fc;
    font-size: 1.38rem;
    letter-spacing: -0.03em;
    line-height: 1.34;
    margin: 0 0 0.7rem;
}

.home-feature-card p {
    color: var(--blog-text-muted);
    font-size: 0.92rem;
    line-height: 1.75;
    margin: 0;
}

.home-feature-card__stack {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin: 1rem 0 0;
    padding: 0;
}

.home-feature-card__stack span {
    align-items: center;
    background: rgba(125, 183, 232, 0.1);
    border: 1px solid rgba(125, 183, 232, 0.2);
    border-radius: 999px;
    color: #dceefe;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 650;
    line-height: 1;
    margin: 0;
    padding: 0.32rem 0.52rem;
}

.home-feature-card__details {
    border-top: 1px solid rgba(145, 171, 196, 0.12);
    color: var(--blog-text-muted);
    margin: 1.05rem 0 0;
    padding: 0.9rem 0 0;
}

.home-feature-card__details p {
    color: var(--blog-text-muted);
    font-size: 0.84rem;
    line-height: 1.65;
    margin: 0.42rem 0 0;
    padding-left: 1rem;
    position: relative;
}

.home-feature-card__details p:first-child {
    margin-top: 0;
}

.home-feature-card__details p:before {
    background: var(--blog-accent);
    border-radius: 999px;
    content: "";
    height: 0.28rem;
    left: 0;
    opacity: 0.78;
    position: absolute;
    top: 0.68em;
    width: 0.28rem;
}

.content-card-grid {
    display: grid;
    gap: 0.78rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.85rem;
}

.content-card {
    background: rgba(28, 36, 46, 0.72);
    border: 1px solid rgba(145, 171, 196, 0.14);
    border-radius: 0.9rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
    display: block;
    min-height: 100%;
    padding: 0.85rem 0.9rem 0.95rem;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.content-card--link:hover,
.content-card--link:focus {
    border-color: rgba(125, 183, 232, 0.34);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
    transform: translateY(-2px);
}

.content-card__meta {
    align-items: center;
    display: flex;
    gap: 0.7rem;
    justify-content: space-between;
    margin-bottom: 0.68rem;
}

.content-card__section {
    color: var(--blog-accent);
    font-size: 0.65rem;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.content-card__status {
    background: rgba(125, 183, 232, 0.12);
    border: 1px solid rgba(125, 183, 232, 0.2);
    border-radius: 999px;
    color: #dceefe;
    font-size: 0.65rem;
    padding: 0.16rem 0.48rem;
    white-space: nowrap;
}

.content-card--planned .content-card__status {
    background: rgba(145, 171, 196, 0.08);
    border-color: rgba(145, 171, 196, 0.14);
    color: var(--blog-text-soft);
}

.content-card__title {
    color: #f4f8fc;
    font-size: 0.98rem;
    line-height: 1.38;
    margin: 0 0 0.55rem;
}

.content-card__summary {
    color: var(--blog-text-muted);
    font-size: 0.82rem;
    line-height: 1.65;
    margin: 0;
}

.home-list {
    border: 1px solid rgba(145, 171, 196, 0.16);
    border-radius: 1rem;
    margin-top: 1rem;
    overflow: hidden;
}

.home-list__header {
    align-items: center;
    background: rgba(125, 183, 232, 0.05);
    border-bottom: 1px solid rgba(145, 171, 196, 0.12);
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
}

.home-list__header h3 {
    color: #eef6ff;
    font-size: 0.95rem;
    margin: 0;
}

.home-list__header span {
    color: var(--blog-text-soft);
    font-size: 0.78rem;
}

.home-list__header span:first-child {
    color: #dceefe;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.home-list-item {
    align-items: flex-start;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.9rem;
    transition: background-color 180ms ease;
}

.home-list-item + .home-list-item {
    border-top: 1px solid rgba(145, 171, 196, 0.1);
}

.home-list-item--link:hover,
.home-list-item--link:focus {
    background: rgba(125, 183, 232, 0.05);
}

.home-list-item__section {
    color: var(--blog-accent);
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.home-list-item h3 {
    color: #f2f7fc;
    font-size: 0.98rem;
    line-height: 1.38;
    margin: 0 0 0.28rem;
}

.home-list-item p {
    color: var(--blog-text-muted);
    font-size: 0.88rem;
    line-height: 1.65;
    margin: 0;
}

.content-index {
    max-width: 38rem;
    margin-top: 2.1rem;
}

.content-index__header {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    justify-content: space-between;
    margin-bottom: 0.22rem;
}

.content-index__header h2 {
    color: #eef6ff;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0;
}

.content-index__count {
    color: var(--blog-text-soft);
    font-size: 0.72rem;
    white-space: nowrap;
}

.content-index-item {
    align-items: center;
    border-bottom: none !important;
    border-top: 1px solid rgba(145, 171, 196, 0.12);
    border-radius: 0.9rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.36rem 0.14rem 0.36rem 0.68rem;
    position: relative;
    text-decoration: none;
    transition: background-color 180ms ease, border-color 180ms ease;
}

.content-index-item::before {
    background: transparent;
    border-radius: 999px;
    content: "";
    inset: 0.95rem auto 0.95rem 0;
    position: absolute;
    transition: background-color 180ms ease;
    width: 2px;
}

.content-index-item--link:hover,
.content-index-item--link:focus {
    background: rgba(125, 183, 232, 0.05);
}

.content-index-item--link:hover::before,
.content-index-item--link:focus::before {
    background: rgba(125, 183, 232, 0.9);
}

.content-index-item__main {
    min-width: 0;
}

.content-index-item__title {
    color: #f2f7fc;
    font-size: 1.02rem;
    line-height: 1.36;
    margin: 0 0 0.04rem;
}

.content-index-item__summary {
    color: var(--blog-text-muted);
    font-size: 0.82rem;
    line-height: 1.38;
    margin: 0;
    max-width: 30rem;
}

.content-index-item__status {
    background: rgba(145, 171, 196, 0.08);
    border: 1px solid rgba(145, 171, 196, 0.16);
    border-radius: 999px;
    color: var(--blog-text-soft);
    font-size: 0.66rem;
    font-weight: 650;
    justify-self: end;
    letter-spacing: 0.04em;
    padding: 0.18rem 0.48rem;
    white-space: nowrap;
}

.content-index-item--planned .content-index-item__title {
    color: #ebf1f7;
}

.content-index__group + .content-index__group {
    border-top: 1px solid var(--blog-border);
    margin-top: 1.15rem;
    padding-top: 1rem;
}

@media screen and (max-width: 1100px) {
    .content-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 900px) {
    .home-showcase__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-feature-grid,
    .content-card-grid,
    .home-metric-grid,
    .home-focus-grid,
    .home-signal-grid,
    .home-primary-grid {
        grid-template-columns: 1fr;
    }

    .home-ongoing {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .home-list-item {
        grid-template-columns: 1fr;
    }

    .content-index-item {
        grid-template-columns: 1fr;
        row-gap: 0.5rem;
    }

    .content-index-item__status {
        justify-self: start;
    }
}