.page-mara-blog {
    --mara-blog-bg: oklch(0.988 0.004 34);
    --mara-blog-surface: oklch(1 0 0 / 0.92);
    --mara-blog-surface-strong: oklch(1 0 0 / 0.98);
    --mara-blog-paper: oklch(0.996 0.002 34);
    --mara-blog-paper-strong: oklch(0.985 0.006 34);
    --mara-blog-line: oklch(0.86 0.01 35 / 0.8);
    --mara-blog-line-strong: oklch(0.78 0.012 35 / 0.55);
    --mara-blog-text: oklch(0.22 0.015 28);
    --mara-blog-muted: oklch(0.45 0.015 28 / 0.88);
    --mara-blog-soft: oklch(0.97 0.006 32);
    --mara-blog-shadow: 0 20px 60px oklch(0.2 0.015 30 / 0.07);
    --mara-blog-radius-lg: calc(var(--spacing) * 6);
    --mara-blog-radius-md: calc(var(--spacing) * 4);

    background:
        radial-gradient(circle at top left, oklab(0.995 0.001 0.002 / 0.95), transparent 28%),
        radial-gradient(circle at top right, oklab(0.965 0.006 0.012 / 0.22), transparent 24%),
        linear-gradient(180deg, oklab(from var(--color-bg) l a b / 0.4) 0%, oklab(from var(--color-bg-2) l a b / 0.6) 100%);
    color: var(--mara-blog-text);
    font-family: var(--font-sans);
}

.page-mara-blog .nav-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: oklch(1 0 0 / 0.72);
    backdrop-filter: blur(calc(var(--spacing) * 5));
    -webkit-backdrop-filter: blur(calc(var(--spacing) * 5));
    transition: background-color 0.3s ease;
}

.page-mara-blog .nav-wrap.nav-wrap--past-hero {
    background: oklch(1 0 0 / 0.9);
}

.page-mara-blog .nav-wrap:not(.nav-wrap--past-hero) .brand,
.page-mara-blog .nav-wrap:not(.nav-wrap--past-hero) .nav-links,
.page-mara-blog .nav-wrap:not(.nav-wrap--past-hero) .nav-actions .btn-glass,
.page-mara-blog .nav-wrap.nav-wrap--past-hero .brand,
.page-mara-blog .nav-wrap.nav-wrap--past-hero .nav-links,
.page-mara-blog .nav-wrap.nav-wrap--past-hero .nav-actions .btn-glass {
    color: var(--mara-blog-text);
}

.page-mara-blog .nav-wrap:not(.nav-wrap--past-hero) .nav-actions .btn-primary {
    background: var(--mara-blog-text);
    color: var(--color-white);
    border-color: transparent;
}

.page-mara-blog .brand-wordmark img,
.page-mara-blog .nav-wrap.nav-wrap--past-hero .brand-wordmark img {
    filter: none;
}

.page-mara-blog .reveal {
    opacity: 0;
    transform: translateY(calc(var(--spacing) * 4));
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.page-mara-blog .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.page-mara-blog .mara-blog-hero,
.page-mara-blog .mara-blog-library {
    scroll-margin-top: calc(var(--nav-min-height) + var(--spacing) * 4);
}

.page-mara-blog .mara-blog-hero {
    position: relative;
    overflow: clip;
    padding-top: calc(var(--nav-min-height) + var(--spacing) * 7);
    padding-bottom: calc(var(--spacing) * 8);
    background: radial-gradient(circle at 78% 18%, oklch(0.88 0.04 58 / 0.18), transparent 24%), radial-gradient(circle at 12% 72%, oklch(0.92 0.022 28 / 0.22), transparent 28%), linear-gradient(180deg, var(--color-bg), var(--color-bg-2));
}

.page-mara-blog .mara-blog-hero__grid,
.page-mara-blog .mara-blog-hero__glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.page-mara-blog .mara-blog-hero__grid {
    background-image: linear-gradient(to right, oklch(0.57 0.035 28 / 0.18) 1px, transparent 1px), linear-gradient(to bottom, oklch(0.57 0.035 28 / 0.18) 1px, transparent 1px);
    background-size: 96px 96px;
    mask-image: linear-gradient(180deg, oklch(0 0 0 / 0.4) 20%, oklch(0 0 0 / 0));
}

.page-mara-blog .mara-blog-hero__glow {
    background: radial-gradient(circle at 62% 34%, oklch(0.94 0.05 78 / 0.18), transparent 18%), radial-gradient(circle at 86% 70%, oklch(1 0 0 / 0.1), transparent 24%);
    filter: blur(0);
    opacity: 1;
}

.page-mara-blog .mara-blog-hero--visual-ready .mara-blog-hero__glow {
    filter: blur(0);
}

.page-mara-blog .mara-blog-hero__shell {
    position: relative;
    z-index: 2;
}

.page-mara-blog .mara-blog-library__header h2,
.page-mara-blog .mara-blog-featured-post h2,
.page-mara-blog .mara-blog-card h3,
.page-mara-blog .mara-blog-overlay__panel .dib-post-title,
.page-mara-blog .mara-blog-overlay__panel h2,
.page-mara-blog .mara-blog-overlay__panel h3,
.page-mara-blog .mara-blog-overlay__panel h4,
.page-mara-blog .mara-blog-related__head h2,
.page-mara-blog .mara-blog-empty strong {
    font-family: var(--font-serif);
}

.page-mara-blog .mara-blog-hero-card {
    min-width: 0;
}

.page-mara-blog .mara-blog-featured-post {
    display: grid;
    grid-template-columns: minmax(300px, 0.98fr) minmax(0, 1.12fr);
    align-items: center;
    gap: calc(var(--spacing) * 20);
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: var(--mara-blog-text);
    text-align: left;
    cursor: pointer;
    appearance: none;
    min-height: 50vh;
}

.page-mara-blog .mara-blog-featured-post__media {
    overflow: hidden;
    border-radius: calc(var(--spacing) * 6);
    background: linear-gradient(135deg, oklch(0.96 0.006 35), oklch(0.92 0.012 35));
    box-shadow: var(--mara-blog-shadow);
    box-shadow: var(--shadow-lg);
}

.page-mara-blog .mara-blog-featured-post__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.07);
}

.page-mara-blog .mara-blog-featured-post__content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
}

.page-mara-blog .mara-blog-featured-post h2 {
    margin: 0;
    font-size: clamp(42px, 4.6vw, 68px);
    line-height: 0.94;
    letter-spacing: -0.045em;
    text-wrap: balance;
}

.page-mara-blog .mara-blog-featured-post p {
    margin: 0;
    line-height: 1.75;
}

.page-mara-blog .mara-blog-card {
    display: grid;
    width: 100%;
    min-width: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--mara-blog-text);
    text-align: left;
    cursor: pointer;
    appearance: none;
    padding: 0;
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.page-mara-blog .mara-blog-card__media {
    min-height: 100%;
}

.page-mara-blog .mara-blog-card__media img,
.page-mara-blog .mara-blog-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 14rem;
    object-fit: cover;
}

.page-mara-blog .mara-blog-card__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 4) 0 0 0;
}

.page-mara-blog .mara-blog-card h2,
.page-mara-blog .mara-blog-card h3 {
    margin: 0;
    text-wrap: balance;
    line-height: 0.96;
    letter-spacing: -0.04em;
}

.page-mara-blog .mara-blog-card h2 {
    font-size: clamp(38px, 4vw, 60px);
}

.page-mara-blog .mara-blog-card h3 {
    font-size: clamp(28px, 2.4vw, 38px);
}

.page-mara-blog .mara-blog-card__body p:not(.mara-blog-card__meta) {
    margin: 0;
    line-height: 1.7;
    line-clamp: 3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page-mara-blog .mara-blog-card__categories {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1);
}

.page-mara-blog .mara-blog-card__categories span,
.page-mara-blog .mara-blog-filter {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    min-height: calc(var(--spacing) * 4.5);
    padding: 0 calc(var(--spacing) * 1.4);
    background: var(--mara-blog-soft);
    color: var(--mara-blog-muted);
    font-size: var(--font-size-12);
    border-radius: 0;
    box-shadow: var(--shadow-lg);
    color: var(--mara-blog-text);
    font-family: var(--font-sans);
    font-size: var(--font-size-body);
    font-weight: 600;
    color: var(--color-accent);
    background: oklab(from var(--color-accent) l a b / 0.15);
    padding: calc(var(--spacing) * 0.5) calc(var(--spacing) * 2.5);
}

.page-mara-blog .mara-blog-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.2);
    margin: auto 0 0;
    color: var(--mara-blog-muted);
    font-size: var(--font-size-13);
}

.page-mara-blog .mara-blog-card__meta span[aria-hidden="true"] {
    opacity: 0.4;
}

.page-mara-blog .mara-blog-library {
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 10);
}

.page-mara-blog .mara-blog-shell {
    display: grid;
    gap: calc(var(--spacing) * 8);
    margin-top: calc(var(--spacing) * 10);
}

.page-mara-blog .mara-blog-library__header {
    display: grid;
    gap: calc(var(--spacing) * 2);
}

.page-mara-blog .mara-blog-library__header h2 {
    margin: 0;
    font-size: clamp(42px, 4vw, 60px);
    line-height: 0.95;
    letter-spacing: -0.04em;
}

.page-mara-blog .mara-blog-library__lede {
    margin: calc(var(--spacing) * 2) 0 0;
    color: var(--mara-blog-muted);
    font-size: calc(var(--font-size-body) * 1.2);
    line-height: 1.7;
}

.page-mara-blog .mara-blog-search {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.4);
    min-height: calc(var(--spacing) * 7.5);
    padding: 0 calc(var(--spacing) * 2.2);
    border-radius: 999px;
    background: var(--mara-blog-surface-strong);
    box-shadow: var(--mara-blog-shadow);
    box-shadow: var(--shadow-lg);
    color: var(--mara-blog-text);
    font-family: var(--font-sans);
    font-size: var(--font-size-body);
    font-weight: 600;
    padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 4.5);
}

.page-mara-blog .mara-blog-search__icon {
    display: inline-flex;
    color: var(--mara-blog-muted);
    transform: scale(0.75);
}

.page-mara-blog .mara-blog-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--mara-blog-text);
    font: inherit;
}

.page-mara-blog .mara-blog-search input::placeholder {
    color: oklch(from var(--mara-blog-muted) l c h / 0.8);
}

.page-mara-blog .mara-blog-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2.5);
}

.page-mara-blog .mara-blog-filters {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.2);
    flex: 1 1 0;
}

.page-mara-blog .mara-blog-filter {
    cursor: pointer;
    background: var(--mara-blog-surface-strong);
    color: var(--mara-blog-text);
    font-family: var(--font-sans);
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    box-shadow: var(--shadow-lg);
    color: var(--mara-blog-text);
    font-family: var(--font-sans);
    font-size: var(--font-size-body);
    font-weight: 600;
    padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 4.5);
    border-radius: 999px;
    border: none;
}

.page-mara-blog .mara-blog-filter.is-active {
    color: var(--color-accent);
    background: oklab(from var(--color-accent) l a b / 0.15);;
}

.page-mara-blog .mara-blog-toolbar .mara-blog-search {
    flex: 0 1 360px;
    min-width: min(100%, 280px);
}

.page-mara-blog .mara-blog-view {
    position: relative;
    padding: 1.5rem 0;
}

.page-mara-blog .mara-blog-loading {
    display: grid;
    gap: calc(var(--spacing) * 4);
}

.page-mara-blog .mara-blog-loading__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(var(--spacing) * 10);
    row-gap: calc(var(--spacing) * 17);
}

.page-mara-blog .mara-blog-loading-card {
    display: grid;
    gap: calc(var(--spacing) * 4);
}

.page-mara-blog .mara-blog-loading-card__body {
    display: grid;
    gap: calc(var(--spacing) * 2.5);
}

.page-mara-blog .mara-blog-empty {
    display: grid;
    place-items: center;
    gap: calc(var(--spacing) * 2);
    min-height: 18rem;
    padding: calc(var(--spacing) * 5);
    border: 1px solid var(--mara-blog-line);
    border-radius: var(--mara-blog-radius-lg);
    background: var(--mara-blog-surface);
    text-align: center;
    box-shadow: var(--mara-blog-shadow);
}

.page-mara-blog .mara-blog-empty p {
    max-width: calc(var(--font-size) * 28);
    margin: 0;
    color: var(--mara-blog-muted);
}

.page-mara-blog .mara-blog-empty strong {
    font-size: clamp(34px, 3vw, 44px);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.page-mara-blog .mara-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(var(--spacing) * 10);
    row-gap: calc(var(--spacing) * 17);
}

.page-mara-blog .mara-blog-grid .mara-blog-card {
    grid-template-rows: auto 1fr;
}

.page-mara-blog .mara-blog-grid .mara-blog-card .mara-blog-card__media img,
.page-mara-blog .mara-blog-grid .mara-blog-card .mara-blog-card__placeholder {
    min-height: 13rem;
}

.page-mara-blog .mara-blog-grid .mara-blog-card .mara-blog-card__media img {
    border-radius: calc(var(--spacing) * 6);
    box-shadow: var(--mara-blog-shadow);
}

.page-mara-blog .mara-blog-overlay[hidden] {
    display: none;
}

.page-mara-blog .mara-blog-overlay {
    position: fixed;
    inset: var(--nav-min-height) 0 0;
    z-index: 90;
    pointer-events: none;
    background: #fff;
}

.page-mara-blog .mara-blog-overlay__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, oklab(from var(--color-bg) l a b / 0.4) 0%, oklab(from var(--color-bg-2) l a b / 0.6) 100%);
    pointer-events: auto;
}

.page-mara-blog .mara-blog-overlay__panel {
    position: relative;
    z-index: 1;
    width: calc(min(var(--container), calc(100% - calc(var(--spacing) * 24))) + calc(var(--spacing) * 20));
    margin: 0 auto;
    max-height: calc(100dvh - var(--nav-min-height));
    margin: 0 auto;
    padding: calc(var(--spacing) * 6) calc(var(--spacing) * 10) calc(var(--spacing) * 6);
    overflow: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    pointer-events: auto;
    outline: 0;
    scroll-behavior: smooth;
}

.page-mara-blog .mara-blog-post__topbar {
    display: flex;
    justify-content: flex-start;
    margin-bottom: calc(var(--spacing) * 2.5);
}

.page-mara-blog .mara-blog-post__back {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.2);
    min-height: calc(var(--spacing) * 5.5);
    padding: 0 calc(var(--spacing) * 1.8);
    border: 1px solid var(--mara-blog-line);
    border-radius: 999px;
    background: var(--mara-blog-surface-strong);
    color: var(--mara-blog-text);
    cursor: pointer;
    font: inherit;
    box-shadow: var(--shadow-lg);
    color: var(--mara-blog-text);
    font-family: var(--font-sans);
    font-size: var(--font-size-body);
    font-weight: 600;
    padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 4.5);
    border-radius: 999px;
    border: none;
}

.page-mara-blog .mara-blog-post__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 680px);
    gap: calc(var(--spacing) * 15);
    align-items: center;
    padding-bottom: calc(var(--spacing) * 15);
    margin-bottom: calc(var(--spacing) * 15);
    padding-top: calc(var(--spacing) * 5);
    background: radial-gradient(circle at 50% 140%, oklch(0.92 0.022 28 / 0.42), transparent 60%);
}

.page-mara-blog .mara-blog-post__hero-copy {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
}

.page-mara-blog .mara-blog-post__hero-media {
    overflow: hidden;
    border-radius: calc(var(--spacing) * 4);
    background: linear-gradient(135deg, oklch(0.96 0.006 35), oklch(0.92 0.012 35));
    min-height: 18rem;
    border-radius: calc(var(--spacing) * 6);
    background: linear-gradient(135deg, oklch(0.96 0.006 35), oklch(0.92 0.012 35));
    box-shadow: var(--mara-blog-shadow);
    box-shadow: var(--shadow-lg);
}

.page-mara-blog .mara-blog-post__hero-media img,
.page-mara-blog .mara-blog-post__hero-media .mara-blog-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 18rem;
    object-fit: cover;
}

.page-mara-blog .mara-blog-post__layout {
    display: grid;
    grid-template-columns: minmax(220px, 340px) minmax(0, 1fr);
    gap: calc(var(--spacing) * 15);
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.page-mara-blog .mara-blog-post__sidebar {
    min-width: 0;
}

.page-mara-blog .mara-blog-post__sidebar-inner {
    position: sticky;
    top: 0;
    display: grid;
    gap: calc(var(--spacing) * 8);
}

.page-mara-blog .mara-blog-post__tags {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1);
}

.page-mara-blog .mara-blog-chip {
    display: inline-flex;
    align-items: center;
    min-height: calc(var(--spacing) * 4.5);
    padding: 0 calc(var(--spacing) * 1.4);
    background: var(--mara-blog-soft);
    color: var(--mara-blog-text);
    border: none;
    font: inherit;
    cursor: pointer;
    font-family: var(--font-sans);
    font-size: var(--font-size-body);
    font-weight: 600;
    color: var(--color-accent);
    background: oklab(from var(--color-accent) l a b / 0.15);
    padding: calc(var(--spacing) * 0.5) calc(var(--spacing) * 2.5);
}

.page-mara-blog .mara-blog-post__share,
.page-mara-blog .mara-blog-post__toc,
.page-mara-blog .mara-blog-post__author {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

.page-mara-blog .mara-blog-post__share h3,
.page-mara-blog .mara-blog-post__toc h3,
.page-mara-blog .mara-blog-post__author h3 {
    margin: 0 0 calc(var(--spacing) * 1.5);
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1;
    letter-spacing: -0.03em;
}

.page-mara-blog .mara-blog-post__share-links {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
}

.page-mara-blog .mara-blog-post__share-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--spacing) * 13.5);
    height: calc(var(--spacing) * 13.5);
    /* border: 1px solid var(--mara-blog-line); */
    border-radius: 999px;
    background: var(--mara-blog-surface-strong);
    color: var(--mara-blog-text);
    text-decoration: none;
    box-shadow: var(--shadow-lg);
}

.page-mara-blog .mara-blog-post__toc ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--mara-blog-muted);
}

.page-mara-blog .mara-blog-post__toc li + li {
    margin-top: calc(var(--spacing) * 1.5);
}

.page-mara-blog .mara-blog-post__toc li.level-h3 {
    margin-left: calc(var(--spacing) * 0);
}

.page-mara-blog .mara-blog-post__toc a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    color: inherit;
    text-decoration: none;
    line-height: 1.2;
    font-size: var(--font-size-body);
    font-weight: 500;
}

.page-mara-blog .mara-blog-post__toc a::before {
    content: "\2192";
    position: absolute;
    left: calc(var(--spacing) * -10);
    color: var(--color-accent);
    border-radius: 999px;
    opacity: 0;
    transform: translateX(-2px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.page-mara-blog .mara-blog-post__toc a.is-active {
    color: var(--mara-blog-text);
}

.page-mara-blog .mara-blog-post__toc a.is-active::before {
    opacity: 1;
    transform: translateX(0);
}

.page-mara-blog .mara-blog-post__toc a:hover,
.page-mara-blog .mara-blog-post__toc a:focus-visible {
    color: var(--mara-blog-text);
}

.page-mara-blog .mara-blog-post__author-card {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: calc(var(--spacing) * 2.5);
    align-items: center;
}

.page-mara-blog .mara-blog-post__author-card img {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    object-fit: cover;
}

.page-mara-blog .mara-blog-overlay__panel .mara-blog-post__author-card strong,
.page-mara-blog .mara-blog-overlay__panel .mara-blog-post__author-card p {
    display: block;
    margin: 0;
}

.page-mara-blog .mara-blog-overlay__panel .mara-blog-post__author-card p {
    margin-top: calc(var(--spacing) * -1);
    font-size: var(--font-size-14) !important;
}

.page-mara-blog .mara-blog-post__author-card p,
.page-mara-blog .mara-blog-post__author-bio,
.page-mara-blog .mara-blog-post__author-bio p {
    color: var(--mara-blog-muted);
    line-height: 1.7;
}

.mara-blog-post__author-bio {
    display: none;
}

.page-mara-blog .mara-blog-post__body {
    color: var(--mara-blog-text);
    font-size: var(--font-size-body);
}

.page-mara-blog .mara-blog-post__body #dib-post-single {
    margin: 0;
}

.page-mara-blog .mara-blog-post__body-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: calc(var(--spacing) * 8);
}

.page-mara-blog .mara-blog-post__back--footer {
    margin-top: calc(var(--spacing) * 2);
}

.page-mara-blog .mara-blog-overlay__panel .dib-post-title {
    margin: 0;
    font-size: clamp(48px, 4vw, 78px) !important;
    line-height: 0.92;
    letter-spacing: -0.05em;
    text-wrap: balance;
}

.page-mara-blog .mara-blog-overlay__panel .dib-meta-text {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.2);
    margin: 0 !important;
    color: var(--mara-blog-muted);
}

.page-mara-blog .mara-blog-overlay__panel .dib-post-content > :first-child {
    margin-top: 0 !important;
}

.page-mara-blog .mara-blog-overlay__panel .dib-post-content > :last-child {
    margin-bottom: 0 !important;
}

.page-mara-blog .mara-blog-overlay__panel p,
.page-mara-blog .mara-blog-overlay__panel li,
.page-mara-blog .mara-blog-overlay__panel td,
.page-mara-blog .mara-blog-overlay__panel th,
.page-mara-blog .mara-blog-overlay__panel figcaption {
    font-family: var(--font-sans) !important;
    font-size: var(--font-size-body) !important;
    line-height: 1.9;
}

.page-mara-blog .mara-blog-overlay__panel hr {
    opacity: 0.15;
}

.page-mara-blog .mara-blog-overlay__panel p {
    margin: 0 0 calc(var(--spacing) * 3);
    text-wrap: pretty;
}

.page-mara-blog .mara-blog-overlay__panel h2,
.page-mara-blog .mara-blog-overlay__panel h3,
.page-mara-blog .mara-blog-overlay__panel h4,
.page-mara-blog .mara-blog-overlay__panel h5,
.page-mara-blog .mara-blog-overlay__panel h6 {
    margin: calc(var(--spacing) * 8) 0 calc(var(--spacing) * 4);
    line-height: 1.02;
    letter-spacing: -0.04em;
    text-wrap: balance;
    scroll-margin-top: calc(var(--spacing) * 8);
}

.page-mara-blog .mara-blog-overlay__panel .mara-blog-post__sidebar-inner h3,
.page-mara-blog .mara-blog-overlay__panel .mara-blog-card__body h3 {
    margin: calc(var(--spacing) * 2) 0 calc(var(--spacing) * 2.5);
}

.page-mara-blog .mara-blog-overlay__panel h2 {
    font-size: clamp(34px, 3vw, 48px) !important;
}

.page-mara-blog .mara-blog-overlay__panel h3 {
    font-size: clamp(28px, 2.4vw, 38px) !important;
}

.page-mara-blog .mara-blog-overlay__panel a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

.page-mara-blog .mara-blog-overlay__panel blockquote {
    margin: calc(var(--spacing) * 4) 0;
    padding: calc(var(--spacing) * 3);
    border-left: 3px solid oklch(0.78 0.02 55);
    border-radius: calc(var(--spacing) * 3);
    background: oklch(0.98 0.008 48 / 0.72);
}

.page-mara-blog .mara-blog-overlay__panel .dib-faq-item {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.page-mara-blog .mara-blog-overlay__panel .dib-faq-item > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    list-style: none;
    padding: calc(var(--spacing) * 1.5) 0;
    color: var(--mara-blog-text);
    font-family: var(--font-sans);
    font-size: clamp(18px, 1.6vw, 20px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.03em;
    cursor: pointer;
}

.page-mara-blog .mara-blog-overlay__panel .dib-faq-item > summary::-webkit-details-marker {
    display: none;
}

.page-mara-blog .mara-blog-overlay__panel .dib-faq-item > summary::marker {
    content: "";
}

.page-mara-blog .mara-blog-overlay__panel .dib-faq-item > summary::after {
    content: "+";
    flex: 0 0 auto;
    color: oklch(from var(--mara-blog-muted) l c h / 0.9);
    font-size: clamp(34px, 2.8vw, 44px);
    font-weight: 300;
    line-height: 1;
}

.page-mara-blog .mara-blog-overlay__panel .dib-faq-item[open] > summary::after {
    content: "−";
}

.page-mara-blog .mara-blog-overlay__panel .dib-faq-item > :not(summary) {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 calc(var(--spacing) * 4.5);
}

.page-mara-blog .mara-blog-overlay__panel .dib-faq-item > p,
.page-mara-blog .mara-blog-overlay__panel .dib-faq-item > div,
.page-mara-blog .mara-blog-overlay__panel .dib-faq-item > section {
    color: oklch(from var(--mara-blog-text) l c h / 0.9);
}

.page-mara-blog .mara-blog-overlay__panel pre {
    overflow: auto;
    padding: calc(var(--spacing) * 3);
    border-radius: calc(var(--spacing) * 3);
    background: oklch(0.97 0.004 255);
}

.page-mara-blog .mara-blog-overlay__panel code:not(pre code) {
    padding: 0.18em 0.42em;
    border-radius: calc(var(--spacing) * 1.5);
    background: oklch(0.97 0.004 255);
}

.page-mara-blog .mara-blog-overlay__panel table {
    width: 100%;
    border-collapse: collapse;
    margin: calc(var(--spacing) * 4) 0;
}

.page-mara-blog .mara-blog-overlay__panel th,
.page-mara-blog .mara-blog-overlay__panel td {
    padding: calc(var(--spacing) * 1.5);
    border: 1px solid var(--mara-blog-line);
}

.page-mara-blog .mara-blog-related {
    margin-top: calc(var(--spacing) * 35);
    padding-bottom: calc(var(--spacing) * 15);
}

.page-mara-blog .mara-blog-related__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 10);
}

.page-mara-blog .mara-blog-related__head h2,
.page-mara-blog .mara-blog-related__head p {
    margin: 0;
}

.page-mara-blog .mara-blog-related__head p {
    color: var(--mara-blog-muted);
}

.page-mara-blog .mara-blog-grid--related {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-mara-blog .mara-blog-grid--related .mara-blog-card__media img,
.page-mara-blog .mara-blog-grid--related .mara-blog-card__placeholder {
    min-height: 11rem;
}

.page-mara-blog .mara-blog-post__loading,
.page-mara-blog .mara-blog-post-skeleton {
    display: grid;
    gap: calc(var(--spacing) * 3);
}

.page-mara-blog .mara-blog-post-skeleton__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
    gap: calc(var(--spacing) * 4);
    align-items: start;
}

.page-mara-blog .mara-blog-post-skeleton__copy,
.page-mara-blog .mara-blog-post-skeleton__body {
    display: grid;
    gap: calc(var(--spacing) * 2);
}

.page-mara-blog .mara-blog-post-skeleton__body {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: calc(var(--spacing) * 5);
}

.page-mara-blog .mara-blog-skeleton {
    position: relative;
    overflow: hidden;
    border-radius: calc(var(--spacing) * 2);
    background: oklch(0.94 0.006 35);
}

.page-mara-blog .mara-blog-skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, oklch(1 0 0 / 0.55), transparent);
    animation: mara-blog-skeleton 1.15s linear infinite;
}

.page-mara-blog .mara-blog-skeleton--eyebrow {
    width: 8rem;
    height: 1rem;
}

.page-mara-blog .mara-blog-skeleton--title {
    width: 100%;
    height: 4rem;
}

.page-mara-blog .mara-blog-skeleton--title.short {
    width: 72%;
}

.page-mara-blog .mara-blog-skeleton--meta {
    width: 55%;
    height: 1.1rem;
}

.page-mara-blog .mara-blog-skeleton--image {
    min-height: 18rem;
}

.page-mara-blog .mara-blog-skeleton--feed-hero-image {
    min-height: clamp(20rem, 34vw, 28rem);
}

.page-mara-blog .mara-blog-skeleton--feed-hero-title {
    width: 100%;
    height: 4.5rem;
}

.page-mara-blog .mara-blog-skeleton--feed-hero-title.short {
    width: 72%;
}

.page-mara-blog .mara-blog-skeleton--feed-hero-line {
    width: 88%;
    height: 1.2rem;
}

.page-mara-blog .mara-blog-skeleton--feed-hero-line.short {
    width: 66%;
}

.page-mara-blog .mara-blog-skeleton--feed-card-image {
    min-height: 14rem;
}

.page-mara-blog .mara-blog-skeleton--feed-card-title {
    width: 100%;
    height: 2.4rem;
}

.page-mara-blog .mara-blog-skeleton--feed-card-title.short {
    width: 68%;
}

.page-mara-blog .mara-blog-skeleton--feed-line {
    width: 92%;
    height: 1rem;
}

.page-mara-blog .mara-blog-skeleton--feed-line.short {
    width: 74%;
}

.page-mara-blog .mara-blog-skeleton--feed-chip {
    width: 7rem;
    height: 2rem;
}

.page-mara-blog .mara-blog-skeleton--sidebar {
    min-height: 7rem;
}

.page-mara-blog .mara-blog-skeleton--sidebar.tall {
    min-height: 12rem;
}

.page-mara-blog .mara-blog-skeleton--line {
    height: 1.2rem;
}

.page-mara-blog .mara-blog-skeleton--line.short {
    width: 72%;
}

.page-mara-blog .mara-blog-skeleton--line.medium {
    width: 84%;
}

.page-mara-blog .mara-blog-post-skeleton__label {
    margin: 0;
    color: var(--mara-blog-muted);
}

@keyframes mara-blog-skeleton {
    100% {
        transform: translateX(100%);
    }
}

.page-mara-blog.mara-blog-overlay-open {
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .page-mara-blog .reveal,
    .page-mara-blog .mara-blog-card,
    .page-mara-blog .mara-blog-filter {
        transition: none;
        transform: none;
    }
}

@media (max-width: 1100px) {
    .page-mara-blog .mara-blog-featured-post,
    .page-mara-blog .mara-blog-library__header {
        grid-template-columns: 1fr;
    }

    .page-mara-blog .mara-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-mara-blog .mara-blog-post__hero,
    .page-mara-blog .mara-blog-post-skeleton__header,
    .page-mara-blog .mara-blog-post__layout,
    .page-mara-blog .mara-blog-post-skeleton__body,
    .page-mara-blog .mara-blog-grid--related {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .page-mara-blog .mara-blog-hero {
        padding-top: calc(var(--nav-min-height) + var(--spacing) * 6);
    }

    .page-mara-blog .mara-blog-featured-post h2 {
        font-size: clamp(34px, 10vw, 50px);
    }

    .page-mara-blog .mara-blog-card h3 {
        font-size: clamp(28px, 8vw, 36px);
    }

    .page-mara-blog .mara-blog-grid {
        grid-template-columns: 1fr;
    }

    .page-mara-blog .mara-blog-card__body,
    .page-mara-blog .mara-blog-empty,
    .page-mara-blog .mara-blog-overlay__panel {
        padding: calc(var(--spacing) * 3);
    }

    .page-mara-blog .mara-blog-overlay {
        inset: calc(var(--nav-min-height) + var(--spacing) * 1.5) 0 0;
    }

    .page-mara-blog .mara-blog-overlay__panel {
        width: 100vw;
        max-height: calc(100dvh - var(--nav-min-height) - calc(var(--spacing) * 1.5));
        padding: calc(var(--spacing) * 2.5);
    }

    .page-mara-blog .mara-blog-overlay__panel .dib-post-title {
        font-size: clamp(36px, 10vw, 54px) !important;
    }

    .page-mara-blog .mara-blog-post__sidebar-inner {
        position: static;
    }

    .page-mara-blog .mara-blog-related__head {
        flex-direction: column;
        align-items: flex-start;
    }
}


.page-mara-blog .dib-post-content .hero-viewport .calculator-container {
    background: none;
    padding: 0;
    border-radius: none;
    box-shadow: none;

    .gmv-header {
        text-align: left;
    }
}