.monitor-intro{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:25px;align-items:center}
.monitor-intro img{width:100%;height:310px;object-fit:cover;border-radius:7px;background:#e9f2fa}
.monitor-intro h2{font-size:27px;line-height:1.15;margin:7px 0 12px}
.monitor-intro p{font-size:15px;line-height:1.55;color:#375875}
.monitor-intro .red-button{display:inline-flex;margin-top:7px}
.monitor-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#e7213e}
.monitor-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.monitor-info-card{background:#fff;border-radius:7px;box-shadow:0 4px 15px #a6c8e53b;padding:18px;border-top:3px solid #e8203e}
.monitor-info-card h2{font-size:18px;line-height:1.2;margin-bottom:13px}
.monitor-info-card ul,.monitor-info-card ol{margin:0;padding-left:19px;font-size:14px;line-height:1.5;color:#315270}
.monitor-info-card li+li{margin-top:9px}
.monitor-info-card li::marker{color:#e8203e;font-weight:700}
.monitor-tip{border-left:4px solid #ee2542}
.monitor-tip h2,.monitor-price h2,.monitor-process h2,.monitor-related h2{font-size:21px;margin-bottom:10px}
.monitor-tip p,.monitor-process p{font-size:14px;line-height:1.5;color:#375875;margin-bottom:0}
.monitor-price .price-table th,.monitor-price .price-table td{padding:12px 16px}
.monitor-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;list-style:none;counter-reset:repair-step}
.monitor-process ol li{counter-increment:repair-step;background:#eff6ff;border-radius:7px;padding:14px;font-size:13px;line-height:1.4}
.monitor-process ol li::before{content:counter(repair-step);display:grid;place-items:center;width:27px;height:27px;margin-bottom:9px;border-radius:50%;background:#f21f3d;color:#fff;font-weight:700}
.monitor-process .red-button{display:inline-flex;margin-top:14px}
.monitor-related>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.monitor-related a{border:1px solid #d9e8f8;padding:12px;border-radius:6px;font-size:13px;font-weight:700;color:#174a7b}
.monitor-related a:hover{border-color:#f21f3d;color:#e51d39}
@media(max-width:1100px){.monitor-intro{grid-template-columns:1fr 1fr}.monitor-intro img{height:280px}.monitor-info-grid{grid-template-columns:1fr}.monitor-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-related>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:670px){.monitor-intro{grid-template-columns:1fr}.monitor-intro img{height:auto;aspect-ratio:4/3}.monitor-intro h2{font-size:23px}.monitor-process ol{grid-template-columns:1fr}}

body[data-page^="monitor-"] .hero h1 em{overflow-wrap:break-word}@media(max-width:560px){body[data-page^="monitor-"] .hero h1{font-size:34px}}