/* GENERATED from ../guides.css by scripts/dark-mode/build-dark.mjs — do not edit.
   Tune colours in ../dark.css (palette + hand-made overrides), then re-run the script
   after any colour change in ../guides.css. */
:where(html[data-theme="dark"]) .page-template-template-mortgage-guides,
:where(html[data-theme="dark"]) .home {
    /* guides.css:13 */ --mg-accent: #fe8f5a;
    --mg-accent-strong: #f99364;
    --mg-accent-soft: var(--dk-bg-alt);
    --mg-text: var(--dk-text);
    --mg-muted: var(--dk-muted);
    --mg-line: var(--dk-line);
    --mg-cream: var(--dk-bg-alt);
    --mg-stone: var(--dk-bg-deep)
}
:where(html[data-theme="dark"]) .mg-eyebrow {
    /* guides.css:50 */ color: var(--mg-accent)
}
:where(html[data-theme="dark"]) .mg-eyebrow--trail::after,
:where(html[data-theme="dark"]) .mg-eyebrow--lead::before,
:where(html[data-theme="dark"]) .mg-eyebrow--both::before,
:where(html[data-theme="dark"]) .mg-eyebrow--both::after {
    /* guides.css:64 */ background-color: currentColor;
    background-image: none
}
:where(html[data-theme="dark"]) .mg-hero {
    /* guides.css:82 */ background-color: var(--mg-cream);
    background-image: none
}
:where(html[data-theme="dark"]) .mg-hero__title {
    /* guides.css:96 */ color: var(--mg-ink)
}
:where(html[data-theme="dark"]) .mg-hero__accent {
    /* guides.css:106 */ color: var(--mg-accent)
}
:where(html[data-theme="dark"]) .mg-hero__lede {
    /* guides.css:110 */ color: var(--mg-text)
}
:where(html[data-theme="dark"]) .mg-guides {
    /* guides.css:138 */ background-color: var(--dk-bg);
    background-image: none
}
:where(html[data-theme="dark"]) .mg-topic {
    /* guides.css:162 */ border-color: var(--dk-line-strong);
    background-color: var(--dk-surface);
    background-image: none;
    color: var(--dk-text)
}
:where(html[data-theme="dark"]) .mg-topic:hover {
    /* guides.css:178 */ border-color: var(--mg-accent);
    color: var(--mg-accent)
}
:where(html[data-theme="dark"]) .mg-topic[aria-current="page"] {
    /* guides.css:183 */ border-color: var(--mg-accent);
    background-color: var(--mg-accent-soft);
    background-image: none;
    color: var(--mg-accent)
}
:where(html[data-theme="dark"]) .mg-topic:focus-visible,
:where(html[data-theme="dark"]) .mg-pager__item:focus-visible {
    /* guides.css:189 */ outline-color: var(--mg-accent)
}
:where(html[data-theme="dark"]) .mg-card {
    /* guides.css:214 */ background-color: var(--dk-surface);
    background-image: none;
    border-color: var(--mg-line)
}
:where(html[data-theme="dark"]) .mg-card:hover {
    /* guides.css:223 */ border-color: var(--dk-line-strong);
    box-shadow: 0 14px 32px -18px rgba(0, 0, 0, 0.528)
}
:where(html[data-theme="dark"]) .mg-card__media {
    /* guides.css:228 */ background-color: var(--mg-stone);
    background-image: none
}
:where(html[data-theme="dark"]) .mg-card__topic {
    /* guides.css:254 */ color: var(--mg-accent)
}
:where(html[data-theme="dark"]) .mg-card__title {
    /* guides.css:264 */ color: var(--mg-ink)
}
:where(html[data-theme="dark"]) .mg-card__title a:hover {
    /* guides.css:280 */ color: var(--mg-accent-strong)
}
:where(html[data-theme="dark"]) .mg-card__excerpt {
    /* guides.css:284 */ color: var(--mg-muted)
}
:where(html[data-theme="dark"]) .mg-card__link {
    /* guides.css:292 */ color: var(--mg-accent)
}
:where(html[data-theme="dark"]) .mg-card__link svg {
    /* guides.css:304 */ stroke: currentColor
}
:where(html[data-theme="dark"]) .mg-card__link:hover {
    /* guides.css:315 */ color: var(--mg-accent-strong)
}
:where(html[data-theme="dark"]) .mg-more__empty {
    /* guides.css:354 */ border-color: var(--mg-line);
    color: var(--mg-muted)
}
:where(html[data-theme="dark"]) .mg-pager__item {
    /* guides.css:372 */ border-color: var(--mg-line);
    background-color: var(--dk-surface);
    background-image: none;
    color: var(--dk-text)
}
:where(html[data-theme="dark"]) .mg-pager__item:hover,
:where(html[data-theme="dark"]) .mg-pager__item[aria-current="page"] {
    /* guides.css:387 */ border-color: var(--mg-accent);
    color: var(--mg-accent)
}
:where(html[data-theme="dark"]) .mg-pager__item svg {
    /* guides.css:393 */ stroke: currentColor
}
:where(html[data-theme="dark"]) .mg-faq {
    /* guides.css:409 */ background-color: var(--dk-bg);
    background-image: none
}
:where(html[data-theme="dark"]) .mg-faq__heading {
    /* guides.css:419 */ color: var(--mg-ink)
}
:where(html[data-theme="dark"]) .mg-faq__item {
    /* guides.css:435 */ border-color: var(--mg-line);
    background-color: var(--dk-surface);
    background-image: none
}
:where(html[data-theme="dark"]) .mg-faq__item[open] {
    /* guides.css:442 */ border-color: var(--dk-line-strong)
}
:where(html[data-theme="dark"]) .mg-faq__question {
    /* guides.css:446 */ color: var(--mg-ink)
}
:where(html[data-theme="dark"]) .mg-faq__question:hover {
    /* guides.css:465 */ color: var(--mg-accent-strong)
}
:where(html[data-theme="dark"]) .mg-faq__question:focus-visible {
    /* guides.css:469 */ outline-color: var(--mg-accent)
}
:where(html[data-theme="dark"]) .mg-faq__marker::before,
:where(html[data-theme="dark"]) .mg-faq__marker::after {
    /* guides.css:482 */ background-color: var(--mg-accent);
    background-image: none
}
:where(html[data-theme="dark"]) .mg-faq__answer {
    /* guides.css:500 */ color: var(--mg-text)
}
:where(html[data-theme="dark"]) .mg-help {
    /* guides.css:509 */ background-color: var(--mg-stone);
    background-image: none
}
:where(html[data-theme="dark"]) .mg-help__title {
    /* guides.css:526 */ color: var(--mg-ink)
}
:where(html[data-theme="dark"]) .mg-help__lede {
    /* guides.css:536 */ color: var(--mg-text)
}
:where(html[data-theme="dark"]) .mg-help__btn {
    /* guides.css:544 */ background-color: var(--navy);
    background-image: none;
    color: #fff
}
:where(html[data-theme="dark"]) .mg-help__btn:hover {
    /* guides.css:561 */ background-color: var(--navy-lift);
    background-image: none
}
:where(html[data-theme="dark"]) .mg-news {
    /* guides.css:567 */ background-color: var(--dk-bg-alt);
    background-image: none;
    border-top-color: var(--dk-line)
}
:where(html[data-theme="dark"]) .mg-news__title {
    /* guides.css:591 */ color: var(--mg-ink)
}
:where(html[data-theme="dark"]) .mg-news__lede {
    /* guides.css:600 */ color: var(--mg-text)
}
:where(html[data-theme="dark"]) .mg-news__input {
    /* guides.css:613 */ border-color: var(--dk-line-strong);
    background-color: var(--dk-input);
    background-image: none;
    color: var(--mg-ink)
}
:where(html[data-theme="dark"]) .mg-news__input::placeholder {
    /* guides.css:626 */ color: var(--dk-faint)
}
:where(html[data-theme="dark"]) .mg-news__input:focus {
    /* guides.css:630 */ border-color: var(--mg-accent);
    outline-color: rgba(254, 143, 90, 0.18)
}
:where(html[data-theme="dark"]) .mg-news__btn {
    /* guides.css:636 */ background-color: var(--mg-accent);
    background-image: none;
    color: #fff
}
:where(html[data-theme="dark"]) .mg-news__btn:hover {
    /* guides.css:652 */ background-color: var(--mg-accent-strong);
    background-image: none
}
:where(html[data-theme="dark"]) .mg-news__btn:focus-visible {
    /* guides.css:656 */ outline-color: var(--mg-ink)
}
:where(html[data-theme="dark"]) .mg-news__note {
    /* guides.css:661 */ color: var(--mg-muted)
}
:where(html[data-theme="dark"]) .mg-news__notice--ok {
    /* guides.css:675 */ background-color: var(--dk-bg-deep);
    background-image: none;
    color: #9acbaf
}
:where(html[data-theme="dark"]) .mg-news__notice--bad {
    /* guides.css:680 */ background-color: rgba(212, 164, 153, 0.11);
    background-image: none;
    color: #ffa287
}
@media (min-width: 1080px) {
    :where(html[data-theme="dark"]) .mg-hero__media::before {
        /* guides.css:785 */ background-color: transparent;
        background-image: linear-gradient(90deg, var(--mg-cream), rgba(248, 244, 240, 0))
    }
}
@media (min-width: 1200px) {
    :where(html[data-theme="dark"]) .page-template-template-mortgage-guides,
:where(html[data-theme="dark"]) .home {
        /* guides.css:838 */ --mg-accent: #ff8e5e;
        --mg-accent-strong: #fc9062;
        --mg-ink: var(--dk-heading);
        --mg-text: var(--dk-muted);
        --mg-muted: var(--dk-muted);
        --mg-line: var(--dk-line-strong);
        --mg-page: var(--dk-bg)
    }
    :where(html[data-theme="dark"]) .mg-hero__title {
        /* guides.css:905 */ color: var(--mg-ink)
    }
    :where(html[data-theme="dark"]) .mg-hero__lede {
        /* guides.css:918 */ color: var(--mg-text)
    }
    :where(html[data-theme="dark"]) .mg-guides,
:where(html[data-theme="dark"]) .mg-faq {
        /* guides.css:951 */ background-color: var(--mg-page);
        background-image: none
    }
    :where(html[data-theme="dark"]) .mg-topic {
        /* guides.css:968 */ border-color: #a9ada9;
        background-color: var(--dk-surface);
        background-image: none;
        color: var(--dk-text)
    }
    :where(html[data-theme="dark"]) .mg-topic[aria-current="page"] {
        /* guides.css:1009 */ border-color: #df7a4a;
        background-color: var(--dk-surface);
        background-image: none;
        color: var(--mg-accent)
    }
    :where(html[data-theme="dark"]) .mg-card {
        /* guides.css:1017 */ background-color: var(--dk-surface);
        background-image: none;
        border-color: var(--mg-line)
    }
    :where(html[data-theme="dark"]) .mg-card__title {
        /* guides.css:1030 */ color: var(--mg-ink)
    }
    :where(html[data-theme="dark"]) .mg-card__excerpt {
        /* guides.css:1037 */ color: var(--mg-muted)
    }
    :where(html[data-theme="dark"]) .mg-pager__item {
        /* guides.css:1244 */ border-color: var(--dk-line);
        background-color: var(--dk-surface);
        background-image: none;
        box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 3) rgba(0, 0, 0, 0.176);
        color: #a0b2d1
    }
    :where(html[data-theme="dark"]) .mg-pager__item[aria-current="page"] {
        /* guides.css:1256 */ border-color: #e0885c;
        background-color: var(--dk-surface);
        background-image: none;
        color: var(--mg-accent)
    }
    :where(html[data-theme="dark"]) .mg-faq__heading {
        /* guides.css:1298 */ color: var(--mg-ink)
    }
    :where(html[data-theme="dark"]) .mg-faq__item {
        /* guides.css:1313 */ border-color: var(--dk-line);
        background-color: var(--dk-surface);
        background-image: none
    }
    :where(html[data-theme="dark"]) .mg-faq__question {
        /* guides.css:1319 */ color: var(--mg-ink)
    }
    :where(html[data-theme="dark"]) .mg-help {
        /* guides.css:1346 */ background-color: var(--dk-surface);
        background-image: none
    }
    :where(html[data-theme="dark"]) .mg-help::before {
        /* guides.css:1360 */ background-color: var(--dk-surface);
        background-image: none
    }
    :where(html[data-theme="dark"]) .mg-help__title {
        /* guides.css:1390 */ color: var(--mg-ink)
    }
    :where(html[data-theme="dark"]) .mg-help__lede {
        /* guides.css:1399 */ color: var(--mg-text)
    }
    :where(html[data-theme="dark"]) .mg-help__btn {
        /* guides.css:1406 */ background-color: #012a4c;
        background-image: none
    }
    :where(html[data-theme="dark"]) .mg-news {
        /* guides.css:1420 */ border-top-color: currentcolor;
        background-color: var(--dk-bg-deep);
        background-image: none
    }
    :where(html[data-theme="dark"]) .mg-news__title {
        /* guides.css:1463 */ color: var(--mg-ink)
    }
    :where(html[data-theme="dark"]) .mg-news__lede {
        /* guides.css:1471 */ color: var(--dk-muted)
    }
    :where(html[data-theme="dark"]) .mg-news__input {
        /* guides.css:1488 */ border-color: var(--dk-line-strong)
    }
    :where(html[data-theme="dark"]) .mg-news__input::placeholder {
        /* guides.css:1497 */ color: #a4b2cc
    }
    :where(html[data-theme="dark"]) .mg-news__btn {
        /* guides.css:1501 */ background-color: var(--mg-accent);
        background-image: none
    }
    :where(html[data-theme="dark"]) .mg-news__note {
        /* guides.css:1512 */ color: #a6b1cb
    }
}
