.concept-visual-intro{margin:15px 0 5px}.concept-visual-intro h2{font-size:24px;margin:8px 0 12px}.concept-visual-intro p{font-size:15px;line-height:1.9;color:#58704f;max-width:800px}.concept-visual-observe{margin:-18px 0 30px;font-size:14px;line-height:1.9;color:#425f46;padding:16px 20px;background:#edf2e3;border-left:3px solid #86a16e}.concept-illustration{margin:20px 0 36px;padding:27px;border:1px solid #cfdbc3;background:#fffefa;border-radius:12px}.concept-illustration figcaption h2{font-size:24px;line-height:1.5;margin:8px 0 14px}.concept-illustration figcaption p{font-size:15px;color:#586d51;line-height:1.9;margin-bottom:25px}.illustration-flow{display:flex;align-items:stretch;gap:10px}.illustration-panel{flex:1;min-width:0;padding:20px 16px;background:#edf3e5;border:1px solid #d3e0c6;border-radius:8px}.illustration-panel h3{font-size:17px;line-height:1.5;margin:8px 0 13px;overflow-wrap:anywhere}.illustration-panel p{font-size:13px;line-height:1.85;color:#536b4c;overflow-wrap:anywhere}.illustration-panel ul{padding-left:17px;font-size:12px;line-height:1.9;color:#52684a;margin-top:12px}.illustration-panel.is-emphasis{background:#e0ebd1;border-color:#a5bd8e}.illustration-step{font-size:10px;color:#6d825d;letter-spacing:.4px}.illustration-value{display:block;font-size:23px;line-height:1.5;margin:10px 0;color:#2f5e3d;overflow-wrap:anywhere}.illustration-arrow{display:flex;align-items:center;justify-content:center;color:#92a27e;font-size:23px;flex:none}.illustration-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.illustration-compare>.illustration-panel:nth-child(2n){background:#f5ece0;border-color:#e0cdb6}.illustration-compare>.illustration-panel:nth-child(2n) .illustration-step{color:#97784f}.illustration-nest{padding:20px 24px;border:1px solid #8ba677;border-radius:10px;background:#ecf2e2}.illustration-nest .illustration-nest{margin-top:18px;background:#dfeccf}.illustration-nest .illustration-nest .illustration-nest{background:#caddb6}.illustration-nest h3{font-size:20px;margin-bottom:8px}.illustration-nest p{font-size:13px;line-height:1.8;color:#526b49}.illustration-timeline{list-style:none;display:flex;gap:12px;padding:25px 0 0;margin:0;position:relative}.illustration-timeline:before{content:'';position:absolute;top:8px;left:0;right:0;height:2px;background:#b5c9a0}.illustration-timeline li{position:relative;flex:1;min-width:0}.illustration-timeline li:before{content:'';width:11px;height:11px;position:absolute;left:18px;top:-22px;background:#7d9e64;border:3px solid #fffefa;border-radius:50%;box-sizing:content-box}.illustration-timeline .illustration-panel{height:100%;box-sizing:border-box}.illustration-observation{font-size:15px;line-height:1.9;color:#385d40;margin-top:24px}.illustration-boundary{font-size:12px;line-height:1.9;color:#738066;border-top:1px solid #e2e8d9;padding-top:14px;margin-top:16px}
@media(max-width:1000px){.illustration-flow{flex-wrap:wrap}.illustration-flow>.illustration-panel{flex-basis:180px}.illustration-timeline{flex-direction:column;gap:15px;padding:0 0 0 24px}.illustration-timeline:before{left:7px;top:0;bottom:0;width:2px;height:auto;right:auto}.illustration-timeline li:before{left:-24px;top:18px}.illustration-timeline .illustration-panel{padding:16px}}
@media(max-width:600px){.concept-illustration{padding:18px 14px}.concept-illustration figcaption h2,.concept-visual-intro h2{font-size:21px}.illustration-flow{flex-direction:column;gap:8px}.illustration-flow>.illustration-panel{flex-basis:auto}.illustration-arrow{transform:rotate(90deg);height:24px}.illustration-compare{grid-template-columns:1fr;gap:12px}.illustration-panel{padding:16px}.illustration-panel h3{font-size:17px}.illustration-nest{padding:15px}.illustration-nest h3{font-size:18px}.concept-visual-observe{padding:12px 14px}.illustration-value{font-size:21px}}

.legacy-lab-preview{width:100%;max-width:600px;max-height:360px;object-fit:cover;display:block;border-radius:8px;margin:18px 0 10px}