.page-hero,
.archive-header { background: var(--abk-color-plum); color: var(--abk-color-white); }

.page-hero__inner,
.archive-header > .abk-container { max-width: 54rem; padding-block: clamp(4.5rem, 9vw, 8rem); }
.page-hero h1,
.archive-header h1,
.standard-page h1,
.article-single h1,
.not-found h1 { margin: 0; color: var(--abk-color-white); font-family: var(--abk-font-display); font-size: var(--abk-text-3xl); letter-spacing: -0.055em; line-height: 1; }
.page-hero__inner > p:last-child,
.archive-header p:last-child { max-width: 43rem; margin: var(--abk-space-6) 0 0; color: rgba(255, 255, 255, 0.78); font-size: var(--abk-text-lg); }

.page-landing__steps { display: grid; grid-template-columns: minmax(16rem, 0.75fr) minmax(27rem, 1.25fr); gap: clamp(2rem, 9vw, 10rem); }
.page-landing__steps h2,
.landing-callout h2 { margin: 0; color: var(--abk-color-plum); font-family: var(--abk-font-display); font-size: var(--abk-text-2xl); letter-spacing: -0.045em; line-height: var(--abk-leading-tight); }
.landing-step-list { display: grid; gap: var(--abk-space-6); padding: 0; margin: 0; list-style: none; }
.landing-step-list li { display: grid; grid-template-columns: 3.6rem 1fr; gap: var(--abk-space-4); }
.landing-step-list li > span { color: var(--abk-color-jade); font-size: var(--abk-text-sm); font-weight: 900; letter-spacing: 0.1em; }
.landing-step-list h3 { margin: 0; color: var(--abk-color-plum); font-family: var(--abk-font-display); font-size: 1.4rem; letter-spacing: -0.035em; line-height: 1.15; }
.landing-step-list p { margin: var(--abk-space-2) 0 0; color: var(--abk-color-muted); font-size: var(--abk-text-sm); }
.landing-callout { display: grid; grid-template-columns: minmax(16rem, 0.9fr) minmax(22rem, 1.1fr); gap: clamp(2rem, 9vw, 10rem); align-items: center; border-radius: var(--abk-radius-lg); background: rgba(255, 255, 255, 0.6); padding: clamp(2rem, 5vw, 4.25rem); }
.landing-callout > div:last-child > p { margin: 0; color: var(--abk-color-muted); }.landing-callout .abk-button { margin-top: var(--abk-space-6); }

.article-grid--archive { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.empty-state { padding: var(--abk-space-8); border: 1px solid var(--abk-color-border); border-radius: var(--abk-radius-md); background: var(--abk-color-white); color: var(--abk-color-muted); }
.nav-links { display: flex; flex-wrap: wrap; gap: var(--abk-space-2); margin-top: var(--abk-space-10); }.nav-links a, .nav-links span { display: grid; min-width: 2.4rem; min-height: 2.4rem; place-items: center; border: 1px solid var(--abk-color-border); border-radius: var(--abk-radius-sm); padding-inline: var(--abk-space-3); color: var(--abk-color-plum); font-size: var(--abk-text-sm); font-weight: 750; text-decoration: none; }.nav-links .current { border-color: var(--abk-color-jade); background: var(--abk-color-jade); color: var(--abk-color-white); }

.article-single { max-width: 52rem; padding-block: clamp(4rem, 8vw, 7rem); }.article-single__header { max-width: 48rem; padding-bottom: var(--abk-space-10); border-bottom: 1px solid var(--abk-color-border); }.article-single h1 { color: var(--abk-color-plum); font-size: clamp(2.3rem, 5vw, 4.2rem); }.article-single__date { margin: var(--abk-space-5) 0 0; color: var(--abk-color-muted); font-size: var(--abk-text-sm); }.article-single__content { margin-top: var(--abk-space-10); color: var(--abk-color-text); font-size: 1.07rem; }.article-single__content > * + * { margin-top: var(--abk-space-5); }.article-single__content h2, .article-single__content h3 { color: var(--abk-color-plum); font-family: var(--abk-font-display); letter-spacing: -0.03em; }.article-single__content h2 { margin-top: var(--abk-space-10); font-size: var(--abk-text-xl); }.article-single__content a { color: var(--abk-color-jade); }.article-single__footer { margin-top: var(--abk-space-12); border-left: 4px solid var(--abk-color-jade); padding: var(--abk-space-6); background: var(--abk-color-mist); }.article-single__footer p { margin: 0; color: var(--abk-color-muted); }.article-single__footer .text-link { margin-top: var(--abk-space-4); }

.standard-page { max-width: 52rem; padding-block: clamp(4rem, 8vw, 7rem); }.standard-page__header h1 { color: var(--abk-color-plum); }.standard-page__content { margin-top: var(--abk-space-8); }.standard-page__content > * + * { margin-top: var(--abk-space-5); }.standard-page__content h2 { color: var(--abk-color-plum); font-family: var(--abk-font-display); }.not-found { max-width: 52rem; padding-block: clamp(6rem, 14vw, 11rem); }.not-found h1 { color: var(--abk-color-plum); }.not-found > p:not(.eyebrow) { max-width: 34rem; margin: var(--abk-space-5) 0 var(--abk-space-8); color: var(--abk-color-muted); }

@media (max-width: 1023px) {
    .page-landing__steps, .landing-callout { grid-template-columns: 1fr; gap: var(--abk-space-8); }.article-grid--archive { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .page-hero__inner, .archive-header > .abk-container { padding-block: 4rem; }.page-hero h1, .archive-header h1 { font-size: clamp(2.45rem, 12vw, 3.45rem); }.landing-callout { padding: var(--abk-space-6); }.article-grid--archive { grid-template-columns: 1fr; }.article-single { padding-block: 4rem; }.article-single__content { font-size: 1rem; }.landing-step-list li { grid-template-columns: 2.5rem 1fr; }
}