.om{margin:8px 0 40px}
.om__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.om__chip{font:500 0.82rem var(--font-body);padding:7px 14px;border:1px solid var(--silver);border-radius:999px;background:var(--white);color:var(--midnight);cursor:pointer;transition:all .2s ease}
.om__chip:hover{border-color:var(--jade);color:var(--jade)}
.om__chip.is-active{background:var(--midnight);border-color:var(--midnight);color:var(--white)}
.om__card{background:var(--white);border:1px solid #E4E1DB;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px 28px 22px}
.om__head{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}
.om__num{font:700 0.78rem var(--font-display);color:var(--jade);letter-spacing:.08em}
.om__title{font:700 1.45rem var(--font-display);color:var(--midnight);margin:0}
.om__what{color:#4B5563;font-size:0.98rem;line-height:1.6;margin:0 0 18px;max-width:720px}
.om__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.om__diagram{background:var(--greige-light);border-radius:var(--radius);padding:14px}
.om__diagram svg{display:block;width:100%;height:auto}
.om__rows{display:flex;flex-direction:column;gap:14px}
.om__row{border-left:3px solid var(--silver);padding:2px 0 2px 14px}
.om__row--signal{border-color:var(--midnight)}
.om__row--ai{border-color:#C98A1B}
.om__row--change{border-color:var(--jade)}
.om__row--sme{border-color:var(--jade-light);background:var(--jade-pale);padding:10px 12px 10px 14px;border-radius:0 var(--radius) var(--radius) 0}
.om__label{display:block;font:600 0.7rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#6B7280;margin-bottom:3px}
.om__text{margin:0;font-size:0.95rem;line-height:1.55;color:var(--midnight)}
.om__legend{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 0;font-size:0.78rem;color:#6B7280}
.om__legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.om__nav{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}
.om__btn{font:500 0.88rem var(--font-body);padding:9px 16px;border-radius:var(--radius);border:1px solid var(--silver);background:var(--white);color:var(--midnight);cursor:pointer;transition:all .2s ease}
.om__btn:hover{border-color:var(--jade);color:var(--jade)}
.om__count{font-size:0.82rem;color:#6B7280}
.om__fade{animation:omFade .35s ease}
@keyframes omFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.om__fade{animation:none}.om__chip,.om__btn{transition:none}}
@media (max-width:820px){.om__grid{grid-template-columns:minmax(0,1fr)}.om__card{padding:20px 16px 16px}.om__title{font-size:1.25rem}}