/* LINKBOX customer guide — styles scoped to the checklist */
#network-checklist[hidden]{display:none!important}
#network-checklist{--ink:#152a3d;--blue:#1296cd;--sky:#87ceeb;--muted:#6d7e8b;color:var(--ink);background:#fff;line-height:1.6}
#network-checklist *{box-sizing:border-box}
#network-checklist .nc-shell{max-width:1180px;margin:0 auto;padding:52px 28px}
#network-checklist button{font:inherit;border:1px solid #dbe5eb;background:#fff;color:var(--ink);border-radius:12px;min-height:44px;padding:10px 18px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
#network-checklist button:hover:not(:disabled){border-color:var(--blue);background:#edf9ff}
#network-checklist button:disabled{opacity:.35;cursor:default}
#network-checklist button:focus-visible,#network-checklist a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#network-checklist h2,#network-checklist h3,#network-checklist p{margin:0}
#network-checklist h2{font-size:clamp(26px,3vw,38px);line-height:1.35;letter-spacing:-1.2px;font-weight:750}
#network-checklist .nc-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--blue);margin-bottom:13px}
#network-checklist .nc-eyebrow span{letter-spacing:0;color:var(--muted);font-weight:400;margin-left:12px}
#network-checklist .nc-welcome{background:linear-gradient(to bottom,#87ceeb 0%,#f0f8fc 100%)}
#network-checklist .nc-welcome .nc-shell{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:42px;padding-bottom:42px}
#network-checklist .nc-welcome h2{font-size:clamp(32px,3.6vw,46px);letter-spacing:-.055em;transform:scaleX(.94);transform-origin:left center}
#network-checklist .nc-welcome h2+p{margin-top:18px;color:#587083;font-size:15px;line-height:1.9}
#network-checklist .nc-guide-art{flex:0 0 300px;text-align:center;position:relative;padding:10px 20px;color:#245370}
#network-checklist .nc-guide-art>span{display:inline-block;padding:10px 30px;border:1px solid #bddfec;background:#fff;border-radius:30px;font-size:13px}
#network-checklist .nc-guide-art strong{display:block;margin-top:15px;font-size:20px}
#network-checklist .nc-orbit{display:flex;gap:10px;border-top:2px solid #b3d8e7;margin-top:20px;padding-top:20px}
#network-checklist .nc-orbit i{flex:1;display:grid;place-items:center;border-radius:18px;background:#fff;width:68px;height:68px;font-style:normal;font-size:14px;box-shadow:0 8px 24px #163e6110}
#network-checklist .nc-scroll-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 24px;border-bottom:1px solid #edf1f4;background:white}
#network-checklist .nc-scroll-nav button{border:none;background:#f5f8fa;font-size:13px;padding:8px 14px;border-radius:30px}
#network-checklist .nc-scroll-nav button span{font-size:11px;color:var(--blue);font-weight:700;margin-right:5px}
#network-checklist .nc-scroll-nav [data-reset]{background:transparent;color:var(--muted)}
#network-checklist .nc-stage{scroll-margin-top:105px}
#network-checklist .nc-stage-2,#network-checklist .nc-stage-3,#network-checklist .nc-stage-4{background:#fff}
#network-checklist .nc-stage-heading{margin-bottom:26px}
#network-checklist .nc-stage-heading>p:last-child{font-size:15px;color:var(--muted);margin-top:12px}
#network-checklist .nc-intro{color:var(--muted);font-size:13px;margin-bottom:18px}
#network-checklist .nc-basic{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#network-checklist fieldset{border:1px solid #e2eaf0;border-radius:18px;background:white;padding:20px;margin:0;min-width:0}
#network-checklist legend{float:left;width:100%;font-size:15px;line-height:1.6;font-weight:650;margin-bottom:16px;padding:0}
#network-checklist legend+*{clear:both}
#network-checklist .nc-basic fieldset{box-shadow:0 5px 20px #183a5505}
#network-checklist .nc-basic+p{color:var(--muted);font-size:13px;margin-top:14px}
#network-checklist .nc-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#network-checklist .nc-option{display:flex;gap:8px;align-items:center;position:relative;cursor:pointer;border:1px solid #dfe7ec;background:#f8fafc;padding:11px 13px;border-radius:11px;min-height:45px;font-size:14px;transition:background .15s,border-color .15s}
#network-checklist .nc-option:hover{border-color:#8ccde6;background:#f1faff}
#network-checklist .nc-option:has(input:checked){background:#87ceeb;border-color:#55b6dc;color:#103a51;font-weight:650}
#network-checklist .nc-option:has(input:focus-visible){outline:3px solid #117fae;outline-offset:3px}
#network-checklist .nc-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;overflow:hidden}
#network-checklist .nc-option small{margin-left:auto;color:#7a8b98;font-size:11px;white-space:nowrap;font-weight:400}
#network-checklist .nc-option:has(input:checked) small{color:#245370}
#network-checklist .nc-basic .nc-option{justify-content:center;text-align:center;font-weight:650}
#network-checklist .nc-summary{display:flex;gap:20px;align-items:center;padding:15px 20px;background:#e8f3f9;border-radius:14px;margin-bottom:18px}
#network-checklist .nc-summary strong{font-size:26px;line-height:1}
#network-checklist .nc-summary small{font-size:13px;font-weight:400;color:var(--muted)}
#network-checklist .nc-summary>span{font-size:13px;color:#53758c}
#network-checklist progress{height:7px;flex:1;min-width:60px;accent-color:#39a9d5;border:0;border-radius:8px}
#network-checklist progress::-webkit-progress-bar{background:#d3e4ed;border-radius:8px}
#network-checklist progress::-webkit-progress-value{background:#39a9d5;border-radius:8px}
#network-checklist .nc-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}
#network-checklist .nc-tabs button{text-align:left;background:transparent;border-color:#dce6ed;font-size:13px;line-height:1.4;padding:10px 13px}
#network-checklist .nc-tabs small{display:block;color:#8a9ba7;font-size:11px;margin-top:5px}
#network-checklist .nc-tabs [aria-pressed=true]{background:#173e58;color:white;border-color:#173e58;box-shadow:0 5px 15px #173e5818}
#network-checklist .nc-tabs [aria-pressed=true] small{color:#b6d9ea}
#network-checklist .nc-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#network-checklist .nc-hint{color:var(--muted);font-size:12px;line-height:1.8;margin:10px 0}
#network-checklist .nc-hint strong{float:right;font-size:12px;color:#2784a9}
#network-checklist .nc-none{display:block;font-size:13px;margin-top:13px;color:var(--muted);cursor:pointer}
#network-checklist input{accent-color:var(--blue)}
#network-checklist .nc-category-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px;font-size:13px}
#network-checklist .nc-category-nav button{font-size:13px;padding:8px 15px}
#network-checklist .nc-completion{margin-top:18px;font-size:13px;color:#53758c;text-align:center}
#network-checklist .nc-waiting{display:flex;align-items:center;gap:24px;padding:30px;border:1px dashed #d5e2eb;background:#fbfdff;border-radius:20px}
#network-checklist .nc-wait-icon{font-size:44px;color:#8fcce3}
#network-checklist .nc-waiting h3{font-size:20px;font-weight:650;margin-bottom:10px}
#network-checklist .nc-waiting p{font-size:14px;color:var(--muted);line-height:1.9}
#network-checklist .nc-bars{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px;margin:24px 0}
#network-checklist .nc-bars>div{display:grid;grid-template-columns:1.4fr 1fr 40px;gap:10px;align-items:center;font-size:13px}
#network-checklist meter{width:100%;height:12px}
#network-checklist .nc-bars b{font-size:12px;color:#53758c}
#network-checklist .nc-features{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#network-checklist details{border:1px solid #e0e9ef;border-radius:13px;padding:14px 17px;margin:10px 0;background:white}
#network-checklist summary{font-size:14px;font-weight:600;cursor:pointer}
#network-checklist details label{display:block;font-size:13px;padding:8px 0;line-height:1.7}
#network-checklist details p{font-size:13px;line-height:1.8;margin:8px 0}
#network-checklist .nc-table-wrap{overflow:auto;margin-top:16px}
#network-checklist table{width:100%;border-collapse:collapse;font-size:12px}
#network-checklist th,#network-checklist td{text-align:left;padding:12px;border-bottom:1px solid #e4edf2;line-height:1.7}
#network-checklist caption{text-align:left;font-weight:600;margin-bottom:12px}
#network-checklist .nc-result{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:28px;border-radius:22px;background:white;border:1px solid #e1ebf2;margin-bottom:24px}
#network-checklist .nc-result h3{font-size:34px;line-height:1.3;letter-spacing:-1px;margin:10px 0 16px}
#network-checklist .nc-result p{font-size:14px;color:var(--muted);line-height:1.9;margin:12px 0}
#network-checklist .nc-result b{display:inline-block;border-radius:30px;padding:6px 13px;background:#edf8fe;color:#3188b0;font-size:12px}
#network-checklist .nc-diagram{margin:0;text-align:center;padding:18px;background:#f6f9fb;border-radius:16px;align-self:center}
#network-checklist .nc-node{border:1px solid #c8dce7;padding:12px;background:white;border-radius:10px;font-size:14px}
#network-checklist .nc-line{height:20px;width:1px;border-left:2px solid #aec8d6;margin:auto}
#network-checklist .nc-router-row{display:flex;gap:8px;align-items:center}
#network-checklist .nc-router-row .nc-node{flex:1}
#network-checklist .nc-peer{color:var(--blue)}
#network-checklist figcaption{font-size:11px;color:#7b909e;line-height:1.8;margin-top:15px}
#network-checklist .nc-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}
#network-checklist .nc-actions button{border-color:#bbdcec}
#network-checklist .nc-actions [data-product]{background:#173e58;border-color:#173e58;color:white}
#network-checklist .nc-error:empty{display:none}
#network-checklist .nc-error{color:#a32c44;text-align:center}
@media(max-width:900px){#network-checklist .nc-basic{grid-template-columns:1fr 1fr}#network-checklist .nc-guide-art{flex-basis:240px}#network-checklist .nc-scroll-nav{gap:6px}}
@media(max-width:640px){#network-checklist .nc-shell{padding:34px 20px}#network-checklist .nc-welcome .nc-shell{padding:32px 20px}#network-checklist .nc-guide-art{display:none}#network-checklist .nc-basic,#network-checklist .nc-pair,#network-checklist .nc-result,#network-checklist .nc-bars,#network-checklist .nc-features{grid-template-columns:1fr}#network-checklist .nc-basic{gap:12px}#network-checklist .nc-basic fieldset{padding:16px}#network-checklist .nc-basic legend{font-size:14px;margin-bottom:10px}#network-checklist .nc-tabs{display:flex;overflow-x:auto;padding-bottom:7px}#network-checklist .nc-tabs button{flex:0 0 155px}#network-checklist .nc-scroll-nav{padding:13px;justify-content:flex-start}#network-checklist .nc-scroll-nav button{font-size:11px;min-height:38px;padding:6px 10px}#network-checklist .nc-summary{gap:12px;flex-wrap:wrap}#network-checklist .nc-summary progress{flex-basis:100%}#network-checklist .nc-options{gap:7px}#network-checklist .nc-option{padding:10px;font-size:13px}#network-checklist .nc-waiting{padding:22px;gap:15px}#network-checklist .nc-waiting h3{font-size:18px}#network-checklist .nc-stage{scroll-margin-top:145px}#network-checklist .nc-result{padding:20px;gap:22px}}
@media(prefers-reduced-motion:reduce){#network-checklist *{scroll-behavior:auto!important;transition:none!important}}
@media print{body.nc-active>header,body.nc-active #viewer,body.nc-active .controls,body.nc-active #errors,#network-checklist .nc-scroll-nav,#network-checklist .nc-welcome,#network-checklist button,#network-checklist .nc-stage-1,#network-checklist .nc-stage-2{display:none!important}#network-checklist .nc-shell{padding:15px 0}#network-checklist .nc-stage{background:white}#network-checklist details>*{display:block!important}#network-checklist .nc-result{break-inside:avoid}}

#network-checklist .nc-countdown-tip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 12px;border:0;background:transparent;box-shadow:none;color:#6d8794;min-width:0}
#network-checklist .nc-countdown-tip[hidden]{display:none}
#network-checklist .nc-countdown-clock{position:relative;display:block;flex:0 0 76px;width:76px;height:76px;border:3px solid #366d83;border-radius:50%}
#network-checklist .nc-clock-number{position:absolute;inset:0;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:28px;font-weight:600;color:#366d83;line-height:1;pointer-events:none}
#network-checklist .nc-clock-number:before{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;z-index:-1}
#network-checklist .nc-clock-number{isolation:isolate}
#network-checklist .nc-countdown-clock i{position:absolute;left:calc(50% - 1.5px);bottom:50%;width:3px;height:29px;border-radius:2px;background:#50899f;transform-origin:50% 100%;animation:nc-second-hand 3s linear both}
#network-checklist .nc-countdown-tip .nc-countdown-caption{margin:0;text-align:center;font-family:"D2Coding","Consolas","Malgun Gothic",monospace;font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.7;word-break:keep-all}
#network-checklist .nc-countdown-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes nc-second-hand{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){#network-checklist .nc-countdown-clock i{animation:none;transform:rotate(30deg)}}

/* Four-step overview below the introduction. */
#network-checklist .nc-process{background:#fff}
#network-checklist .nc-process .nc-shell{padding-top:54px;padding-bottom:54px}
#network-checklist .nc-process h2{text-align:center;font-size:clamp(24px,3vw,36px);line-height:1.4;letter-spacing:-1.2px;margin:0 0 48px;word-break:keep-all}
#network-checklist .nc-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:28px}
#network-checklist .nc-process-list li{position:relative;min-width:0}
#network-checklist .nc-process-list li:not(:last-child):before{content:"";position:absolute;top:23px;left:76px;width:calc(100% - 48px);height:1px;background:linear-gradient(90deg,#e5d6ff,#8537f4)}
#network-checklist .nc-process-step{position:relative;display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:72px;padding:0 10px;border:2px solid #801cff;border-radius:28px;background:#fff;color:#801cff;font-size:13px;font-weight:700;letter-spacing:.3px}
#network-checklist .nc-process-step[aria-pressed="true"]{background:#801cff;border-color:#801cff;color:#fff;box-shadow:0 0 0 5px #801cff16,0 0 18px #801cff40}
#network-checklist .nc-process-step:hover{background:#f5edff;border-color:#801cff}
#network-checklist .nc-process-step[aria-pressed="true"]:hover{background:#7010e5}
#network-checklist .nc-process-step:focus-visible{outline:3px solid #b78aef;outline-offset:5px}
#network-checklist .nc-process-list h3{margin:20px 0 10px;font-size:20px;line-height:1.4;color:#152a3d}
#network-checklist .nc-process-list p{margin:0;color:#6d7e8b;font-size:15px;line-height:1.85;word-break:keep-all}
@media(max-width:640px){#network-checklist .nc-process .nc-shell{padding:36px 20px}#network-checklist .nc-process h2{margin-bottom:30px}#network-checklist .nc-process-list{grid-template-columns:1fr;gap:0}#network-checklist .nc-process-list li{padding:0 0 28px 94px;min-height:100px}#network-checklist .nc-process-step{position:absolute;left:0;top:0}#network-checklist .nc-process-list li:not(:last-child):before{left:35px;top:50px;width:1px;height:calc(100% - 52px);background:#d7b9fa}#network-checklist .nc-process-list h3{margin:0 0 7px;padding-top:2px}#network-checklist .nc-process-list li:last-child{padding-bottom:0}}
@media print{#network-checklist .nc-process{display:none!important}}

/* Match the introduction title's compact typography below it. */
#network-checklist .nc-welcome h2+p,
#network-checklist :is(.nc-process,.nc-stage) :is(h2,h3,p,legend,figcaption){letter-spacing:-.055em;transform:scaleX(.94);transform-origin:left center}
#network-checklist .nc-process h2{transform-origin:center}
#network-checklist :is(.nc-process,.nc-stage) :is(button,label,summary,th,td,small,.nc-node,.nc-summary,.nc-bars){letter-spacing:-.055em}
#network-checklist .nc-stage .nc-option>span{display:inline-block;transform:scaleX(.94);transform-origin:left center}
#network-checklist .nc-stage .nc-basic .nc-option>span{transform-origin:center}
#network-checklist .nc-stage .nc-countdown-caption{transform-origin:center}
/* STEP 1: green background, numbered question borders, purple selection. */
#network-checklist .nc-stage-1{background:#faf7ff}
#network-checklist .nc-stage-1 .nc-stage-heading>.nc-eyebrow{font-size:18px;font-weight:800}

#network-checklist .nc-basic fieldset{border-color:#777;border-radius:12px}
#network-checklist .nc-basic legend.nc-basic-number{float:none;width:auto;padding:0 12px;margin:0 0 6px auto;font-size:12px;line-height:1.2;color:#666;font-weight:400;transform:none;letter-spacing:0}
#network-checklist .nc-basic .nc-basic-title{margin:0 0 16px;font-size:15px;font-weight:650;line-height:1.6;color:var(--ink)}
#network-checklist .nc-option:has(input:checked){background:#801cff;border-color:#801cff;color:#fff;font-weight:800}
#network-checklist .nc-basic .nc-option:has(input:checked){font-weight:800}
#network-checklist .nc-option:has(input:checked) small{color:#fff;font-weight:700}
#network-checklist .nc-option:has(input:focus-visible){outline-color:#801cff}
#network-checklist .nc-clock-number:before{background:#faf7ff}
@media(max-width:640px){#network-checklist .nc-basic .nc-basic-title{font-size:14px}}

#network-checklist .nc-stage .nc-countdown-caption{letter-spacing:.02em}

/* Circular question numbers positioned in the upper-right border gap. */
#network-checklist .nc-basic legend.nc-basic-number{width:26px;height:26px;line-height:24px;text-align:center;padding:0;margin:0 0 6px auto;border:1px solid #777;border-radius:50%;background:#fff;color:#555;font-size:12px;font-weight:600;box-shadow:0 0 0 6px #fff}
#network-checklist .nc-basic legend.nc-basic-number{margin-right:20px}

#network-checklist .nc-basic-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
#network-checklist .nc-basic-footer p{margin:0;color:var(--muted);font-size:13px}
#network-checklist .nc-basic-footer [data-reset]{min-height:32px;padding:5px 14px;border:1px solid #d7c7ed;border-radius:8px;background:#fff;color:#7547a8;font-size:12px;font-weight:700}
#network-checklist .nc-basic-footer [data-reset]:hover{background:#f0e7ff;border-color:#801cff}

#network-checklist .nc-basic-footer{justify-content:flex-start;gap:24px}
#network-checklist .nc-reset-control{position:relative;display:inline-flex}
#network-checklist .nc-basic-footer [data-reset]{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 0 #0877a4;transition:transform 80ms,box-shadow 80ms,background 120ms}
#network-checklist .nc-basic-footer [data-reset]:hover{background:#0787bb;border-color:#0787bb}
#network-checklist .nc-basic-footer [data-reset]:active{transform:translateY(4px) scale(.94);box-shadow:0 0 0 #0877a4}
#network-checklist .nc-reset-tip{position:absolute;z-index:5;left:calc(50% + 22px);bottom:calc(100% + 22px);width:180px;height:90px;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-5px,5px);transition:opacity 150ms,transform 150ms,visibility 150ms;filter:drop-shadow(0 4px 5px #183a5514)}
#network-checklist .nc-reset-tip svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:#fff;stroke:var(--blue);stroke-width:1.5;stroke-linejoin:round}
#network-checklist .nc-reset-tip>span{position:relative;color:var(--blue);font-family:"Malgun Gothic",sans-serif;font-size:13px;font-weight:700;text-align:center;line-height:1.65;letter-spacing:-.03em}
#network-checklist .nc-reset-control:has([data-reset]:not(:disabled):hover) .nc-reset-tip{opacity:1;visibility:visible;transform:translate(0,0)}
@media(prefers-reduced-motion:reduce){#network-checklist .nc-reset-tip,#network-checklist .nc-basic-footer [data-reset]{transition:none}}

/* Reset placement, neutral tooltip and answer-button surface. */
#network-checklist .nc-basic-footer{justify-content:space-between}
#network-checklist .nc-basic-footer [data-reset]{color:var(--blue);background:#f8fafc;border-color:#dfe7ec;box-shadow:0 4px 0 #d1dbe1}
#network-checklist .nc-basic-footer [data-reset]:hover{color:var(--blue);background:#f1faff;border-color:#8ccde6}
#network-checklist .nc-basic-footer [data-reset]:active{box-shadow:0 0 0 #d1dbe1}
#network-checklist .nc-reset-tip{width:90px;height:45px;left:auto;right:0;bottom:calc(100% + 12px);transition:none;filter:drop-shadow(0 2px 3px #00000010)}
#network-checklist .nc-reset-tip svg{stroke:#999;stroke-width:1;fill:#fff}
#network-checklist .nc-reset-tip>span{font-size:6.5px;color:#777}
#network-checklist .nc-basic button.nc-option{background:#f8fafc;border:1px solid #dfe7ec;color:var(--ink);font-size:14px;min-height:45px;padding:11px 13px}
#network-checklist .nc-basic button.nc-option:hover{background:#f1faff;border-color:#8ccde6}
#network-checklist .nc-basic button.nc-option[aria-pressed="true"]{background:#801cff;border-color:#801cff;color:#fff;font-weight:800}
#network-checklist .nc-basic button.nc-option:focus-visible{outline:3px solid #801cff;outline-offset:3px}
#network-checklist .nc-basic-footer [data-reset]:disabled,#network-checklist .nc-basic-footer [data-reset]:disabled:hover,#network-checklist .nc-basic-footer [data-reset]:disabled:active{background:#f8fafc;border-color:#dfe7ec;color:var(--blue);opacity:.35;cursor:default;transform:none;box-shadow:none;transition:none;animation:none}
#network-checklist .nc-reset-control:has([data-reset]:disabled) .nc-reset-tip{visibility:hidden;opacity:0}

#network-checklist .nc-reset-tip{left:calc(50% + 22px);right:auto;bottom:calc(100% + 22px)}

/* Square-headed comma in the STEP 1 heading. */
#network-checklist .nc-square-comma{position:relative;display:inline-block;width:.23em;color:transparent;letter-spacing:0}
#network-checklist .nc-square-comma:before{content:"";position:absolute;left:.055em;bottom:.15em;width:.12em;height:.12em;background:var(--ink)}
#network-checklist .nc-square-comma:after{content:"";position:absolute;left:.095em;bottom:.035em;width:.055em;height:.15em;background:var(--ink);transform:skew(-22deg)}
#network-checklist .nc-square-comma{width:.3em}
#network-checklist .nc-square-comma:before{left:.045em;bottom:.16em;width:.19em;height:.19em;border-radius:0;transform:none}
#network-checklist .nc-square-comma:after{left:.135em;bottom:.035em;width:.065em;height:.15em;transform:skew(-22deg);border-radius:0}
#network-checklist .nc-reset-tip>span{font-size:7.8px}

#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]){background:#faf7ff}
#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]):hover{background:#faf7ff}
/* STEP 2 follows STEP 1's reference styling. */
#network-checklist .nc-stage-2{background:#faf7ff}
#network-checklist .nc-stage-2 .nc-stage-heading>.nc-eyebrow{font-size:18px;font-weight:800}
#network-checklist .nc-stage-2 .nc-stage-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:26px;line-height:1.6}
/* Prerequisite notice and consistent explanatory text. */
#network-checklist .nc-stage-2{background:transparent}
#network-checklist .nc-stage-1 .nc-intro,
#network-checklist :is(.nc-stage-2,.nc-stage-3,.nc-stage-4) .nc-stage-heading>p:last-child{font-family:inherit;font-size:15px;font-weight:400;line-height:1.9;color:#587083;letter-spacing:-.055em;transform:scaleX(.94);transform-origin:left center}
#network-checklist .nc-step-notice{position:fixed;left:50%;bottom:36px;z-index:100;max-width:calc(100vw - 32px);padding:16px 24px;border:1px solid #dac6f3;border-radius:16px;background:#fff;color:#7547a8;box-shadow:0 8px 32px #50317425;font-family:inherit;font-size:15px;font-weight:700;text-align:center;opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity .22s ease,transform .22s ease,visibility .22s;pointer-events:none}
#network-checklist .nc-step-notice.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){#network-checklist .nc-step-notice{transition:none}}

#network-checklist .nc-stage-2 .nc-tabs{margin-bottom:0;gap:14px}
#network-checklist .nc-stage-2 .nc-tabs button{min-height:102.4px;padding:12px 18px;font-size:15px;font-weight:650}
#network-checklist .nc-stage-2 .nc-tabs small{font-family:inherit;font-size:15px;font-weight:400;line-height:1.9;margin-top:10px;color:#587083}
#network-checklist .nc-stage-2 .nc-tabs [aria-pressed="true"]{background:#801cff;border-color:#801cff;color:#fff;font-weight:800;box-shadow:0 5px 15px #801cff20}
#network-checklist .nc-stage-2 .nc-tabs [aria-pressed="true"] small{color:#fff}
#network-checklist .nc-stage-2 legend{font-size:15px}
#network-checklist .nc-stage-2 button.nc-option{background:#f8fafc;border:1px solid #dfe7ec;font-size:14px;padding:11px 13px;text-align:left}
#network-checklist .nc-stage-2 button.nc-option[aria-pressed="true"]{background:#801cff;border-color:#801cff;color:#fff;font-weight:800}
#network-checklist .nc-stage-2 button.nc-option[aria-pressed="true"] small{color:#fff;font-weight:700}
#network-checklist .nc-topic-arrow{width:min(65%,560px);height:32px;margin:32px auto;background:#e6d5fb;clip-path:polygon(12% 0,88% 0,88% 35%,100% 35%,50% 100%,0 35%,12% 35%)}
#network-checklist .nc-topic-prompt{margin:36px 0;color:#587083;text-align:center;font-size:15px}
@media(max-width:640px){#network-checklist .nc-stage-2 .nc-tabs button{font-size:14px;flex-basis:190px}#network-checklist .nc-stage-2 legend{font-size:14px}#network-checklist .nc-topic-arrow{width:80%;margin:26px auto}}

#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]),
#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]):hover{background:#edf9ff}
/* Sky-blue question cards; restore the answer buttons. */
#network-checklist .nc-basic fieldset{background:#edf9ff}
#network-checklist .nc-basic legend.nc-basic-number{background:#edf9ff;box-shadow:0 0 0 6px #edf9ff}
#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]),
#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]):hover{background:#faf7ff}
#network-checklist .nc-basic fieldset{background:#f6fbff}
#network-checklist .nc-basic legend.nc-basic-number{background:#f6fbff;box-shadow:0 0 0 6px #f6fbff}

/* Swap question-card and unselected answer-button backgrounds. */
#network-checklist .nc-basic fieldset{background:#faf7ff}
#network-checklist .nc-basic legend.nc-basic-number{background:#faf7ff;box-shadow:0 0 0 6px #faf7ff}
#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]),
#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]):hover{background:#f6fbff}
#network-checklist .nc-stage-1{background:#f7f8fa}
#network-checklist .nc-clock-number:before{background:#f7f8fa}

#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]){background:transparent}
#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]):hover{background:#edf9ff}
#network-checklist .nc-basic button.nc-option:not([aria-pressed="true"]){background:#eee5fa}
#network-checklist .nc-stage-2 .nc-tabs button[data-complete="true"]:not([aria-pressed="true"]){background:#edf9ff;border-color:#8ccde6}
#network-checklist .nc-topic-arrow{width:min(13%,112px);background:#bfc3c8}
#network-checklist .nc-stage-2 .nc-clock-number:before{background:#fff}
#network-checklist .nc-stage-2 [data-detail-countdown]{margin-top:28px;min-height:130px}
@media(max-width:640px){#network-checklist .nc-topic-arrow{width:16%}}

#network-checklist .nc-stage-2 .nc-topic-toolbar{margin-top:14px;margin-bottom:38px}
#network-checklist .nc-topic-toolbar p{font-size:15px;color:#587083}
#network-checklist .nc-topic-toolbar small{margin-left:12px;font-size:12px;color:var(--muted)}
#network-checklist .nc-stage-2 .nc-category-nav{position:relative;flex-wrap:wrap;overflow:visible;min-height:132px}
#network-checklist .nc-detail-clock-slot{width:200px;min-height:130px;display:flex;align-items:center;justify-content:center}
#network-checklist .nc-stage-2 [data-detail-countdown]{margin:0;padding:0 8px;min-height:0}
#network-checklist .nc-stage-2 .nc-reset-tip{overflow:visible}
@media(max-width:640px){#network-checklist .nc-detail-clock-slot{width:120px}#network-checklist .nc-topic-toolbar p{font-size:14px}#network-checklist .nc-topic-toolbar small{display:block;margin-left:0}}

#network-checklist .nc-stage-2 .nc-category-nav{justify-content:space-between;align-items:center;gap:20px}
#network-checklist .nc-stage-2 .nc-category-nav .nc-completion{flex:1;min-width:200px;margin:0;font-size:15px;line-height:1.9;color:#587083}
#network-checklist .nc-stage-2 .nc-topic-toolbar p{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;min-width:0}
#network-checklist .nc-stage-2 .nc-topic-toolbar small{display:inline-block;margin-left:0;white-space:nowrap;flex-shrink:0}
#network-checklist .nc-stage-2 .nc-topic-toolbar small{font-size:13px;font-weight:400}

/* STEP 3 and STEP 4 typography matches STEP 2. */
#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-stage-heading>.nc-eyebrow{font-family:inherit;font-size:18px;font-weight:800}
#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-stage-heading>h2{font-family:inherit;font-size:clamp(26px,3vw,38px);font-weight:750;line-height:1.35;letter-spacing:-.055em;transform:scaleX(.94);transform-origin:left center}
#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-stage-heading>p:last-child{font-family:inherit;font-size:15px;font-weight:400;line-height:1.9;color:#587083;margin-top:26px;letter-spacing:-.055em}
/* Keep answers selected, using sky blue after advancing. */
#network-checklist .nc-stage.is-completed button.nc-option[aria-pressed="true"],
#network-checklist .nc-stage.is-completed .nc-basic button.nc-option[aria-pressed="true"],
#network-checklist .nc-stage.is-completed .nc-tabs button[aria-pressed="true"],
#network-checklist .nc-stage.is-completed .nc-option:has(input:checked){background:#87ceeb;border-color:#55b6dc;color:#fff;font-weight:800;box-shadow:none}
#network-checklist .nc-stage.is-completed button.nc-option[aria-pressed="true"] small,
#network-checklist .nc-stage.is-completed .nc-tabs button[aria-pressed="true"] small{color:#fff}
#network-checklist .nc-stage.is-completed input:checked{accent-color:#55b6dc}
#network-checklist .nc-topic-toolbar .nc-topic-arrow{width:90px;flex:0 0 90px;height:24px;margin:0 auto}
@media(max-width:640px){#network-checklist .nc-topic-toolbar{flex-wrap:wrap}#network-checklist .nc-topic-toolbar .nc-topic-arrow{width:56px;flex-basis:56px;height:20px}}
#network-checklist .nc-topic-toolbar .nc-topic-arrow{display:block;visibility:visible;opacity:1;background:#bfc3c8;min-width:56px;min-height:24px}

#network-checklist .nc-stage-2 .nc-pair button.nc-option{min-height:67.5px;padding-top:17px;padding-bottom:17px}
#network-checklist .nc-stage-2 .nc-pair button.nc-option{min-height:67.5px;padding-top:17px;padding-bottom:17px}

/* Center the arrow below the gap between topics 6 and 7. */
#network-checklist .nc-stage-2 .nc-topic-toolbar{position:relative;min-height:64px}
#network-checklist .nc-stage-2 .nc-topic-toolbar .nc-topic-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;min-width:90px;flex:none;margin:0;height:24px;min-height:24px;pointer-events:none}
@media(max-width:640px){#network-checklist .nc-stage-2 .nc-topic-toolbar .nc-topic-arrow{width:56px;min-width:56px}}
/* Compact, centered completion text and consistent section spacing. */
#network-checklist .nc-stage-2 .nc-category-nav{display:grid;grid-template-columns:1fr;justify-items:center;gap:12px;min-height:0;margin-top:12px}
#network-checklist .nc-stage-2 .nc-category-nav .nc-completion{width:100%;min-width:0;margin:0;text-align:center;transform-origin:center}
#network-checklist .nc-stage-2 .nc-detail-clock-slot{justify-self:end;width:200px;min-height:0}
#network-checklist .nc-stage-2 .nc-detail-clock-slot:has([data-detail-countdown][hidden]){display:none}
#network-checklist .nc-stage-2>.nc-shell{padding-bottom:52px}
#network-checklist .nc-stage-3>.nc-shell{padding-top:52px}
@media(max-width:640px){#network-checklist .nc-stage-2>.nc-shell{padding-bottom:34px}#network-checklist .nc-stage-3>.nc-shell{padding-top:34px}}
#network-checklist .nc-stage-3 details[open]>summary{margin-bottom:8px}

#network-checklist .nc-stage-3 .nc-features details label{display:flex;align-items:flex-start;gap:8px}
#network-checklist .nc-stage-3 .nc-features details label>input{flex-shrink:0;margin-top:5px}
#network-checklist .nc-stage-3 .nc-features details label>small{margin-left:auto;padding-left:12px;flex-shrink:0;white-space:nowrap}
#network-checklist .nc-stage-3{background:#f0f8fc}

#network-checklist .nc-recommended-name{color:#d92525}

#network-checklist .nc-diagram .nc-node{background:#edf9ff}

#network-checklist .nc-diagram{background:transparent}
#network-checklist .nc-diagram figcaption{background:transparent}

#network-checklist .nc-diagram figcaption{font-size:15px}

#network-checklist .nc-process .nc-process-step{font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap;line-height:1.2}

#network-checklist .nc-stage-2 .nc-topic-toolbar .nc-topic-arrow{height:calc(24px + 1cm);min-height:calc(24px + 1cm)}
#network-checklist .nc-stage-1 .nc-reset-tip{bottom:calc(100% + 11px)}

#network-checklist .nc-home-router-diagram{width:100%;max-width:460px;justify-self:center}
#network-checklist .nc-home-router-diagram .nc-home-router{font-size:17px;font-weight:800;border-color:#8ccde6}
#network-checklist .nc-router-devices{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;padding-top:18px}
#network-checklist .nc-router-devices:before{content:"";position:absolute;left:25%;right:25%;top:0;border-top:2px solid #c8dce7}
#network-checklist .nc-router-devices>div{position:relative}
#network-checklist .nc-router-devices>div:before{content:"";position:absolute;left:50%;height:18px;top:-18px;border-left:2px solid #c8dce7}
#network-checklist .nc-router-devices .nc-node{height:100%;display:flex;align-items:center;justify-content:center;min-height:64px;line-height:1.6}
#network-checklist .nc-stage-2 .nc-topic-toolbar .nc-topic-arrow{background:#e0e3e6;clip-path:polygon(18% 0,82% 0,82% 72%,100% 72%,50% 100%,0 72%,18% 72%)}
#network-checklist .nc-stage-2 .nc-topic-toolbar .nc-topic-arrow{clip-path:polygon(15% 0,85% 0,85% 53.5%,100% 53.5%,50% 100%,0 53.5%,15% 53.5%)}

#network-checklist .nc-stage-1 .nc-basic .nc-options{justify-items:center}
#network-checklist .nc-stage-1 .nc-basic button.nc-option{width:calc(100% - 1cm);min-width:44px;box-shadow:0 2px 2px #24334a12,inset 0 1px 0 #ffffffa6}
#network-checklist .nc-stage-1 .nc-basic button.nc-option:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #24334a12}
#network-checklist .nc-stage-1 .nc-basic button.nc-option{box-shadow:0 3px 0 #c9bfd8,0 4px 6px #24334a1c,inset 0 1px 0 #ffffffcc}
#network-checklist .nc-stage-1 .nc-basic button.nc-option[aria-pressed="true"]{box-shadow:0 3px 0 #6020bd,0 4px 6px #6020bd26,inset 0 1px 0 #ffffff55}
#network-checklist .nc-stage-1.is-completed .nc-basic button.nc-option[aria-pressed="true"]{box-shadow:0 3px 0 #55accb,0 4px 6px #24334a1c,inset 0 1px 0 #ffffff80}
#network-checklist .nc-stage-1 .nc-basic button.nc-option:active{transform:translateY(2px);box-shadow:0 1px 0 #c9bfd8,inset 0 1px 3px #24334a20}
#network-checklist .nc-stage-2 :is(.nc-tabs button,button.nc-option){box-shadow:0 3px 0 #c9bfd8,0 4px 6px #24334a1c,inset 0 1px 0 #ffffffcc}
#network-checklist .nc-stage-2 :is(.nc-tabs button,button.nc-option)[aria-pressed="true"]{box-shadow:0 3px 0 #6020bd,0 4px 6px #6020bd26,inset 0 1px 0 #ffffff55}
#network-checklist .nc-stage-2.is-completed :is(.nc-tabs button,button.nc-option)[aria-pressed="true"]{box-shadow:0 3px 0 #55accb,0 4px 6px #24334a1c,inset 0 1px 0 #ffffff80}
#network-checklist .nc-stage-2 :is(.nc-tabs button,button.nc-option):active{transform:translateY(2px);box-shadow:0 1px 0 #c9bfd8,inset 0 1px 3px #24334a20}
#network-checklist .nc-stage-2:not(.is-completed) .nc-tabs button[aria-pressed="true"],
#network-checklist .nc-stage-2:not(.is-completed) .nc-pair button.nc-option[aria-pressed="true"]{background:#801cff;border-color:#801cff;color:#fff;font-weight:800;box-shadow:0 3px 0 #6020bd,0 4px 6px #6020bd26,inset 0 1px 0 #ffffff55}
#network-checklist .nc-stage-2:not(.is-completed) .nc-tabs button[aria-pressed="true"] small,
#network-checklist .nc-stage-2:not(.is-completed) .nc-pair button.nc-option[aria-pressed="true"] small{color:#fff;font-weight:700}
/* STEP 1/2: pale sky hover, persistent sky-blue selection. */
#network-checklist .nc-stage-1 .nc-basic button.nc-option:not([aria-pressed="true"]):hover,
#network-checklist .nc-stage-2 .nc-tabs button:not([aria-pressed="true"]):hover,
#network-checklist .nc-stage-2 .nc-pair button.nc-option:not([aria-pressed="true"]):hover{background:#edf9ff;border-color:#8ccde6}
#network-checklist .nc-stage-1 .nc-basic button.nc-option[aria-pressed="true"],
#network-checklist .nc-stage-2 .nc-tabs button[aria-pressed="true"],
#network-checklist .nc-stage-2 .nc-pair button.nc-option[aria-pressed="true"],
#network-checklist .nc-stage-2:not(.is-completed) .nc-tabs button[aria-pressed="true"],
#network-checklist .nc-stage-2:not(.is-completed) .nc-pair button.nc-option[aria-pressed="true"]{background:#87ceeb;border-color:#55b6dc;color:#fff;font-weight:800;box-shadow:0 3px 0 #55accb,0 4px 6px #24334a1c,inset 0 1px 0 #ffffff80}
#network-checklist .nc-stage-2 .nc-tabs button[aria-pressed="true"] small,
#network-checklist .nc-stage-2 .nc-pair button.nc-option[aria-pressed="true"] small{color:#fff;font-weight:700}
#network-checklist :is(.nc-stage-1,.nc-stage-2) button.nc-option:focus-visible,
#network-checklist .nc-stage-2 .nc-tabs button:focus-visible{outline:3px solid #55b6dc;outline-offset:3px}
/* Align the arrow's top edge with the topic instruction text. */
#network-checklist .nc-stage-2 .nc-topic-toolbar .nc-topic-arrow{top:50%;transform:translate(-50%,-14.25px)}
#network-checklist .nc-stage-2 .nc-reset-tip{bottom:calc(100% + 11px)}

#network-checklist .nc-process .nc-process-step{border-color:#1296cd;color:#1296cd}
#network-checklist .nc-process .nc-process-step[aria-pressed="true"]{background:#1296cd;border-color:#1296cd;color:#fff;box-shadow:0 0 0 5px #1296cd16,0 0 18px #1296cd40}
#network-checklist .nc-process .nc-process-step:hover{background:#edf9ff;border-color:#1296cd}
#network-checklist .nc-process .nc-process-step[aria-pressed="true"]:hover{background:#1086b7}
#network-checklist .nc-process .nc-process-step:focus-visible{outline-color:#55b6dc}
#network-checklist .nc-process-list li:not(:last-child):before{background:#1296cd}
#network-checklist .nc-process .nc-process-step{box-shadow:0 3px 0 #a8c6d4,0 4px 6px #24334a1c,inset 0 1px 0 #ffffffcc;transition:background .15s,transform .08s,box-shadow .08s}
#network-checklist .nc-process .nc-process-step[aria-pressed="true"],
#network-checklist .nc-process .nc-process-step[aria-pressed="true"]:hover{box-shadow:0 3px 0 #0877a4,0 4px 6px #24334a1c,inset 0 1px 0 #ffffff80}
#network-checklist .nc-process .nc-process-step:active{transform:translateY(2px);box-shadow:0 1px 0 #a8c6d4,inset 0 1px 3px #24334a20}
#network-checklist .nc-process .nc-process-step[aria-pressed="true"]:active{box-shadow:0 1px 0 #0877a4,inset 0 1px 3px #24334a20}
#network-checklist .nc-process .nc-process-step{width:108px;min-width:108px}
#network-checklist .nc-process-list li:not(:last-child):before{left:112px;width:calc(100% - 84px)}
@media(max-width:640px){#network-checklist .nc-process-list li{padding-left:130px}#network-checklist .nc-process-list li:not(:last-child):before{left:53px;top:50px;width:1px;height:calc(100% - 52px)}}
#network-checklist .nc-process .nc-process-step[aria-pressed="true"],
#network-checklist .nc-process .nc-process-step[aria-pressed="true"]:hover{background:#1296cd;border-color:#1296cd;color:#fff;box-shadow:0 3px 0 #0877a4,0 4px 6px #24334a1c,inset 0 1px 0 #ffffff80}
#network-checklist .nc-process .nc-process-step[aria-pressed="true"]:active{transform:translateY(2px);box-shadow:0 1px 0 #0877a4,inset 0 1px 3px #24334a20}
#network-checklist .nc-process .nc-process-step[aria-pressed="false"]{background:#fff;border-color:#1296cd;color:#1296cd;box-shadow:0 3px 0 #a8c6d4,0 4px 6px #24334a1c,inset 0 1px 0 #ffffffcc}
#network-checklist .nc-process .nc-process-step[aria-pressed="false"]:hover{background:#edf9ff}
#network-checklist .nc-process .nc-process-step[aria-pressed="true"],#network-checklist .nc-process .nc-process-step[aria-pressed="true"]:hover{background:#1296cd;border-color:#1296cd;color:#fff}
#network-checklist .nc-stage-2 .nc-digital-summary{display:flex;align-items:stretch;justify-content:space-between;gap:32px;padding:0;background:transparent;border-radius:0}
#network-checklist .nc-digital-totals{display:flex;align-items:center;gap:30px;padding:15px 20px;min-height:56px;background:#e8f3f9;border-radius:14px;flex-shrink:0}
#network-checklist .nc-digital-totals>span{font-size:13px;color:#53758c;white-space:nowrap}
#network-checklist .nc-digital-progress{display:flex;align-items:stretch;justify-content:flex-end;gap:5px;min-height:56px}
#network-checklist .nc-digital-cell{display:block;width:.5cm;flex:0 0 .5cm;min-height:56px;background:#e8f3f9;border:1px solid #d2e8f2;border-radius:2px;transition:background .15s,box-shadow .15s}
#network-checklist .nc-digital-cell.is-on{background:#1296cd;border-color:#0d8abd;box-shadow:inset 0 1px 0 #ffffff60,0 0 5px #1296cd35}
@media(max-width:900px){#network-checklist .nc-stage-2 .nc-digital-summary{flex-wrap:wrap;gap:16px}#network-checklist .nc-digital-progress{flex-wrap:wrap;justify-content:flex-start}#network-checklist .nc-digital-totals{max-width:100%}}
@media(prefers-reduced-motion:reduce){#network-checklist .nc-digital-cell{transition:none}}
#network-checklist .nc-stage-2 .nc-digital-summary{gap:1cm}
#network-checklist .nc-stage-2 .nc-digital-progress{flex:1;min-width:0;justify-content:space-between;gap:0}
@media(max-width:900px){#network-checklist .nc-stage-2 .nc-digital-progress{flex-basis:100%;justify-content:space-between;column-gap:5px;row-gap:5px}}
#network-checklist .nc-stage-2 .nc-digital-progress{display:grid;grid-template-columns:repeat(80,minmax(0,1fr));gap:2px;flex:1;min-width:0}
#network-checklist .nc-stage-2 .nc-digital-cell{width:100%;min-width:0;flex:none}
@media(max-width:900px){#network-checklist .nc-stage-2 .nc-digital-progress{flex-basis:100%;gap:1px}}
/* Fixed-width score bars: only the lit count changes. */
#network-checklist .nc-stage-2 .nc-digital-progress{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:2px;overflow-x:auto}
#network-checklist .nc-stage-2 .nc-digital-cell{width:6px;min-width:6px;flex:0 0 6px}
/* Keep the score track aligned with the right edge of topic 4. */
#network-checklist .nc-stage-2 .nc-digital-progress{display:grid;grid-template-columns:repeat(80,minmax(0,1fr));gap:2px;justify-content:stretch;flex:1;min-width:0;overflow:visible}
#network-checklist .nc-stage-2 .nc-digital-cell{width:100%;min-width:0;flex:none}
@media(max-width:900px){#network-checklist .nc-stage-2 .nc-digital-progress{gap:1px;flex-basis:100%}}
#network-checklist .nc-related-topics{display:inline-block;margin-left:14px;font-size:12px;font-weight:400;color:#6d7e8b;white-space:nowrap}

#network-checklist .nc-stage-3 .nc-features details>summary{display:list-item;position:relative;padding-right:150px}
#network-checklist .nc-stage-3 .nc-related-topics{position:absolute;right:0;top:0;margin-left:0;text-align:right;white-space:nowrap}
@media(max-width:640px){#network-checklist .nc-stage-3 .nc-features details>summary{padding-right:125px}#network-checklist .nc-stage-3 .nc-related-topics{font-size:11px}}
#network-checklist .nc-result .nc-recommended-name{font-size:1.44em}

#network-checklist .nc-result>div:first-child>p:first-child{font-size:18px}

#network-checklist .nc-stage-2 .nc-digital-progress{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:0;justify-items:center}
#network-checklist .nc-stage-2 .nc-digital-cell{width:calc(100% - 8px);min-width:0;flex:none}
#network-checklist .nc-stage-2 .nc-digital-cell{display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:-.3px;color:#587083;white-space:nowrap}
#network-checklist .nc-stage-2 .nc-digital-cell.is-on{color:#fff}
#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-digital-summary{display:flex;align-items:stretch;gap:1cm;padding:0;background:transparent;border-radius:0}
#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-digital-progress{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:0;justify-items:center;flex:1;min-width:0}
#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-digital-cell{display:flex;align-items:center;justify-content:center;width:calc(100% - 8px);min-width:0;flex:none;font-family:Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:-.3px;color:#587083;white-space:nowrap}
#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-digital-cell.is-on{color:#fff}
@media(max-width:900px){#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-digital-summary{flex-wrap:wrap;gap:16px}#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-digital-progress{flex-basis:100%}}
#network-checklist .nc-stage-2 .nc-digital-progress{display:grid;grid-template-columns:repeat(80,minmax(0,1fr));gap:2px;justify-items:stretch}
#network-checklist .nc-stage-2 .nc-digital-cell{display:block;width:100%;min-width:0;flex:none}
@media(max-width:900px){#network-checklist .nc-stage-2 .nc-digital-progress{gap:1px}}
#network-checklist .nc-topic-actions{display:inline-flex;align-items:center;gap:8px}
#network-checklist .nc-topic-toolbar [data-cat-next]{min-height:32px;padding:5px 14px;border:1px solid #dfe7ec;border-radius:8px;background:#f8fafc;color:var(--blue);font-size:12px;font-weight:700;box-shadow:0 4px 0 #d1dbe1;transition:transform 80ms,box-shadow 80ms,background 120ms}
#network-checklist .nc-topic-toolbar [data-cat-next]:hover{background:#f1faff;border-color:#8ccde6}
#network-checklist .nc-topic-toolbar [data-cat-next]:active{transform:translateY(4px) scale(.94);box-shadow:none}
#network-checklist .nc-topic-toolbar [data-cat-next]:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}
#network-checklist .nc-stage-2 .nc-pair .nc-options{column-gap:14px;row-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
#network-checklist .nc-stage-2 .nc-pair button.nc-option{width:100%;min-width:0}
#network-checklist .nc-stage-2 .nc-topic-actions [data-cat-next],
#network-checklist .nc-stage-2 .nc-topic-actions [data-reset]{width:66px;min-width:66px}
@media(min-width:641px){#network-checklist .nc-process-list{grid-template-columns:repeat(5,minmax(0,1fr))}}

#network-checklist .nc-welcome h2{font-weight:900;color:#102333;-webkit-text-stroke:.2px currentColor}
#network-checklist .nc-welcome h2>span[style]{color:#0786bb!important}
#network-checklist .nc-welcome h2{font-weight:900;color:#091b2a;-webkit-text-stroke:.55px currentColor}
#network-checklist .nc-welcome h2>span[style]{color:#0078aa!important}
/* STEP 3: ten segments, one point each; double the spacing between bars. */
#network-checklist .nc-stage-3 .nc-bars{gap:30px 80px}
#network-checklist .nc-stage-3 .nc-bars>div{grid-template-columns:1.4fr .85fr 40px;min-width:0}
#network-checklist .nc-stage-3 .nc-score-digital{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;height:.5cm;min-width:0}
#network-checklist .nc-stage-3 .nc-score-segment{display:block;height:100%;background:#e8f3f9;border:1px solid #d2e8f2;border-radius:2px}
#network-checklist .nc-stage-3 .nc-score-segment.is-on{background:#1296cd;border-color:#0d8abd;box-shadow:inset 0 1px 0 #ffffff60}

/* STEP 3: align the first score segment with the summary's 1-1 cell. */
#network-checklist .nc-stage-3{--nc-score-label-width:250px;--nc-score-start-gap:calc(1cm + 4px)}
#network-checklist .nc-stage-3 .nc-digital-totals{width:var(--nc-score-label-width);padding-inline:12px;gap:16px}
#network-checklist .nc-stage-3 .nc-bars>div{grid-template-columns:var(--nc-score-label-width) minmax(0,1fr) 40px;column-gap:10px}
#network-checklist .nc-stage-3 .nc-bars>div>span:first-child{width:100%}
#network-checklist .nc-stage-3 .nc-score-digital{margin-left:calc(var(--nc-score-start-gap) - 10px);height:.9cm}
@media(max-width:1100px) and (min-width:901px){#network-checklist .nc-stage-3 .nc-bars{grid-template-columns:1fr}}
@media(max-width:900px){
 #network-checklist .nc-stage-3 .nc-bars>div{grid-template-columns:minmax(0,1fr) 40px;row-gap:8px}
 #network-checklist .nc-stage-3 .nc-bars>div>span:first-child{grid-column:1/-1}
 #network-checklist .nc-stage-3 .nc-score-digital{margin-left:4px}
}

/* STEP 4: ten segments, one point each; double the spacing between bars. */
#network-checklist .nc-stage-4 .nc-bars{gap:30px 80px}
#network-checklist .nc-stage-4 .nc-bars>div{grid-template-columns:1.4fr .85fr 40px;min-width:0}
#network-checklist .nc-stage-4 .nc-score-digital{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;height:.5cm;min-width:0}
#network-checklist .nc-stage-4 .nc-score-segment{display:block;height:100%;background:#e8f3f9;border:1px solid #d2e8f2;border-radius:2px}
#network-checklist .nc-stage-4 .nc-score-segment.is-on{background:#1296cd;border-color:#0d8abd;box-shadow:inset 0 1px 0 #ffffff60}

/* STEP 4: align the first score segment with the summary's 1-1 cell. */
#network-checklist .nc-stage-4{--nc-score-label-width:250px;--nc-score-start-gap:calc(1cm + 4px)}
#network-checklist .nc-stage-4 .nc-digital-totals{width:var(--nc-score-label-width);padding-inline:12px;gap:16px}
#network-checklist .nc-stage-4 .nc-bars>div{grid-template-columns:var(--nc-score-label-width) minmax(0,1fr) 40px;column-gap:10px}
#network-checklist .nc-stage-4 .nc-bars>div>span:first-child{width:100%}
#network-checklist .nc-stage-4 .nc-score-digital{margin-left:calc(var(--nc-score-start-gap) - 10px);height:.9cm}
@media(max-width:1100px) and (min-width:901px){#network-checklist .nc-stage-4 .nc-bars{grid-template-columns:1fr}}
@media(max-width:900px){
 #network-checklist .nc-stage-4 .nc-bars>div{grid-template-columns:minmax(0,1fr) 40px;row-gap:8px}
 #network-checklist .nc-stage-4 .nc-bars>div>span:first-child{grid-column:1/-1}
 #network-checklist .nc-stage-4 .nc-score-digital{margin-left:4px}
}

/* STEP 3 next action shares STEP 2's next-button column (66px reset + 8px gap). */
#network-checklist :is(.nc-stage-3,.nc-stage-4) .nc-stage-heading>p.nc-analysis-next-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:74px;transform:none;min-height:32px}
#network-checklist .nc-analysis-next-line>span{transform:scaleX(.94);transform-origin:left center}
#network-checklist .nc-analysis-next-line>button{width:66px;min-width:66px;min-height:32px;padding:5px 14px;border:1px solid #dfe7ec;border-radius:8px;background:#f8fafc;color:var(--blue);font-size:12px;font-weight:700;box-shadow:0 4px 0 #d1dbe1;transition:transform 80ms,box-shadow 80ms,background 120ms;cursor:pointer}
#network-checklist .nc-analysis-next-line>button:hover{background:#f1faff;border-color:#8ccde6}
#network-checklist .nc-analysis-next-line>button:active{transform:translateY(4px) scale(.94);box-shadow:none}
#network-checklist .nc-analysis-next-line>button:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}

/* STEP 4 actions match STEP 5 category button dimensions and interaction styles. */
#network-checklist .nc-stage-4 .nc-actions{gap:8px}
#network-checklist .nc-stage-4 .nc-actions button{font:inherit;font-size:14px;line-height:1.4;font-weight:400;letter-spacing:normal;min-height:0;padding:8px 20px;border:1px solid #dce2e8;border-radius:9px;background:#fff;color:#56626d;box-shadow:0 3px 0 #c5d5de,0 4px 6px #24334a1c,inset 0 1px 0 #ffffffcc;transition:background .15s,transform .08s,box-shadow .08s;cursor:pointer}
#network-checklist .nc-stage-4 .nc-actions button:hover{background:#edf9ff;border-color:#8ccde6}
#network-checklist .nc-stage-4 .nc-actions button:active{transform:translateY(2px);box-shadow:0 1px 0 #c5d5de,inset 0 1px 3px #24334a20}
#network-checklist .nc-stage-4 .nc-actions button:focus-visible{outline:3px solid #54b5df;outline-offset:4px}
@media(max-width:600px){#network-checklist .nc-stage-4 .nc-actions button{font-size:12px;padding:7px 15px}}

/* STEP 4 next action is now in the print/save row. */
#network-checklist .nc-stage-4 .nc-actions{align-items:center}
#network-checklist .nc-stage-4 .nc-stage-heading>p.nc-analysis-next-line{padding-right:0}

/* Intro step titles match the Dual Router intro title color. */
#network-checklist .nc-process-list h3{color:#6d7e8b}

/* STEP 1: question numbers sit inside the card title, matching STEP 2. */
#network-checklist .nc-stage-1 .nc-basic fieldset{
 border-color:#dce6ed;
 box-shadow:0 3px 0 #c9bfd8,0 4px 6px #24334a1c,inset 0 1px 0 #ffffffcc;
}
