.pp{--pp-data:var(--semantic-data,var(--chapter-accent));--pp-flow:var(--semantic-flow,var(--chapter-accent));--pp-ok:var(--semantic-success,var(--chapter-accent));--pp-quiet:var(--ink-soft);color:var(--ink);background:var(--paper);border:.0625rem solid var(--line);border-radius:.75rem;margin-block:1.5rem;padding:1.25rem;container-type:inline-size}.pp .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.pp>figcaption{gap:.25rem;margin-bottom:1rem;display:grid}.pp>figcaption strong{font-size:1.1rem}.pp>figcaption span{color:var(--ink-soft);font-size:.9rem}.pp__calc{flex-wrap:wrap;align-items:end;gap:.6rem 1rem;margin-bottom:.9rem;display:flex}.pp__calc[hidden]{display:none}.pp__calc label{gap:.25rem;font-size:.9rem;display:grid}.pp__calc input{border:.0625rem solid var(--pp-data);background:var(--paper);width:9ch;min-height:2.75rem;color:var(--ink);font:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;border-radius:.5rem;padding:.4rem .6rem}.pp__calc input[aria-invalid=true]{border-color:var(--semantic-danger,var(--danger))}.pp__segmented{border:.0625rem solid var(--line);border-radius:.5rem;display:inline-flex;overflow:hidden}.pp__segmented button,.pp__calc>button,.pp__controls button{background:var(--paper);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;border:0;padding:.35rem .85rem;font-size:.9rem}.pp__calc>button,.pp__controls button{border:.0625rem solid var(--line);border-radius:.5rem}.pp__segmented button[aria-pressed=true]{background:color-mix(in oklch, var(--pp-data) 14%, var(--paper));box-shadow:inset 0 -.2rem var(--pp-data);font-weight:700}.pp__strip{flex-wrap:wrap;gap:.35rem;display:flex}.pp__part{--part:var(--ink-soft);text-align:center;border:.125rem solid var(--part);background:color-mix(in oklch, var(--part) 8%, var(--paper));border-radius:.35rem;flex:5.25rem;gap:.1rem;min-width:0;padding:.45rem .55rem;display:grid}.pp__part[hidden]{display:none}.pp__part strong{font-size:.75rem;line-height:1.2}.pp__part b{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;font-size:.9rem}.pp__part[data-part=ethernet],.pp__part[data-part=fcs]{--part:var(--pp-flow)}.pp__part[data-part=ip]{--part:var(--pp-data)}.pp__part[data-part=transport]{--part:var(--pp-ok)}.pp__part[data-part=data]{--part:var(--ink);flex:2 7rem}.pp__part[data-part=padding]{border-style:dashed}.pp__part.is-fresh{box-shadow:0 0 0 .2rem color-mix(in oklch, var(--part) 28%, transparent)}.pp__sizes,.pp__now{margin:.75rem 0 0;font-size:.9rem}.pp__now{color:var(--ink-soft);font-variant-numeric:tabular-nums}.pp__now[hidden]{display:none}.pp__side{margin-top:1.1rem}.pp__side h4{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .35rem;font-size:.8rem}.pp__side ol{margin:0;padding:0;list-style:none}.pp__step{--zone:var(--ink-soft);grid-template-columns:1.9rem minmax(0,1fr);gap:.65rem;margin:0;padding:.55rem .5rem .55rem 0;transition:opacity .15s;display:grid;position:relative}.pp__step:before{background:var(--line);content:"";width:.125rem;position:absolute;top:2.2rem;bottom:-.1rem;left:.85rem}.pp__side li:last-child:before{display:none}.pp__step[data-zone=user]{--zone:var(--pp-data)}.pp__step[data-zone=kernel]{--zone:var(--pp-flow)}.pp__step[data-zone=hardware]{--zone:var(--pp-ok)}.pp__badge{border:.125rem solid var(--zone);background:var(--paper);font-variant-numeric:tabular-nums;z-index:1;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.75rem;display:grid}.pp__step p{margin:0}.pp__title{flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;font-size:.95rem;display:flex}.pp__zone{border:.0625rem solid var(--zone);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:.25rem;padding:.05rem .4rem;font-size:.7rem}.pp__caption{margin-top:.25rem;font-size:.88rem;line-height:1.45}.pp__step[data-state=todo]{opacity:.42}.pp__step[data-state=active]{background:color-mix(in oklch, var(--zone) 8%, var(--paper));box-shadow:inset .2rem 0 var(--zone);margin-left:-.5rem;padding-left:.5rem}.pp__controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.pp__controls[hidden]{display:none}.pp__controls button:disabled{opacity:.55;cursor:default}.pp__counter{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-left:.25rem;font-size:.85rem}.pp__note{color:var(--ink-soft);margin:.5rem 0 0;font-size:.8rem}.pp__table-wrap{max-width:100%;margin-top:1.1rem;overflow-x:auto}.pp__layers{border-collapse:collapse;width:100%;font-size:.85rem}.pp__layers caption{color:var(--ink-soft);text-align:left;padding-bottom:.4rem;font-size:.8rem}.pp__layers th,.pp__layers td{border:.0625rem solid var(--line);text-align:left;vertical-align:top;padding:.4rem .5rem}.pp__layers th small{color:var(--ink-soft);margin-top:.1rem;font-size:.75rem;font-weight:400;display:block}.pp__layers thead th{background:color-mix(in oklch, var(--pp-data) 7%, var(--paper))}.pp__layers tr.is-current>*{background:color-mix(in oklch, var(--pp-flow) 14%, var(--paper));box-shadow:inset 0 -.125rem var(--pp-flow)}.pp button:focus-visible,.pp input:focus-visible{outline:.15rem solid var(--pp-data);outline-offset:.15rem}html[data-academy-semantic=off] .pp{--pp-data:var(--ink);--pp-flow:var(--ink);--pp-ok:var(--ink)}@container (width<=30rem){.pp__part{flex-basis:40%}.pp__part[data-part=data]{flex-basis:100%}}@media (width<=34rem){.pp{padding:.75rem}}@media print{.pp{break-inside:avoid}.pp__calc,.pp__controls,.pp__note:not(:last-child){display:none!important}.pp__step{opacity:1!important}.pp__step[data-state=active]{box-shadow:none;background:0 0}}@media (prefers-reduced-motion:reduce){.pp__step{transition:none}}.tl{--tl-data:var(--semantic-data,var(--chapter-accent));--tl-flow:var(--semantic-flow,var(--chapter-accent));--tl-ok:var(--semantic-success,var(--chapter-accent));--tl-warn:var(--semantic-warn,var(--chapter-accent));--tl-bad:var(--semantic-danger,var(--danger));color:var(--ink);background:var(--paper);border:.0625rem solid var(--line);border-radius:.75rem;margin-block:1.5rem;padding:1.25rem;container-type:inline-size}.tl .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.tl>figcaption{gap:.25rem;margin-bottom:1rem;display:grid}.tl>figcaption strong{font-size:1.1rem}.tl>figcaption span{color:var(--ink-soft);font-size:.9rem}.tl__controls{flex-wrap:wrap;align-items:end;gap:.75rem 1.25rem;margin-bottom:1rem;display:flex}.tl__controls[hidden]{display:none}.tl__controls fieldset{border:0;min-width:0;margin:0;padding:0}.tl__controls legend{padding:0 0 .25rem;font-size:.9rem;font-weight:700}.tl__toggles{flex-wrap:wrap;gap:.35rem;display:flex}.tl__controls button{border:.0625rem solid var(--line);background:var(--paper);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:.5rem;padding:.35rem .75rem;font-size:.88rem}.tl__controls button[aria-pressed=true][data-tl-toggle]{border:.125rem solid var(--tl-bad);background:color-mix(in oklch, var(--tl-bad) 9%, var(--paper));font-weight:700}.tl__controls button:disabled{opacity:.55;cursor:default}.tl__controls label{gap:.25rem;font-size:.9rem;display:grid}.tl__controls input[type=number]{border:.0625rem solid var(--tl-data);background:var(--paper);width:7ch;min-height:2.75rem;color:var(--ink);font:inherit;font-family:var(--font-mono,ui-monospace, monospace);border-radius:.5rem;padding:.4rem .6rem}.tl__controls input[aria-invalid=true]{border-color:var(--tl-bad)}.tl__time input{width:min(16rem,60cqw);min-height:2.75rem;accent-color:var(--tl-data)}.tl__time output{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.85rem}.tl__buttons{gap:.4rem;display:flex}.tl__proto{margin-top:1rem}.tl__proto h4{gap:.1rem;margin:0 0 .35rem;font-size:1rem;display:grid}.tl__proto h4 span{color:var(--ink-soft);font-size:.85rem;font-weight:400}.tl__scroll{max-width:100%;overflow-x:auto}.tl__table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:22rem;font-size:.8rem}.tl__table th,.tl__table td{text-align:center;border-bottom:.0625rem solid var(--line);padding:.2rem .1rem}.tl__table thead th{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:400}.tl__table thead th:first-child,.tl__table tbody th{text-align:left;width:5.6rem;padding-right:.4rem;font-size:.78rem;font-weight:700}.tl__table tbody td{height:2.1rem}.tl__cell.is-future,.tl__tick.is-future{opacity:.3}.tl__chip{--chip:var(--ink);border:.125rem solid var(--chip);background:var(--paper);min-width:1.5rem;height:1.5rem;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;padding:0 .25rem;font-size:.75rem;line-height:1;display:inline-grid}.tl__chip i{margin-left:.05rem;font-size:.7rem;font-style:normal}.tl__chip[data-kind=lost]{--chip:var(--tl-bad);background:color-mix(in oklch, var(--tl-bad) 10%, var(--paper))}.tl__chip[data-kind=resent]{--chip:var(--tl-warn);background:color-mix(in oklch, var(--tl-warn) 12%, var(--paper))}.tl__chip[data-kind=arrive]{--chip:var(--tl-data)}.tl__chip[data-kind=held]{--chip:var(--ink-soft);border-style:dashed}.tl__chip[data-kind=deliver]{--chip:var(--tl-ok);background:color-mix(in oklch, var(--tl-ok) 12%, var(--paper))}.tl__legend{color:var(--ink-soft);flex-wrap:wrap;gap:.4rem 1rem;margin:1rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.tl__legend li{align-items:center;gap:.35rem;margin:0;display:inline-flex}.tl__summary{margin:.9rem 0 0;font-size:.92rem;line-height:1.5}.tl__note{color:var(--ink-soft);margin:.5rem 0 0;font-size:.82rem}.tl__headers{margin-top:1.1rem}.tl__headers summary{cursor:pointer;font-weight:700}.tl__header-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin-top:.75rem;display:grid}.tl__header h5{margin:0 0 .35rem;font-size:.9rem}.tl__header-row{grid-template-columns:repeat(32,minmax(0,1fr));margin-top:-.0625rem;display:grid}.tl__header-row span{border:.0625rem solid var(--tl-data);background:color-mix(in oklch, var(--tl-data) 6%, var(--paper));text-align:center;overflow-wrap:anywhere;align-content:center;justify-items:center;gap:.1rem;min-height:2.6rem;padding:.25rem .15rem;display:grid}.tl__header[data-header=udp] .tl__header-row span{border-color:var(--tl-ok);background:color-mix(in oklch, var(--tl-ok) 6%, var(--paper))}.tl__header-row strong{font-size:.72rem;line-height:1.15}.tl__header-row small{color:var(--ink-soft);font-size:.68rem}.tl__header-row--options span{background:0 0;border-style:dashed}.tl__fields{grid-template-columns:minmax(7rem,max-content) minmax(0,1fr);gap:.3rem 1rem;margin:1rem 0 0;font-size:.85rem;display:grid}.tl__fields dt{font-weight:700}.tl__fields dd{margin:0}.tl button:focus-visible,.tl input:focus-visible,.tl summary:focus-visible{outline:.15rem solid var(--tl-data);outline-offset:.15rem}html[data-academy-semantic=off] .tl{--tl-data:var(--ink);--tl-flow:var(--ink);--tl-ok:var(--ink);--tl-warn:var(--ink);--tl-bad:var(--ink)}@container (width<=32rem){.tl__fields{grid-template-columns:minmax(0,1fr)}.tl__fields dd{margin-bottom:.35rem}}@media (width<=34rem){.tl{padding:.75rem}.tl__table{min-width:0}.tl__table thead th:first-child,.tl__table tbody th{width:3.7rem;padding-right:.2rem;font-size:.72rem}.tl__chip{min-width:1.35rem;height:1.35rem;padding:0 .15rem;font-size:.68rem}.tl__chip i{font-size:.6rem}.tl__header-row span{padding:.2rem .05rem}.tl__header-row strong{font-size:.62rem}}@media print{.tl{break-inside:avoid}.tl__controls{display:none!important}.tl__cell.is-future,.tl__tick.is-future{opacity:1}}.ss{--ss-app:var(--semantic-data,var(--chapter-accent));--ss-sec:var(--semantic-flow,var(--chapter-accent));--ss-tr:var(--semantic-success,var(--chapter-accent));--ss-net:var(--ink-soft);color:var(--ink);background:var(--paper);border:.0625rem solid var(--line);border-radius:.75rem;margin-block:1.5rem;padding:1.25rem;container-type:inline-size}.ss>figcaption{gap:.25rem;margin-bottom:1rem;display:grid}.ss>figcaption strong{font-size:1.1rem}.ss>figcaption span{color:var(--ink-soft);font-size:.9rem}.ss__stacks{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.ss__stack h4,.ss__subtitle{margin:0 0 .4rem;font-size:.95rem}.ss__subtitle{margin-top:1.4rem}.ss__stack ol{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.ss li{--g:var(--ss-app);margin:0}.ss li[data-group=security]{--g:var(--ss-sec)}.ss li[data-group=transport]{--g:var(--ss-tr)}.ss li[data-group=network]{--g:var(--ss-net)}.ss__stack button{text-align:left;border:.0625rem solid var(--line);border-left:.35rem solid var(--g);background:color-mix(in oklch, var(--g) 6%, var(--paper));width:100%;min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:.35rem;padding:.4rem .7rem;font-size:.9rem}.ss__terms{grid-template-columns:minmax(8rem,max-content) minmax(0,1fr);gap:.15rem .9rem;margin:1rem 0 0;font-size:.86rem;display:grid}.ss__terms dt{padding:.2rem .35rem;font-weight:700}.ss__terms dt span{color:var(--ink-soft);font-size:.72rem;font-weight:400;display:block}.ss__terms dd{margin:0;padding:.2rem .35rem;line-height:1.45}.ss__terms .is-picked{background:color-mix(in oklch, var(--ss-sec) 12%, var(--paper));box-shadow:inset .2rem 0 var(--ss-sec)}.ss__key{color:var(--ink-soft);flex-wrap:wrap;gap:.3rem 1rem;margin:.9rem 0 0;padding:0;font-size:.78rem;list-style:none;display:flex}.ss__key li{border-left:.35rem solid var(--g);padding-left:.5rem}.ss__packet{flex-wrap:wrap;gap:.25rem;display:flex}.ss__packet button{--p:var(--ss-net);text-align:center;border:.125rem solid var(--p);background:color-mix(in oklch, var(--p) 7%, var(--paper));min-height:4.5rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:.35rem;flex-basis:6.5rem;align-content:center;gap:.1rem;padding:.4rem .45rem;display:grid}.ss__packet button[data-protection=masked]{--p:var(--semantic-warn,var(--chapter-accent));border-style:dashed}.ss__packet button[data-protection=sealed]{--p:var(--ss-sec)}.ss__packet strong{font-size:.8rem;line-height:1.2}.ss__packet small{color:var(--ink-soft);font-size:.72rem}.ss__packet em{color:var(--ink);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-style:normal}.ss__packet .is-picked,.ss__stack .is-picked{outline:.15rem solid var(--ss-sec);outline-offset:.1rem}.ss__note{color:var(--ink-soft);margin:.8rem 0 0;font-size:.8rem}.ss button:focus-visible{outline:.15rem solid var(--ss-app);outline-offset:.15rem}html[data-academy-semantic=off] .ss{--ss-app:var(--ink);--ss-sec:var(--ink);--ss-tr:var(--ink)}@container (width<=22rem){.ss__stacks{grid-template-columns:minmax(0,1fr)}}@container (width<=34rem){.ss__stack button{padding:.35rem .5rem;font-size:.82rem}.ss__terms{grid-template-columns:minmax(0,1fr)}.ss__terms dd{margin-bottom:.4rem}}@media (width<=34rem){.ss{padding:.75rem}}@media print{.ss{break-inside:avoid}.ss .is-picked{box-shadow:none;background:0 0;outline:none}}