.opdiag-layout{grid-template-columns:.88fr 1.12fr;align-items:center;gap:44px;margin-top:40px;display:grid}.opdiag-layout.rev{grid-template-columns:1.12fr .88fr}.opdiag-layout.rev .opdiag-list{order:2}.opdiag-list{border-top:1px solid var(--wp-navy);margin:0;padding:0;list-style:none}.opdiag-list li{border-bottom:1px solid var(--wp-rule);cursor:default;grid-template-columns:40px 1fr;gap:0 18px;padding:16px 0 16px 14px;transition:background .2s;display:grid;position:relative}.opdiag-list li:before{content:"";background:var(--wp-teal);transform-origin:50%;width:2px;transition:transform .28s cubic-bezier(.16,1,.3,1);position:absolute;top:12px;bottom:12px;left:0;transform:scaleY(0)}.opdiag-list li.lit:before{transform:scaleY(1)}.opdiag-list li.lit{background:var(--wp-mist)}.opdiag-list .ix{font-family:var(--wp-mono);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--wp-ink-mark);padding-top:5px;transition:color .28s}.opdiag-list li.lit .ix{color:var(--wp-teal-deep)}.opdiag-list .area{font-family:var(--wp-display);font-weight:700;font-size:var(--fs-subhead);color:var(--wp-navy);letter-spacing:-.015em;line-height:1.25}.opdiag-list .look{font-family:var(--wp-body);font-size:var(--fs-small);color:var(--wp-ink-soft);grid-column:2;margin-top:7px;line-height:1.62}.opdiag{border:1px solid var(--wp-rule);background:var(--wp-paper);border-radius:14px;padding:22px 20px 16px;box-shadow:0 2px 10px -4px #0428391a}.opdiag:before,.opdiag:after,.opdiag>.oc{pointer-events:none}.opdiag>.oc{border-color:var(--wp-teal);border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.opdiag>.oc1{border-top-width:2px;border-left-width:2px;border-radius:14px 0 0;top:-1px;left:-1px}.opdiag>.oc2{border-top-width:2px;border-right-width:2px;border-radius:0 14px 0 0;top:-1px;right:-1px}.opdiag>.oc3{border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 14px;bottom:-1px;left:-1px}.opdiag>.oc4{border-bottom-width:2px;border-right-width:2px;border-radius:0 0 14px;bottom:-1px;right:-1px}.opdiag svg{width:100%;height:auto;display:block}.opdiag .opz{cursor:default}.opdiag .opz,.opdiag .oplink{transition:opacity .28s cubic-bezier(.16,1,.3,1)}.opdiag.probing .opz,.opdiag.probing .oplink{opacity:.22}.opdiag.probing .opz.lit{opacity:1}.opdiag .opz rect{transition:stroke .28s,fill .28s}.opdiag .opz.lit rect{stroke:var(--wp-teal);stroke-width:2px;fill:#01b9c117}.opdiag-cap{font-family:var(--wp-mono);font-size:var(--fs-micro);letter-spacing:.08em;color:var(--wp-ink-faint);text-align:center;min-height:1.6em;margin:14px 0 0;transition:color .28s}.opdiag-cap.lit{color:var(--wp-teal-deep)}.dark-sec .opdiag{box-shadow:none;background:#021620b8;border-color:#01b9c14d}.dark-sec .opdiag-list{border-top-color:#01b9c180}.dark-sec .opdiag-list li{border-bottom-color:#ffffff17}.dark-sec .opdiag-list .area{color:var(--bp-display)}.dark-sec .opdiag-list .look{color:var(--bp-ink-soft)}.dark-sec .opdiag-list li.lit{background:#01b9c112}.dark-sec .opdiag-cap{color:var(--bp-ink-muted)}.dark-sec .opdiag-cap.lit{color:var(--wp-teal)}@media (width<=940px){.opdiag-layout,.opdiag-layout.rev{grid-template-columns:1fr;gap:30px}.opdiag-layout.rev .opdiag-list{order:0}.opdiag{order:-1}}@media (width<=560px){.opdiag-list li{grid-template-columns:1fr;padding-left:12px}.opdiag-list .ix{margin-bottom:4px;padding-top:0}.opdiag-list .look{grid-column:1}}@media (prefers-reduced-motion:reduce){.opdiag .opz,.opdiag .oplink,.opdiag .opz rect,.opdiag-list li,.opdiag-list li:before,.opdiag-list .ix,.opdiag-cap{transition:none}}