.osi-guide .es-card{min-width:0}.osi-guide .es-card img{width:100px;height:100px;object-fit:cover;border-radius:8px;float:right;margin:0 0 .7rem .8rem}.osi-guide .es-card::after{content:"";display:block;clear:both}.osi-guide .osi-kicker{font-size:.85em;font-weight:700;letter-spacing:.03em;color:#315368}.osi-guide .osi-flow{list-style:none;padding:0;display:grid;gap:.7rem;margin:1.2rem 0}.osi-guide .osi-flow li{padding:1rem 1.2rem;border:1px solid #b8d1d8;border-left:5px solid #006b77;border-radius:6px;background:#f5fafb}.osi-guide .osi-flow strong{display:block;color:#12324b}.osi-guide .osi-stack{padding:1rem;border:1px solid #b8d1d8;border-radius:8px;background:#f5fafb}.osi-guide .osi-stack p{margin:.35rem 0;padding:.5rem .7rem;background:#e3f0f2;color:#12324b}.osi-guide .osi-stack h3{margin-top:0}.osi-guide .osi-diagram{margin:1.5rem 0;padding:1rem;border:1px solid #b8d1d8;border-radius:8px;background:#f5fafb;color:#203443}.osi-guide .osi-diagram svg{display:block;width:100%;height:auto;max-width:720px;margin:auto}.osi-guide .osi-diagram figcaption{font-style:normal;font-size:.95em;padding:.75rem 0 0}.osi-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#12324b;color:#fff;padding:1.2rem;border-radius:8px;line-height:1.65}.osi-guide code{font-size:.94em;overflow-wrap:anywhere}.osi-guide .es-table-wrap{margin:1.4rem 0;border-radius:6px}.osi-guide .es-table-wrap:focus-visible{outline:3px solid #007d89;outline-offset:3px}.osi-guide table{min-width:540px}.osi-guide th{background:#e3f0f2;color:#12324b}.osi-guide thead th{background:#12324b;color:#fff}.osi-guide .osi-bytes{font-family:monospace;font-size:1.1em;padding:1rem;background:#12324b;color:#fff;border-radius:8px;overflow-wrap:anywhere}.osi-guide section{scroll-margin-top:3rem}@media(max-width:600px){.osi-guide .es-grid{grid-template-columns:1fr}.osi-guide .es-card img{width:80px;height:80px}.osi-guide .osi-diagram{padding:.6rem}.osi-guide .es-intro{font-size:1.1em}}@media print{.osi-guide .es-nav{display:none}.osi-guide .es-hero{max-width:450px!important}.osi-guide .es-table-wrap{overflow:visible}.osi-guide table{min-width:0}.osi-guide .es-card,.osi-guide .es-example{break-inside:avoid}}

.osi-guide .osi-diagram-scroll{overflow-x:auto}.osi-guide .osi-diagram-scroll svg{min-width:600px}.osi-guide .osi-diagram-scroll:focus-visible{outline:3px solid #007d89;outline-offset:3px}