.nn-guide {
    --nn-ink: #0f172a;
    --nn-text: #334155;
    --nn-muted: #576982;
    --nn-border: #dbe4ef;
    --nn-fill: #f6f8fa;
    --nn-blue: #1747c7;
    --nn-main-column: minmax(0, 2.13fr);
    --nn-side-column: minmax(0, 1fr);
    --nn-gap: clamp(24px, 3.7vw, 48px);
    box-sizing: border-box;
    width: 100%;
    max-width: 1400px;
    margin-inline: auto;
    padding: 24px clamp(16px, 3.7vw, 48px) 56px;
    color: var(--nn-text);
}

.nn-guide :where(a):focus-visible {
    outline: 2px solid var(--nn-blue);
    outline-offset: 3px;
}

.nn-guide__crumbs {
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--nn-border);
    font-size: 14px;
}

.nn-guide__crumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 9px;
    margin: 0;
    list-style: none;
}

.nn-guide__crumbs li {
    margin: 0;
}

.nn-guide__crumbs li + li::before {
    display: inline-block;
    width: 0.45em;
    height: 0.45em;
    margin-inline-end: 9px;
    border-top: 1.5px solid var(--nn-muted);
    border-right: 1.5px solid var(--nn-muted);
    vertical-align: 0.1em;
    transform: rotate(45deg);
    content: "";
}

.nn-guide__crumbs a,
.nn-guide__articles a {
    color: var(--nn-text);
}

.nn-guide__crumbs a:hover,
.nn-guide__articles a:hover {
    color: var(--nn-blue);
    text-decoration: underline;
}

.nn-guide__layout {
    display: grid;
    grid-template-columns: var(--nn-main-column) var(--nn-side-column);
    align-items: start;
    gap: var(--nn-gap);
}

.nn-guide__article {
    min-width: 0;
    margin: 0;
}

.nn-guide__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin-bottom: 16px;
}

.nn-guide__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: var(--nn-muted);
    font-size: 12px;
    line-height: 1.3;
}

.nn-guide__top-nav {
    display: flex;
    gap: 6px;
    margin-inline-start: auto;
}

.nn-guide .nn-guide__top-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 32px;
    padding: 6px 9px;
    border-radius: 999px;
    background: #dbeef3;
    color: #164b64;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
}

.nn-guide .nn-guide__top-nav a:hover {
    background: #cce4ed;
}

.nn-guide__top-nav svg {
    flex-shrink: 0;
}

.nn-guide__crumbs li:first-child > a::before,
.nn-guide__updated::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-inline-end: 0.45em;
    vertical-align: -0.13em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}

.nn-guide__crumbs li:first-child > a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23788ba4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 7.4 8 1.8l6.5 5.6M3.4 6.4v7.4h3.1V9.5h3v4.3h3.1V6.4'/%3E%3C/svg%3E");
}

.nn-guide__updated::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23788ba4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.8' y='3.3' width='12.4' height='11' rx='1.5'/%3E%3Cpath d='M5 1.6v3.1m6-3.1v3.1M2 6.8h12'/%3E%3C/svg%3E");
}

.nn-guide__updated,
.nn-guide__position {
    max-width: 100%;
    padding: 6px 12px;
    border: 0;
    border-radius: 999px;
    color: var(--nn-ink);
}

.nn-guide__updated {
    background: #eef0f3;
}

.nn-guide__position {
    background: #e5edfc;
}

.nn-guide__position::before {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    margin-inline-end: 0.45em;
    vertical-align: -0.18em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23005a71' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4.4C6 3.1 3.8 3 1.5 4v8.5C3.8 11.5 6 11.6 8 13c2-1.4 4.2-1.5 6.5-.5V4C12.2 3 10 3.1 8 4.4Zm0 0V13'/%3E%3C/svg%3E") center / contain no-repeat;
    content: "";
}

.nn-guide .nn-guide__heading h1 {
    width: 100%;
    margin: 6px 0 0;
    color: var(--nn-ink);
    font-size: clamp(28px, 3.2vw, 38px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.nn-guide__body {
    padding: 0;
    color: var(--nn-text);
}

.nn-guide__body > p {
    margin-bottom: 24px;
    font-size: 17px;
    line-height: 1.75;
}

.nn-guide .nn-guide__body :is(h2, h3)[id] {
    scroll-margin-top: 100px;
}

.nn-guide .nn-guide__body > h2 {
    margin: 36px 0 16px;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
    color: var(--nn-ink);
    font-size: clamp(21px, 2vw, 26px);
    line-height: 1.3;
}

.nn-guide__body > blockquote {
    margin: 24px 0;
    padding: 18px 20px;
    border: 0;
    border-inline-start: 4px solid var(--nn-text);
    border-radius: 8px;
    background: var(--nn-fill);
    color: var(--nn-ink);
    font-size: 15px;
}

.nn-guide__body blockquote::before,
.nn-guide__body blockquote q::before {
    content: none;
}

.nn-guide__body > blockquote > :last-child {
    margin-bottom: 0;
}

.nn-guide__panel,
.nn-guide .nn-guide__body .kamatoc-wrap,
.nn-guide__toc {
    box-sizing: border-box;
    border: 1px solid var(--nn-border);
    border-radius: 12px;
}

.nn-guide .nn-guide__body .kamatoc-wrap,
.nn-guide__toc {
    width: 100%;
    margin: 0 0 36px;
    padding: 18px 20px;
    background: var(--nn-fill);
}

.nn-guide .kamatoc-wrap__title,
.nn-guide__toc-title {
    display: block;
    margin: 0 0 12px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--nn-border);
    color: var(--nn-text);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.nn-guide .nn-guide__body .kamatoc,
.nn-guide__toc ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 26px;
    margin: 0;
    padding-inline-start: 20px;
    font-size: 14px;
    list-style: decimal outside;
}

.nn-guide .nn-guide__body .kamatoc > li,
.nn-guide__toc li {
    display: list-item;
    margin: 0;
    padding: 0;
    list-style: decimal outside;
}

.nn-guide .nn-guide__body .kamatoc > li::before {
    content: none;
}

.nn-guide .nn-guide__body .kamatoc > li::marker,
.nn-guide__toc li::marker {
    color: var(--nn-blue);
    font-weight: 700;
}

.nn-guide .kamatoc a,
.nn-guide__toc a {
    color: var(--nn-text);
}

.nn-guide .nn-guide__toc-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.nn-guide__toc-title::before {
    flex: 0 0 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23576982' stroke-width='1.25' stroke-linecap='round'%3E%3Cpath d='M2.5 4h11m-11 4h8m-8 4h4'/%3E%3C/svg%3E") center / contain no-repeat;
    content: "";
}

.nn-guide .nn-guide__toc > ol {
    padding: 0;
    list-style: none;
    counter-reset: nn-guide-toc;
}

.nn-guide .nn-guide__toc > ol > li {
    display: grid;
    grid-template-columns: 2ch minmax(0, 1fr);
    align-items: baseline;
    gap: 5px;
    list-style: none;
    line-height: inherit;
    counter-increment: nn-guide-toc;
}

.nn-guide .nn-guide__toc > ol > li::before {
    color: var(--nn-blue);
    font-weight: 700;
    content: counter(nn-guide-toc) "." / "";
}

.nn-guide__sidebar {
    display: grid;
    min-width: 0;
    gap: 24px;
}

.nn-guide__review,
.nn-guide__section {
    padding: 20px;
    background: #fff;
    box-shadow: 0 1px 2px rgb(15 23 42 / 6%);
}

.nn-guide__review-head {
    display: flex;
    align-items: center;
    gap: 14px;
}

.nn-guide__avatar {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border: 1px solid var(--nn-border);
    border-radius: 50%;
    object-fit: cover;
}

.nn-guide__eyebrow {
    margin: 0 0 4px;
    color: var(--nn-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.nn-guide .nn-guide__sidebar h2 {
    margin: 0;
    color: var(--nn-ink);
    font-size: 16px;
    line-height: 1.35;
}

.nn-guide__review-description {
    margin: 12px 0 0;
    font-size: 13px;
}

.nn-guide__verified {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 12px 0 0;
    padding: 4px 8px;
    border: 1px solid #a7f3d0;
    border-radius: 6px;
    background: #ecfdf5;
    color: #065f46;
    font-size: 12px;
    font-weight: 700;
}

.nn-guide__verified::before {
    flex: 0 0 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23047857'/%3E%3Cpath d='m4.5 8 2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    content: "";
}

.nn-guide__section-count {
    margin: 12px 0 8px;
    padding-top: 12px;
    border-top: 1px solid var(--nn-border);
    color: var(--nn-muted);
    font-size: 12px;
}

.nn-guide__articles {
    margin: 0 0 16px;
    padding: 0 0 12px 2em;
    border-bottom: 1px solid var(--nn-border);
    font-size: 14px;
    line-height: 1.45;
}

.nn-guide .nn-guide__articles > li {
    margin: 0;
    padding: 7px 4px;
}

.nn-guide .nn-guide__articles > li[hidden] {
    display: none;
}

.nn-guide .nn-guide__section-toggle {
    display: block;
    width: 100%;
    min-height: 38px;
    margin: 0 0 12px;
    padding: 8px 12px;
    border: 1px solid var(--nn-border);
    border-radius: 8px;
    background: #eff6ff;
    color: var(--nn-blue);
    font-family: inherit;
    font-size: inherit;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
}

.nn-guide .nn-guide__section-toggle:hover {
    background: #dbeafe;
    color: var(--nn-blue);
}

.nn-guide .nn-guide__section-toggle:focus-visible {
    outline: 2px solid var(--nn-blue);
    outline-offset: 2px;
}

.nn-guide__articles li::marker {
    color: var(--nn-muted);
}

.nn-guide .nn-guide__articles .nn-guide__current {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: baseline;
    gap: 6px;
    margin-block: 3px;
    margin-inline-start: -2em;
    padding: 8px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    color: #162552;
    list-style: none;
}

.nn-guide__current-number,
.nn-guide__current-label {
    color: var(--nn-blue);
}

.nn-guide__current-number {
    font-weight: 700;
}

.nn-guide__current-label {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    font-size: 12px;
}

.nn-guide__current-label::before {
    flex: 0 0 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.nn-guide .nn-guide__catalog,
.nn-guide .nn-guide__previous {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 30px;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.nn-guide .nn-guide__catalog {
    width: 100%;
    background: linear-gradient(90deg, #399fd0 0%, #2771b2 100%);
    color: #fff;
}

.nn-guide .nn-guide__catalog:hover {
    color: #fff;
    opacity: 0.92;
    transform: translateY(-1px);
}

.nn-guide__catalog-arrow {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.nn-guide__catalog:hover .nn-guide__catalog-arrow {
    transform: translateX(2px);
}

.nn-guide__body {
    --nn-video-width: 560px;
}

.nn-guide .nn-guide__body :is(
    iframe[src*="youtube.com/embed/"],
    iframe[src*="youtube-nocookie.com/embed/"]
) {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: var(--nn-video-width);
    height: auto;
    aspect-ratio: 16 / 9;
    border: 1px solid var(--nn-border);
    border-radius: 12px;
    background: var(--nn-fill);
}

.nn-guide .nn-guide__body :is(.video-fit, .wp-block-embed__wrapper, .fluid-width-video-wrapper):has(
    > :is(iframe[src*="youtube.com/embed/"], iframe[src*="youtube-nocookie.com/embed/"])
) {
    width: 100%;
    max-width: var(--nn-video-width);
    height: auto;
    padding: 0 !important; /* The theme or FitVids may set the ratio with inline padding. */
}

.nn-guide .nn-guide__body :is(.video-fit, .wp-block-embed__wrapper, .fluid-width-video-wrapper) > :is(
    iframe[src*="youtube.com/embed/"],
    iframe[src*="youtube-nocookie.com/embed/"]
) {
    position: static;
}

.nn-guide .nn-guide__body .wp-block-embed__wrapper:has(
    > :is(iframe[src*="youtube.com/embed/"], iframe[src*="youtube-nocookie.com/embed/"])
)::before {
    content: none;
}

.nn-guide .nn-guide__body > :last-child:is(
    iframe[src*="youtube.com/embed/"],
    iframe[src*="youtube-nocookie.com/embed/"],
    :has(iframe[src*="youtube.com/embed/"], iframe[src*="youtube-nocookie.com/embed/"])
) {
    margin-bottom: 0;
}

.nn-guide__body:has(> :last-child:is(
    iframe[src*="youtube.com/embed/"],
    iframe[src*="youtube-nocookie.com/embed/"],
    :has(iframe[src*="youtube.com/embed/"], iframe[src*="youtube-nocookie.com/embed/"])
)) + .nn-guide__steps {
    margin-top: 20px;
}

.nn-guide__steps {
    margin-top: 32px;
}

.nn-guide__next {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    background: var(--nn-fill);
    color: var(--nn-ink);
    font-size: 18px;
    line-height: 1.4;
}

.nn-guide .nn-guide__next:hover {
    border-color: #bfdbfe;
    color: var(--nn-blue);
}

.nn-guide__next-label,
.nn-guide__small {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
}

.nn-guide__next-label {
    color: var(--nn-blue);
    font-weight: 700;
    text-transform: uppercase;
}

.nn-guide__small,
.nn-guide__arrow {
    color: var(--nn-muted);
}

.nn-guide__arrow {
    display: grid;
    flex: 0 0 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--nn-border);
    border-radius: 50%;
    background: #fff;
}

.nn-guide__step-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--nn-border);
    font-size: 14px;
}

.nn-guide__banner {
    margin-top: 18px;
    padding: 10px;
}

@media (max-width: 849px) {
    .nn-guide {
        --nn-gap: 16px;
        font-size: 12px;
        line-height: 1.2;
    }

    .nn-guide__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .nn-guide .nn-guide__body,
    .nn-guide .nn-guide__body :is(p, ul, ol, li, blockquote):not(:where(.nn-guide__toc *, .kamatoc-wrap *)) {
        font-size: 16px;
        line-height: 1.6;
    }

    .nn-guide .nn-guide__toc-title,
    .nn-guide .nn-guide__body .kamatoc-wrap__title,
    .nn-guide :is(.nn-guide__crumbs, .nn-guide__meta, .nn-guide__review-description,
        .nn-guide__articles, .nn-guide__catalog, .nn-guide__next, .nn-guide__step-links, .nn-guide__previous),
    .nn-guide .nn-guide__body .kamatoc,
    .nn-guide .nn-guide__toc ol {
        font-size: 12px;
        line-height: 1.2;
    }

    .nn-guide .nn-guide__heading h1,
    .nn-guide .nn-guide__body :is(h2, h3, h4),
    .nn-guide .nn-guide__sidebar h2 {
        line-height: 1.2;
    }

    .nn-guide__body > p,
    .nn-guide__crumbs {
        margin-bottom: 16px;
    }

    .nn-guide .nn-guide__body .kamatoc-wrap,
    .nn-guide__toc {
        margin-bottom: 20px;
    }

    .nn-guide__crumbs {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .nn-guide__crumbs::-webkit-scrollbar {
        display: none;
    }

    .nn-guide__crumbs:focus-visible {
        outline: 2px solid var(--nn-blue);
        outline-offset: 2px;
    }

    .nn-guide__crumbs ol {
        flex-wrap: nowrap;
        width: max-content;
        gap: 10px;
        padding-inline: 3px;
        white-space: nowrap;
    }

    .nn-guide__crumbs li + li::before {
        margin-inline-end: 12px;
    }

    .nn-guide__heading {
        align-items: flex-start;
    }

    .nn-guide__top-nav {
        order: 1;
        width: 100%;
        margin: 4px 0 0;
    }

    .nn-guide .nn-guide__top-nav a {
        min-height: 28px;
        padding: 3px 14px;
        background: rgb(219 238 243 / 55%);
    }

    .nn-guide .nn-guide__top-nav a:hover {
        background: rgb(204 228 237 / 65%);
    }

    .nn-guide__top-nav .nn-guide__top-forward {
        margin-inline-start: auto;
    }

    .nn-guide__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .nn-guide__review-head,
    .nn-guide__next,
    .nn-guide__step-links {
        gap: 6px 10px;
    }

    .nn-guide .nn-guide__body .kamatoc,
    .nn-guide .nn-guide__toc ol {
        gap: 4px 12px;
    }

    .nn-guide__sidebar {
        gap: 12px;
    }

}

@media (max-width: 540px) {
    .nn-guide .nn-guide__body .kamatoc,
    .nn-guide .nn-guide__toc ol {
        grid-template-columns: minmax(0, 1fr);
    }
}

.nn-guide__end-block {
    margin-top: 22px;
}

.nn-guide .faq-main52862__cta-card { position: relative; background-color: rgb(51, 141, 174); border-radius: 16px; overflow: hidden; box-shadow: rgba(51, 141, 174, 0.18) 0px 8px 24px; padding: 28px 26px 26px; }

.nn-guide .faq-main52862__decor-circle { position: absolute; background: rgb(64, 150, 180); border-radius: 50%; pointer-events: none; opacity: 0.85; }

.nn-guide .faq-main52862__decor-circle--1 { width: 380px; height: 380px; right: -120px; top: -160px; }

.nn-guide .faq-main52862__decor-circle--2 { width: 320px; height: 320px; left: -140px; bottom: -160px; }

.nn-guide .faq-main52862__cta-body { position: relative; z-index: 2; }

.nn-guide .faq-main52862__cta-top { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 24px; }

.nn-guide .faq-main52862__avatar-wrap { width: 80px; height: 80px; border-radius: 50%; border: 2px solid rgb(255, 255, 255); overflow: hidden; flex-shrink: 0; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 14px; background-color: rgb(226, 237, 243); }

.nn-guide .faq-main52862__avatar-img { width: 100%; height: 100%; object-fit: cover; display: block; }

.nn-guide .faq-main52862__cta-text { flex: 1 1 auto; min-width: 0; }

.nn-guide .faq-main52862__cta-title { font-family: Lato, sans-serif; font-size: 24px; font-weight: 900; line-height: 1.2; margin: 0px 0px 8px; color: rgb(255, 255, 255) !important; }

.nn-guide .faq-main52862__cta-desc { color: rgba(255, 255, 255, 0.92); font-family: Lato, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.45; margin: 0px; }

.nn-guide .faq-main52862__cta-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; padding-left: 2px; }

.nn-guide .faq-main52862__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background-color: rgb(255, 255, 255); font-family: Lato, sans-serif; font-size: 15px; font-weight: 700; height: 48px; padding: 0px 22px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s; white-space: nowrap; color: rgb(25, 33, 52) !important; text-decoration: none !important; }

.nn-guide .faq-main52862__btn:hover { background-color: rgb(248, 251, 255); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 18px; }

.nn-guide .faq-main52862__btn-arrow { transition: transform 0.2s; }

.nn-guide .faq-main52862__btn:hover .faq-main52862__btn-arrow { transform: translateX(3px); }

.nn-guide .faq-main52862__note { color: rgba(255, 255, 255, 0.9); font-family: Lato, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.35; }

.nn-guide .faq-main52862__cta-card * { box-sizing: border-box; }

@media (max-width: 767px) {
    .nn-guide .faq-main52862__cta-card { padding: 24px 20px 22px; }
    .nn-guide .faq-main52862__cta-top { flex-direction: column; gap: 16px; margin-bottom: 18px; }
    .nn-guide .faq-main52862__avatar-wrap { width: 74px; height: 74px; }
    .nn-guide .faq-main52862__cta-title { font-size: 23px; }
    .nn-guide .faq-main52862__cta-desc { font-size: 14px; }
    .nn-guide .faq-main52862__btn { height: 46px; border-radius: 30px; }
    .nn-guide .faq-main52862__note { font-size: 13px; line-height: 1.25; }
}

.nn-guide .cta-help-main52862 { position: relative; width: 100%; box-sizing: border-box; font-family: Lato, sans-serif; background-color: transparent; margin-top: 40px; }

.nn-guide .cta-help-main52862 * { box-sizing: border-box; }

.nn-guide .cta-help-main52862__container { max-width: 1340px; margin: 0px auto; }

.nn-guide .cta-help-main52862__card { position: relative; background-color: rgb(244, 249, 254); background-image: url("https://nonarko.info/wp-content/uploads/fon-img-64114455.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 20px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 36px 40px 36px 60px; min-height: 510px; gap: 30px; }

.nn-guide .cta-help-main52862__content { flex: 1 1 580px; max-width: 610px; z-index: 2; }

.nn-guide .cta-help-main52862__title { font-family: Lato, sans-serif; font-size: 48px; font-weight: 900; line-height: 1.15; margin: 0px 0px 20px; letter-spacing: -0.5px; color: rgb(25, 33, 52) !important; }

.nn-guide .cta-help-main52862__desc { color: rgb(74, 90, 112); font-family: Lato, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.45; margin: 0px 0px 28px; max-width: 550px; }

.nn-guide .cta-help-main52862__phone-wrap { display: flex; flex-direction: column; gap: 8px; margin-bottom: 26px; }

.nn-guide .cta-help-main52862__phone-note { color: rgb(74, 90, 112); font-size: 15px; font-weight: 400; line-height: 1.35; }

.nn-guide .cta-help-main52862__phone-link { display: inline-flex; align-items: center; gap: 14px; width: fit-content; transition: opacity 0.2s; text-decoration: none !important; }

.nn-guide .cta-help-main52862__phone-link:hover { opacity: 0.88; }

.nn-guide .cta-help-main52862__phone-icon { width: 44px; height: 44px; border-radius: 50%; background-color: rgb(225, 238, 250); border: 1px solid rgb(57, 159, 208); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }

.nn-guide .cta-help-main52862__phone-number { font-family: Lato, sans-serif; font-size: 38px; font-weight: 700; line-height: 1.15; color: rgb(34, 107, 141) !important; }

.nn-guide .cta-help-main52862__messengers-wrap { display: flex; flex-direction: column; gap: 12px; }

.nn-guide .cta-help-main52862__messengers-title { color: rgb(74, 90, 112); font-size: 16px; font-weight: 400; }

.nn-guide .cta-help-main52862__messengers-list { display: flex; align-items: center; gap: 18px; }

.nn-guide .cta-help-main52862__msg-btn { width: 46px; height: 46px; background-color: rgb(34, 107, 141); border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; box-shadow: rgba(158, 158, 158, 0.2) 0px 2px 6px; transition: transform 0.2s, background-color 0.2s; text-decoration: none !important; }

.nn-guide .cta-help-main52862__msg-btn:hover { background-color: rgb(26, 84, 111); transform: translateY(-2px); }

.nn-guide .cta-help-main52862__image-col { flex: 0 0 584px; width: 584px; height: 438px; border-radius: 20px; overflow: hidden; z-index: 2; background-color: rgb(230, 238, 245); }

.nn-guide .cta-help-main52862__doctor-img { border-radius: 20px; width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; }

@media (max-width: 1200px) {
  .nn-guide .cta-help-main52862__card { padding: 40px 30px 30px 40px; }
  .nn-guide .cta-help-main52862__title { font-size: 40px; }
  .nn-guide .cta-help-main52862__image-col { flex: 0 0 460px; width: 460px; height: 360px; }
}

@media (max-width: 992px) {
  .nn-guide .cta-help-main52862__card { flex-direction: column; align-items: stretch; padding: 40px 30px; gap: 30px; }
  .nn-guide .cta-help-main52862__content { max-width: 100%; flex-basis: auto; }
  .nn-guide .cta-help-main52862__title { font-size: 34px; }
  .nn-guide .cta-help-main52862__image-col { width: 100%; height: 380px; flex: 0 0 auto; }
}

@media (max-width: 767px) {
  .nn-guide .cta-help-main52862 { padding: 0px; }
  .nn-guide .cta-help-main52862__card { display: flex; flex-direction: column; padding: 36px 20px; min-height: 0; gap: 0px; background-image: none !important; background-color: rgb(244, 249, 254) !important; }
  .nn-guide .cta-help-main52862__content { display: contents; }
  .nn-guide .cta-help-main52862__title { order: 1; font-size: 28px; line-height: 1.18; margin-bottom: 16px; letter-spacing: -0.3px; }
  .nn-guide .cta-help-main52862__desc { order: 2; font-size: 15px; line-height: 1.45; margin-bottom: 24px; }
  .nn-guide .cta-help-main52862__image-col { order: 3; width: 100%; height: auto; flex: 0 0 auto; border-radius: 20px; margin-bottom: 28px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 16px; }
  .nn-guide .cta-help-main52862__doctor-img { aspect-ratio: 584 / 438; border-radius: 20px; width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: cover !important; display: block !important; }
  .nn-guide .cta-help-main52862__phone-wrap { order: 4; margin-bottom: 28px; gap: 8px; }
  .nn-guide .cta-help-main52862__phone-note { font-size: 14px; line-height: 1.35; }
  .nn-guide .cta-help-main52862__phone-link { gap: 12px; }
  .nn-guide .cta-help-main52862__phone-number { font-size: clamp(20px, 6.5vw, 28px); line-height: 1.1; }
  .nn-guide .cta-help-main52862__phone-icon { width: 42px; height: 42px; }
  .nn-guide .cta-help-main52862__messengers-wrap { order: 5; gap: 12px; }
  .nn-guide .cta-help-main52862__messengers-title { font-size: 14px; }
  .nn-guide .cta-help-main52862__messengers-list { gap: 16px; }
  .nn-guide .cta-help-main52862__msg-btn { width: 48px; height: 48px; border-radius: 10px; }
}

.nn-guide .nn-guide__previous {
    min-width: 0;
    max-width: 100%;
    background: #eef0f3;
    color: var(--nn-text);
    overflow-wrap: anywhere;
}

.nn-guide .nn-guide__previous:hover {
    background: #e2e8f0;
    color: var(--nn-ink);
}

.nn-guide__previous svg {
    flex-shrink: 0;
}

.nn-guide .nn-guide__catalog--bottom {
    flex-shrink: 0;
    width: fit-content;
    max-width: 100%;
    margin-inline-start: auto;
}

@media (max-width: 849px) {
    .nn-guide__step-links {
        flex-direction: column;
    }

    .nn-guide .nn-guide__catalog--bottom {
        margin: 8px 0 12px;
    }
}