/* Local editorial examples: static diagrams, visible without JavaScript. */
.prose .example-diagram{margin:32px 0;padding:24px;background:#f3f7f4;border:1px solid var(--line);border-radius:var(--radius)}
.prose .example-diagram figcaption{margin-top:18px;font-size:.9rem;line-height:1.6;color:var(--muted)}
.example-diagram figcaption strong{color:var(--ink)}
.bridge-example{min-width:0}
.bridge-way-label{margin:0 0 12px;text-align:center;font-size:.95rem;font-weight:700;color:var(--leaf)}
.bridge-scene{position:relative;height:156px;margin:0 8px}
.bridge-deck{position:absolute;top:24px;left:9%;right:9%;height:22px;border:1px solid #8a7158;border-radius:3px;background:var(--apricot)}
.bridge-support{position:absolute;top:46px;bottom:7px;width:18%;border:1px solid #8a7158;border-radius:0 0 3px 3px;background:#f1c49b}
.bridge-support-left{left:12%}.bridge-support-right{right:12%}
.bridge-floor{position:absolute;left:0;right:0;bottom:0;height:8px;border-radius:3px;background:#b7cdc0}
.bridge-labels{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px;padding:12px 9% 0;text-align:center;font-size:.88rem;line-height:1.45}
.bridge-labels>span{min-width:0;overflow-wrap:anywhere}
.bridge-labels>span:nth-child(2){font-weight:700;color:var(--leaf)}
.collage-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.collage-panel{min-width:0}
.collage-scene{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid #b9c9bf;border-radius:8px;background:#fffdf7}
.collage-paper{position:absolute;left:14%;top:17%;width:72%;height:67%;background:var(--leaf);transform:rotate(-5deg)}
.collage-circle{position:absolute;left:36%;top:33%;width:29%;aspect-ratio:1;border:1px solid #dfd3b9;border-radius:50%;background:#fff4c9}
.collage-panel-label{margin:10px 0 0;font-size:.9rem;line-height:1.5;text-align:center}
.prose .craft-example{width:100%;margin:32px 0}
.craft-example img{width:100%;height:auto;border-radius:var(--radius)}
.prose .craft-example figcaption{margin-top:12px;font-size:.88rem;line-height:1.6;color:var(--muted)}
.prose ol.craft-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-left:0;list-style-position:inside;margin:24px 0 32px}
.craft-steps>li{min-width:0;margin:0;padding:18px;background:#edf7f9;border:1px solid var(--line);border-radius:12px;font-size:.95rem;line-height:1.6}
.craft-steps>li::marker{color:var(--leaf);font-weight:700}
.craft-steps strong{font-weight:700}.craft-steps p{margin:8px 0 0}.craft-steps span{display:block;margin-top:8px}
@media(max-width:600px){.prose .example-diagram{padding:18px}.bridge-scene{height:130px;margin-inline:0}.bridge-labels{gap:6px;padding-inline:4%;font-size:.82rem}.collage-example{grid-template-columns:minmax(0,1fr);gap:22px}.collage-scene{max-width:360px;margin-inline:auto}.prose ol.craft-steps{grid-template-columns:minmax(0,1fr);gap:12px}.craft-steps>li{padding:16px 18px}.prose .craft-example figcaption{font-size:.85rem}}