.nn-help{
    --nn-navy:#0b2743;
    --nn-blue:#20618f;
    --nn-sky:#eaf5fc;
    --nn-ink:#18212b;
    --nn-line:#d9e3eb;
    --nn-panel:#f7f9fb;
    --nn-green:#176b3a;
    --nn-greenbg:#eaf7ef;
    --nn-goldbg:#fff5d6;
    --nn-red:#9f2f2f;
    --nn-redbg:#fdecec;
    color:var(--nn-ink);
    font-size:18px;
    line-height:1.58;
}
.nn-help *{box-sizing:border-box}
.nn-help section{padding:24px 0;border-bottom:1px solid var(--nn-line)}
.nn-help section:last-child{border-bottom:0}
.nn-help h1,.nn-help h2,.nn-help h3{line-height:1.16}
.nn-help h1{font-size:clamp(2rem,5vw,3.4rem);color:var(--nn-navy);margin:0 0 14px}
.nn-help h2{font-size:2rem;color:var(--nn-navy);margin:0 0 14px}
.nn-help h3{font-size:1.25rem;color:var(--nn-blue);margin:8px 0}
.nn-help p{margin:0 0 14px}
.nn-kicker{font-size:.82rem;font-weight:900;letter-spacing:.08em;color:var(--nn-blue);margin-bottom:8px!important}
.nn-lead{font-size:1.14rem;max-width:900px}
.nn-grid{display:grid;gap:16px;margin:16px 0}
.nn-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.nn-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nn-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.nn-card{border:1px solid var(--nn-line);border-radius:16px;padding:18px;background:#fff;box-shadow:0 5px 16px rgba(13,40,69,.07)}
.nn-accent{border-left:6px solid var(--nn-blue)}
.nn-callout{padding:17px 19px;border-radius:14px;margin:18px 0;border-left:6px solid var(--nn-blue);background:var(--nn-sky)}
.nn-good{border-left-color:var(--nn-green);background:var(--nn-greenbg)}
.nn-warn{border-left-color:#c4931c;background:var(--nn-goldbg)}
.nn-bad{border-left-color:var(--nn-red);background:var(--nn-redbg)}
.nn-pill,.nn-research,.nn-tested,.nn-certified{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:900;margin-bottom:8px}
.nn-pill{background:var(--nn-sky);color:var(--nn-navy)}
.nn-research{background:#eef1f4;color:#48535e}
.nn-tested{background:#e9f2fb;color:#154f7a}
.nn-certified{background:var(--nn-greenbg);color:var(--nn-green)}
.nn-big{font-size:2rem;font-weight:900;color:var(--nn-navy);margin:3px 0 8px}
.nn-table-wrap{overflow-x:auto;margin:18px 0}
.nn-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--nn-line);border-radius:14px;overflow:hidden;font-size:.94rem}
.nn-table th,.nn-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--nn-line)}
.nn-table th{background:var(--nn-navy);color:#fff}
.nn-table tr:last-child td{border-bottom:0}
.nn-table tbody tr:nth-child(even){background:#fafcfd}
.nn-steps{list-style:none!important;padding:0!important;counter-reset:nnsteps;display:grid;gap:11px}
.nn-steps li{counter-increment:nnsteps;background:var(--nn-panel);border:1px solid var(--nn-line);border-radius:13px;padding:15px 15px 15px 57px;position:relative}
.nn-steps li:before{content:counter(nnsteps);position:absolute;left:15px;top:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--nn-navy);color:#fff;font-weight:900}
.nn-help details{border:1px solid var(--nn-line);border-radius:13px;padding:0 15px;margin:10px 0;background:#fff}
.nn-help summary{cursor:pointer;color:var(--nn-navy);font-weight:900;padding:15px 3px}
.nn-help details p{padding:0 3px 13px}
.nn-tool{padding:20px;background:var(--nn-panel);border:1px solid var(--nn-line);border-radius:16px}
.nn-tool label{font-weight:800;display:block;margin:10px 0 5px}
.nn-tool input,.nn-tool select{width:100%;padding:12px;border:1px solid #b9c5d0;border-radius:10px;font-size:1rem;background:#fff}
.nn-button{background:var(--nn-navy);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-size:1rem;font-weight:900;margin-top:14px;cursor:pointer}
.nn-result{margin-top:14px;padding:15px;border:1px solid var(--nn-line);border-radius:11px;background:#fff}
.nn-checklist{list-style:none!important;padding-left:0!important}
.nn-checklist li{margin-bottom:8px}
@media(max-width:900px){
    .nn-grid-2,.nn-grid-3,.nn-grid-4{grid-template-columns:1fr}
    .nn-help{font-size:17px}
}