.address-figure{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.address-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.address-step{position:relative;padding:18px;background:var(--paper,#fff);border:1px solid var(--line);border-radius:12px;font-size:15px;overflow-wrap:anywhere}.address-step:not(:last-child):after{content:"→";position:absolute;left:100%;width:24px;top:40%;text-align:center;color:var(--blue)}.address-figure figcaption{font-size:13px;color:var(--muted);margin-top:20px}.byte-row,.hostent-map{display:grid;gap:16px;overflow-wrap:anywhere}.byte-row code{display:inline-block;word-spacing:8px;font-size:16px}.hostent-map>div{padding:12px;background:var(--paper,#fff);border-radius:10px}.hostent-map code{overflow-wrap:anywhere}@container lecture (max-width:650px){.address-flow{grid-template-columns:1fr}.address-step:not(:last-child):after{content:"↓";top:100%;left:calc(50% - 12px);height:24px}}@media(max-width:760px){.address-flow{grid-template-columns:1fr}.address-step:not(:last-child):after{content:"↓";top:100%;left:calc(50% - 12px);height:24px}.address-figure{padding:18px}}@media print{.address-figure{break-inside:avoid}.address-step:after{display:none}}