.article-main .legacy-opening{display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:28px!important;align-items:stretch!important;padding:28px!important;margin:42px 0 30px!important;border:1px solid #dce8f0!important;border-radius:18px!important;background:linear-gradient(135deg,#f7fbfe 0%,#eef7fc 100%)!important;box-shadow:0 18px 45px rgba(43,91,119,.07)!important;overflow:hidden!important;position:relative!important}
.article-main .legacy-opening:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-110px;background:radial-gradient(circle,rgba(50,151,215,.14),rgba(50,151,215,0) 70%);pointer-events:none}.article-main .legacy-opening>div{display:flex;align-items:center}.article-main .legacy-opening-note{margin:0!important;padding:24px 24px 24px 28px!important;border:0!important;border-left:4px solid #3297d7!important;background:rgba(255,255,255,.64)!important;color:#536274!important;font-size:17px!important;line-height:1.85!important}.article-main .legacy-opening-note strong{display:block;color:#0d1728!important;font-size:13px!important;line-height:1.4!important;letter-spacing:.12em!important;margin-bottom:10px}
.article-main .legacy-opening-panel{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.article-main .process-map{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;height:100%}.article-main .process-map .map-row{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:20px 16px!important;border:1px solid rgba(190,209,221,.86)!important;border-radius:13px!important;background:rgba(255,255,255,.84)!important;box-shadow:0 8px 20px rgba(41,76,98,.045)!important;position:relative!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}.article-main .process-map .map-row:not(:last-child):after{content:"";position:absolute;z-index:2;right:-11px;top:34px;width:12px;height:1px;background:#8cc8ec}.article-main .process-map .map-row:hover{transform:translateY(-5px)!important;border-color:#8cc8ec!important;box-shadow:0 14px 28px rgba(50,151,215,.13)!important}.article-main .process-map .map-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;background:#0c1727!important;color:#fff!important;font-size:12px!important;font-weight:800!important;box-shadow:0 7px 16px rgba(12,23,39,.16)!important}.article-main .process-map .map-row>div:last-child{display:block!important}.article-main .process-map strong{display:block!important;color:#111827!important;font-size:15px!important;line-height:1.35!important;margin:0 0 8px!important}.article-main .process-map span{display:block!important;color:#687588!important;font-size:13px!important;line-height:1.65!important}
.article-main .summary,.article-main .tldr{gap:14px!important;margin:30px 0 42px!important}.article-main .summary .box,.article-main .tldr .box{border:1px solid #e0e8ee!important;border-radius:13px!important;background:#fff!important;padding:20px!important;box-shadow:0 9px 24px rgba(31,62,82,.045)!important;transition:transform .2s,border-color .2s,box-shadow .2s!important}.article-main .summary .box:hover,.article-main .tldr .box:hover{transform:translateY(-3px);border-color:#a9d7f2!important;box-shadow:0 13px 30px rgba(50,151,215,.10)!important}.article-main .summary .label,.article-main .tldr .label{display:inline-flex!important;width:auto!important;padding:5px 9px!important;margin-bottom:12px!important;border-radius:999px!important;background:#eaf6fd!important;color:#117dbb!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important}.article-main .summary p,.article-main .tldr p{color:#566477!important;font-size:14px!important;line-height:1.72!important}
.article-main .flow-viz{gap:12px!important}.article-main .flow-node{border:1px solid #e0e8ee!important;border-radius:13px!important;padding:20px 17px!important;background:linear-gradient(180deg,#fff,#f8fbfd)!important;box-shadow:0 8px 22px rgba(34,67,87,.05)!important;transition:transform .2s,border-color .2s,box-shadow .2s!important}.article-main .flow-node:hover{transform:translateY(-4px);border-color:#8cc8ec!important;box-shadow:0 14px 28px rgba(50,151,215,.12)!important}.article-main .flow-node>b{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:28px!important;border-radius:8px!important;background:#0c1727!important;color:#fff!important;font-size:11px!important;margin-bottom:15px!important}.article-main .flow-node strong{display:block!important;color:#111827!important;font-size:15px!important;margin-bottom:8px!important}.article-main .flow-node p{color:#687588!important;font-size:13px!important;line-height:1.65!important}
.article-main .matrix-wrap{border:1px solid #dde7ee!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(30,62,82,.055)!important}.article-main .matrix thead th{background:#101b2b!important;color:#fff!important;font-size:13px!important}.article-main .matrix tbody tr:nth-child(even){background:#f7fafc!important}.article-main .matrix tbody tr:hover{background:#eef8fe!important}.article-main .steps{gap:14px!important}.article-main .step{border:1px solid #e0e8ee!important;border-radius:14px!important;background:#fff!important;padding:22px!important;box-shadow:0 8px 22px rgba(35,67,87,.045)!important;transition:transform .2s,border-color .2s!important}.article-main .step:hover{transform:translateY(-3px);border-color:#8cc8ec!important}.article-main .step>b{background:#0c1727!important;color:#fff!important;border-radius:8px!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important}
.article-main .legacy-opening{grid-template-columns:1fr!important}.article-main .process-map{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:1180px){.article-main .process-map{grid-template-columns:repeat(5,minmax(130px,1fr))!important;overflow-x:auto!important;padding-bottom:6px!important}.article-main .process-map .map-row{min-height:180px!important}}
@media(max-width:820px){.om-site-nav,.om-site-nav.is-scrolled{width:calc(100% - 24px)!important;height:58px!important;padding:10px 10px 10px 14px!important;top:10px!important}}
@media(max-width:720px){.article-main .legacy-opening{padding:18px!important;border-radius:14px!important}.article-main .process-map{grid-template-columns:1fr!important;overflow:visible!important}.article-main .process-map .map-row{min-height:0!important;display:grid!important;grid-template-columns:34px 1fr!important}.article-main .process-map .map-row:not(:last-child):after{display:none}.article-main .legacy-opening-note{padding:18px 18px 18px 20px!important;font-size:15px!important}}