.article-visual{background:radial-gradient(circle at 100% 0,#14b8a624,#0000 34%),linear-gradient(145deg,#0d1d33,#081525);border:1px solid #31537f;border-radius:22px;margin:34px 0 46px;padding:26px;box-shadow:0 18px 42px #0000002e}.article-visual-heading span{color:#63dfca;letter-spacing:.12em;font-size:.72rem;font-weight:950;display:block}.article-visual-heading h2{margin:9px 0 8px;font-size:clamp(1.5rem,3vw,2rem)}.article-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.article-flow-item{background:#081423;border:1px solid #2d4a72;border-radius:16px;min-width:0;padding:16px;position:relative}.article-flow-number{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:11px;place-items:center;width:34px;height:34px;margin-bottom:13px;font-weight:950;display:grid}.article-flow-item strong{color:#eef6ff;font-size:.92rem;line-height:1.35;display:block}.article-flow-item p{font-size:.82rem;color:#93a6c1!important;margin:7px 0 0!important;line-height:1.5!important}.article-flow-arrow{z-index:2;color:#66dcca;background:#0b1b30;border:1px solid #3b608e;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:950;display:grid;position:absolute;top:50%;right:-19px;transform:translateY(-50%)}.article-visual figcaption{color:#9dafc8;border-top:1px solid #29446a;margin-top:20px;padding-top:18px;font-size:.9rem;line-height:1.7}@media (max-width:980px){.article-flow{grid-template-columns:1fr}.article-flow-item{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.article-flow-number{margin:0}.article-flow-arrow{inset:auto auto -20px 20px;transform:rotate(90deg)}}@media (max-width:620px){.article-visual{margin:26px 0 36px;padding:18px}.article-flow-item{padding:14px}.article-flow-item strong{font-size:.9rem}}
.indicator-chart{background:#081525;border:1px solid #2b4c72;border-radius:22px;margin:34px 0;padding:24px}.indicator-chart-heading>span{color:#5ee2c8;letter-spacing:.1em;font-size:.74rem;font-weight:950;display:block}.indicator-chart-heading h2{letter-spacing:-.025em;margin:10px 0;font-size:1.65rem}.indicator-chart-heading p{color:#9fb0c8;margin:0 0 20px;line-height:1.7}.indicator-chart svg{border-radius:18px;width:100%;height:auto;display:block}.indicator-chart figcaption{color:#9fb0c8;margin-top:15px;line-height:1.65}@media (max-width:700px){.indicator-chart{padding:18px}.indicator-chart-heading h2{font-size:1.4rem}.indicator-chart svg text{font-size:18px}}
.article-screenshot-section{margin-top:44px}.article-screenshot-section>h2{margin-top:9px}.article-screenshot-list{gap:22px;margin-top:20px;display:grid}.article-screenshot-card{background:#071321;border:1px solid #29456d;border-radius:20px;margin:0;padding:14px;overflow:hidden}.article-screenshot-frame{background:#081525;border:1px solid #2d4b73;border-radius:14px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.article-screenshot-frame img{object-fit:contain;width:100%;height:auto;max-height:760px;display:block}.crop-position .article-screenshot-frame img{max-height:none}.article-screenshot-card figcaption{gap:7px;padding:14px 4px 2px;display:grid}.article-screenshot-card figcaption strong{color:#eef5ff;font-size:1.02rem}.article-screenshot-card figcaption span{color:#9fb0c8;font-size:.92rem;line-height:1.65}@media (max-width:620px){.article-screenshot-card{padding:9px}.article-screenshot-card figcaption{padding:12px 4px 4px}.article-screenshot-frame img{max-height:none}}