.sbl-guide{--sbl-ink:#f1f7ff;--sbl-muted:#bfcfe0;--sbl-soft:#97adbf;--sbl-bg:#102236;--sbl-raised:#172b43;--sbl-line:#36516a;--sbl-accent:#93edce;--sbl-sky:#a2ddfa;--sbl-coral:#ffc5b2;--sbl-violet:#c4b3ff;--sbl-alert:#ffd49a}.sbl-guide .jl-ng-glow{background:radial-gradient(ellipse 56% 75% at 77% 8%,rgba(39,179,152,.14),transparent 77%),radial-gradient(ellipse 38% 50% at 9% 0,rgba(56,189,248,.085),transparent 76%)}.sbl-guide .jl-ng-kicker,.sbl-guide .jl-ng-num{color:var(--sbl-accent)}.sbl-guide .jl-ng-hero h1 em{color:#a1e8d4}.sbl-guide .jl-ng-hero>div>p{font-size:18px;line-height:1.82}.sbl-guide .jl-ng-cta-primary,.sbl-guide .jl-ng-footer-cta a{color:#083c39!important;background:linear-gradient(116deg,#c4f8df,#8fe7df);border-color:#80dac4}.sbl-guide .jl-ng-tags span{font-size:12px;color:var(--sbl-muted);padding:8px 12px}.sbl-guide .jl-ng-hero-panel{border-color:rgba(100,215,197,.4);background:linear-gradient(138deg,#142d39,#10223a)}.sbl-guide .jl-ng-hero-label{color:#a6efdc;font-size:12px}.sbl-hero-address{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;margin:0 0 13px}.sbl-hero-address>span{font-size:clamp(23px,3vw,32px);font-weight:850;letter-spacing:-.04em;color:#f0fcff}.sbl-hero-address>strong{background:#214b49;border:1px solid #51988a;border-radius:10px;color:#a4f8d7;font-size:23px;padding:5px 10px}.sbl-hero-description{font-size:15px;color:#bed5e2;line-height:1.75;margin-bottom:23px}.sbl-hero-description strong{color:#c2f9e2}.sbl-hero-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sbl-hero-blocks>div{border:1px solid #466072;border-radius:13px;padding:15px;background:rgba(8,30,42,.7);display:flex;flex-direction:column;min-width:0}.sbl-hero-blocks>div.is-selected{border-color:#71dbba;background:rgba(55,151,115,.19);box-shadow:0 0 0 1px rgba(124,238,182,.07)}.sbl-hero-blocks span{font-size:16px;font-weight:850;color:#eef6ff}.sbl-hero-blocks .is-selected span{color:#b9ffdb}.sbl-hero-blocks small{font-size:13px;color:#b1c5d7;margin-top:7px}.sbl-hero-blocks .is-selected small{color:#a3eccc}.sbl-hero-summary{display:grid;grid-template-columns:auto 1fr;gap:9px 15px;border-top:1px solid #436374;margin-top:20px;padding-top:19px;align-items:center}.sbl-hero-summary span{font-size:11px;font-weight:850;letter-spacing:.09em;color:#98bbd2}.sbl-hero-summary strong{font-size:16px;justify-self:end;color:#f3faff}.sbl-hero-caption{font-size:12px;color:#a5bccf;line-height:1.65;margin-top:17px}.sbl-guide .jl-ng-content{grid-template-columns:minmax(0,1fr) 240px;gap:clamp(23px,3.2vw,48px)}.sbl-guide .jl-ng-section{padding:44px 0;scroll-margin-top:35px}.sbl-guide .jl-ng-section>p{font-size:17px;line-height:1.9;color:var(--ng-muted);margin:0 0 20px}.sbl-guide .jl-ng-section h2{font-size:clamp(27px,3.1vw,37px);margin-bottom:21px}.sbl-guide .jl-ng-section strong{font-weight:780}.sbl-guide .jl-ng-section code{font:600 15px/1.65 ui-monospace,Consolas,monospace;color:#a9f3d5;overflow-wrap:anywhere}.sbl-guide .jl-ng-sidecard{padding:22px}.sbl-guide .jl-ng-sidecard>div:first-child{font-size:12px;color:var(--sbl-accent)}.sbl-guide .jl-ng-sidecard a{font-size:14px;line-height:1.5;padding:12px 0}.sbl-guide .jl-ng-bridge p{font-size:14px;line-height:1.8}.sbl-guide .sbl-next-card a:first-of-type{color:var(--sbl-accent)}.sbl-guide .sbl-next-card a:nth-of-type(2){color:var(--sbl-sky)}.sbl-guide .sbl-next-card a:nth-of-type(3){color:var(--sbl-violet)}.sbl-insight,.sbl-note{border-left:3px solid #7adeb8;background:rgba(57,149,109,.12);border-radius:0 13px 13px 0;padding:19px 22px;margin:24px 0}.sbl-insight>strong,.sbl-note>strong{display:block;color:#b2f5d8!important;font-size:16px}.sbl-insight>p,.sbl-note>p{font-size:15px;line-height:1.85;color:var(--ng-muted);margin:8px 0 0}.sbl-note{border-color:#81caed;background:rgba(57,149,198,.09)}.sbl-note>strong{color:#aadff6!important}.sbl-address-visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0}.sbl-address-visual>div{min-width:0;border:1px solid var(--ng-border);border-radius:13px;background:var(--ng-card);padding:19px 12px;text-align:center}.sbl-address-visual small{display:block;font-size:12px;color:var(--ng-soft);font-weight:850;letter-spacing:.08em}.sbl-address-visual strong{display:block;font-size:clamp(23px,2.8vw,30px);margin:9px 0;color:var(--sbl-ink)}.sbl-address-visual span{font-size:13px;color:var(--ng-muted)}.sbl-three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:22px 0}.sbl-three-cards>div{min-width:0;border:1px solid var(--ng-border);background:var(--ng-card);border-radius:13px;padding:18px}.sbl-three-cards span,.sbl-vlsm-copy>span{display:block;font-size:11px;color:var(--sbl-accent);font-weight:850;letter-spacing:.1em}.sbl-three-cards strong{display:block;font-size:17px;margin-top:10px;color:var(--sbl-ink);overflow-wrap:anywhere}.sbl-three-cards p{font-size:14px;line-height:1.75;color:var(--ng-muted);margin:9px 0 0}.sbl-binary-example{border:1px solid var(--ng-border);border-radius:15px;padding:22px;background:var(--ng-card);margin:23px 0}.sbl-binary-example-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:18px}.sbl-binary-example-head strong{font-size:17px;color:var(--sbl-ink)}.sbl-binary-example-head span{font-size:14px;color:var(--sbl-accent);font-weight:760}.sbl-binary-table{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.sbl-binary-table>div{min-width:0;text-align:center}.sbl-binary-table>div>span{display:block;font-size:13px;color:var(--ng-soft);margin-bottom:7px}.sbl-binary-table strong{display:grid;place-items:center;border:1px solid var(--ng-border);border-radius:9px;font-size:20px;height:45px}.sbl-binary-table .is-one{background:rgba(38,164,121,.18);color:#bdf9df!important;border-color:#62b59a}.sbl-binary-table .is-zero{background:var(--ng-card-2);color:var(--ng-soft)}.sbl-binary-example>p{font-size:15px;color:var(--ng-muted);line-height:1.75;margin:15px 0 0}.sbl-equation{display:flex;align-items:center;gap:10px;margin:27px 0;min-width:0}.sbl-equation>div{flex:1;min-width:0;text-align:center;border:1px solid var(--ng-border);border-radius:13px;background:var(--ng-card);padding:16px 10px}.sbl-equation>div>span{font-size:11px;color:var(--sbl-accent);font-weight:850;letter-spacing:.1em}.sbl-equation>div>strong{display:block;font-size:30px;color:var(--sbl-ink);margin:8px 0}.sbl-equation>div>small{font-size:13px;color:var(--ng-soft)}.sbl-equation>b{font-size:24px;color:var(--sbl-sky)}.sbl-guide .sbl-subheading{font-size:21px;line-height:1.45;color:var(--sbl-ink);font-weight:800;margin:26px 0 16px}.sbl-table-wrap{border-radius:14px;overflow:hidden;border:1px solid var(--ng-border);background:var(--ng-card);margin:21px 0 14px}.sbl-table{width:100%;border-collapse:collapse;color:var(--ng-muted);line-height:1.6}.sbl-table,.sbl-table caption{text-align:left;font-size:15px}.sbl-table caption{padding:16px 20px;color:var(--sbl-ink);font-weight:750}.sbl-table td,.sbl-table th{padding:13px 16px;border-bottom:1px solid var(--ng-border)}.sbl-table thead{background:rgba(53,128,117,.16)}.sbl-table thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sbl-accent)}.sbl-table tbody th{color:var(--sbl-ink);font-size:16px}.sbl-table tbody tr:last-child>td,.sbl-table tbody tr:last-child>th{border-bottom:0}.sbl-guide .jl-ng-section .sbl-fine-print{font-size:14px;line-height:1.8;color:var(--ng-soft);margin:11px 0 0}.sbl-worked-example{border:1px solid #508f83;border-radius:16px;overflow:hidden;background:var(--ng-card);margin:24px 0}.sbl-worked-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;background:rgba(44,135,111,.13);border-bottom:1px solid var(--ng-border);padding:16px 19px}.sbl-worked-head span{font-size:12px;color:var(--sbl-accent);font-weight:850;letter-spacing:.07em}.sbl-worked-head strong{font-size:14px;color:var(--sbl-ink)}.sbl-worked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sbl-worked-grid>div{padding:20px;border-bottom:1px solid var(--ng-border)}.sbl-worked-grid>div:nth-child(odd){border-right:1px solid var(--ng-border)}.sbl-worked-grid>div span{font-size:12px;color:var(--ng-soft);font-weight:750}.sbl-worked-grid>div strong{display:block;font-size:21px;margin-top:9px;color:var(--sbl-ink)}.sbl-worked-grid>div p{font-size:14px;color:var(--ng-muted);margin-top:5px}.sbl-worked-foot{padding:16px 20px;color:var(--ng-muted);font-size:15px;line-height:1.75}.sbl-worked-foot strong{color:var(--sbl-accent)!important}.sbl-vlsm{border:1px solid var(--ng-border);border-radius:15px;overflow:hidden;background:var(--ng-card);margin:24px 0}.sbl-vlsm-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;align-items:center;padding:18px;border-bottom:1px solid var(--ng-border);background:var(--ng-card-2)}.sbl-vlsm-title strong{font-size:16px;color:var(--sbl-ink)}.sbl-vlsm-title span{font-size:13px;color:var(--ng-soft)}.sbl-vlsm-row{padding:15px 18px;border-bottom:1px solid var(--ng-border)}.sbl-vlsm-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px}.sbl-vlsm-copy>span{font-size:12px}.sbl-vlsm-copy strong{font-size:16px;color:var(--sbl-ink)}.sbl-vlsm-copy small{font-size:13px;color:var(--ng-soft)}.sbl-vlsm-bar{height:10px;border-radius:999px;overflow:hidden;background:var(--ng-card-2);margin-top:13px}.sbl-vlsm-fill{height:100%;display:block;border-radius:999px;min-width:8px}.sbl-vlsm-fill.is-coral{background:#f5ad9b}.sbl-vlsm-fill.is-blue{background:#76c7ec}.sbl-vlsm-fill.is-violet{background:#bd9df0}.sbl-vlsm-fill.is-mint{background:#71d9b1}.sbl-vlsm-total{padding:17px 19px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:14px}.sbl-vlsm-total strong{color:var(--sbl-accent)}.sbl-vlsm-total span{color:var(--ng-muted)}.sbl-routing-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.sbl-routing-paths>div{border:1px solid var(--ng-border);background:var(--ng-card);border-radius:14px;padding:18px;min-width:0}.sbl-routing-paths .is-local{border-color:rgba(94,190,152,.52)}.sbl-routing-paths .is-routed{border-color:rgba(103,185,236,.5)}.sbl-routing-paths>div>span{display:block;font-size:12px;font-weight:850;letter-spacing:.07em;color:var(--sbl-accent)}.sbl-routing-paths .is-routed>span{color:var(--sbl-sky)}.sbl-routing-paths>div>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:17px 0}.sbl-routing-paths>div>div strong{font-size:15px;color:var(--sbl-ink)}.sbl-routing-paths>div>div b{font-size:18px;color:var(--ng-soft)}.sbl-routing-paths>div p{font-size:14px;color:var(--ng-muted);line-height:1.75;margin:0}.sbl-route-example{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:23px 0}.sbl-route-example>div{border:1px solid var(--ng-border);border-radius:12px;padding:15px;min-width:0;background:var(--ng-card)}.sbl-route-example .is-winner{border-color:#71cbaa;background:rgba(47,169,127,.12)}.sbl-route-example span{font-size:11px;font-weight:850;letter-spacing:.09em;color:var(--ng-soft);display:block}.sbl-route-example .is-winner span{color:var(--sbl-accent)}.sbl-route-example strong{display:block;color:var(--sbl-ink);font-size:16px;overflow-wrap:anywhere;margin:9px 0}.sbl-route-example small{font-size:13px;color:var(--ng-muted)}.sbl-reference-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.sbl-reference-links a{padding:17px;border:1px solid var(--ng-border);background:var(--ng-card);border-radius:13px;display:block;min-width:0}.sbl-reference-links a:hover{border-color:#8ad7c6}.sbl-reference-links strong{display:block;font-size:15px;line-height:1.5;color:var(--sbl-ink)}.sbl-reference-links span{display:block;font-size:13px;line-height:1.55;margin-top:9px;color:var(--ng-soft)}.sbl-explorer{padding:clamp(19px,2.6vw,28px);border:1px solid rgba(100,220,185,.45);background:linear-gradient(150deg,rgba(29,97,89,.13),rgba(20,73,116,.07));border-radius:18px;margin:30px 0 27px}.sbl-eyebrow{color:var(--sbl-accent);font-size:12px;font-weight:850;letter-spacing:.1em;line-height:1.5}.sbl-explorer-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.sbl-explorer-head>div{min-width:0;flex:1 1 420px}.sbl-explorer-head h3{font-size:clamp(23px,2.5vw,29px);line-height:1.3;letter-spacing:-.03em;font-weight:790;margin:9px 0;color:var(--sbl-ink)}.sbl-explorer-head p{font-size:16px;line-height:1.8;color:var(--ng-muted);margin:10px 0 0}.sbl-explorer-head p strong{color:var(--sbl-ink)}.sbl-explorer-static{font-size:12px;color:var(--ng-soft);border:1px solid var(--ng-border);padding:8px 10px;border-radius:999px}.sbl-prefix-picker{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.sbl-prefix-picker button{cursor:pointer;min-height:45px;min-width:64px;flex:1 1 58px;padding:10px 13px;border:1px solid #547488;border-radius:11px;background:var(--ng-card);color:var(--sbl-ink);font-size:16px;font-weight:850;transition:background .15s,border-color .15s}.sbl-prefix-picker button:hover{border-color:#82e6c8}.sbl-prefix-picker button.is-active{background:rgba(46,164,128,.26);color:var(--sbl-accent);border-color:#66d8b7}.sbl-explorer-map{border:1px solid var(--ng-border);padding:19px;border-radius:14px;background:var(--ng-card)}.sbl-map-bottom,.sbl-map-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}.sbl-map-top strong{font-size:15px;color:var(--sbl-ink)}.sbl-map-top span{font-size:13px;color:var(--ng-soft)}.sbl-blocks{display:grid;gap:4px;margin-top:17px}.sbl-block{min-width:0;min-height:53px;border:1px solid #566477;border-radius:7px;background:#294058;display:grid;place-items:center}.sbl-block span{font-size:13px;color:#d4dfea;font-weight:700}.sbl-block.is-current{border-color:#72f1bf;background:linear-gradient(150deg,#256f65,#1b6252);box-shadow:0 0 0 1px rgba(107,228,184,.15)}.sbl-block.is-current span{color:#e2ffee}.sbl-map-bottom{color:var(--ng-soft);font-size:12px;margin-top:7px}.sbl-map-note{color:var(--ng-muted);font-size:14px;line-height:1.7;margin-top:15px}.sbl-map-note strong{color:var(--sbl-accent)}.sbl-explorer-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.sbl-result-chip{border:1px solid var(--ng-border);background:var(--ng-card);border-radius:12px;padding:15px;min-width:0}.sbl-result-chip>span{display:block;color:var(--ng-soft);font-size:12px;font-weight:800;letter-spacing:.05em}.sbl-result-chip strong{display:block;color:var(--sbl-ink);font-size:19px;margin-top:8px;overflow-wrap:anywhere}.sbl-binary{border:1px solid var(--ng-border);border-radius:13px;background:var(--ng-card);padding:18px}.sbl-binary-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.sbl-binary-head strong{font-size:16px;color:var(--sbl-ink)}.sbl-binary-head>span{font-size:12px;color:var(--ng-soft);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sbl-legend-host,.sbl-legend-network{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid #60bf9f;background:#285a50}.sbl-legend-host{border-color:#bd9969;background:#765238}.sbl-octets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0}.sbl-octet{min-width:0}.sbl-octet small{display:block;font-size:11px;color:var(--ng-soft);font-weight:850;letter-spacing:.07em;margin-bottom:7px}.sbl-octet>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.sbl-octet>div>span{display:grid;place-items:center;min-width:0;min-height:34px;font:750 13px ui-monospace,Consolas,monospace;border-radius:4px}.sbl-octet .is-network{color:#d8f9e8;background:#225349;border:1px solid #418c75}.sbl-octet .is-host{color:#ffe5b9;background:#69503a;border:1px solid #94704c}.sbl-binary p{font-size:14px;color:var(--ng-muted);line-height:1.75;margin:8px 0 0}.sbl-binary p strong{color:var(--sbl-ink)}.sbl-guide .sbl-explorer-next{display:block;font-size:15px;color:var(--sbl-accent);font-weight:750;margin-top:17px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}.sbl-quiz{scroll-margin-top:35px;border:1px solid #4b8a7c;border-radius:18px;padding:clamp(19px,3vw,30px);margin:32px 0 44px;background:linear-gradient(130deg,rgba(43,133,114,.14),rgba(29,88,127,.07))}.sbl-quiz-intro{display:flex;justify-content:space-between;gap:16px;align-items:start;flex-wrap:wrap}.sbl-quiz-intro>div:first-child{flex:1;min-width:0}.sbl-quiz-intro h2{font-size:clamp(25px,3vw,35px);line-height:1.25;margin:9px 0 8px;color:var(--sbl-ink);font-weight:800}.sbl-quiz-intro p{font-size:16px;line-height:1.75;color:var(--ng-muted);max-width:740px}.sbl-quiz-tally{border:1px solid var(--ng-border);background:var(--ng-card);border-radius:12px;text-align:center;padding:11px 15px;min-width:100px}.sbl-quiz-tally>strong{display:block;font-size:28px;letter-spacing:-.03em;color:var(--sbl-ink)}.sbl-quiz-tally small{font-size:16px;color:var(--ng-soft)}.sbl-quiz-tally>span{display:block;font-size:12px;color:var(--ng-soft)}.sbl-quiz-progress-label{display:flex;justify-content:space-between;gap:10px;margin-top:23px;font-size:12px;color:var(--ng-soft);font-weight:850;letter-spacing:.08em}.sbl-quiz-track{border-radius:999px;height:9px;background:var(--ng-card-2);border:1px solid var(--ng-border);overflow:hidden;margin:8px 0 21px}.sbl-quiz-track>span{display:block;height:100%;background:linear-gradient(90deg,#6ecdaa,#a2def5);border-radius:999px;transition:width .2s}.sbl-question-card,.sbl-quiz-complete{border:1px solid var(--ng-border);border-radius:15px;padding:clamp(18px,2.7vw,27px);background:var(--ng-card)}.sbl-question-number{font-size:12px;font-weight:850;letter-spacing:.1em;color:var(--sbl-accent);margin-bottom:11px}.sbl-question-card h3{font-size:clamp(19px,2.1vw,24px);line-height:1.5;color:var(--sbl-ink);font-weight:790;max-width:850px}.sbl-question-options{display:grid;gap:10px;margin:22px 0}.sbl-question-options label{display:flex;gap:12px;align-items:center;padding:14px 16px;min-height:53px;color:var(--ng-muted);background:var(--ng-card-2);border:1px solid var(--ng-border);border-radius:10px;font-size:16px;line-height:1.65;cursor:pointer;transition:border-color .15s,background .15s}.sbl-question-options label:hover:not(:has(input:disabled)){border-color:#74cfb4}.sbl-question-options label.is-selected{border-color:#64c49b;background:rgba(50,163,116,.13)}.sbl-question-options label.is-correct{border-color:#4caa82;background:rgba(40,165,112,.17)}.sbl-question-options label.is-wrong{border-color:#db9e8a;background:hsla(8,56%,60%,.14)}.sbl-question-options input{width:18px;height:18px;flex:none;accent-color:#46b88f;margin:0}.sbl-question-options input:disabled{opacity:.85;cursor:default}.sbl-quiz-feedback{padding:17px;border-radius:10px;border:1px solid #d1ad79;background:rgba(193,138,64,.1)}.sbl-quiz-feedback.is-correct{border-color:#5ebf96;background:rgba(50,169,117,.11)}.sbl-quiz-feedback strong{display:block;color:var(--sbl-ink);font-size:16px}.sbl-quiz-feedback p{font-size:15px;line-height:1.85;color:var(--ng-muted);margin:8px 0 0}.sbl-quiz-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:21px}.sbl-quiz-actions a,.sbl-quiz-actions button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border-radius:10px;border:1px solid #65c6a8;background:linear-gradient(115deg,#c4f8df,#91e6d7);color:#0e453d!important;font-size:15px;font-weight:800;padding:12px 19px;cursor:pointer}.sbl-quiz-actions button:disabled{cursor:not-allowed;opacity:.44}.sbl-quiz-actions>a{border-color:#688faa;background:var(--ng-card-2);color:var(--sbl-accent)!important}.sbl-quiz-actions>span{font-size:14px;line-height:1.6;color:var(--ng-soft)}.sbl-complete-icon{width:49px;height:49px;border:1px solid #6bd3b0;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:850;color:var(--sbl-accent);margin-bottom:14px}.sbl-quiz-complete h3{font-size:23px;line-height:1.35;color:var(--sbl-ink)}.sbl-quiz-complete>p{font-size:16px;color:var(--ng-muted);line-height:1.75;margin-top:12px}.sbl-review{border:1px solid var(--ng-border);border-radius:12px;margin-top:20px;overflow:hidden}.sbl-review summary{padding:15px 17px;cursor:pointer;color:var(--sbl-ink);font-size:15px;font-weight:790}.sbl-review[open] summary{border-bottom:1px solid var(--ng-border)}.sbl-review ol{padding:0;margin:0;list-style:none}.sbl-review li{padding:15px 18px;border-bottom:1px solid var(--ng-border)}.sbl-review li:last-child{border-bottom:0}.sbl-review li strong{display:block;font-size:15px;line-height:1.6;color:var(--sbl-ink)}.sbl-review li span{display:block;font-size:14px;margin-top:7px}.sbl-review li span.is-correct{color:var(--sbl-accent)}.sbl-review li span.is-wrong{color:var(--sbl-coral)}.sbl-review li p{font-size:14px;line-height:1.8;color:var(--ng-muted);margin-top:8px}.sbl-guide a:focus-visible,.sbl-guide button:focus-visible,.sbl-guide input:focus-visible{outline:2px solid #a4eccf;outline-offset:3px}.sbl-footer-cta{margin-top:32px}.sbl-footer-cta p{font-size:15px;line-height:1.75}html[data-theme=light] .sbl-guide{--sbl-ink:#1b3448;--sbl-muted:#496378;--sbl-soft:#617b8d;--sbl-bg:#fff;--sbl-raised:#edf5f9;--sbl-line:#ccdde6;--sbl-accent:#166b53;--sbl-sky:#1f6994;--sbl-coral:#9a5544;--sbl-violet:#694b9b;--sbl-alert:#875a1f}html[data-theme=light] .sbl-guide .jl-ng-glow{background:radial-gradient(ellipse 58% 70% at 73% 10%,rgba(39,179,152,.1),transparent 77%)}html[data-theme=light] .sbl-guide .jl-ng-hero h1 em{color:#146e63}html[data-theme=light] .sbl-guide .jl-ng-hero-panel{background:linear-gradient(138deg,#e9f7f2,#edf6ff);border-color:#a1d4c4}html[data-theme=light] .sbl-hero-address>span{color:#18354d}html[data-theme=light] .sbl-hero-address>strong{color:#14654d;background:#d5f5e4;border-color:#80c7a9}html[data-theme=light] .sbl-hero-description{color:#486579}html[data-theme=light] .sbl-hero-description strong{color:#176b51}html[data-theme=light] .sbl-hero-blocks>div{background:#fff;border-color:#c1d7e0}html[data-theme=light] .sbl-hero-blocks>div.is-selected{background:#d9f4e7;border-color:#67b997}html[data-theme=light] .sbl-hero-blocks span{color:#234359}html[data-theme=light] .sbl-hero-blocks .is-selected span{color:#12563f}html[data-theme=light] .sbl-hero-blocks small{color:#557184}html[data-theme=light] .sbl-hero-blocks .is-selected small{color:#28674e}html[data-theme=light] .sbl-hero-summary{border-color:#c4dcd9}html[data-theme=light] .sbl-hero-summary span{color:#627b87}html[data-theme=light] .sbl-hero-summary strong{color:#244052}html[data-theme=light] .sbl-hero-caption{color:#537383}html[data-theme=light] .sbl-guide .jl-ng-section code{color:#126b53}html[data-theme=light] .sbl-insight{background:#e9f8f0;border-color:#70b99a}html[data-theme=light] .sbl-insight>strong{color:#17664f!important}html[data-theme=light] .sbl-note{background:#eaf6fb;border-color:#76bbd5}html[data-theme=light] .sbl-note>strong{color:#206688!important}html[data-theme=light] .sbl-binary-table .is-one{background:#e7f7ee;border-color:#86c6a5;color:#136647!important}html[data-theme=light] .sbl-binary-table .is-zero{color:#687f90}html[data-theme=light] .sbl-worked-example{border-color:#90cdb2}html[data-theme=light] .sbl-worked-head{background:#eff9f3}html[data-theme=light] .sbl-vlsm-title{background:#f0f6fa}html[data-theme=light] .sbl-vlsm-bar{background:#e7eef3}html[data-theme=light] .sbl-routing-paths .is-local{border-color:#83c6aa}html[data-theme=light] .sbl-routing-paths .is-routed{border-color:#9bcbe5}html[data-theme=light] .sbl-route-example .is-winner{background:#e5f8ef}html[data-theme=light] .sbl-guide .jl-ng-tags span{background:#fff;border-color:#bbd6dc}html[data-theme=light] .sbl-explorer{background:linear-gradient(145deg,#eef9f4,#f2f9fc);border-color:#9acebc}html[data-theme=light] .sbl-prefix-picker button{background:#fff;color:#224758;border-color:#b5d3d6}html[data-theme=light] .sbl-prefix-picker button.is-active{background:#d6f4e6;color:#15634d;border-color:#64b995}html[data-theme=light] .sbl-block{background:#dce8f0;border-color:#b3c5d3}html[data-theme=light] .sbl-block span{color:#556e7d}html[data-theme=light] .sbl-block.is-current{background:#adedd2;border-color:#3ea67e}html[data-theme=light] .sbl-block.is-current span{color:#0e654a}html[data-theme=light] .sbl-octet .is-network{background:#dcf5e7;border-color:#8cc6a5;color:#135b45}html[data-theme=light] .sbl-octet .is-host{background:#fff0da;border-color:#d7ae80;color:#855322}html[data-theme=light] .sbl-quiz{background:linear-gradient(130deg,#ecf8f3,#f2f7fa);border-color:#a3cbbd}html[data-theme=light] .sbl-question-options label{background:#f5f9fc}html[data-theme=light] .sbl-question-options label.is-selected{background:#e3f7ef}html[data-theme=light] .sbl-question-options label.is-correct{background:#dff6e9}html[data-theme=light] .sbl-question-options label.is-wrong{background:#fff1e8}html[data-theme=light] .sbl-quiz-feedback{background:#fff7eb;border-color:#d7b483}html[data-theme=light] .sbl-quiz-feedback.is-correct{background:#e6f8ed;border-color:#86c9a6}html[data-theme=light] .sbl-quiz-actions>a{background:#e2f5ea;color:#15694e!important;border-color:#9ac9ad}html[data-theme=light] .sbl-guide .jl-ng-footer-cta{background:linear-gradient(115deg,#e5f8ee,#e7f5fb);border-color:#98ceba}html[data-theme=light] .sbl-review li span.is-wrong{color:#96533f}@media(max-width:1090px){.sbl-guide .jl-ng-content{grid-template-columns:1fr}.sbl-guide .jl-ng-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.sbl-guide .jl-ng-hero{grid-template-columns:1fr}.sbl-guide .jl-ng-hero-panel{max-width:800px}}@media(max-width:800px){.sbl-route-example,.sbl-three-cards{grid-template-columns:1fr}.sbl-octets{grid-template-columns:repeat(2,minmax(0,1fr))}.sbl-reference-links,.sbl-routing-paths{grid-template-columns:1fr}}@media(max-width:680px){.sbl-guide .jl-ng-sidebar{grid-template-columns:1fr}.sbl-address-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.sbl-address-visual strong{font-size:28px}.sbl-worked-grid{grid-template-columns:1fr}.sbl-worked-grid>div:nth-child(odd){border-right:0}.sbl-guide .jl-ng-section>p{font-size:16px}.sbl-guide .jl-ng-hero h1{font-size:clamp(35px,9vw,47px)}.sbl-guide .jl-ng-hero>div>p{font-size:16px}.sbl-guide .jl-ng-section{padding:34px 0}.sbl-table thead{display:none}.sbl-table,.sbl-table tbody,.sbl-table tr{display:block;width:100%}.sbl-table tr{padding:13px 16px;border-bottom:1px solid var(--ng-border)}.sbl-table tbody tr:last-child{border-bottom:0}.sbl-table td,.sbl-table th{border:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;text-align:right}.sbl-table th:before{content:"PREFIX";font-size:12px;color:var(--ng-soft)}.sbl-table td:nth-child(2):before{content:"MASK";font-size:12px;color:var(--ng-soft)}.sbl-table td:nth-child(3):before{content:"TOTAL";font-size:12px;color:var(--ng-soft)}.sbl-table td:nth-child(4):before{content:"USABLE*";font-size:12px;color:var(--ng-soft)}.sbl-quiz-intro{align-items:start}.sbl-quiz-actions a,.sbl-quiz-actions button{width:100%}}@media(max-width:470px){.sbl-octets{grid-template-columns:1fr}.sbl-guide .jl-ng-wrap{padding-left:16px;padding-right:16px}.sbl-hero-blocks{grid-template-columns:1fr 1fr}.sbl-hero-blocks>div{padding:11px}.sbl-hero-blocks span{font-size:13px}.sbl-hero-blocks small{font-size:11px}.sbl-equation{gap:5px}.sbl-equation>div{padding:12px 6px}.sbl-equation>div>span{font-size:9px}.sbl-equation>div>strong{font-size:25px}.sbl-equation>b{font-size:19px}.sbl-explorer-results{grid-template-columns:1fr}.sbl-quiz-tally{min-width:80px}}@media(prefers-reduced-motion:reduce){.sbl-guide *{transition:none!important;scroll-behavior:auto!important}}