#segmentation-example{margin-top:32px;scroll-margin-top:110px} .seg-example .seg-diagram{margin:24px 0;padding:24px;border:1px solid var(--line,#333);border-radius:12px;background:var(--surface,#111)} .seg-example .seg-diagram figcaption{font-weight:600;margin-bottom:20px} .seg-example .seg-diagram ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;gap:24px;margin:0 0 20px} .seg-example .seg-diagram li{position:relative;min-width:0;margin:0;padding:16px 10px;border:1px solid var(--line,#333);border-radius:8px} .seg-example .seg-diagram li:not(:last-child):after{content:'→';position:absolute;right:-20px;top:30%} .seg-example .seg-diagram strong,.seg-example .seg-diagram span{display:block;overflow-wrap:anywhere} .seg-example .seg-diagram span{font-size:13px;margin-top:8px;color:var(--muted,#aaa)} .seg-example .seg-table{overflow:auto;border:1px solid var(--line,#333);border-radius:10px;margin:20px 0;max-width:100%} .seg-example table{width:100%;min-width:660px;table-layout:fixed;border-collapse:collapse} .seg-example th,.seg-example td{white-space:normal;overflow-wrap:anywhere;vertical-align:top;padding:14px;text-align:left;border-bottom:1px solid var(--line,#333)} .seg-example caption{text-align:left;padding:14px;font-size:13px;color:var(--muted,#aaa)} @media(max-width:700px){.seg-example .seg-diagram ol{grid-template-columns:1fr}.seg-example .seg-diagram li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-25px}.seg-example .seg-diagram{padding:16px}}