.osi-seven-layer-figure[data-astro-cid-za4z7dlt]{--application-color:#0ea5e9;--transport-color:#0f9f8f;--network-color:#8b5cf6;--link-color:#d97706;--physical-color:#e11d48;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;margin:0 0 2rem;overflow:hidden}svg[data-astro-cid-za4z7dlt]{width:100%;height:auto;display:block}rect[data-astro-cid-za4z7dlt],path[data-astro-cid-za4z7dlt],circle[data-astro-cid-za4z7dlt]{vector-effect:non-scaling-stroke}.diagram-kicker[data-astro-cid-za4z7dlt],.layer-name[data-astro-cid-za4z7dlt],.layer-protocols[data-astro-cid-za4z7dlt],.transition-copy[data-astro-cid-za4z7dlt],.pdu-label[data-astro-cid-za4z7dlt],.pdu-value[data-astro-cid-za4z7dlt]{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.mobile-protocols[data-astro-cid-za4z7dlt],.mobile-transition-copy[data-astro-cid-za4z7dlt]{display:none}.diagram-kicker[data-astro-cid-za4z7dlt]{fill:var(--text-tertiary);letter-spacing:.12em;font-size:12px;font-weight:700}.flow-line-base[data-astro-cid-za4z7dlt],.flow-line-progress[data-astro-cid-za4z7dlt]{fill:none;stroke-width:3px}.flow-line-base[data-astro-cid-za4z7dlt]{stroke:color-mix(in srgb, var(--text-tertiary) 30%, var(--border-color))}.flow-line-progress[data-astro-cid-za4z7dlt]{stroke:var(--application-color);stroke-dasharray:1256;stroke-dashoffset:1256px;animation:3.6s ease-out forwards paused osi-flow-progress}#osi-down-arrow[data-astro-cid-za4z7dlt] path[data-astro-cid-za4z7dlt]{fill:var(--application-color)}.osi-layer[data-astro-cid-za4z7dlt]{animation:.42s ease-out both paused osi-layer-enter}.transition-note[data-astro-cid-za4z7dlt]{animation:.34s ease-out both paused osi-transition-enter}.transition-7-6[data-astro-cid-za4z7dlt]{animation-delay:.12s}.layer-6[data-astro-cid-za4z7dlt]{animation-delay:.24s}.transition-6-5[data-astro-cid-za4z7dlt]{animation-delay:.36s}.layer-5[data-astro-cid-za4z7dlt]{animation-delay:.48s}.transition-5-4[data-astro-cid-za4z7dlt]{animation-delay:.6s}.layer-4[data-astro-cid-za4z7dlt]{animation-delay:.72s}.transition-4-3[data-astro-cid-za4z7dlt]{animation-delay:.84s}.layer-3[data-astro-cid-za4z7dlt]{animation-delay:.96s}.transition-3-2[data-astro-cid-za4z7dlt]{animation-delay:1.08s}.layer-2[data-astro-cid-za4z7dlt]{animation-delay:1.2s}.transition-2-1[data-astro-cid-za4z7dlt]{animation-delay:1.32s}.layer-1[data-astro-cid-za4z7dlt]{animation-delay:1.44s}.osi-seven-layer-figure[data-astro-cid-za4z7dlt].is-active .flow-line-progress[data-astro-cid-za4z7dlt],.osi-seven-layer-figure[data-astro-cid-za4z7dlt].is-active .osi-layer[data-astro-cid-za4z7dlt],.osi-seven-layer-figure[data-astro-cid-za4z7dlt].is-active .transition-note[data-astro-cid-za4z7dlt]{animation-play-state:running}.layer-shell[data-astro-cid-za4z7dlt]{fill:var(--bg-primary);stroke:var(--border-color);stroke-width:1.25px}.layer-accent[data-astro-cid-za4z7dlt],.layer-number-shell[data-astro-cid-za4z7dlt]{fill:var(--application-color)}.transport-group[data-astro-cid-za4z7dlt] .layer-accent[data-astro-cid-za4z7dlt],.transport-group[data-astro-cid-za4z7dlt] .layer-number-shell[data-astro-cid-za4z7dlt]{fill:var(--transport-color)}.network-group[data-astro-cid-za4z7dlt] .layer-accent[data-astro-cid-za4z7dlt],.network-group[data-astro-cid-za4z7dlt] .layer-number-shell[data-astro-cid-za4z7dlt]{fill:var(--network-color)}.link-group[data-astro-cid-za4z7dlt] .layer-accent[data-astro-cid-za4z7dlt],.link-group[data-astro-cid-za4z7dlt] .layer-number-shell[data-astro-cid-za4z7dlt]{fill:var(--link-color)}.physical-group[data-astro-cid-za4z7dlt] .layer-accent[data-astro-cid-za4z7dlt],.physical-group[data-astro-cid-za4z7dlt] .layer-number-shell[data-astro-cid-za4z7dlt]{fill:var(--physical-color)}.layer-number[data-astro-cid-za4z7dlt]{fill:var(--bg-primary);font-size:20px;font-weight:800}.layer-title[data-astro-cid-za4z7dlt]{fill:var(--text-primary);font-size:19px;font-weight:780}.layer-name[data-astro-cid-za4z7dlt],.pdu-label[data-astro-cid-za4z7dlt]{fill:var(--text-tertiary);font-size:11px;font-weight:700}.layer-duty[data-astro-cid-za4z7dlt]{fill:var(--text-primary);font-size:15px;font-weight:680}.layer-protocols[data-astro-cid-za4z7dlt]{fill:var(--text-secondary);font-size:12px;font-weight:650}.transition-title[data-astro-cid-za4z7dlt]{fill:var(--text-primary);font-size:12px;font-weight:700}.transition-copy[data-astro-cid-za4z7dlt]{fill:var(--text-tertiary);font-size:10px;font-weight:600}.pdu-value[data-astro-cid-za4z7dlt]{fill:var(--text-primary);font-size:12px;font-weight:800}.flow-caption[data-astro-cid-za4z7dlt]{fill:var(--text-tertiary);font-size:13px;font-weight:650}figcaption[data-astro-cid-za4z7dlt]{color:var(--text-tertiary);border-top:1px solid var(--border-color);padding:.85rem 1rem;font-size:.78rem}@keyframes osi-flow-progress{to{stroke-dashoffset:0}}@keyframes osi-layer-enter{0%{opacity:.45;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes osi-transition-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (width<=520px){.diagram-kicker[data-astro-cid-za4z7dlt]{display:none}.layer-title[data-astro-cid-za4z7dlt]{font-size:27px}.layer-name[data-astro-cid-za4z7dlt],.pdu-label[data-astro-cid-za4z7dlt]{font-size:16px}.layer-duty[data-astro-cid-za4z7dlt]{font-size:21px}.layer-protocols[data-astro-cid-za4z7dlt]{font-size:20px}.transition-title[data-astro-cid-za4z7dlt]{font-size:18px}.transition-copy[data-astro-cid-za4z7dlt]{font-size:16px}.layer-number[data-astro-cid-za4z7dlt]{font-size:27px}.flow-caption[data-astro-cid-za4z7dlt]{font-size:18px}.desktop-protocols[data-astro-cid-za4z7dlt],.desktop-transition-copy[data-astro-cid-za4z7dlt],.pdu-label[data-astro-cid-za4z7dlt],.pdu-value[data-astro-cid-za4z7dlt]{display:none}.mobile-protocols[data-astro-cid-za4z7dlt],.mobile-transition-copy[data-astro-cid-za4z7dlt]{display:initial}}@media (prefers-reduced-motion:reduce){.flow-line-progress[data-astro-cid-za4z7dlt],.osi-layer[data-astro-cid-za4z7dlt],.transition-note[data-astro-cid-za4z7dlt]{animation:none!important}.flow-line-progress[data-astro-cid-za4z7dlt]{stroke-dashoffset:0}}