.interface-monitoring{margin:2rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid #cbd0db;border-radius:20px;background:#f5f6fa;color:#171c28}
.interface-monitoring h3{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:1.5rem 0 1rem}
.interface-monitoring h4{font-size:1.15rem;margin:0 0 .7rem}
.interface-monitoring p{font-size:1rem;line-height:1.65;color:#343d4d}
.interface-monitoring a{color:#164dc5;text-decoration:underline}
.im-cards,.im-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
.im-cards article{padding:1.2rem;background:white;border-radius:12px;min-width:0}
.im-demo{padding:clamp(1rem,2vw,1.5rem);background:#fff;border:2px solid #1762ff;border-radius:16px}
.im-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-weight:600;min-width:0}
.im-controls select{width:100%;max-width:100%;padding:.7rem;background:#f0f3fa;color:#171c28;border:1px solid #8290a8;border-radius:8px;font:inherit}
.im-controls input{width:1.2rem;height:1.2rem}
.im-results{display:grid;gap:.7rem}
.im-route,.im-record{border-left:5px solid #1762ff;background:#edf2ff;padding:1rem;border-radius:6px}
.im-record{border-color:#27805d;background:#e4f4eb}
.im-results p{margin:.4rem 0}
.interface-monitoring details{margin-top:1rem}
.interface-monitoring summary{cursor:pointer;font-weight:600}
@media(max-width:680px){.im-cards,.im-controls{grid-template-columns:1fr}}
.interface-photo-map .marker-8{left:41%;top:58%;text-decoration:none}
.interface-photo-map .marker-8:focus-visible{outline:3px solid #ff7048;outline-offset:4px}
.interface-monitor-caption{padding:1rem;background:white;border:1px solid #cbd0db;border-radius:12px;margin-top:.7rem}
.interface-monitor-caption p{font-size:1rem;line-height:1.6}
#regler-monitoring{scroll-margin-top:100px}