.packets-page:where(.astro-qwwockgq){max-width:80rem;color:var(--sl-color-gray-1);margin-inline:auto}.packets-heading:where(.astro-qwwockgq){max-width:64rem;margin-bottom:1.6rem}.eyebrow:where(.astro-qwwockgq){color:var(--sl-color-accent-high);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:700}.packets-heading:where(.astro-qwwockgq) h1:where(.astro-qwwockgq){color:var(--sl-color-white);letter-spacing:-.04em;margin:.3rem 0 .55rem;font-size:clamp(2rem,5vw,3.2rem)}.packets-heading:where(.astro-qwwockgq)>p:where(.astro-qwwockgq):not(.eyebrow){color:var(--sl-color-gray-2);line-height:1.65}.count-summary:where(.astro-qwwockgq){margin-top:.8rem;font-size:.9rem}.count-summary:where(.astro-qwwockgq) strong:where(.astro-qwwockgq),.count-summary:where(.astro-qwwockgq) a:where(.astro-qwwockgq){color:var(--sl-color-accent-high)}.packet-workspace:where(.astro-qwwockgq){grid-template-columns:minmax(16rem,21rem) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.packet-browser:where(.astro-qwwockgq),.packet-detail:where(.astro-qwwockgq),.type-legend:where(.astro-qwwockgq){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7);border-radius:.65rem}.packet-browser:where(.astro-qwwockgq){position:sticky;top:1rem;overflow:hidden}.browser-controls:where(.astro-qwwockgq){border-bottom:1px solid var(--sl-color-gray-5);padding:1rem}.browser-controls:where(.astro-qwwockgq) label:where(.astro-qwwockgq){color:var(--sl-color-gray-2);font-size:.78rem;font-weight:700;display:block}.browser-controls:where(.astro-qwwockgq) input:where(.astro-qwwockgq),.browser-controls:where(.astro-qwwockgq) select:where(.astro-qwwockgq){border:1px solid var(--sl-color-gray-4);background:var(--sl-color-black);width:100%;min-height:2.3rem;color:var(--sl-color-white);font:inherit;border-radius:.35rem;margin-top:.35rem;padding:.45rem .65rem}.browser-controls:where(.astro-qwwockgq) input:where(.astro-qwwockgq)::placeholder{color:var(--sl-color-gray-3)}.direction-filters:where(.astro-qwwockgq){grid-template-columns:repeat(4,1fr);gap:.25rem;margin:.85rem 0;display:grid}.direction-filters:where(.astro-qwwockgq) button:where(.astro-qwwockgq){border:1px solid var(--sl-color-gray-4);color:var(--sl-color-gray-2);cursor:pointer;font:inherit;background:0 0;border-radius:.3rem;padding:.45rem .2rem;font-size:.77rem}.direction-filters:where(.astro-qwwockgq) button:where(.astro-qwwockgq)[aria-pressed=true]{border-color:var(--sl-color-accent);background:var(--sl-color-accent-low);color:var(--sl-color-accent-high);font-weight:700}.select-filters:where(.astro-qwwockgq){grid-template-columns:1fr 1fr;gap:.6rem;display:grid}#packet-result-count:where(.astro-qwwockgq){color:var(--sl-color-gray-3);margin:.8rem 0 0;font-size:.75rem}.packet-list:where(.astro-qwwockgq){max-height:min(60vh,42rem);margin:0;padding:0;list-style:none;overflow:auto}.packet-list:where(.astro-qwwockgq) li:where(.astro-qwwockgq){border-bottom:1px solid var(--sl-color-gray-6);margin:0}.packet-list:where(.astro-qwwockgq) li:where(.astro-qwwockgq)[hidden]{display:none}.packet-list:where(.astro-qwwockgq) button:where(.astro-qwwockgq){width:100%;color:var(--sl-color-gray-1);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem .9rem;font-size:.84rem;display:grid}.packet-list:where(.astro-qwwockgq) button:where(.astro-qwwockgq):hover,.packet-list:where(.astro-qwwockgq) button:where(.astro-qwwockgq)[aria-current=true]{background:var(--sl-color-accent-low)}.packet-list:where(.astro-qwwockgq) button:where(.astro-qwwockgq)[aria-current=true]{box-shadow:inset 3px 0 var(--sl-color-accent)}.packet-list:where(.astro-qwwockgq) code:where(.astro-qwwockgq),.detail-id:where(.astro-qwwockgq){color:var(--sl-color-accent-high);font:700 .8rem ui-monospace,monospace}.packet-name:where(.astro-qwwockgq){overflow-wrap:anywhere}.direction-badge:where(.astro-qwwockgq){letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.2rem .48rem;font-size:.67rem;font-weight:700}.direction-badge:where(.astro-qwwockgq).incoming{color:#9bc4ff;background:#183153}.direction-badge:where(.astro-qwwockgq).outgoing{color:#a8e7bf;background:#173c2a}.direction-badge:where(.astro-qwwockgq).both{color:#d4b9ff;background:#37234f}.packet-detail:where(.astro-qwwockgq){min-height:30rem;padding:clamp(1rem,3vw,1.65rem)}.packet-detail:where(.astro-qwwockgq) article:where(.astro-qwwockgq)[hidden]{display:none}.detail-topline:where(.astro-qwwockgq){flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.detail-id:where(.astro-qwwockgq){border:1px solid var(--sl-color-accent);border-radius:.25rem;padding:.27rem .5rem}.detail-category:where(.astro-qwwockgq){color:var(--sl-color-gray-3);font-size:.75rem}.packet-detail:where(.astro-qwwockgq) h2:where(.astro-qwwockgq){color:var(--sl-color-white);overflow-wrap:anywhere;margin:.75rem 0 .5rem;font-size:clamp(1.35rem,3vw,2rem)}.packet-detail:where(.astro-qwwockgq) h2:where(.astro-qwwockgq):focus{outline:2px solid var(--sl-color-accent);outline-offset:.2rem}.packet-description:where(.astro-qwwockgq){color:var(--sl-color-gray-2)}.packet-facts:where(.astro-qwwockgq){grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.4rem 0 1.8rem;display:grid}.packet-facts:where(.astro-qwwockgq)>div:where(.astro-qwwockgq){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);border-radius:.35rem;padding:.75rem}.packet-facts:where(.astro-qwwockgq) span:where(.astro-qwwockgq){color:var(--sl-color-gray-3);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;display:block}.packet-facts:where(.astro-qwwockgq) strong:where(.astro-qwwockgq),.packet-facts:where(.astro-qwwockgq) a:where(.astro-qwwockgq){color:var(--sl-color-white);overflow-wrap:anywhere;margin-top:.2rem;font-size:.85rem;font-weight:600;display:block}.packet-facts:where(.astro-qwwockgq) a:where(.astro-qwwockgq){color:var(--sl-color-accent-high)}.packet-detail:where(.astro-qwwockgq) h3:where(.astro-qwwockgq){color:var(--sl-color-white);margin:1.4rem 0 .7rem;font-size:1.12rem}.packet-detail:where(.astro-qwwockgq) h4:where(.astro-qwwockgq){color:var(--sl-color-gray-1);margin:1rem 0 .25rem;font-size:.88rem}.table-scroll:where(.astro-qwwockgq){overflow-x:auto}.packet-detail:where(.astro-qwwockgq) table:where(.astro-qwwockgq){border-collapse:collapse;width:100%;font-size:.78rem}.packet-detail:where(.astro-qwwockgq) th:where(.astro-qwwockgq){text-align:left;color:var(--sl-color-gray-2);background:var(--sl-color-black)}.packet-detail:where(.astro-qwwockgq) th:where(.astro-qwwockgq),.packet-detail:where(.astro-qwwockgq) td:where(.astro-qwwockgq){border-bottom:1px solid var(--sl-color-gray-5);vertical-align:top;padding:.65rem .55rem}.packet-detail:where(.astro-qwwockgq) td:where(.astro-qwwockgq){color:var(--sl-color-gray-1)}.packet-detail:where(.astro-qwwockgq) td:where(.astro-qwwockgq):last-child{color:var(--sl-color-gray-2);min-width:10rem}.packet-detail:where(.astro-qwwockgq) td:where(.astro-qwwockgq) code:where(.astro-qwwockgq){color:var(--sl-color-accent-high);white-space:nowrap}.packet-notes:where(.astro-qwwockgq) p:where(.astro-qwwockgq){color:var(--sl-color-gray-2);margin:.25rem 0;line-height:1.6}#packet-empty:where(.astro-qwwockgq),#detail-empty:where(.astro-qwwockgq){color:var(--sl-color-gray-3);padding:1rem}.type-legend:where(.astro-qwwockgq){margin-top:1rem;padding:1rem 1.2rem}.type-legend:where(.astro-qwwockgq) summary:where(.astro-qwwockgq){cursor:pointer;color:var(--sl-color-accent-high);font-weight:700}.legend-grid:where(.astro-qwwockgq){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;margin-top:1rem;display:grid}.legend-grid:where(.astro-qwwockgq) h2:where(.astro-qwwockgq){color:var(--sl-color-white);margin:0 0 .4rem;font-size:.95rem}.legend-grid:where(.astro-qwwockgq) dl:where(.astro-qwwockgq){grid-template-columns:auto 1fr;gap:.4rem .8rem;margin:0;font-size:.78rem;display:grid}.legend-grid:where(.astro-qwwockgq) dt:where(.astro-qwwockgq){color:var(--sl-color-accent-high)}.legend-grid:where(.astro-qwwockgq) dd:where(.astro-qwwockgq){color:var(--sl-color-gray-2);margin:0}.packets-page:where(.astro-qwwockgq) :where(.astro-qwwockgq):is(button,input,select,summary,a):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}@media (width<=50rem){.packet-workspace:where(.astro-qwwockgq){grid-template-columns:1fr}.packet-browser:where(.astro-qwwockgq){position:static}.packet-list:where(.astro-qwwockgq){max-height:18rem}.packet-facts:where(.astro-qwwockgq){grid-template-columns:1fr}}@media (width<=34rem){.select-filters:where(.astro-qwwockgq),.legend-grid:where(.astro-qwwockgq){grid-template-columns:1fr}}