.mo-buyer-guides-hub-page .wp-site-blocks > main,
.mo-buyer-guides-hub-page main.wp-block-group {
    margin: 0;
    padding: 0;
}

body.mo-buyer-guides-hub-page .wp-block-post-content,
body.mo-buyer-guides-hub-page .entry-content,
body.mo-buyer-guides-hub-page main {
    max-width: none !important;
}

body.mo-buyer-guides-hub-page #wp--skip-link--target {
    margin-block-start: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.mo-buyer-guides-hub-page #wp--skip-link--target > .wp-block-group,
body.mo-buyer-guides-hub-page .wp-block-post-content,
body.mo-buyer-guides-hub-page .wp-block-post-content > .wp-block-shortcode {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mogh {
    --mogh-green: #0d3c31;
    --mogh-green-soft: #315d4d;
    --mogh-sage: #edf2e8;
    --mogh-cream: #fbf8f1;
    --mogh-line: #d9e1d1;
    --mogh-ink: #132a24;
    color: var(--mogh-ink);
    background: var(--mogh-cream);
    font-family: inherit;
    max-width: 100%;
    overflow-x: clip;
}

.mogh *, .mogh *::before, .mogh *::after { box-sizing: border-box; }
.mogh-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.mogh-eyebrow { display: block; color: #719c32; font-size: 12px; font-weight: 700; letter-spacing: .14em; line-height: 1.4; }

.mogh-hero { padding: clamp(72px, 9vw, 128px) 0; background: var(--mogh-green); color: #fffdf6; }
.mogh-hero .mogh-shell { max-width: 910px; margin-left: max(24px, calc((100% - 1180px) / 2)); }
.mogh-hero h1, .mogh-section h2, .mogh-next h2 { margin: 14px 0 20px; color: inherit; font-family: Georgia, 'Times New Roman', serif; font-weight: 600; line-height: 1.04; letter-spacing: -.025em; }
.mogh-hero h1 { max-width: 820px; font-size: clamp(44px, 5.2vw, 76px); }
.mogh-hero p { max-width: 720px; margin: 0; color: #dbe6dc; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.65; }

.mogh-section { padding: clamp(64px, 7vw, 96px) 0; border-bottom: 1px solid var(--mogh-line); }
.mogh-section:nth-child(even) { background: var(--mogh-sage); }
.mogh-section__head { max-width: 760px; margin-bottom: 34px; }
.mogh-section h2 { color: var(--mogh-green); font-size: clamp(34px, 3.3vw, 50px); }
.mogh-section__head p { max-width: 660px; margin: 0; color: #4e615a; font-size: 16px; line-height: 1.65; }

.mogh-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.mogh-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mogh-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mogh-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid var(--mogh-line); border-radius: 3px; }
.mogh-card__media { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #dfe7d9; }
.mogh-card__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.mogh-card:hover .mogh-card__image { transform: scale(1.025); }
.mogh-card__body { display: flex; min-height: 248px; flex: 1; flex-direction: column; padding: 25px 25px 23px; }
.mogh-card h3 { margin: 0 0 13px; color: var(--mogh-green); font-family: Georgia, 'Times New Roman', serif; font-size: 23px; font-weight: 600; line-height: 1.2; }
.mogh-card h3 a { color: inherit; text-decoration: none; }
.mogh-card p { display: -webkit-box; margin: 0 0 22px; overflow: hidden; color: #53645e; font-size: 14px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.mogh-card__link { margin-top: auto; color: var(--mogh-green); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.mogh-card__link span { display: inline-block; margin-left: 5px; transition: transform .2s ease; }
.mogh-card__link:hover span { transform: translateX(3px); }

.mogh-next { padding: clamp(64px, 7vw, 92px) 0; background: #163f34; color: #fffdf6; }
.mogh-next__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: center; }
.mogh-next h2 { max-width: 650px; font-size: clamp(34px, 3.3vw, 50px); }
.mogh-next p { max-width: 650px; margin: 0; color: #dbe6dc; line-height: 1.65; }
.mogh-actions { display: flex; flex-direction: column; gap: 12px; min-width: 230px; }
.mogh-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 20px; border: 1px solid #b8cabc; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-align: center; text-decoration: none; }
.mogh-button--primary { border-color: #fffdf6; background: #fffdf6; color: var(--mogh-green); }

@media (max-width: 900px) {
    .mogh-grid, .mogh-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mogh-next__inner { grid-template-columns: 1fr; gap: 30px; }
    .mogh-actions { flex-direction: row; min-width: 0; }
}

@media (max-width: 620px) {
    .mogh-shell { width: min(100% - 32px, 1180px); }
    .mogh-hero { padding: 62px 0 68px; }
    .mogh-hero .mogh-shell { margin-inline: auto; }
    .mogh-hero h1 { font-size: clamp(39px, 12vw, 52px); }
    .mogh-section { padding: 56px 0; }
    .mogh-section h2 { font-size: 34px; }
    .mogh-grid, .mogh-grid--2 { grid-template-columns: 1fr; gap: 18px; }
    .mogh-card__body { min-height: 218px; padding: 22px 21px 21px; }
    .mogh-card h3 { font-size: 22px; }
    .mogh-actions { flex-direction: column; }
    .mogh-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .mogh-card__image, .mogh-card__link span { transition: none; }
}