body.home-page section#blog.apus-blog-board,
body.home-page .home-main > section#blog.apus-blog-board,
body.home-page .home-main--guest > section#blog.apus-blog-board {
    --blog-news-ink: #102927;
    --blog-news-muted: #66737c;
    --blog-news-green: #087a43;
    --blog-news-green-strong: #046238;
    --blog-news-soft: #edf8f3;
    --blog-news-border: rgba(16, 41, 39, 0.1);
    margin-top: 0 !important;
    padding: clamp(3.2rem, 6vw, 5.6rem) 0 clamp(3.5rem, 6vw, 5.8rem) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 8% 18%, rgba(107, 209, 255, 0.12), rgba(107, 209, 255, 0) 26%),
        radial-gradient(circle at 88% 8%, rgba(52, 177, 147, 0.18), rgba(52, 177, 147, 0) 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 251, 249, 0.98)) !important;
    box-shadow: none !important;
}

body.home-page section#blog.apus-blog-board::before,
body.home-page .home-main > section#blog.apus-blog-board::before,
body.home-page .home-main--guest > section#blog.apus-blog-board::before {
    content: none !important;
}

body.home-page .apus-blog-board > .container {
    width: var(--home-section-standard-width, min(calc(100% - 2rem), 96rem)) !important;
    max-width: none !important;
    margin-inline: auto !important;
}

.blog-news-heading {
    max-width: 820px;
    margin: 0 0 clamp(1.4rem, 3vw, 2.2rem);
    display: grid;
    gap: 0.8rem;
}

.blog-news-heading__mark {
    width: fit-content;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.38rem 0.82rem;
    border: 1px solid rgba(8, 122, 67, 0.18);
    border-radius: 999px;
    background: rgba(232, 247, 241, 0.96);
    color: var(--blog-news-green);
    font-size: 0.84rem;
    font-weight: 900;
    line-height: 1;
}

.blog-news-heading__mark::before {
    content: '';
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 0.26rem rgba(8, 122, 67, 0.1);
}

.blog-news-heading__copy {
    display: grid;
    gap: 0.55rem;
}

.blog-news-heading h2 {
    margin: 0 !important;
    color: var(--blog-news-ink) !important;
    font-family: 'Google Sans Flex', system-ui, sans-serif !important;
    font-size: clamp(2.1rem, 5vw, 4rem) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

.blog-news-heading p {
    max-width: 680px;
    margin: 0;
    color: var(--blog-news-muted);
    font-size: clamp(0.98rem, 1.5vw, 1.08rem);
    font-weight: 650;
    line-height: 1.65;
}

.blog-news-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.78fr);
    gap: clamp(1.1rem, 2.6vw, 2rem);
    align-items: start;
}

.blog-news-stack,
.blog-fixed-stack {
    display: grid;
    gap: clamp(0.95rem, 2vw, 1.25rem);
}

.blog-news-panel,
.blog-fixed-card {
    border: 1px solid var(--blog-news-border) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--blog-news-ink) !important;
    box-shadow: 0 18px 44px rgba(16, 41, 39, 0.08) !important;
    backdrop-filter: blur(10px);
}

.blog-news-panel {
    position: relative;
    min-height: 7.4rem;
    display: grid;
    align-content: center;
    gap: 0.95rem;
    padding: clamp(1.15rem, 2.3vw, 1.7rem);
    border-radius: 1.6rem !important;
    overflow: hidden;
}

.blog-news-panel::after,
.blog-fixed-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 46%);
}

.blog-news-panel--post-list,
.blog-news-panel--updates {
    min-height: 13rem;
    align-content: stretch;
    background:
        linear-gradient(135deg, rgba(232, 247, 241, 0.72), rgba(255, 255, 255, 0.96) 38%),
        #ffffff !important;
}

.blog-news-panel--post-list::before,
.blog-news-panel--updates::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1.45rem;
    bottom: 1.45rem;
    width: 0.32rem;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, #087a43, #52c4a8);
}

.blog-news-panel__head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.blog-news-panel__title {
    margin: 0;
    color: var(--blog-news-ink) !important;
    font-family: 'Google Sans Flex', system-ui, sans-serif !important;
    font-size: clamp(1.06rem, 1.8vw, 1.38rem);
    font-weight: 950;
    line-height: 1.18;
    letter-spacing: 0;
}

.blog-news-placeholder {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 7.2rem;
}

.blog-news-placeholder::before {
    content: 'Sắp cập nhật';
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.35rem 0.72rem;
    border-radius: 999px;
    background: rgba(8, 122, 67, 0.08);
    color: var(--blog-news-green);
    font-size: 0.76rem;
    font-weight: 900;
    white-space: nowrap;
}

.blog-news-placeholder .blog-news-panel__title,
.blog-news-placeholder p {
    position: relative;
    z-index: 1;
}

.blog-news-placeholder p {
    max-width: 38rem;
    margin: 0;
    color: var(--blog-news-muted) !important;
    font-size: 0.96rem;
    font-weight: 650;
    line-height: 1.55;
}

.blog-news-posts {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.65rem;
}

.blog-news-post {
    display: grid !important;
    grid-template-columns: 5.3rem minmax(0, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
    min-height: 5.9rem;
    padding: 0.72rem 0.85rem 0.72rem 0.72rem;
    border: 1px solid rgba(16, 41, 39, 0.08);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.84);
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.blog-news-post::after {
    content: '\2192';
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(8, 122, 67, 0.08);
    color: var(--blog-news-green);
    font-size: 1.05rem;
    font-weight: 900;
    transition: transform 0.2s ease, background 0.2s ease;
}

.blog-news-post:hover,
.blog-news-post:focus-visible {
    color: var(--blog-news-green) !important;
    transform: translateY(-2px);
    border-color: rgba(8, 122, 67, 0.22);
    box-shadow: 0 14px 28px rgba(16, 41, 39, 0.1);
    outline: none;
}

.blog-news-post:hover::after,
.blog-news-post:focus-visible::after {
    transform: translateX(3px);
    background: rgba(8, 122, 67, 0.14);
}

.blog-news-post:focus-visible {
    box-shadow: 0 0 0 3px rgba(8, 122, 67, 0.18), 0 14px 28px rgba(16, 41, 39, 0.1);
}

.blog-news-post__thumb {
    width: 5.3rem;
    aspect-ratio: 4 / 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.85rem;
    background: #eaf7f1;
    color: var(--blog-news-green);
    font-size: 0.85rem;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(8, 122, 67, 0.08);
}

.blog-news-post__thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.blog-news-post__body {
    min-width: 0;
    display: grid;
    gap: 0.34rem;
}

.blog-news-post__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem 0.58rem;
    color: var(--blog-news-muted);
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.blog-news-post__meta span + span::before {
    content: none !important;
}

.blog-news-post__title {
    margin: 0;
    color: inherit !important;
    font-family: 'Google Sans Flex', system-ui, sans-serif !important;
    font-size: clamp(1rem, 1.45vw, 1.12rem);
    font-weight: 950;
    line-height: 1.28;
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-news-empty {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--blog-news-muted) !important;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.6;
}

.blog-fixed-stack {
    position: sticky;
    top: 7.5rem;
}

.blog-fixed-card {
    position: relative;
    min-height: 18.6rem;
    display: grid !important;
    grid-template-rows: auto 1fr;
    justify-items: stretch;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    border-radius: 1.35rem !important;
    text-align: left;
    text-decoration: none !important;
    overflow: hidden;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.blog-fixed-card::before {
    content: '';
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 999px;
    background: rgba(8, 122, 67, 0.1);
}

.blog-fixed-card--blue::before {
    background: rgba(47, 103, 187, 0.12);
}

.blog-fixed-card:hover,
.blog-fixed-card:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(8, 122, 67, 0.24) !important;
    box-shadow: 0 24px 52px rgba(16, 41, 39, 0.12) !important;
    outline: none;
}

.blog-fixed-card--blue:hover,
.blog-fixed-card--blue:focus-visible {
    border-color: rgba(47, 103, 187, 0.25) !important;
}

.blog-fixed-card:focus-visible {
    box-shadow: 0 0 0 3px rgba(8, 122, 67, 0.18), 0 24px 52px rgba(16, 41, 39, 0.12) !important;
}

.blog-fixed-card__title,
.blog-fixed-card__media {
    position: relative;
    z-index: 1;
}

.blog-fixed-card__title {
    max-width: 19rem;
    margin: 0;
    padding-right: 2.9rem;
    color: var(--blog-news-ink) !important;
    font-family: 'Google Sans Flex', system-ui, sans-serif !important;
    font-size: clamp(1rem, 1.45vw, 1.16rem);
    font-weight: 950;
    line-height: 1.25;
    letter-spacing: 0;
}

.blog-fixed-card__label {
    width: fit-content;
    display: flex;
    margin-top: 0.55rem;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    background: rgba(8, 122, 67, 0.08);
    color: var(--blog-news-green);
    font-size: 0.76rem;
    font-weight: 900;
}

.blog-fixed-card--blue .blog-fixed-card__label {
    background: rgba(47, 103, 187, 0.1);
    color: #2f67bb;
}

.blog-fixed-card__media {
    width: 100%;
    align-self: center;
    aspect-ratio: 16 / 9.2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(232, 247, 241, 0.92), rgba(255, 248, 223, 0.86));
}

.blog-fixed-card--blue .blog-fixed-card__media {
    background: linear-gradient(135deg, rgba(237, 245, 255, 0.96), rgba(255, 248, 223, 0.86));
}

.blog-fixed-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

body.blog-guide-page .blog-guide-header {
    padding-bottom: clamp(1.4rem, 3vw, 2rem) !important;
}

body.blog-guide-page .blog-guide-eyebrow {
    width: fit-content;
    margin: 0;
    padding: 0.36rem 0.72rem;
    border: 1px solid rgba(8, 122, 67, 0.18);
    border-radius: 999px;
    background: #eaf7f1;
    color: #087a43;
    font-size: 0.82rem;
    font-weight: 900;
}

body.blog-guide-page .blog-guide-layout {
    display: grid;
    grid-template-columns: minmax(0, 820px) minmax(260px, 300px);
    gap: clamp(24px, 3vw, 34px);
    align-items: start;
}

body.blog-guide-page .blog-guide-main-article {
    min-width: 0;
    display: grid;
    gap: 22px;
}

body.blog-guide-page .blog-guide-hero-visual {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(16, 41, 39, 0.08);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 18px 46px rgba(16, 41, 39, 0.12);
}

body.blog-guide-page .blog-guide-hero-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

body.blog-guide-page .blog-guide-content ul {
    padding-left: 1.25rem !important;
}

body.blog-guide-page .blog-guide-roadmap {
    display: grid;
    gap: clamp(1rem, 2vw, 1.35rem);
    margin-top: 1.15rem;
}

body.blog-guide-page .blog-guide-roadmap-stage {
    display: grid;
    grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
    gap: clamp(1rem, 2.2vw, 1.45rem);
    align-items: stretch;
    padding: clamp(0.82rem, 1.6vw, 1.08rem);
    border: 1px solid rgba(16, 41, 39, 0.1);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(234, 247, 241, 0.72), rgba(255, 255, 255, 0.98) 46%);
    box-shadow: 0 14px 34px rgba(16, 41, 39, 0.08);
}

body.blog-guide-page .blog-guide-roadmap-stage figure {
    margin: 0;
    min-height: 100%;
    overflow: hidden;
    border-radius: 11px;
    background: #eaf7f1;
}

body.blog-guide-page .blog-guide-roadmap-stage figure img {
    width: 100%;
    height: 100%;
    min-height: 13rem;
    display: block;
    object-fit: cover;
}

body.blog-guide-page .blog-guide-roadmap-stage > div {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0.55rem;
}

body.blog-guide-page .blog-guide-roadmap-stage__step {
    width: fit-content;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.72rem;
    border-radius: 999px;
    background: #eaf7f1;
    color: #087a43;
    font-size: 0.82rem;
    font-weight: 950;
}

body.blog-guide-page .blog-guide-roadmap-stage h2 {
    margin-top: 0 !important;
}

body.blog-guide-page--roadmap .blog-guide-layout {
    grid-template-columns: minmax(0, 1fr) !important;
}

body.blog-guide-page--roadmap .post-modern-sidebar {
    display: none !important;
}

body.blog-guide-page--roadmap .blog-guide-main-article {
    gap: 0 !important;
}

body.blog-guide-page--roadmap .blog-guide-content {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.blog-guide-page--roadmap .blog-guide-infographic {
    --roadmap-ink: #102927;
    --roadmap-muted: #5f6b73;
    --roadmap-line: #dce9e4;
    --roadmap-green: #108138;
    --roadmap-blue: #1769a6;
    --roadmap-amber: #b77913;
    --roadmap-red: #b84a43;
    display: grid !important;
    gap: 1.35rem !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr) !important;
    gap: 1.25rem !important;
    align-items: stretch !important;
    padding: 1.5rem !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(135deg, rgba(234, 247, 241, 0.96), rgba(255, 250, 238, 0.96) 58%, rgba(238, 246, 255, 0.92)) !important;
    overflow: hidden !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero__copy {
    min-width: 0 !important;
    display: grid !important;
    align-content: center !important;
    gap: 0.72rem !important;
}

body.blog-guide-page--roadmap .roadmap-kicker,
body.blog-guide-page--roadmap .roadmap-section-heading > span,
body.blog-guide-page--roadmap .roadmap-card__age {
    width: fit-content !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 2rem !important;
    padding: 0.36rem 0.72rem !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: var(--roadmap-green) !important;
    border: 1px solid rgba(16, 129, 56, 0.18) !important;
    font-size: 0.82rem !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero h2,
body.blog-guide-page--roadmap .roadmap-section-heading h2 {
    margin: 0 !important;
    color: var(--roadmap-ink) !important;
    font-size: 2rem !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero p {
    max-width: 52rem !important;
    margin: 0 !important;
    color: #36524b !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
    font-weight: 650 !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.72rem !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero__stats span {
    min-width: 0 !important;
    display: grid !important;
    align-content: center !important;
    gap: 0.28rem !important;
    min-height: 6.2rem !important;
    padding: 1rem !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.86) !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero__stats strong {
    color: var(--roadmap-ink) !important;
    font-size: 1.68rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero__stats small {
    color: var(--roadmap-muted) !important;
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

body.blog-guide-page--roadmap .roadmap-map {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    padding-top: 3.1rem !important;
}

body.blog-guide-page--roadmap .roadmap-map::before {
    content: "" !important;
    position: absolute !important;
    top: 1.32rem !important;
    left: 6% !important;
    right: 6% !important;
    height: 0.28rem !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--roadmap-green), var(--roadmap-blue) 34%, var(--roadmap-amber) 67%, var(--roadmap-red)) !important;
}

body.blog-guide-page--roadmap .roadmap-card {
    --stage-accent: var(--roadmap-green);
    --stage-soft: #eaf7f1;
    position: relative !important;
    min-width: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    gap: 0.86rem !important;
    padding: 0.74rem !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-top: 4px solid var(--stage-accent) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 36px rgba(16, 41, 39, 0.08) !important;
}

body.blog-guide-page--roadmap .roadmap-card--explorers {
    --stage-accent: var(--roadmap-blue);
    --stage-soft: #edf6ff;
}

body.blog-guide-page--roadmap .roadmap-card--leaders {
    --stage-accent: var(--roadmap-amber);
    --stage-soft: #fff6dd;
}

body.blog-guide-page--roadmap .roadmap-card--ielts {
    --stage-accent: var(--roadmap-red);
    --stage-soft: #fff0ee;
}

body.blog-guide-page--roadmap .roadmap-card__pin {
    position: absolute !important;
    top: -3.05rem !important;
    left: 50% !important;
    z-index: 1 !important;
    width: 2.65rem !important;
    height: 2.65rem !important;
    display: inline-grid !important;
    place-items: center !important;
    transform: translateX(-50%) !important;
    border: 4px solid #ffffff !important;
    border-radius: 999px !important;
    background: var(--stage-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(16, 41, 39, 0.16) !important;
    font-size: 0.82rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

body.blog-guide-page--roadmap .roadmap-card__media {
    width: 100% !important;
    aspect-ratio: 16 / 10.5 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: var(--stage-soft) !important;
}

body.blog-guide-page--roadmap .roadmap-card__media img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

body.blog-guide-page--roadmap .roadmap-card__content {
    min-width: 0 !important;
    display: grid !important;
    align-content: start !important;
    gap: 0.6rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__age {
    background: var(--stage-soft) !important;
    color: var(--stage-accent) !important;
    border-color: rgba(16, 41, 39, 0.08) !important;
}

body.blog-guide-page--roadmap .roadmap-card h2 {
    margin: 0 !important;
    color: var(--roadmap-ink) !important;
    font-size: 1.2rem !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
}

body.blog-guide-page--roadmap .roadmap-card__subtitle {
    margin: -0.2rem 0 0 !important;
    color: var(--roadmap-muted) !important;
    font-size: 0.86rem !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts {
    display: grid !important;
    gap: 0.54rem !important;
    margin: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div {
    display: grid !important;
    gap: 0.18rem !important;
    padding: 0.62rem 0.68rem !important;
    border-left: 3px solid var(--stage-accent) !important;
    border-radius: 8px !important;
    background: #f8fbfa !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dt {
    color: var(--stage-accent) !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dd {
    margin: 0 !important;
    color: #31443f !important;
    font-size: 0.84rem !important;
    line-height: 1.42 !important;
    font-weight: 650 !important;
}

body.blog-guide-page--roadmap .roadmap-skill-board,
body.blog-guide-page--roadmap .roadmap-choice-panel {
    display: grid !important;
    gap: 1rem !important;
    padding: 1.2rem !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 14px 32px rgba(16, 41, 39, 0.06) !important;
}

body.blog-guide-page--roadmap .roadmap-section-heading {
    display: grid !important;
    gap: 0.62rem !important;
}

body.blog-guide-page--roadmap .roadmap-section-heading > span {
    background: #eef6ff !important;
    color: var(--roadmap-blue) !important;
    border-color: rgba(23, 105, 166, 0.18) !important;
}

body.blog-guide-page--roadmap .roadmap-section-heading h2 {
    font-size: 1.45rem !important;
}

body.blog-guide-page--roadmap .roadmap-skill-grid {
    display: grid !important;
    gap: 0.58rem !important;
}

body.blog-guide-page--roadmap .roadmap-skill-row {
    display: grid !important;
    grid-template-columns: 5.2rem repeat(4, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
    align-items: stretch !important;
}

body.blog-guide-page--roadmap .roadmap-skill-row span,
body.blog-guide-page--roadmap .roadmap-skill-row b {
    min-width: 0 !important;
    min-height: 3rem !important;
    display: flex !important;
    align-items: center !important;
    padding: 0.62rem 0.72rem !important;
    border: 1px solid rgba(16, 41, 39, 0.08) !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
}

body.blog-guide-page--roadmap .roadmap-skill-row span {
    justify-content: center !important;
    background: var(--roadmap-ink) !important;
    color: #ffffff !important;
    font-weight: 950 !important;
}

body.blog-guide-page--roadmap .roadmap-skill-row b {
    background: linear-gradient(180deg, #ffffff, #f7faf8) !important;
    color: #324943 !important;
    font-weight: 800 !important;
}

body.blog-guide-page--roadmap .roadmap-choice-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.8rem !important;
}

body.blog-guide-page--roadmap .roadmap-choice-grid div {
    min-width: 0 !important;
    display: grid !important;
    gap: 0.42rem !important;
    padding: 1rem !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-radius: 10px !important;
    background: #fbfdfc !important;
}

body.blog-guide-page--roadmap .roadmap-choice-grid strong {
    color: var(--roadmap-ink) !important;
    font-size: 0.95rem !important;
    line-height: 1.28 !important;
    font-weight: 950 !important;
}

body.blog-guide-page--roadmap .roadmap-choice-grid span {
    color: var(--roadmap-muted) !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

body.blog-guide-page .blog-guide-related-list {
    display: grid;
    gap: 0.7rem;
}

body.blog-guide-page .blog-guide-related-link {
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem 0;
    border-top: 1px solid rgba(16, 41, 39, 0.1);
    color: inherit;
    text-decoration: none;
}

body.blog-guide-page .blog-guide-related-link:first-child {
    border-top: 0;
    padding-top: 0;
}

body.blog-guide-page .blog-guide-related-link strong {
    color: #102927;
    font-size: 0.95rem;
    line-height: 1.35;
}

body.blog-guide-page .blog-guide-related-link span {
    color: #68747f;
    font-size: 0.82rem;
    font-weight: 750;
}

body.blog-guide-page .blog-guide-related-link:hover strong,
body.blog-guide-page .blog-guide-related-link:focus-visible strong {
    color: #087a43;
}

body.blog-guide-page .blog-guide-related-link:focus-visible {
    outline: 3px solid rgba(8, 122, 67, 0.2);
    outline-offset: 3px;
}

body.blog-guide-page .blog-guide-empty {
    max-width: 720px;
}

/* APUS updates board, matched to the requested two-column reference layout. */
body.home-page section#blog.apus-blog-board,
body.home-page .home-main > section#blog.apus-blog-board,
body.home-page .home-main--guest > section#blog.apus-blog-board {
    --blog-news-ink: #102927;
    --blog-news-muted: #67747f;
    --blog-news-green: #108138;
    --blog-news-green-strong: #0f7434;
    --blog-news-green-soft: #eaf7f1;
    --blog-news-line: rgba(16, 41, 39, 0.1);
    margin-top: 0 !important;
    padding: clamp(3.4rem, 5.5vw, 5rem) 0 clamp(3.8rem, 6vw, 5.4rem) !important;
    background:
        radial-gradient(circle at 94% 9%, rgba(16, 129, 56, 0.09), transparent 24rem),
        linear-gradient(180deg, #fbfdfc 0%, #ffffff 100%) !important;
}

body.home-page .apus-blog-board > .container {
    width: min(1500px, calc(100% - 80px)) !important;
}

body.home-page .apus-blog-board .blog-news-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.85fr) minmax(360px, 0.9fr) !important;
    gap: clamp(1.6rem, 2.7vw, 2rem) !important;
    align-items: stretch !important;
}

body.home-page .apus-blog-board .blog-fixed-stack {
    grid-template-rows: auto auto minmax(0, 1fr) !important;
}

body.home-page .apus-blog-board .blog-news-stack,
body.home-page .apus-blog-board .blog-fixed-stack {
    display: grid !important;
    gap: clamp(1.05rem, 1.8vw, 1.25rem) !important;
}

body.home-page .apus-blog-board .blog-news-panel,
body.home-page .apus-blog-board .blog-info-row,
body.home-page .apus-blog-board .blog-fixed-card {
    border: 1px solid var(--blog-news-line) !important;
    border-radius: 1.15rem !important;
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 16px 38px rgba(16, 41, 39, 0.07) !important;
}

body.home-page .apus-blog-board .blog-news-panel {
    min-height: 0 !important;
    display: grid !important;
    gap: clamp(1.3rem, 2.5vw, 2rem) !important;
    padding: clamp(1.8rem, 3vw, 2.55rem) clamp(1.7rem, 3vw, 2.45rem) !important;
    overflow: hidden !important;
}

body.home-page .apus-blog-board .blog-news-panel::before,
body.home-page .apus-blog-board .blog-news-panel::after {
    content: none !important;
}

body.home-page .apus-blog-board .blog-news-heading {
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    gap: 0.9rem !important;
}

body.home-page .apus-blog-board .blog-news-heading__mark {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: color-mix(in srgb, var(--blog-news-green) 78%, #ffffff) !important;
    font-size: clamp(0.78rem, 1.1vw, 0.9rem) !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

body.home-page .apus-blog-board .blog-news-heading__mark::before {
    width: 0.72rem !important;
    height: 0.72rem !important;
    margin-right: 0.36rem !important;
    background: currentColor !important;
    box-shadow: none !important;
}

body.home-page .apus-blog-board .blog-news-heading h2 {
    margin: 0 !important;
    color: var(--blog-news-ink) !important;
    font-size: clamp(2.2rem, 4vw, 3.25rem) !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.home-page .apus-blog-board .blog-news-posts {
    display: grid !important;
    gap: clamp(1rem, 1.8vw, 1.3rem) !important;
}

body.home-page .apus-blog-board .blog-news-post {
    grid-template-columns: clamp(8.8rem, 14vw, 11.4rem) minmax(0, 1fr) 3.2rem !important;
    min-height: clamp(6.4rem, 8vw, 7.4rem) !important;
    gap: clamp(1.2rem, 2vw, 1.7rem) !important;
    padding: 0 clamp(0.9rem, 1.6vw, 1.25rem) 0 0 !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, 0.78) !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

body.home-page .apus-blog-board .blog-news-post__thumb {
    width: 100% !important;
    height: 100% !important;
    min-height: clamp(6.4rem, 8vw, 7.4rem) !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.home-page .apus-blog-board .blog-news-post__body {
    gap: 0.42rem !important;
    align-self: center !important;
    padding-block: 1rem !important;
}

body.home-page .apus-blog-board .blog-news-post__meta {
    color: var(--blog-news-muted) !important;
    font-size: clamp(0.78rem, 1vw, 0.9rem) !important;
    font-weight: 800 !important;
    text-transform: none !important;
}

body.home-page .apus-blog-board .blog-news-post__title {
    color: var(--blog-news-ink) !important;
    font-size: clamp(1.14rem, 1.6vw, 1.42rem) !important;
    line-height: 1.26 !important;
    font-weight: 950 !important;
}

body.home-page .apus-blog-board .blog-news-post::after {
    width: 2.85rem !important;
    height: 2.85rem !important;
    align-self: center !important;
    justify-self: center !important;
    background: var(--blog-news-green-soft) !important;
    color: var(--blog-news-green) !important;
    font-size: 1.35rem !important;
}

body.home-page .apus-blog-board .blog-news-post:hover,
body.home-page .apus-blog-board .blog-news-post:focus-visible {
    border-color: rgba(16, 129, 56, 0.24) !important;
    color: var(--blog-news-green) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 30px rgba(16, 41, 39, 0.09) !important;
}

body.home-page .apus-blog-board .blog-info-row {
    display: grid !important;
    grid-template-columns: 5.3rem minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: clamp(1rem, 2vw, 1.5rem) !important;
    min-height: 8rem !important;
    padding: clamp(1.1rem, 2vw, 1.45rem) clamp(1.4rem, 2.5vw, 2.2rem) !important;
}

body.home-page .apus-blog-board .blog-info-row.has-posts {
    grid-template-columns: 5.3rem minmax(0, 1fr) !important;
    grid-template-areas:
        "icon copy"
        "icon list" !important;
    align-items: start !important;
    min-height: 0 !important;
    column-gap: clamp(1rem, 2vw, 1.5rem) !important;
    row-gap: 0.82rem !important;
    padding: clamp(1.1rem, 2vw, 1.45rem) clamp(1.4rem, 2.5vw, 2.2rem) !important;
}

body.home-page .apus-blog-board .blog-info-row__icon {
    width: 4.7rem !important;
    height: 4.7rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 1.05rem !important;
    background: linear-gradient(135deg, #e3f6ea, #f5fbf7) !important;
    color: var(--blog-news-green) !important;
}

body.home-page .apus-blog-board .blog-info-row.has-posts .blog-info-row__icon {
    grid-area: icon !important;
    width: 4.7rem !important;
    height: 4.7rem !important;
    border-radius: 1.05rem !important;
    align-self: start !important;
}

body.home-page .apus-blog-board .blog-info-row__icon svg,
body.home-page .apus-blog-board .blog-info-row__status svg,
body.home-page .apus-blog-board .blog-info-mini-post__arrow svg,
body.home-page .apus-blog-board .blog-fixed-card__cta svg {
    width: 1.55rem;
    height: 1.55rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.home-page .apus-blog-board .blog-info-row__status svg {
    width: 1rem !important;
    height: 1rem !important;
}

body.home-page .apus-blog-board .blog-info-row__copy {
    display: grid !important;
    gap: 0.42rem !important;
    min-width: 0 !important;
    align-self: center !important;
}

body.home-page .apus-blog-board .blog-info-row.has-posts .blog-info-row__copy {
    grid-area: copy !important;
    align-self: center !important;
    padding-top: 0 !important;
    gap: 0.28rem !important;
}

body.home-page .apus-blog-board .blog-info-row__copy strong {
    color: var(--blog-news-ink) !important;
    font-size: clamp(1.08rem, 1.65vw, 1.34rem) !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
}

body.home-page .apus-blog-board .blog-info-row.has-posts .blog-info-row__copy strong {
    font-size: clamp(1.02rem, 1.35vw, 1.18rem) !important;
}

body.home-page .apus-blog-board .blog-info-row__copy span {
    max-width: 34rem !important;
    color: var(--blog-news-muted) !important;
    font-size: clamp(0.95rem, 1.2vw, 1.05rem) !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

body.home-page .apus-blog-board .blog-info-row.has-posts .blog-info-row__copy span {
    max-width: 44rem !important;
    font-size: clamp(0.78rem, 0.95vw, 0.88rem) !important;
    line-height: 1.35 !important;
}

body.home-page .apus-blog-board .blog-info-row__mini-list {
    display: grid !important;
    grid-area: list !important;
    grid-template-columns: repeat(var(--blog-info-columns, 3), minmax(0, 1fr)) !important;
    gap: 0.72rem !important;
    min-width: 0 !important;
    padding-top: 0 !important;
}

body.home-page .apus-blog-board .blog-info-mini-post {
    display: grid !important;
    grid-template-columns: 3.35rem minmax(0, 1fr) 2.05rem !important;
    align-items: center !important;
    gap: 0.68rem !important;
    min-height: 3.55rem !important;
    padding: 0.36rem 0.48rem 0.36rem 0.34rem !important;
    border: 1px solid rgba(16, 41, 39, 0.08) !important;
    border-radius: 0.62rem !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: var(--blog-news-ink) !important;
    text-decoration: none !important;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

body.home-page .apus-blog-board .blog-info-mini-post__date {
    width: 3.1rem !important;
    height: 3.1rem !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 0 !important;
    border-radius: 0.48rem !important;
    background: var(--blog-news-green-soft) !important;
    color: var(--blog-news-green) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

body.home-page .apus-blog-board .blog-info-mini-post__date span:nth-child(1),
body.home-page .apus-blog-board .blog-info-mini-post__date span:nth-child(2) {
    font-size: 0.78rem !important;
}

body.home-page .apus-blog-board .blog-info-mini-post__date span:nth-child(3) {
    margin-top: 0.12rem !important;
    font-size: 0.64rem !important;
}

body.home-page .apus-blog-board .blog-info-mini-post__copy {
    display: grid !important;
    gap: 0.12rem !important;
    min-width: 0 !important;
}

body.home-page .apus-blog-board .blog-info-mini-post__meta {
    color: var(--blog-news-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

body.home-page .apus-blog-board .blog-info-mini-post__title {
    color: inherit !important;
    font-size: clamp(0.76rem, 0.95vw, 0.86rem) !important;
    font-weight: 900 !important;
    line-height: 1.23 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

body.home-page .apus-blog-board .blog-info-mini-post__arrow {
    width: 2rem !important;
    height: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: var(--blog-news-green-soft) !important;
    color: var(--blog-news-green) !important;
}

body.home-page .apus-blog-board .blog-info-mini-post__arrow svg {
    width: 1.05rem !important;
    height: 1.05rem !important;
}

body.home-page .apus-blog-board .blog-info-mini-post:hover,
body.home-page .apus-blog-board .blog-info-mini-post:focus-visible {
    border-color: rgba(16, 129, 56, 0.22) !important;
    background: #ffffff !important;
    color: var(--blog-news-green) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 18px rgba(16, 41, 39, 0.07) !important;
    outline: none !important;
}

body.home-page .apus-blog-board .blog-info-row__status {
    min-width: 8.65rem !important;
    min-height: 2.55rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    padding: 0.62rem 0.86rem !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-radius: 0.7rem !important;
    background: #f8faf9 !important;
    color: var(--blog-news-green) !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.home-page .apus-blog-board .blog-info-row.has-posts .blog-info-row__status {
    grid-area: status !important;
    justify-self: end !important;
    align-self: start !important;
}

body.home-page .apus-blog-board a.blog-info-row__status:hover,
body.home-page .apus-blog-board a.blog-info-row__status:focus-visible {
    border-color: rgba(16, 129, 56, 0.28) !important;
    background: var(--blog-news-green-soft) !important;
    outline: none !important;
}

body.home-page .apus-blog-board .blog-info-row.has-roadmap {
    grid-template-columns: 5.3rem minmax(0, 1fr) !important;
    grid-template-areas:
        "icon copy"
        "roadmap roadmap" !important;
    align-items: start !important;
    row-gap: 1rem !important;
    min-height: 0 !important;
}

body.home-page .apus-blog-board .blog-info-row.has-roadmap .blog-info-row__icon {
    grid-area: icon !important;
    align-self: start !important;
}

body.home-page .apus-blog-board .blog-info-row.has-roadmap .blog-info-row__copy {
    grid-area: copy !important;
    align-self: center !important;
}

body.home-page .apus-blog-board .blog-info-roadmap {
    grid-area: roadmap !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 0.78rem !important;
    min-width: 0 !important;
    padding-top: 0.15rem !important;
    padding-bottom: 1.95rem !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__stage {
    min-width: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    gap: 0.64rem !important;
    margin-top: 0 !important;
    padding: 0.55rem !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-radius: 0.78rem !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: var(--blog-news-ink) !important;
    text-decoration: none !important;
    box-shadow: 0 10px 20px rgba(16, 41, 39, 0.06) !important;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__stage:hover,
body.home-page .apus-blog-board .blog-info-roadmap__stage:focus-visible {
    border-color: rgba(16, 129, 56, 0.25) !important;
    color: var(--blog-news-green) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 30px rgba(16, 41, 39, 0.1) !important;
    outline: none !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__media {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 0.58rem !important;
    background: var(--blog-news-green-soft) !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__media img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__body {
    min-width: 0 !important;
    display: grid !important;
    gap: 0.24rem !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.28rem !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__meta span {
    width: fit-content !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 1.35rem !important;
    padding: 0.18rem 0.42rem !important;
    border-radius: 999px !important;
    background: var(--blog-news-green-soft) !important;
    color: var(--blog-news-green) !important;
    font-size: 0.64rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__body strong {
    color: inherit !important;
    font-size: clamp(0.86rem, 1.05vw, 0.98rem) !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__body small {
    color: var(--blog-news-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__body > span:not(.blog-info-roadmap__meta) {
    color: var(--blog-news-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__more {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: var(--blog-news-green-soft) !important;
    color: var(--blog-news-green) !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__more svg {
    width: 1.05rem !important;
    height: 1.05rem !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.home-page .apus-blog-board .blog-info-roadmap__more:hover,
body.home-page .apus-blog-board .blog-info-roadmap__more:focus-visible {
    background: var(--blog-news-green) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

body.home-page .apus-blog-board .blog-fixed-stack {
    position: static !important;
}

body.home-page .apus-blog-board .blog-fixed-card {
    min-height: clamp(22rem, 30vw, 28rem) !important;
    display: grid !important;
    grid-template-rows: auto auto 1fr !important;
    gap: clamp(0.9rem, 1.8vw, 1.25rem) !important;
    padding: clamp(1.45rem, 2.5vw, 2rem) !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 91% 12%, rgba(16, 129, 56, 0.14) 0 1.25rem, transparent 1.32rem),
        linear-gradient(135deg, rgba(239, 249, 244, 0.9), rgba(255, 255, 255, 0.95) 58%) !important;
}

body.home-page .apus-blog-board .blog-fixed-card::before {
    top: auto !important;
    right: 2.25rem !important;
    bottom: 12.2rem !important;
    width: 4.6rem !important;
    height: 4.6rem !important;
    border-radius: 0 !important;
    background-image: radial-gradient(circle, rgba(16, 129, 56, 0.14) 0 0.12rem, transparent 0.14rem) !important;
    background-size: 0.72rem 0.72rem !important;
    background-color: transparent !important;
}

body.home-page .apus-blog-board .blog-fixed-card::after {
    content: none !important;
}

body.home-page .apus-blog-board .blog-fixed-card--blue {
    background:
        radial-gradient(circle at 91% 12%, rgba(47, 103, 187, 0.12) 0 1.25rem, transparent 1.32rem),
        linear-gradient(135deg, rgba(241, 248, 245, 0.94), rgba(255, 255, 255, 0.96) 58%) !important;
}

body.home-page .apus-blog-board .blog-fixed-card__title {
    max-width: 25rem !important;
    padding-right: 2.4rem !important;
    color: var(--blog-news-ink) !important;
    font-size: clamp(1.3rem, 2vw, 1.74rem) !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}

body.home-page .apus-blog-board .blog-fixed-card__cta {
    width: fit-content !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    min-height: 2.9rem !important;
    padding: 0.7rem 1.15rem !important;
    border: 1px solid rgba(16, 129, 56, 0.45) !important;
    border-radius: 0.65rem !important;
    color: var(--blog-news-green) !important;
    background: rgba(255, 255, 255, 0.5) !important;
    font-size: 0.95rem !important;
    font-weight: 950 !important;
}

body.home-page .apus-blog-board .blog-fixed-card:hover .blog-fixed-card__cta,
body.home-page .apus-blog-board .blog-fixed-card:focus-visible .blog-fixed-card__cta {
    background: var(--blog-news-green) !important;
    color: #ffffff !important;
}

body.home-page .apus-blog-board .blog-fixed-card__media {
    align-self: end !important;
    width: 100% !important;
    aspect-ratio: 16 / 9.15 !important;
    border-radius: 0.85rem !important;
    background: var(--blog-news-green-soft) !important;
}

body.home-page .apus-blog-board .blog-fixed-card__media img {
    object-fit: cover !important;
}

body.home-page .apus-blog-board .blog-gallery-card {
    scroll-margin-top: calc(env(safe-area-inset-top, 0px) + 11rem);
    min-height: 0 !important;
    height: 100%;
    display: grid !important;
    grid-template-rows: auto auto 1fr auto;
    gap: 0.85rem;
    padding: 1.15rem;
    border: 1px solid var(--blog-news-line) !important;
    border-radius: 1.15rem !important;
    background:
        radial-gradient(circle at 88% 10%, rgba(16, 129, 56, 0.13) 0 1.15rem, transparent 1.22rem),
        linear-gradient(135deg, rgba(235, 248, 241, 0.94), rgba(255, 255, 255, 0.98) 62%) !important;
    color: var(--blog-news-ink) !important;
    text-decoration: none !important;
    overflow: hidden;
    box-shadow: 0 16px 38px rgba(16, 41, 39, 0.07) !important;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.home-page .apus-blog-board .blog-gallery-card:hover,
body.home-page .apus-blog-board .blog-gallery-card:focus-visible {
    border-color: rgba(16, 129, 56, 0.28) !important;
    color: var(--blog-news-green) !important;
    transform: translateY(-2px);
    box-shadow: 0 22px 44px rgba(16, 41, 39, 0.11) !important;
    outline: none !important;
}

body.home-page .apus-blog-board .blog-gallery-card__copy {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

body.home-page .apus-blog-board .blog-gallery-card__kicker {
    color: var(--blog-news-green) !important;
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.1;
}

body.home-page .apus-blog-board .blog-gallery-card__copy strong {
    max-width: 20rem;
    color: inherit !important;
    font-size: 1.55rem;
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: 0;
}

body.home-page .apus-blog-board .blog-gallery-card__copy > span:last-child {
    color: var(--blog-news-muted) !important;
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.45;
}

body.home-page .apus-blog-board .blog-gallery-card__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

body.home-page .apus-blog-board .blog-gallery-card__stats > span {
    min-height: 2.3rem;
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.42rem 0.62rem;
    border: 1px solid rgba(16, 129, 56, 0.12);
    border-radius: 0.62rem;
    background: rgba(255, 255, 255, 0.76);
    color: var(--blog-news-green);
}

body.home-page .apus-blog-board .blog-gallery-card__stats strong {
    font-size: 1rem;
    font-weight: 950;
    line-height: 1;
}

body.home-page .apus-blog-board .blog-gallery-card__stats small {
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1;
}

body.home-page .apus-blog-board .blog-gallery-card__mosaic {
    align-self: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0.42rem;
    width: 100%;
    aspect-ratio: 16 / 9.2;
    min-height: 9.8rem;
}

body.home-page .apus-blog-board .blog-gallery-card__tile {
    display: block;
    min-width: 0;
    min-height: 0;
    border-radius: 0.75rem;
    overflow: hidden;
    background: var(--blog-news-green-soft);
}

body.home-page .apus-blog-board .blog-gallery-card__tile--1 {
    grid-row: 1 / span 2;
}

body.home-page .apus-blog-board .blog-gallery-card__mosaic.is-single,
body.home-page .apus-blog-board .blog-gallery-card__mosaic.is-pair {
    grid-template-columns: repeat(var(--blog-gallery-preview-columns, 1), minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
}

body.home-page .apus-blog-board .blog-gallery-card__mosaic.is-pair {
    --blog-gallery-preview-columns: 2;
}

body.home-page .apus-blog-board .blog-gallery-card__mosaic.is-single .blog-gallery-card__tile--1,
body.home-page .apus-blog-board .blog-gallery-card__mosaic.is-pair .blog-gallery-card__tile--1 {
    grid-row: auto;
}

body.home-page .apus-blog-board .blog-gallery-card__tile img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.24s ease;
}

body.home-page .apus-blog-board .blog-gallery-card:hover .blog-gallery-card__tile img,
body.home-page .apus-blog-board .blog-gallery-card:focus-visible .blog-gallery-card__tile img {
    transform: scale(1.04);
}

body.home-page .apus-blog-board .blog-gallery-card__empty {
    min-height: 10rem;
    display: grid;
    place-items: center;
    border: 1px dashed rgba(16, 129, 56, 0.24);
    border-radius: 0.85rem;
    background:
        radial-gradient(circle at 35% 25%, rgba(255, 212, 76, 0.24), transparent 32%),
        linear-gradient(135deg, rgba(234, 247, 241, 0.9), rgba(255, 255, 255, 0.86));
    color: var(--blog-news-green);
    font-size: 1.35rem;
    font-weight: 950;
}

body.home-page .apus-blog-board .blog-gallery-card__cta {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.58rem;
    min-height: 2.45rem;
    padding: 0.54rem 0.78rem;
    border-radius: 0.62rem;
    background: var(--blog-news-green-soft);
    color: var(--blog-news-green);
    font-size: 0.9rem;
    font-weight: 950;
    line-height: 1;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body.home-page .apus-blog-board .blog-gallery-card__cta svg {
    width: 1.05rem;
    height: 1.05rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.home-page .apus-blog-board .blog-gallery-card:hover .blog-gallery-card__cta,
body.home-page .apus-blog-board .blog-gallery-card:focus-visible .blog-gallery-card__cta {
    background: var(--blog-news-green);
    color: #ffffff;
    transform: translateX(2px);
}

@media (max-width: 1100px) {
    body.blog-guide-page--roadmap .roadmap-infographic-hero {
        grid-template-columns: 1fr !important;
    }

    body.blog-guide-page--roadmap .roadmap-map {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding-top: 0 !important;
    }

    body.blog-guide-page--roadmap .roadmap-map::before {
        display: none !important;
    }

    body.blog-guide-page--roadmap .roadmap-card__pin {
        position: static !important;
        transform: none !important;
        margin-bottom: -0.1rem !important;
    }

    body.blog-guide-page--roadmap .roadmap-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body.blog-guide-page--roadmap .roadmap-infographic-hero,
    body.blog-guide-page--roadmap .roadmap-skill-board,
    body.blog-guide-page--roadmap .roadmap-choice-panel {
        padding: 1rem !important;
        border-radius: 12px !important;
    }

    body.blog-guide-page--roadmap .roadmap-infographic-hero h2 {
        font-size: 1.58rem !important;
    }

    body.blog-guide-page--roadmap .roadmap-section-heading h2 {
        font-size: 1.22rem !important;
    }

    body.blog-guide-page--roadmap .roadmap-infographic-hero__stats,
    body.blog-guide-page--roadmap .roadmap-map,
    body.blog-guide-page--roadmap .roadmap-choice-grid {
        grid-template-columns: 1fr !important;
    }

    body.blog-guide-page--roadmap .roadmap-skill-row {
        grid-template-columns: 1fr !important;
    }

    body.blog-guide-page--roadmap .roadmap-skill-row span,
    body.blog-guide-page--roadmap .roadmap-skill-row b {
        min-height: 2.6rem !important;
        justify-content: flex-start !important;
    }
}

body.blog-guide-page--roadmap .blog-guide-infographic {
    --roadmap-ink: #102927;
    --roadmap-muted: #5b6a65;
    --roadmap-surface: #ffffff;
    --roadmap-soft: #f4faf7;
    --roadmap-green: #108138;
    --roadmap-blue: #1769a6;
    --roadmap-amber: #b77913;
    --roadmap-red: #b84a43;
    max-width: 1060px !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: 1.15rem !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero {
    display: block !important;
    padding: clamp(1.1rem, 2.2vw, 1.6rem) !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-left: 5px solid var(--roadmap-green) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #f4faf7, #ffffff 62%, #f8fbff) !important;
    box-shadow: 0 16px 36px rgba(16, 41, 39, 0.07) !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero__copy {
    display: grid !important;
    gap: 0.62rem !important;
}

body.blog-guide-page--roadmap .roadmap-kicker,
body.blog-guide-page--roadmap .roadmap-card__age {
    width: fit-content !important;
    min-height: 1.9rem !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.32rem 0.72rem !important;
    border: 1px solid rgba(16, 129, 56, 0.18) !important;
    border-radius: 999px !important;
    background: #eaf7f1 !important;
    color: var(--roadmap-green) !important;
    font-size: 0.82rem !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero h2 {
    margin: 0 !important;
    color: var(--roadmap-ink) !important;
    font-size: clamp(1.75rem, 3vw, 2.35rem) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero p {
    max-width: 720px !important;
    margin: 0 !important;
    color: #405a55 !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
    font-weight: 650 !important;
}

body.blog-guide-page--roadmap .roadmap-map {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    padding: 0 0 0 clamp(1.1rem, 2.5vw, 1.8rem) !important;
}

body.blog-guide-page--roadmap .roadmap-map::before {
    content: "" !important;
    position: absolute !important;
    top: 1.25rem !important;
    bottom: 1.25rem !important;
    left: 0.9rem !important;
    width: 0.22rem !important;
    height: auto !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, var(--roadmap-green), var(--roadmap-blue), var(--roadmap-amber), var(--roadmap-red)) !important;
}

body.blog-guide-page--roadmap .roadmap-card {
    --stage-accent: var(--roadmap-green);
    --stage-soft: #eaf7f1;
    position: relative !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(15rem, 0.42fr) minmax(0, 1fr) !important;
    gap: clamp(0.9rem, 2vw, 1.25rem) !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0.78rem !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-left: 5px solid var(--stage-accent) !important;
    border-top: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-radius: 8px !important;
    background: var(--roadmap-surface) !important;
    box-shadow: 0 15px 34px rgba(16, 41, 39, 0.08) !important;
}

body.blog-guide-page--roadmap .roadmap-card:nth-child(even) {
    margin-left: clamp(0rem, 6vw, 4.25rem) !important;
}

body.blog-guide-page--roadmap .roadmap-card--explorers {
    --stage-accent: var(--roadmap-blue);
    --stage-soft: #edf6ff;
}

body.blog-guide-page--roadmap .roadmap-card--leaders {
    --stage-accent: var(--roadmap-amber);
    --stage-soft: #fff6dd;
}

body.blog-guide-page--roadmap .roadmap-card--ielts {
    --stage-accent: var(--roadmap-red);
    --stage-soft: #fff0ee;
}

body.blog-guide-page--roadmap .roadmap-card__pin {
    position: absolute !important;
    top: 1.1rem !important;
    left: -2.25rem !important;
    z-index: 2 !important;
    width: 2.45rem !important;
    height: 2.45rem !important;
    display: inline-grid !important;
    place-items: center !important;
    transform: none !important;
    border: 4px solid #ffffff !important;
    border-radius: 999px !important;
    background: var(--stage-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(16, 41, 39, 0.16) !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

body.blog-guide-page--roadmap .roadmap-card__media {
    width: 100% !important;
    min-height: 100% !important;
    aspect-ratio: 16 / 10.5 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: var(--stage-soft) !important;
}

body.blog-guide-page--roadmap .roadmap-card__media img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

body.blog-guide-page--roadmap .roadmap-card__content {
    min-width: 0 !important;
    display: grid !important;
    align-content: start !important;
    gap: 0.58rem !important;
    padding: clamp(0.35rem, 1vw, 0.7rem) 0.25rem clamp(0.35rem, 1vw, 0.7rem) 0 !important;
}

body.blog-guide-page--roadmap .roadmap-card__age {
    background: var(--stage-soft) !important;
    color: var(--stage-accent) !important;
    border-color: rgba(16, 41, 39, 0.08) !important;
}

body.blog-guide-page--roadmap .roadmap-card h2 {
    margin: 0 !important;
    color: var(--roadmap-ink) !important;
    font-size: clamp(1.18rem, 2vw, 1.42rem) !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-card__subtitle {
    margin: -0.18rem 0 0 !important;
    color: var(--roadmap-muted) !important;
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts {
    display: grid !important;
    gap: 0.52rem !important;
    margin: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div {
    display: grid !important;
    gap: 0.2rem !important;
    padding: 0.68rem 0.74rem !important;
    border: 1px solid rgba(16, 41, 39, 0.07) !important;
    border-left: 3px solid var(--stage-accent) !important;
    border-radius: 8px !important;
    background: #fbfdfc !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dt {
    color: var(--stage-accent) !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dd {
    margin: 0 !important;
    color: #31443f !important;
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
    font-weight: 650 !important;
}

@media (max-width: 820px) {
    body.blog-guide-page--roadmap .roadmap-map {
        padding-left: 0 !important;
    }

    body.blog-guide-page--roadmap .roadmap-map::before {
        display: none !important;
    }

    body.blog-guide-page--roadmap .roadmap-card,
    body.blog-guide-page--roadmap .roadmap-card:nth-child(even) {
        grid-template-columns: 1fr !important;
        margin-left: 0 !important;
    }

    body.blog-guide-page--roadmap .roadmap-card__pin {
        top: 0.7rem !important;
        left: 0.7rem !important;
    }

    body.blog-guide-page--roadmap .roadmap-card__media {
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
    }

    body.blog-guide-page--roadmap .roadmap-card__content {
        padding: 0 !important;
    }
}

body.blog-guide-page--roadmap .blog-guide-infographic {
    max-width: 1120px !important;
    gap: clamp(1rem, 2vw, 1.35rem) !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero {
    border-left-width: 0 !important;
    border-radius: 12px !important;
    padding: clamp(1.15rem, 2.4vw, 1.85rem) !important;
    background:
        linear-gradient(135deg, rgba(234, 247, 241, 0.92), rgba(255, 255, 255, 0.98) 58%, rgba(240, 247, 255, 0.9)) !important;
}

body.blog-guide-page--roadmap .roadmap-map {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(0.9rem, 1.8vw, 1.2rem) !important;
    padding: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-map::before {
    display: none !important;
}

body.blog-guide-page--roadmap .roadmap-card,
body.blog-guide-page--roadmap .roadmap-card:nth-child(even) {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-top: 4px solid var(--stage-accent) !important;
    border-left: 1px solid rgba(16, 41, 39, 0.1) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(16, 41, 39, 0.08) !important;
}

body.blog-guide-page--roadmap .roadmap-card__pin {
    top: 0.85rem !important;
    left: 0.85rem !important;
    width: 2.35rem !important;
    height: 2.35rem !important;
    border: 3px solid rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 10px 22px rgba(16, 41, 39, 0.18) !important;
}

body.blog-guide-page--roadmap .roadmap-card__media {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9.2 !important;
    border-radius: 0 !important;
    background: var(--stage-soft) !important;
}

body.blog-guide-page--roadmap .roadmap-card__media::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(16, 41, 39, 0.04), rgba(16, 41, 39, 0)) !important;
    pointer-events: none !important;
}

body.post-page.blog-guide-page--roadmap .post-modern-body .roadmap-card__media img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    box-shadow: none !important;
}

body.blog-guide-page--roadmap .roadmap-card__content {
    display: grid !important;
    gap: 0.64rem !important;
    padding: clamp(1rem, 2vw, 1.25rem) !important;
}

body.blog-guide-page--roadmap .roadmap-card__age {
    min-height: 1.75rem !important;
    padding: 0.28rem 0.62rem !important;
    font-size: 0.78rem !important;
}

body.blog-guide-page--roadmap .roadmap-card h2 {
    font-size: clamp(1.18rem, 1.8vw, 1.34rem) !important;
}

body.post-page.blog-guide-page--roadmap .post-modern-body .roadmap-card h2 {
    margin: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-card__subtitle {
    margin: -0.28rem 0 0 !important;
    font-size: 0.88rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.72rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div {
    --fact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='m16 11 2 2 4-4'/%3E%3C/svg%3E");
    position: relative !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 2.45rem minmax(0, 1fr) !important;
    grid-template-areas:
        "icon label"
        "icon text" !important;
    column-gap: 0.76rem !important;
    row-gap: 0.18rem !important;
    align-items: start !important;
    padding: 0.86rem 0.95rem !important;
    border: 1px solid rgba(16, 41, 39, 0.08) !important;
    border-left: 1px solid rgba(16, 41, 39, 0.08) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #ffffff, #fbfdfc) !important;
    box-shadow: 0 10px 22px rgba(16, 41, 39, 0.04) !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div:nth-child(2) {
    --fact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7z'/%3E%3Cpath d='M14 2v5h5'/%3E%3Cpath d='M9 13h6'/%3E%3Cpath d='M9 17h6'/%3E%3C/svg%3E");
}

body.blog-guide-page--roadmap .roadmap-card__facts div:nth-child(3) {
    --fact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3Cpath d='M8 7h8'/%3E%3Cpath d='M8 11h6'/%3E%3C/svg%3E");
}

body.blog-guide-page--roadmap .roadmap-card__facts div::before {
    content: "" !important;
    grid-area: icon !important;
    width: 2.35rem !important;
    height: 2.35rem !important;
    border-radius: 0.72rem !important;
    background: var(--stage-soft) !important;
    box-shadow: inset 0 0 0 1px rgba(16, 41, 39, 0.07) !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div::after {
    content: "" !important;
    position: absolute !important;
    top: 1.45rem !important;
    left: 1.55rem !important;
    width: 1.08rem !important;
    height: 1.08rem !important;
    background: var(--stage-accent) !important;
    -webkit-mask: var(--fact-icon) center / contain no-repeat !important;
    mask: var(--fact-icon) center / contain no-repeat !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dt {
    grid-area: label !important;
    align-self: end !important;
    display: block !important;
    margin: 0 !important;
    color: var(--stage-accent) !important;
    font-size: 0.7rem !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dd {
    grid-area: text !important;
    font-size: 0.86rem !important;
    line-height: 1.5 !important;
    font-weight: 650 !important;
}

@media (max-width: 900px) {
    body.blog-guide-page--roadmap .roadmap-map {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    body.blog-guide-page--roadmap .roadmap-infographic-hero {
        padding: 1rem !important;
    }

    body.blog-guide-page--roadmap .roadmap-card__content {
        padding: 0.9rem !important;
    }

    body.blog-guide-page--roadmap .roadmap-card__media {
        aspect-ratio: 4 / 3 !important;
    }

}

body.blog-guide-page--roadmap .blog-guide-infographic {
    --roadmap-card-radius: 20px;
    max-width: 1180px !important;
    gap: clamp(1.25rem, 2.2vw, 1.6rem) !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero {
    position: relative !important;
    min-height: clamp(23rem, 32vw, 28rem) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 0.95fr) minmax(20rem, 0.9fr) !important;
    grid-template-areas:
        "copy media"
        "features media" !important;
    align-items: end !important;
    column-gap: clamp(1rem, 3vw, 2.5rem) !important;
    row-gap: clamp(1.3rem, 2.6vw, 2rem) !important;
    padding: clamp(1.5rem, 3vw, 2.25rem) !important;
    overflow: hidden !important;
    border: 1px solid rgba(16, 129, 56, 0.18) !important;
    border-radius: var(--roadmap-card-radius) !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88) 42%, rgba(255, 255, 255, 0.28) 66%, rgba(255, 244, 216, 0.4)),
        linear-gradient(135deg, #f2fbf6, #ffffff 48%, #fff4d8) !important;
    box-shadow: 0 22px 54px rgba(16, 41, 39, 0.1) !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero__copy {
    grid-area: copy !important;
    position: relative !important;
    z-index: 2 !important;
    align-self: center !important;
    max-width: 38rem !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero__media {
    grid-area: media !important;
    position: relative !important;
    z-index: 1 !important;
    align-self: stretch !important;
    min-height: 100% !important;
    margin: calc(clamp(1.5rem, 3vw, 2.25rem) * -1) calc(clamp(1.5rem, 3vw, 2.25rem) * -1) calc(clamp(1.5rem, 3vw, 2.25rem) * -1) 0 !important;
    overflow: hidden !important;
    border-radius: 0 var(--roadmap-card-radius) var(--roadmap-card-radius) 42px !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero__media::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    z-index: 1 !important;
    width: 35% !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0)) !important;
    pointer-events: none !important;
}

body.post-page.blog-guide-page--roadmap .post-modern-body .roadmap-infographic-hero__media img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    box-shadow: none !important;
}

body.blog-guide-page--roadmap .roadmap-kicker {
    gap: 0.42rem !important;
    background: rgba(234, 247, 241, 0.94) !important;
    border-color: rgba(16, 129, 56, 0.18) !important;
}

body.blog-guide-page--roadmap .roadmap-kicker::before {
    content: "" !important;
    width: 1rem !important;
    height: 1rem !important;
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 4 13c0-5 7-9 16-9 0 9-4 16-9 16Z'/%3E%3Cpath d='M4 13c3 0 6 0 9-3'/%3E%3Cpath d='M11 20c0-3 0-6 3-9'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 4 13c0-5 7-9 16-9 0 9-4 16-9 16Z'/%3E%3Cpath d='M4 13c3 0 6 0 9-3'/%3E%3Cpath d='M11 20c0-3 0-6 3-9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero h2 {
    max-width: 12ch !important;
    color: #0d4f2b !important;
    font-size: clamp(2.4rem, 4.8vw, 4.7rem) !important;
    line-height: 1.02 !important;
}

body.blog-guide-page--roadmap .roadmap-infographic-hero p {
    max-width: 36rem !important;
    color: #314b58 !important;
    font-size: clamp(1rem, 1.25vw, 1.18rem) !important;
}

body.blog-guide-page--roadmap .roadmap-hero-features {
    grid-area: features !important;
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(0.72rem, 1.8vw, 1.25rem) !important;
    max-width: 46rem !important;
}

body.blog-guide-page--roadmap .roadmap-hero-features span {
    min-width: 0 !important;
    display: grid !important;
    justify-items: center !important;
    gap: 0.28rem !important;
    text-align: center !important;
}

body.blog-guide-page--roadmap .roadmap-hero-features i {
    --hero-feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 3v3'/%3E%3Cpath d='M21 12h-3'/%3E%3C/svg%3E");
    width: 3.4rem !important;
    height: 3.4rem !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #e2f4e8 !important;
}

body.blog-guide-page--roadmap .roadmap-hero-features i::before {
    content: "" !important;
    width: 1.55rem !important;
    height: 1.55rem !important;
    background: #0d7a39 !important;
    -webkit-mask: var(--hero-feature-icon) center / contain no-repeat !important;
    mask: var(--hero-feature-icon) center / contain no-repeat !important;
}

body.blog-guide-page--roadmap .roadmap-hero-features span:nth-child(2) i {
    --hero-feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z'/%3E%3C/svg%3E");
}

body.blog-guide-page--roadmap .roadmap-hero-features span:nth-child(3) i {
    --hero-feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.5 6 .9-4.35 4.22 1.03 5.98L12 16.77 6.62 19.6l1.03-5.98L3.3 9.4l6-.9Z'/%3E%3C/svg%3E");
}

body.blog-guide-page--roadmap .roadmap-hero-features span:nth-child(4) i {
    --hero-feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

body.blog-guide-page--roadmap .roadmap-hero-features strong {
    color: #132820 !important;
    font-size: 0.78rem !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.blog-guide-page--roadmap .roadmap-hero-features small {
    color: #40524d !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body.blog-guide-page--roadmap .roadmap-map {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(1rem, 2vw, 1.45rem) !important;
}

body.blog-guide-page--roadmap .roadmap-card,
body.blog-guide-page--roadmap .roadmap-card:nth-child(even) {
    grid-template-columns: minmax(0, 0.78fr) minmax(17.25rem, 1fr) !important;
    grid-template-areas: "content media" !important;
    align-items: stretch !important;
    gap: clamp(0.8rem, 1.6vw, 1.15rem) !important;
    min-height: 27rem !important;
    padding: clamp(1rem, 1.8vw, 1.25rem) !important;
    border-top: 1px solid color-mix(in srgb, var(--stage-accent) 35%, transparent) !important;
    border-color: color-mix(in srgb, var(--stage-accent) 28%, transparent) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--stage-soft) 58%, #ffffff), rgba(255,255,255,0.98) 55%) !important;
    box-shadow: 0 18px 42px rgba(16, 41, 39, 0.07) !important;
}

body.blog-guide-page--roadmap .roadmap-card__pin {
    top: 1.15rem !important;
    left: 1.15rem !important;
    width: 2.45rem !important;
    height: 2.45rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__content {
    grid-area: content !important;
    align-content: start !important;
    gap: 0.58rem !important;
    padding: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-card__age {
    margin-left: 3.25rem !important;
    margin-bottom: 0.35rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__media {
    grid-area: media !important;
    align-self: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-height: clamp(17.5rem, 23vw, 21rem) !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: var(--stage-soft) !important;
    box-shadow: 0 18px 34px rgba(16, 41, 39, 0.1) !important;
}

body.post-page.blog-guide-page--roadmap .post-modern-body .roadmap-card__media img {
    object-position: center !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts {
    gap: 0.58rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div {
    grid-template-columns: 2.18rem minmax(0, 1fr) !important;
    column-gap: 0.62rem !important;
    padding: 0.64rem 0.7rem !important;
    border-radius: 11px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 10px 20px rgba(16, 41, 39, 0.035) !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div::before {
    width: 2.08rem !important;
    height: 2.08rem !important;
    border-radius: 999px !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div::after {
    top: 1.18rem !important;
    left: 1.23rem !important;
    width: 1rem !important;
    height: 1rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dd {
    font-size: clamp(0.76rem, 0.86vw, 0.86rem) !important;
    line-height: 1.42 !important;
}

body.blog-guide-page--roadmap .roadmap-card h2 {
    font-size: clamp(1.35rem, 2vw, 1.78rem) !important;
}

body.blog-guide-page--roadmap .roadmap-card__subtitle {
    margin: -0.16rem 0 0.42rem !important;
}

@media (max-width: 1060px) {
    body.blog-guide-page--roadmap .roadmap-infographic-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "copy"
            "media"
            "features" !important;
        min-height: 0 !important;
    }

    body.blog-guide-page--roadmap .roadmap-infographic-hero h2 {
        max-width: 16ch !important;
    }

    body.blog-guide-page--roadmap .roadmap-infographic-hero__media {
        min-height: 18rem !important;
        margin: 0 !important;
        border-radius: 18px !important;
    }

    body.blog-guide-page--roadmap .roadmap-hero-features {
        max-width: none !important;
    }

    body.blog-guide-page--roadmap .roadmap-map {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px) {
    body.blog-guide-page--roadmap .roadmap-infographic-hero {
        padding: 1rem !important;
        border-radius: 14px !important;
    }

    body.blog-guide-page--roadmap .roadmap-infographic-hero h2 {
        font-size: clamp(2rem, 10vw, 2.65rem) !important;
    }

    body.blog-guide-page--roadmap .roadmap-hero-features {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.blog-guide-page--roadmap .roadmap-card,
    body.blog-guide-page--roadmap .roadmap-card:nth-child(even) {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "content"
            "media" !important;
        min-height: 0 !important;
        padding: 0.95rem !important;
    }

    body.blog-guide-page--roadmap .roadmap-card__media {
        aspect-ratio: 4 / 3 !important;
        border-radius: 16px !important;
    }
}

body.blog-guide-page--roadmap .roadmap-card,
body.blog-guide-page--roadmap .roadmap-card:nth-child(even) {
    grid-template-columns: 1fr !important;
    grid-template-areas:
        "media"
        "content" !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-card__media {
    align-self: stretch !important;
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: none !important;
}

body.blog-guide-page--roadmap .roadmap-card__content {
    padding: clamp(0.95rem, 1.7vw, 1.2rem) !important;
}

body.blog-guide-page--roadmap .roadmap-card__age {
    margin-left: 0 !important;
    margin-bottom: 0.2rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts {
    grid-template-columns: 1fr !important;
    gap: 0.62rem !important;
    align-items: stretch !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div {
    grid-template-columns: 2.18rem minmax(0, 1fr) !important;
    grid-template-areas:
        "icon label"
        "icon text" !important;
    gap: 0.22rem !important;
    align-content: start !important;
    padding: 0.72rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div::after {
    top: 1.25rem !important;
    left: 1.25rem !important;
}

body.blog-guide-page--roadmap .roadmap-card--ielts .roadmap-card__facts {
    grid-template-columns: 1fr !important;
}

@media (max-width: 720px) {
    body.blog-guide-page--roadmap .roadmap-card__facts,
    body.blog-guide-page--roadmap .roadmap-card--ielts .roadmap-card__facts {
        grid-template-columns: 1fr !important;
    }
}

body.blog-guide-page--roadmap .roadmap-card__heading {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(0.75rem, 1.5vw, 1.05rem) !important;
    margin-bottom: 0.5rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__heading-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 0.28rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__heading .roadmap-card__pin {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--stage-accent) !important;
    box-shadow: none !important;
    font-size: clamp(3.45rem, 6vw, 5.25rem) !important;
    line-height: 0.86 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

body.blog-guide-page--roadmap .roadmap-card__heading h2 {
    margin: 0 !important;
    font-size: clamp(1.55rem, 2.5vw, 2.28rem) !important;
    line-height: 1.02 !important;
}

body.blog-guide-page--roadmap .roadmap-card__heading .roadmap-card__subtitle {
    margin: 0 !important;
}

body.blog-guide-page--roadmap .roadmap-card__age {
    justify-self: start !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div {
    grid-template-columns: 2.55rem minmax(0, 1fr) !important;
    gap: 0.3rem 0.78rem !important;
    padding: clamp(0.84rem, 1.25vw, 1rem) !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div::before {
    width: 2.35rem !important;
    height: 2.35rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts div::after {
    top: 1.43rem !important;
    left: 1.48rem !important;
    width: 1.08rem !important;
    height: 1.08rem !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dt {
    font-size: clamp(1.02rem, 1.18vw, 1.14rem) !important;
    line-height: 1.12 !important;
    letter-spacing: 0.01em !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dd {
    font-size: clamp(1.05rem, 1.24vw, 1.18rem) !important;
    line-height: 1.44 !important;
    font-weight: 400 !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dd p {
    margin: 0 0 0.42rem !important;
    font-weight: 400 !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dd ul {
    display: grid !important;
    gap: 0.28rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dd li {
    position: relative !important;
    padding-left: 1.05rem !important;
    font-weight: 400 !important;
}

body.blog-guide-page--roadmap .roadmap-card__facts dd li::before {
    content: "-" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
}

@media (max-width: 560px) {
    body.blog-guide-page--roadmap .roadmap-card__heading {
        align-items: start !important;
        gap: 0.72rem !important;
    }

    body.blog-guide-page--roadmap .roadmap-card__heading .roadmap-card__pin {
        font-size: clamp(3rem, 16vw, 4.1rem) !important;
        line-height: 0.9 !important;
    }
}

@media (max-width: 1100px) {
    body.home-page .apus-blog-board .blog-news-layout {
        grid-template-columns: 1fr !important;
    }

    body.home-page .apus-blog-board .blog-fixed-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.home-page .apus-blog-board .blog-gallery-card {
        grid-column: 1 / -1;
        min-height: 0;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        grid-template-rows: auto auto auto;
        align-items: start;
    }

    body.home-page .apus-blog-board .blog-gallery-card__copy,
    body.home-page .apus-blog-board .blog-gallery-card__stats,
    body.home-page .apus-blog-board .blog-gallery-card__cta {
        grid-column: 1;
    }

    body.home-page .apus-blog-board .blog-gallery-card__mosaic,
    body.home-page .apus-blog-board .blog-gallery-card__empty {
        grid-column: 2;
        grid-row: 1 / span 3;
        align-self: stretch;
    }
}

@media (max-width: 720px) {
    body.home-page .apus-blog-board > .container {
        width: min(100% - 32px, 720px) !important;
    }

    body.home-page .apus-blog-board .blog-news-post {
        grid-template-columns: 5.8rem minmax(0, 1fr) !important;
        min-height: 5.8rem !important;
    }

    body.home-page .apus-blog-board .blog-news-post::after {
        display: none !important;
    }

    body.home-page .apus-blog-board .blog-news-post__thumb {
        min-height: 5.8rem !important;
    }

    body.home-page .apus-blog-board .blog-info-row {
        grid-template-columns: 4.4rem minmax(0, 1fr) !important;
        gap: 0.9rem !important;
    }

    body.home-page .apus-blog-board .blog-info-row.has-posts {
        grid-template-columns: 4.4rem minmax(0, 1fr) !important;
        grid-template-areas:
            "icon copy"
            "list list" !important;
        row-gap: 0.8rem !important;
    }

    body.home-page .apus-blog-board .blog-info-row__icon {
        width: 4rem !important;
        height: 4rem !important;
    }

    body.home-page .apus-blog-board .blog-info-row.has-posts .blog-info-row__icon {
        width: 4rem !important;
        height: 4rem !important;
    }

    body.home-page .apus-blog-board .blog-info-row__mini-list {
        grid-template-columns: 1fr !important;
    }

    body.home-page .apus-blog-board .blog-info-mini-post__title {
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    body.home-page .apus-blog-board .blog-info-row__status {
        width: fit-content !important;
        min-width: 0 !important;
    }

    body.home-page .apus-blog-board .blog-info-row.has-roadmap {
        grid-template-columns: 4.4rem minmax(0, 1fr) !important;
        grid-template-areas:
            "icon copy"
            "roadmap roadmap" !important;
    }

    body.home-page .apus-blog-board .blog-info-roadmap {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding-bottom: 0 !important;
    }

    body.home-page .apus-blog-board .blog-info-roadmap__stage {
        margin-top: 0 !important;
    }

    body.home-page .apus-blog-board .blog-fixed-stack {
        grid-template-columns: 1fr !important;
    }

    body.home-page .apus-blog-board .blog-fixed-card {
        min-height: 20rem !important;
    }

    body.home-page .apus-blog-board .blog-gallery-card {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr auto;
    }

    body.home-page .apus-blog-board .blog-gallery-card__copy,
    body.home-page .apus-blog-board .blog-gallery-card__stats,
    body.home-page .apus-blog-board .blog-gallery-card__cta,
    body.home-page .apus-blog-board .blog-gallery-card__mosaic,
    body.home-page .apus-blog-board .blog-gallery-card__empty {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 980px) {
    .blog-news-layout,
    body.blog-guide-page .blog-guide-layout {
        grid-template-columns: 1fr;
    }

    .blog-fixed-stack {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body.home-page section#blog.apus-blog-board,
    body.home-page .home-main > section#blog.apus-blog-board,
    body.home-page .home-main--guest > section#blog.apus-blog-board {
        padding-top: 2.7rem !important;
    }

    body.home-page .apus-blog-board > .container {
        width: var(--home-section-standard-width, min(calc(100% - 1rem), 96rem)) !important;
    }

    .blog-news-heading {
        gap: 0.65rem;
        margin-bottom: 1.2rem;
    }

    .blog-news-heading h2 {
        font-size: clamp(2rem, 12vw, 3rem) !important;
    }

    .blog-news-layout,
    .blog-news-stack,
    .blog-fixed-stack {
        gap: 0.9rem;
    }

    .blog-news-panel {
        min-height: 7rem;
        border-radius: 1.25rem !important;
        padding: 1rem;
    }

    .blog-news-panel--post-list,
    .blog-news-panel--updates {
        min-height: 0;
    }

    .blog-news-panel__head {
        display: grid;
        gap: 0.55rem;
    }

    .blog-news-placeholder {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .blog-news-placeholder::before {
        grid-column: auto;
        grid-row: auto;
        width: fit-content;
        order: 3;
    }

    .blog-news-post {
        grid-template-columns: 4.3rem minmax(0, 1fr);
        gap: 0.72rem;
        min-height: 5.2rem;
        padding: 0.62rem;
    }

    .blog-news-post::after {
        display: none;
    }

    .blog-news-post__thumb {
        width: 4.3rem;
    }

    .blog-news-post__meta {
        font-size: 0.7rem;
    }

    .blog-fixed-stack {
        grid-template-columns: 1fr;
    }

    .blog-fixed-card {
        min-height: 0;
        border-radius: 1.25rem !important;
    }

    .blog-fixed-card__title {
        padding-right: 2.2rem;
    }

    body.home-page .apus-blog-board .blog-gallery-card {
        padding: 1rem;
        border-radius: 1rem !important;
    }

    body.home-page .apus-blog-board .blog-gallery-card__copy strong {
        font-size: 1.35rem;
    }

    body.home-page .apus-blog-board .blog-gallery-card__mosaic {
        min-height: 8.6rem;
    }

    body.blog-guide-page .blog-guide-hero-visual,
    body.blog-guide-page .post-modern-callout,
    body.blog-guide-page .post-modern-body,
    body.blog-guide-page .post-modern-side-card {
        border-radius: 12px !important;
    }

    body.home-page .apus-blog-board .blog-info-roadmap {
        grid-template-columns: 1fr !important;
    }

    body.home-page .apus-blog-board .blog-info-roadmap__stage {
        grid-template-columns: 6.8rem minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        align-items: center !important;
    }

    body.home-page .apus-blog-board .blog-info-roadmap__media {
        aspect-ratio: 1 / 1 !important;
    }

    body.home-page .apus-blog-board .blog-info-roadmap__more {
        justify-self: center !important;
    }

    body.blog-guide-page .blog-guide-roadmap-stage {
        grid-template-columns: 1fr;
    }

    body.blog-guide-page .blog-guide-roadmap-stage figure {
        aspect-ratio: 16 / 10;
    }

    body.blog-guide-page .blog-guide-roadmap-stage figure img {
        min-height: 0;
    }
}