.nsh-page{--nsh-request:#5aa9ff;--nsh-response:#4ecb93;--nsh-data:#e8a838;--nsh-deny:#ff7a6b;width:min(1120px,100% - 32px);margin:0 auto;padding:0 0 clamp(36px,5vw,64px)}.nsh-page *,.nsh-page :before,.nsh-page :after{box-sizing:border-box}.nsh-page h1,.nsh-page h2,.nsh-page h3,.nsh-page p{margin:0}.nsh-page button{font:inherit}.nsh-page ol,.nsh-page ul{margin:0;padding:0;list-style:none}.nsh-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:850}.nsh-hero{grid-template-columns:1.35fr .65fr;align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(28px,5vw,52px);display:grid}.nsh-hero h1{max-width:700px;color:var(--foreground);font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.045em;word-break:keep-all;margin-top:10px;font-size:clamp(34px,5vw,60px);line-height:1.05}.nsh-hero>div>p:last-child{max-width:680px;color:var(--muted);word-break:keep-all;margin-top:15px;font-size:clamp(.88rem,1.6vw,1.05rem);line-height:1.7}.nsh-hero-answer{border:var(--pixel) solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));gap:9px;padding:22px;display:grid}.nsh-hero-answer span{color:var(--muted);font-size:.72rem;font-weight:750}.nsh-hero-answer strong{color:var(--foreground);word-break:keep-all;font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.35}.nsh-demo{margin-top:16px;padding:clamp(22px,4vw,38px)}.nsh-demo-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.nsh-demo-head h2,.nsh-section-title h2{color:var(--foreground);letter-spacing:-.035em;word-break:keep-all;margin-top:7px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.2}.nsh-reset{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-height:44px;color:var(--muted);cursor:pointer;flex:none;padding:8px 11px;font-size:.72rem;font-weight:750}.nsh-reset:hover{border-color:var(--accent);color:var(--foreground)}.nsh-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.nsh-scenarios{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.nsh-scenarios>span{color:var(--muted);align-self:center;font-size:.72rem;font-weight:750}.nsh-scenario{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);cursor:pointer;text-align:left;gap:3px;padding:11px 13px;display:grid}.nsh-scenario strong{color:var(--foreground-soft);font-size:.78rem}.nsh-scenario small{color:var(--muted);font-size:.64rem}.nsh-scenario:hover{border-color:var(--accent)}.nsh-scenario:hover strong{color:var(--foreground)}.nsh-scenario.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}.nsh-scenario.is-selected strong{color:var(--foreground)}.nsh-legend{flex-wrap:wrap;gap:6px;display:flex}.nsh-legend-chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--foreground-soft);padding:7px 10px;font-size:.66rem;font-weight:750}.nsh-legend-chip.is-request{border-color:color-mix(in srgb, var(--nsh-request) 60%, var(--border-strong));color:var(--nsh-request)}.nsh-legend-chip.is-response{border-color:color-mix(in srgb, var(--nsh-response) 60%, var(--border-strong));color:var(--nsh-response)}.nsh-legend-chip.is-data{border-color:color-mix(in srgb, var(--nsh-data) 60%, var(--border-strong));color:var(--nsh-data)}.nsh-legend-chip.is-deny{border-color:color-mix(in srgb, var(--nsh-deny) 60%, var(--border-strong));color:var(--nsh-deny)}.nsh-verdict{word-break:keep-all;border:1.5px solid;padding:11px 13px;font-size:.78rem;font-weight:850;margin-top:12px!important}.nsh-verdict.is-ok{border-color:var(--nsh-response);background:color-mix(in srgb, var(--nsh-response) 10%, var(--surface-2));color:var(--nsh-response)}.nsh-verdict.is-bad{border-color:var(--nsh-deny);background:color-mix(in srgb, var(--nsh-deny) 10%, var(--surface-2));color:var(--nsh-deny)}.nsh-stage{grid-template-columns:1.15fr .85fr;gap:10px;margin-top:12px;display:grid}.nsh-wire{border:var(--pixel) solid var(--border);background:var(--background);min-width:0;padding:clamp(10px,2vw,16px)}.nsh-wire-head{border-bottom:1px dashed var(--border-strong);justify-content:space-between;padding-bottom:9px;display:flex}.nsh-endpoint{color:var(--foreground);font-size:.76rem;font-weight:850}.nsh-wire-empty{color:var(--muted);word-break:keep-all;font-size:.75rem;line-height:1.6;margin-top:14px!important}.nsh-msgs{gap:5px;margin-top:10px;display:grid}.nsh-msg{align-items:center;gap:7px;min-width:0;display:flex}.nsh-msg.is-to-nas{flex-direction:row;justify-content:flex-end}.nsh-msg.is-to-pc{flex-direction:row-reverse;justify-content:flex-end}.nsh-msg>i{flex:none;font-size:.85rem;font-style:normal;font-weight:900}.nsh-msg.is-request>i{color:var(--nsh-request)}.nsh-msg.is-response>i{color:var(--nsh-response)}.nsh-msg.is-data>i{color:var(--nsh-data)}.nsh-msg.is-deny>i{color:var(--nsh-deny)}.nsh-bubble{border:1.5px solid var(--border-strong);background:var(--surface-2);gap:1px;min-width:0;max-width:78%;padding:6px 9px;display:grid}.nsh-bubble strong{color:var(--foreground);font-size:.7rem}.nsh-bubble small{color:var(--muted);font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.nsh-msg.is-request .nsh-bubble{border-color:color-mix(in srgb, var(--nsh-request) 55%, var(--border-strong))}.nsh-msg.is-response .nsh-bubble{border-color:color-mix(in srgb, var(--nsh-response) 55%, var(--border-strong))}.nsh-msg.is-data .nsh-bubble{border-color:color-mix(in srgb, var(--nsh-data) 55%, var(--border-strong));background:color-mix(in srgb, var(--nsh-data) 8%, var(--surface-2))}.nsh-msg.is-deny .nsh-bubble{border-color:var(--nsh-deny);background:color-mix(in srgb, var(--nsh-deny) 10%, var(--surface-2))}.nsh-msg.is-deny .nsh-bubble strong{color:var(--nsh-deny)}.nsh-msg.is-last .nsh-bubble{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.nsh-side{align-content:start;gap:10px;min-width:0;display:grid}.nsh-file-panel,.nsh-log-panel{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-width:0;padding:14px 16px}.nsh-log-panel{min-height:148px}.nsh-panel-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:850}.nsh-panel-empty{color:var(--muted);word-break:keep-all;font-size:.75rem;line-height:1.6;margin-top:12px!important}.nsh-file-parts{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px;display:grid}.nsh-part{border:1.5px dashed var(--border-strong);background:var(--background);color:var(--muted);font:750 .68rem/1 var(--font-geist-mono), monospace;text-align:center;padding:12px 6px}.nsh-part.is-filled{border-style:solid;border-color:var(--nsh-data);background:color-mix(in srgb, var(--nsh-data) 12%, var(--background));color:var(--nsh-data)}.nsh-file-note{color:var(--foreground-soft);word-break:keep-all;font-size:.7rem;line-height:1.55;margin-top:9px!important}.nsh-log{gap:4px;max-height:220px;margin-top:11px;display:grid;overflow-y:auto}.nsh-log li{border-left:3px solid var(--border-strong);color:var(--muted);font:650 .7rem/1.5 var(--font-geist-mono), monospace;padding:6px 9px}.nsh-log li.is-current{border-left-color:var(--nsh-data);background:color-mix(in srgb, var(--nsh-data) 7%, transparent);color:var(--foreground)}.nsh-log li:last-child:not(.is-current){color:var(--foreground-soft)}.nsh-caption{min-height:3.2em;color:var(--foreground-soft);word-break:keep-all;font-size:.8rem;line-height:1.6;margin-top:11px!important}.nsh-controls{flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.nsh-main{border:var(--pixel) solid var(--accent);background:var(--accent);min-width:132px;min-height:46px;color:var(--accent-contrast);cursor:pointer;font-size:.84rem;font-weight:850}.nsh-main:hover{filter:brightness(1.08)}.nsh-auto{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-height:46px;color:var(--foreground-soft);cursor:pointer;padding:0 16px;font-size:.78rem;font-weight:800}.nsh-auto:hover{border-color:var(--accent);color:var(--foreground)}.nsh-auto.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));color:var(--foreground)}.nsh-main:focus-visible,.nsh-auto:focus-visible,.nsh-reset:focus-visible,.nsh-scenario:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px}.nsh-progress{color:var(--muted);margin-left:auto;font-size:.72rem}.nsh-progress b{color:var(--foreground-soft);font-weight:800}.nsh-benefits{margin-top:16px;padding:clamp(22px,4vw,38px)}.nsh-section-title{text-align:center}.nsh-benefits>div:last-child{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px;display:grid}.nsh-benefits article{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);gap:8px;padding:19px;display:grid}.nsh-benefits article>b{color:var(--accent);font:850 .68rem/1 var(--font-geist-mono), monospace}.nsh-benefits article strong{color:var(--foreground);font-size:.9rem}.nsh-benefits article p{color:var(--muted);word-break:keep-all;font-size:.75rem;line-height:1.55}.nsh-summary{border:var(--pixel) solid var(--border-strong);background:var(--surface-1);color:var(--foreground-soft);text-align:center;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:16px;padding:20px;font-size:.75rem;font-weight:750;display:grid}.nsh-summary i{color:var(--accent);font-style:normal}.nsh-warning{gap:8px;padding:22px 2px 0;display:grid}.nsh-warning strong{color:var(--foreground);font-size:.78rem}.nsh-warning p{color:var(--muted);word-break:keep-all;font-size:.72rem;line-height:1.6}.nsh-warning span{color:var(--muted);font:650 .62rem/1.5 var(--font-geist-mono), monospace}.nsh-post-link{color:var(--accent);border-bottom:1.5px solid color-mix(in srgb, var(--accent) 45%, transparent);justify-self:start;padding:4px 0;font-size:.74rem;font-weight:800;text-decoration:none}.nsh-post-link:hover{border-bottom-color:var(--accent)}@media (max-width:840px){.nsh-hero{grid-template-columns:1fr}.nsh-hero-answer{grid-template-columns:auto 1fr;align-items:center}.nsh-stage{grid-template-columns:1fr}}@media (max-width:620px){.nsh-page{width:min(100% - 24px,1120px);padding:20px 0 36px}.nsh-hero,.nsh-demo,.nsh-benefits{padding:20px 16px}.nsh-hero h1{font-size:clamp(33px,10vw,46px)}.nsh-hero-answer{grid-template-columns:1fr}.nsh-demo-head{align-items:flex-start}.nsh-scenario{flex:100%}.nsh-toolbar{flex-direction:column;align-items:stretch}.nsh-bubble{max-width:88%}.nsh-progress{flex-basis:100%;margin-left:0}.nsh-benefits>div:last-child,.nsh-summary{grid-template-columns:1fr}.nsh-summary i{transform:rotate(90deg)}}