body .jt-mc-example[data-post="7347"] .field-diagram{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}body .jt-mc-example[data-post="7347"] .field-surface{height:240px;border:2px solid var(--mc-ink);background:repeating-linear-gradient(45deg,transparent 0 14px,color-mix(in srgb,var(--mc-ink) 10%,transparent) 14px 15px);position:relative}body .jt-mc-example[data-post="7347"] .field-surface i{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--mc-ink);left:18%;top:24%}body .jt-mc-example[data-post="7347"] .field-surface i:nth-child(2){left:62%;top:28%;width:16px;height:16px}body .jt-mc-example[data-post="7347"] .field-surface i:nth-child(3){left:48%;top:68%;width:20px;height:20px}body .jt-mc-example[data-post="7347"] .field-surface i:nth-child(4){left:80%;top:55%;width:12px;height:12px}body .jt-mc-example[data-post="7347"] .field-surface span{position:absolute;width:72px;height:72px;border:2px solid var(--mc-ink);border-radius:50%;left:calc(18% - 24px);top:calc(24% - 24px)}body .jt-mc-example[data-post="7347"] figcaption{font-size:14px;line-height:1.5;padding-top:10px}body .jt-mc-example[data-post="7347"] .field-labels{display:grid;gap:24px}body .jt-mc-example[data-post="7347"] .field-labels span{font-size:12px;letter-spacing:.08em;font-weight:600;display:block;margin-bottom:8px}body .jt-mc-example[data-post="7347"] .field-labels>div+div{border-top:1px solid var(--mc-ink);padding-top:20px}body .jt-mc-example[data-post="7347"] .field-follow{margin-top:24px}@container jt-mc (max-width:570px){body .jt-mc-example[data-post="7347"] .field-diagram{grid-template-columns:1fr}body .jt-mc-example[data-post="7347"] .field-surface{height:180px}}