/* Editorial protocol explainers shared by the existing solution pages. */
body.nn-page-solution #main-content > section.nn-protocol-guide {
    padding: clamp(78px, 8vw, 116px) var(--nn-pad);
    background: #f3f7fb !important;
    text-align: right;
}

body.nn-page-solution #main-content .nn-protocol-guide .container {
    max-width: 1160px;
    padding: 0;
}

.nn-protocol-guide-head {
    max-width: 790px;
    margin-bottom: 42px;
}

html[dir] body.nn-page-solution #main-content .nn-protocol-guide h2 {
    margin: 0 0 18px;
    color: #13253e;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: -.025em;
    text-wrap: balance;
}

.nn-protocol-guide-head p {
    max-width: 70ch;
    margin: 0;
    color: #4a5c70;
    line-height: 2.05;
}

.nn-protocol-guide-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-block: 1px solid #dbe3eb;
}

.nn-protocol-guide-grid article {
    min-width: 0;
    padding: 31px 37px 35px;
    scroll-margin-top: 112px;
}

.nn-protocol-guide-grid article:first-child {
    padding-inline-start: 0;
    border-inline-end: 1px solid #dbe3eb;
}

.nn-protocol-guide-grid article:last-child { padding-inline-end: 0; }

.nn-protocol-guide-grid h3 {
    margin: 0 0 14px;
    color: #13253e;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.6;
}

.nn-protocol-guide-grid p {
    margin: 0 0 14px;
    color: #4a5c70;
    line-height: 2.05;
}

.nn-protocol-guide-grid p strong {
    color: #13253e;
    font-weight: 700;
}

.nn-protocol-guide-grid a,
.nn-protocol-guide-note a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #245bab;
    font-weight: 700;
    line-height: 1.8;
    text-decoration: underline;
    text-underline-offset: .23em;
}

.nn-protocol-guide-grid a:hover,
.nn-protocol-guide-note a:hover { color: #173f79; }

.nn-protocol-guide-grid a:focus-visible,
.nn-protocol-guide-note a:focus-visible {
    outline: 3px solid #ffad69;
    outline-offset: 4px;
}

body.nn-page-solution #main-content .nn-protocol-guide-note {
    max-width: 90ch;
    margin: 21px 0 0;
    color: #4a5c70;
    font-size: .875rem !important;
    line-height: 1.9;
}

body.nn-page-usecases #ping-monitoring { scroll-margin-top: 112px; }

@media (max-width: 760px) {
    body.nn-page-solution #main-content > section.nn-protocol-guide {
        padding: 70px 20px;
    }

    .nn-protocol-guide-head { margin-bottom: 30px; }

    .nn-protocol-guide-grid { grid-template-columns: 1fr; }

    .nn-protocol-guide-grid article,
    .nn-protocol-guide-grid article:first-child,
    .nn-protocol-guide-grid article:last-child {
        padding: 26px 0;
        border-inline-end: 0;
    }

    .nn-protocol-guide-grid article:first-child {
        border-bottom: 1px solid #dbe3eb;
    }
}