.tcp-figure { margin:28px 0; padding:22px; border:1px solid var(--line); border-radius:16px; }
.tcp-lanes { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.tcp-lanes ol { padding-left:24px; }
.tcp-lanes li { margin:12px 0; overflow-wrap:anywhere; }
.buffer-flow { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.buffer-flow div { border:1px solid var(--line); border-radius:10px; padding:16px; overflow-wrap:anywhere; }
.tcp-figure figcaption { margin-top:18px; color:var(--muted); }
.hero-actions + p { margin-top:24px; }
.table-wrap td { overflow-wrap:anywhere; }
.code-details > summary { overflow-wrap:anywhere; }
@container lecture (max-width:680px) { .tcp-lanes,.buffer-flow { grid-template-columns:1fr; } }
@media (max-width:680px) { .tcp-lanes,.buffer-flow { grid-template-columns:1fr; } .tcp-figure { padding:16px; } }
@media print { .tcp-lanes { grid-template-columns:1fr 1fr; } .tcp-figure { break-inside:avoid; } }
@media print { .footer { display:none; } .section-top { break-after:avoid; } #sources { font-size:9pt; line-height:1.5; padding:16px 0 0; } #sources table { font-size:8pt; } #sources th,#sources td { padding:7px; } #sources ul { margin-bottom:0; } }
