.packet-explorer-page{--tx:var(--blue);--rx:#466775;--control:#7c5f36;--discovery:#6d5d7d;--quiet:#e0e7e9}.packet-explorer-page *{box-sizing:border-box}.packet-explorer-page [hidden]{display:none!important}.packet-explorer-page ::selection{color:var(--paper);background:var(--blue)}.packet-explorer-page a{color:inherit;text-underline-offset:.3em}.packet-explorer-page a:hover{color:var(--blue)}.packet-explorer-page a,.packet-explorer-page button,.packet-explorer-page select,.packet-explorer-page summary{-webkit-tap-highlight-color:var(--blue-tint)}.packet-explorer-page :is(button,select,a,summary,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:4px}.packet-explorer-page main:focus{outline:none}.packet-explorer-page button,.packet-explorer-page select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--route);cursor:pointer;max-width:100%;min-height:44px;transition:background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);border-radius:0;padding:10px 12px;font-size:.875rem}.packet-explorer-page button:hover,.packet-explorer-page select:hover{background:var(--blue-tint);border-color:var(--blue)}.packet-explorer-page button:active{background:var(--blue-tint)}.packet-explorer-page button:disabled{color:var(--muted);border-color:var(--rule);background:var(--surface);cursor:default}.packet-explorer-page button[aria-pressed=true]{color:var(--paper);background:var(--blue);border-color:var(--blue)}.packet-explorer-page select{width:100%;padding-right:24px}.packet-explorer-page label{color:var(--muted);gap:8px;min-width:0;font-size:.8125rem;display:grid}.packet-explorer-page button svg,.packet-explorer-page .keyboard-note svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:20px;height:20px}.packet-explorer-page p{color:var(--muted);max-width:72ch;line-height:1.65}.packet-explorer-page h1,.packet-explorer-page h2,.packet-explorer-page h3{text-wrap:balance;margin:0;font-weight:500}.packet-explorer-page h1,.packet-explorer-page h2{letter-spacing:-.035em}.packet-explorer-page h1{font-size:2.625rem;line-height:1.15}.packet-explorer-page h1 span{color:var(--blue)}.packet-explorer-page h2{font-size:1.25rem;line-height:1.4}.packet-explorer-page strong{font-weight:550}.packet-explorer-page .introduction{justify-content:space-between;align-items:end;gap:32px;padding-block:28px 24px;display:flex}.packet-explorer-page .introduction p{margin:12px 0 0;font-size:1rem}.packet-explorer-page .evidence{text-align:right;color:var(--muted);flex-shrink:0;gap:5px;font-size:.8125rem;line-height:1.5;display:grid}.packet-explorer-page .evidence strong{color:var(--blue-deep)}.packet-explorer-page #model-hash{font-variant-numeric:tabular-nums;font-size:.75rem}.packet-explorer-page .profiles{background:var(--surface);border-block:1px solid var(--rule);grid-template-columns:1.4fr 1.35fr 1.15fr .65fr;gap:20px;padding:20px 24px;display:grid}.packet-explorer-page .profile-note{color:var(--muted);min-height:58px;padding:14px 0 20px;font-size:.875rem;line-height:1.65}.packet-explorer-page .workspace{grid-template-columns:minmax(0,1fr) 336px;gap:32px;display:grid}.packet-explorer-page .plot-section{min-width:0}.packet-explorer-page .plot-heading{margin-bottom:16px}.packet-explorer-page .plot-heading p{margin:5px 0 0;font-size:.875rem}.packet-explorer-page .toolbar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.packet-explorer-page .toolbar label{min-width:96px}.packet-explorer-page .toolbar label:first-child{min-width:230px}.packet-explorer-page .pan{margin-left:auto;display:flex}.packet-explorer-page .pan button+button{border-left:0}.packet-explorer-page .pan button:first-child,.packet-explorer-page .pan button:last-child{min-width:44px;padding:10px}.packet-explorer-page .legend{color:var(--muted);flex-wrap:wrap;gap:12px 18px;margin:16px 0 12px;font-size:.75rem;display:flex}.packet-explorer-page .key{align-items:center;gap:6px;display:inline-flex}.packet-explorer-page .key:before{content:"";background:var(--route);width:12px;height:6px}.packet-explorer-page .key.tx:before{background:var(--tx)}.packet-explorer-page .key.rx:before{background:var(--rx)}.packet-explorer-page .key.acl:before{background:var(--control)}.packet-explorer-page .key.disc:before{background:var(--discovery)}.packet-explorer-page .key.state:before{background:var(--muted)}.packet-explorer-page .key.quiet:before{background:var(--quiet);border:1px dashed var(--route);height:10px}.packet-explorer-page .key.series:before{background:var(--route);height:1px}.packet-explorer-page .timeline-scroll{border:1px solid var(--rule);background:var(--surface);overflow:auto}.packet-explorer-page #timeline{touch-action:pan-x;width:100%;min-width:760px;display:block}.packet-explorer-page .timeline-foot{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding:12px 0;font-size:.75rem;display:flex}.packet-explorer-page .reading-note{margin:2px 0 32px;font-size:.8125rem}.packet-explorer-page .table-toolbar{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:16px;display:flex}.packet-explorer-page .table-toolbar h2{margin:0 auto 10px 0}.packet-explorer-page .table-toolbar label{min-width:140px}.packet-explorer-page .packet-list{border-block:1px solid var(--rule);max-height:420px;padding-block:8px;overflow:auto}.packet-explorer-page table{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:left;width:100%;font-size:.875rem}.packet-explorer-page th{z-index:1;background:var(--surface);color:var(--muted);white-space:nowrap;padding:12px 10px;font-weight:500;position:sticky;top:-8px}.packet-explorer-page td{border-top:1px solid var(--rule);white-space:nowrap;padding:6px 10px}.packet-explorer-page .packet-row[aria-selected=true]{background:var(--blue-tint)}.packet-explorer-page .packet-row:hover{background:var(--surface)}.packet-explorer-page .packet-row[aria-selected=true]:hover{background:var(--blue-tint)}.packet-explorer-page .packet-row button{min-height:36px;color:var(--blue-deep);background:0 0;border-color:#0000;padding:6px 8px;font-size:.8125rem;font-weight:550}.packet-explorer-page .packet-row button:hover{border-color:var(--route);background:var(--blue-tint)}.packet-explorer-page .inspector{border-top:1px solid var(--rule);align-self:start;min-width:0;max-height:calc(100vh - 48px);padding-top:20px;position:sticky;top:24px;overflow:auto}.packet-explorer-page .tabs{border:1px solid var(--route);margin-bottom:24px;display:flex}.packet-explorer-page .tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:0;flex:1}.packet-explorer-page .tabs button:hover{background:var(--blue-tint);color:var(--blue-deep)}.packet-explorer-page .tabs button[aria-pressed=true]{background:var(--blue);color:var(--paper)}.packet-explorer-page .inspector p{margin:12px 0 16px;font-size:.875rem}.packet-explorer-page .inspector h3{margin:28px 0 12px;font-size:.875rem;font-weight:550}.packet-explorer-page .packet-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.packet-explorer-page .packet-title span{color:var(--muted);font-size:.75rem}.packet-explorer-page .status{color:var(--muted);margin:8px 0 16px;font-size:.8125rem}.packet-explorer-page .chain-nav{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 20px;display:grid}.packet-explorer-page .chain-nav button{font-size:.8125rem}.packet-explorer-page .fields{margin:0;font-size:.8125rem}.packet-explorer-page .fields>div{border-bottom:1px solid var(--rule);grid-template-columns:106px 1fr;gap:12px;padding:10px 0;display:grid}.packet-explorer-page .fields dt{color:var(--muted)}.packet-explorer-page .fields dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;line-height:1.5}.packet-explorer-page .link-list{gap:8px;display:grid}.packet-explorer-page .link-list button{text-align:left;background:var(--surface);border-color:var(--rule);padding:10px 12px;font-size:.8125rem}.packet-explorer-page .link-list button:hover{background:var(--blue-tint);border-color:var(--route)}.packet-explorer-page .link-list span{color:var(--muted);margin-top:5px;font-size:.75rem;display:block}.packet-explorer-page .no-links{color:var(--muted);font-size:.8125rem!important}.packet-explorer-page pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-variant-numeric:tabular-nums;margin:16px 0;font-family:inherit;font-size:.8125rem;line-height:1.65}.packet-explorer-page details summary{cursor:pointer;color:var(--blue);min-height:44px;padding:16px 0;font-size:.8125rem}.packet-explorer-page .download-links{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;font-size:.8125rem;display:flex}.packet-explorer-page .download-links button{font-size:.8125rem}.packet-explorer-page .explorer-footer{border-top:1px solid var(--rule);color:var(--muted);grid-template-columns:1fr auto;gap:56px;margin-top:48px;padding-block:28px 40px;font-size:.8125rem;line-height:1.65;display:grid}.packet-explorer-page .explorer-footer strong{color:var(--ink)}.packet-explorer-page .explorer-footer p{margin:8px 0}.packet-explorer-page .keyboard-note{min-width:240px}.packet-explorer-page .keyboard-note a{align-items:center;gap:12px;margin-top:12px;display:inline-flex}.packet-explorer-page kbd{font:inherit;border:1px solid var(--rule);background:var(--surface);padding:2px 4px;font-size:.75rem}.packet-explorer-page .packet-hit{cursor:pointer;outline:none}.packet-explorer-page .packet-hit:hover .packet-bar{stroke:var(--blue-deep);stroke-width:1.5px}.packet-explorer-page .packet-hit:focus-visible .packet-bar{stroke:var(--blue-deep);stroke-width:3px}.packet-explorer-page .packet-hit.related .packet-bar{stroke:var(--control);stroke-width:2px}.packet-explorer-page .packet-hit.selected .packet-bar{stroke:var(--ink);stroke-width:3px}.packet-explorer-page .packet-hit.selected text{fill:var(--ink);font-weight:700}.packet-explorer-page .plot-label{fill:var(--muted);font-family:inherit;font-size:11px}.packet-explorer-page .plot-clock{fill:var(--ink);font-family:inherit;font-size:14px;font-weight:550}.packet-explorer-page .plot-role{fill:var(--muted);font-family:inherit;font-size:11px}.packet-explorer-page .packet-label{pointer-events:none;font-family:inherit;font-size:9px;font-weight:550}.packet-explorer-page .plot-tick{font-variant-numeric:tabular-nums;fill:var(--muted);font-size:11px}.packet-explorer-page .error{color:#8c3f31}.packet-explorer-page .workspace[aria-busy=true]{opacity:.55;pointer-events:none}@media (width<=1200px){.packet-explorer-page .workspace{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.packet-explorer-page .profiles{grid-template-columns:1fr 1fr}.packet-explorer-page .pan{margin-left:0}.packet-explorer-page .tabs button{padding-inline:8px;font-size:.8125rem}}@media (width<=1050px){.packet-explorer-page .workspace{grid-template-columns:1fr}.packet-explorer-page .inspector{max-height:none;position:static;overflow:visible}.packet-explorer-page .tabs{max-width:400px}.packet-explorer-page .pan{margin-left:auto}.packet-explorer-page .introduction{align-items:start}.packet-explorer-page .evidence{max-width:230px}.packet-explorer-page .fields>div{grid-template-columns:140px 1fr}}@media (width<=720px){.packet-explorer-page .introduction{padding-block:28px;display:block}.packet-explorer-page h1{font-size:2rem}.packet-explorer-page .evidence{text-align:left;gap:3px;max-width:none;margin-top:20px}.packet-explorer-page .profiles{gap:16px;padding:20px}.packet-explorer-page .profile-note{padding-bottom:24px}.packet-explorer-page .table-toolbar h2{width:100%;margin-bottom:0}.packet-explorer-page .table-toolbar label{flex:1}.packet-explorer-page .explorer-footer{grid-template-columns:1fr;gap:20px;margin-top:32px}}@media (width<=480px){.packet-explorer-page .profiles{grid-template-columns:1fr}.packet-explorer-page .toolbar{grid-template-columns:minmax(0,1fr) 115px;display:grid}.packet-explorer-page .toolbar label:first-child,.packet-explorer-page .toolbar label:nth-child(2){width:auto;min-width:0}.packet-explorer-page .pan{grid-column:1/-1;margin-left:0}.packet-explorer-page .legend{gap:12px 16px}.packet-explorer-page .fields>div{grid-template-columns:110px 1fr}}@media (prefers-reduced-motion:reduce){.packet-explorer-page *,.packet-explorer-page :before,.packet-explorer-page :after{transition:none!important}}.packet-explorer-page .packet-type-label{color:var(--muted);margin-top:3px;font-size:.75rem;line-height:1.5;display:block}.packet-explorer-page .packet-row td:nth-child(4){white-space:normal;min-width:170px}.packet-explorer-page .packet-row button{text-align:left;white-space:normal;font-size:.875rem;line-height:1.4}.packet-explorer-page .packet-purpose{color:var(--ink)}.packet-explorer-page .packet-action{color:var(--blue-deep);font-weight:550}.packet-explorer-page .packet-content,.packet-explorer-page .protocol-guide :is(ol,ul){color:var(--muted);margin:12px 0 20px;padding-left:20px;font-size:.875rem;line-height:1.65}.packet-explorer-page .packet-content li,.packet-explorer-page .protocol-guide li{margin-block:10px}.packet-explorer-page .packet-content strong,.packet-explorer-page .protocol-guide strong{color:var(--ink)}.packet-explorer-page .packet-consequence{border-top:1px solid var(--rule);padding-top:14px}.packet-explorer-page .guide-definitions{margin:20px 0;font-size:.875rem;line-height:1.65}.packet-explorer-page .guide-definitions>div{border-top:1px solid var(--rule);padding-block:12px}.packet-explorer-page .guide-definitions dt{color:var(--blue-deep);margin-bottom:4px;font-weight:550}.packet-explorer-page .guide-definitions dd{color:var(--muted);margin:0}.packet-explorer-page .protocol-guide h2{margin-top:8px}.packet-explorer-page .protocol-guide h3{font-size:1rem;line-height:1.4}.packet-explorer-page .protocol-guide p{margin-block:12px 20px;font-size:.875rem;line-height:1.65}.packet-explorer-page .guide-table-scroll{margin-block:16px;overflow:auto}.packet-explorer-page .guide-table-scroll table{table-layout:fixed;font-size:.875rem;line-height:1.5}.packet-explorer-page .guide-table-scroll :is(th,td){white-space:normal;vertical-align:top;overflow-wrap:anywhere;padding:10px 8px;position:static}.packet-explorer-page .guide-table-scroll tbody th{color:var(--ink);border-top:1px solid var(--rule);background:0 0;font-weight:550}.packet-explorer-page .guide-table-scroll td{color:var(--muted)}.packet-explorer-page .correction-table th:first-child{width:34%}.packet-explorer-page .technical-fields{border-top:1px solid var(--rule);margin-top:24px}.packet-explorer-page .technical-fields pre{font-family:ui-monospace,monospace;font-size:.75rem}.packet-explorer-page .profiles{grid-template-columns:1.15fr 1fr .9fr}.packet-explorer-page .profile-context{color:var(--muted);align-content:center;gap:6px;font-size:.875rem;line-height:1.5;display:grid}.packet-explorer-page .profile-context strong{color:var(--blue-deep)}.packet-explorer-page .example-picker{margin-bottom:24px}.packet-explorer-page .correction-entry{border-top:1px solid var(--rule);padding-block:12px;font-size:.875rem}.packet-explorer-page .byte-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;margin-block:16px;font:.8125rem/1.7 ui-monospace,monospace;display:grid}.packet-explorer-page .byte-grid span{text-align:center;background:var(--surface);padding-block:2px}.packet-explorer-page .byte-grid .byte-selected{background:var(--blue);color:var(--paper)}.packet-explorer-page .byte-selection{color:var(--blue-deep);overflow-wrap:anywhere;font-size:.875rem}.packet-explorer-page .wire-field-list{gap:0;display:grid}.packet-explorer-page .wire-field-list button{border:0;border-top:1px solid var(--rule);text-align:left;overflow-wrap:anywhere;padding:12px 6px;font-size:.875rem}.packet-explorer-page .wire-field-list button span{margin-bottom:5px;font-size:.8125rem;display:block}.packet-explorer-page .wire-field-list button strong{font-variant-numeric:tabular-nums;font-weight:450}.packet-explorer-page :is(.timeline-scroll,.packet-list,.inspector,.guide-table-scroll){scrollbar-color:var(--route) var(--surface);scrollbar-width:thin}@media (width<=1050px){.packet-explorer-page .profile-context{grid-column:1/-1}.packet-explorer-page .profiles{grid-template-columns:1fr 1fr}.packet-explorer-page .byte-grid{max-width:400px}}@media (width<=480px){.packet-explorer-page .profiles{grid-template-columns:1fr}}
