.article-cover-mockup{background:#0b1428}
.mockup-note{margin:13px 4px 0;color:#8fa0bb;font-size:.72rem;line-height:1.5}
.response-steps{display:grid;gap:12px;margin:28px 0 38px;padding-left:28px}
.article-body .response-steps li{padding-left:7px}
.response-template{scroll-margin-top:105px;margin:25px 0;padding:25px;border:1px solid rgba(169,190,244,.22);border-radius:20px;background:#111c32}
.response-template-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.response-template-head span{color:#a8c7fa;font-size:.68rem;font-weight:800;letter-spacing:.1em}
.article-body .response-template h3{margin:7px 0 18px;font-size:1.45rem}
.copy-template{flex:none;padding:9px 14px;border:1px solid #7499dd;border-radius:10px;background:#203b65;color:#fff;font:700 .78rem Arial,sans-serif;cursor:pointer}
.copy-template:hover,.copy-template:focus-visible{background:#305689;outline-color:#b8d1ff}
.response-template pre{margin:0;padding:19px;border:1px solid rgba(162,186,229,.2);border-radius:14px;background:#091121;color:#e7eefb;font:400 .94rem/1.7 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.article-body .response-template p{margin:17px 0 0;font-size:.9rem;line-height:1.65}
.ops24-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:32px 0}
.ops24-flow>div{padding:18px;border:1px solid rgba(169,190,244,.22);border-radius:14px;background:#14223b}
.ops24-flow span{display:block;margin-bottom:10px;color:#9ebdff;font-size:.7rem;font-weight:900}
.ops24-flow strong{color:#fff;font-size:1.04rem}
.article-body .ops24-flow p{margin:8px 0 0;font-size:.78rem;line-height:1.5}
@media(max-width:720px){.ops24-flow{grid-template-columns:repeat(2,1fr)}.response-template-head{align-items:stretch;flex-direction:column}.copy-template{align-self:flex-start}}
@media(max-width:440px){.ops24-flow{grid-template-columns:1fr}.response-template{padding:18px}.response-template pre{padding:15px}}