/* AlarmRoutine article: real product views and a responsive explanation of the signal path. */
.prose figure[id^="ar-ci-"]{margin:42px 0;border:1px solid #3d3d3c;border-radius:12px;overflow:hidden;background:#191b1e;color:#f6f3ed;isolation:isolate}
.prose [id^="ar-head-"]{padding:24px 28px;border-bottom:1px solid #ffffff1b}
.prose [id^="ar-kicker-"]{display:flex;align-items:center;gap:13px;margin:0 0 14px;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:#d0ceca;line-height:1.4}
.prose [id^="ar-kicker-"] b{display:grid;place-items:center;background:#ce070d;color:#fff;width:32px;height:32px;border-radius:5px;font-size:12px;letter-spacing:0;flex:none}
.prose [id^="ar-title-"]{font-size:clamp(22px,2.1vw,30px);line-height:1.25;letter-spacing:-.025em;margin:0;color:#f8f6f1;font-weight:700}
.prose [id^="ar-stage-"]{padding:24px;background:#efede7}
.prose [id^="ar-stage-"] img{display:block;margin:0;width:100%;height:auto;border-radius:4px;border:1px solid #d1cec8;box-shadow:0 10px 24px #15171917}
.prose figure[id^="ar-ci-"]>figcaption{margin:0;padding:20px 28px;color:#d1d1cf;font-size:14px;line-height:1.6;border-top:1px solid #ffffff1b}
.prose #ar-network{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.35fr);gap:30px;align-items:center;padding:30px 28px;background:#14171c}
.prose #ar-network>div{min-width:0;position:relative}
.prose #ar-network p{margin:0 0 12px;color:#aaaeb6;font-size:12px;line-height:1.5;letter-spacing:.035em}
.prose #ar-origin,.prose #ar-switch{padding:20px 16px;background:#20252d;border:1px solid #444954;border-radius:9px}
.prose #ar-switch{border-color:#d3000c;box-shadow:0 0 36px #d3000c12}
.prose #ar-origin>strong,.prose #ar-switch>strong{display:block;color:#fff;font-size:clamp(18px,1.6vw,23px);line-height:1.25;letter-spacing:-.03em}
.prose #ar-origin>p:last-child,.prose #ar-switch>p:last-child{display:block;margin:12px 0 0;color:#c2c5cb;font-size:13px;line-height:1.6;letter-spacing:0}
.prose #ar-switch::before,.prose #ar-destinations::before{content:'→';position:absolute;right:100%;top:50%;width:30px;text-align:center;transform:translateY(-50%);color:#ee0014;font-size:22px;line-height:1}
.prose #ar-target-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.prose #ar-target-list>li{position:relative;margin:0;padding:12px 14px;border:1px solid #444954;border-left:2px solid #d3000c;border-radius:6px;background:#20252d;color:#f5f4f0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.prose #ar-target-list>li::before{display:none}
.prose #ar-target-list>li>p{display:block;font-size:12px;color:#b7bcc6;margin:3px 0 0;letter-spacing:0}
.prose #ar-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #ffffff1b;padding:24px 28px;background:#20242a}
.prose #ar-outcomes>p{font-size:14px;line-height:1.6;color:#c8cbd1;margin:0}
.prose #ar-outcomes strong{display:block;color:#fff;font-size:17px;line-height:1.4;margin-bottom:7px}
@media(max-width:700px){.prose figure[id^="ar-ci-"]{margin-block:30px;border-radius:9px}.prose [id^="ar-head-"]{padding:20px}.prose [id^="ar-stage-"]{padding:12px}.prose figure[id^="ar-ci-"]>figcaption{padding:18px 20px;font-size:13px}.prose #ar-network{grid-template-columns:1fr;padding:20px;gap:30px}.prose #ar-origin,.prose #ar-switch{padding:18px}.prose #ar-switch::before,.prose #ar-destinations::before{content:'↓';left:50%;right:auto;top:-30px;height:30px;display:grid;place-items:center;transform:translateX(-50%)}.prose #ar-origin>strong,.prose #ar-switch>strong{font-size:23px}.prose #ar-target-list{grid-template-columns:repeat(2,minmax(0,1fr))}.prose #ar-outcomes{padding:20px;gap:20px}}
@media(max-width:420px){.prose #ar-target-list,.prose #ar-outcomes{grid-template-columns:1fr}}