.packet-journey{--pj-paper:#f5f2ea;--pj-panel:#fff;--pj-ink:#233649;--pj-muted:#516473;--pj-line:#d4d9d7;--pj-icon-bg:#f3f0e8;--pj-accent:#805b2d;--pj-wireless:#7159a3;margin:34px 0;padding:28px;background:var(--pj-paper);border:1px solid #dfdbd0;border-top:3px solid #b49362;border-radius:4px}.packet-journey-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.packet-journey-kicker{display:block;color:var(--pj-accent);font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.brief .packet-journey h3{font:400 26px/1.2 Georgia,serif;letter-spacing:-.02em;color:var(--pj-ink);margin:8px 0 10px}.packet-journey-tag{color:var(--pj-muted);border:1px solid var(--pj-line);padding:4px 8px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.brief-content .packet-journey-caption{max-width:64ch;color:var(--pj-muted);font-size:13px;line-height:1.6;margin-bottom:18px}.packet-journey-pause{display:inline-block;width:15px;height:15px;margin:0;vertical-align:middle;accent-color:var(--pj-accent)}.packet-journey-pause:focus-visible{outline:3px solid var(--pj-accent);outline-offset:3px}.packet-journey-pause-label{display:inline-block;vertical-align:middle;margin:0 0 0 7px;color:var(--pj-muted);font-size:12px;line-height:15px;cursor:pointer}.packet-journey-pause:checked ~ .packet-journey-lanes .packet-journey-signal,.packet-journey-pause:checked ~ .packet-journey-lanes .packet-journey-other-signal{animation-play-state:paused}.packet-journey-lanes{display:grid;gap:10px;margin-top:15px}.packet-journey-lane{background:var(--pj-panel);border:1px solid var(--pj-line);border-radius:3px;padding:17px 20px 15px}.packet-journey-lane-heading{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--pj-ink)}.packet-journey-lane-heading strong{font-weight:750}.packet-journey-lane-heading>span:last-child{margin-left:auto;color:var(--pj-muted);font-size:11px}.packet-journey-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--pj-accent)}.packet-journey-wireless .packet-journey-dot{background:var(--pj-wireless)}.packet-journey-path{display:flex;align-items:flex-start;margin:21px auto 16px;max-width:580px}.packet-journey-node{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 clamp(46px,12%,84px);min-width:0;text-align:center;color:var(--pj-ink);font-size:11px;font-weight:650;line-height:1.25;overflow-wrap:normal;word-break:normal}.packet-journey-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--pj-line);border-radius:50%;background:var(--pj-icon-bg);color:var(--pj-ink)}.packet-journey-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.packet-journey-link{height:2px;position:relative;flex:1;min-width:12px;margin-top:20px;background:#c4cdd0}.packet-journey-link-air,.packet-journey-link-air-last{height:1px;background:repeating-linear-gradient(to right,var(--pj-wireless) 0 4px,transparent 4px 9px)}.packet-journey-signal,.packet-journey-other-signal{position:absolute;top:50%;left:0;width:7px;height:7px;border-radius:50%;background:var(--pj-accent);transform:translate(-50%,-50%);opacity:0;animation:packet-journey-travel 5s ease-in-out infinite}.packet-journey-link-wired-last .packet-journey-signal{animation-delay:1.5s}.packet-journey-wireless .packet-journey-signal{background:var(--pj-wireless);animation-name:packet-journey-wait;animation-duration:6s}.packet-journey-other-signal{background:var(--pj-wireless);animation:packet-journey-other 6s ease-in-out infinite}.packet-journey-link-air-last .packet-journey-signal{animation-name:packet-journey-travel;animation-delay:2.7s}.packet-journey-link-wireless-last .packet-journey-signal{animation-name:packet-journey-travel;animation-delay:4.2s}.brief-content .packet-journey-lane p{font-size:12px;line-height:1.5;color:var(--pj-muted);margin:0}@keyframes packet-journey-travel{0%,8%{left:0;opacity:0}12%{opacity:1}33%{left:100%;opacity:1}36%,100%{left:100%;opacity:0}}@keyframes packet-journey-wait{0%,5%{left:0;opacity:0}8%,37%{left:0;opacity:1}58%{left:100%;opacity:1}61%,100%{left:100%;opacity:0}}@keyframes packet-journey-other{0%{left:0;opacity:0}5%{opacity:.75}30%{left:100%;opacity:.75}33%,100%{left:100%;opacity:0}}:root[data-bs-theme="dark"] .packet-journey{--pj-paper:#1d2c36;--pj-panel:#263844;--pj-ink:#e8eff0;--pj-muted:#c3d2d8;--pj-line:#50616a;--pj-icon-bg:#1a2a34;--pj-accent:#e4c18b;--pj-wireless:#c6acec;border-color:#50616a;border-top-color:#d2ae7b}@media (prefers-color-scheme:dark){:root:not([data-bs-theme="light"]) .packet-journey{--pj-paper:#1d2c36;--pj-panel:#263844;--pj-ink:#e8eff0;--pj-muted:#c3d2d8;--pj-line:#50616a;--pj-icon-bg:#1a2a34;--pj-accent:#e4c18b;--pj-wireless:#c6acec;border-color:#50616a;border-top-color:#d2ae7b}}@media(max-width:600px){.packet-journey{padding:19px 15px}.packet-journey-lane{padding:15px 10px}.packet-journey-lane-heading{flex-wrap:wrap}.packet-journey-lane-heading>span:last-child{font-size:10px}.packet-journey-node{font-size:10px}.packet-journey-icon{width:36px;height:36px}.packet-journey-icon svg{width:20px;height:20px}.packet-journey-link{margin-top:17px}}@media(prefers-reduced-motion:reduce){.packet-journey-signal,.packet-journey-other-signal,.packet-journey-pause,.packet-journey-pause-label{animation:none;display:none}}