.alarm-page { color:#142b3c; }
.alarm-hero { padding-block:clamp(48px, 6vw, 82px); color:#fff; background:#102b40; }
.alarm-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px; color:#d7e5eb; font-size:.82rem; }
.alarm-breadcrumb a { text-decoration:none; }
.alarm-breadcrumb a:hover { text-decoration:underline; }
.alarm-kicker { margin:0 0 15px; color:#a9d8e7; font-size:.8rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.alarm-hero h1 { max-width:18ch; font-size:clamp(3.9rem, 6.5vw, 6.5rem); }
.alarm-hero__intro { max-width:42rem; margin-top:19px; color:#e6f1f4; font-size:clamp(1.06rem, 1.4vw, 1.2rem); }
.alarm-main { padding-block:clamp(44px, 5vw, 70px) clamp(65px, 7vw, 100px); background:#f1f5f6; }
.alarm-search { padding:clamp(22px, 3vw, 36px); border:1px solid #d5e1e5; border-radius:12px; background:#fff; box-shadow:0 10px 30px #17374a0a; }
.alarm-search__fields { display:grid; grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap:18px; }
.alarm-search label { display:grid; gap:8px; color:#243d4b; font-size:.87rem; font-weight:700; }
.alarm-search input, .alarm-search select { width:100%; min-height:50px; padding:10px 13px; border:1px solid #afc2ca; border-radius:5px; background:#fff; color:#142b3c; font-size:1rem; }
.alarm-search__bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; margin-top:20px; }
.alarm-search__count { color:#51636c; font-size:.94rem; }
.alarm-search__reset { min-height:44px; padding:6px 0; border:0; background:transparent; color:#006c8a; font-size:.91rem; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.alarm-results { display:grid; gap:12px; margin:22px 0 0; padding:0; list-style:none; }
.alarm-result { display:grid; grid-template-columns:clamp(165px, 19vw, 230px) minmax(0, 1fr); gap:24px; padding:24px; border:1px solid #d8e3e7; border-radius:9px; background:#fff; }
.alarm-result__meta { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.alarm-result__code { font-family:var(--display); font-size:2.6rem; font-weight:600; line-height:1; }
.alarm-result__status { padding:5px 10px; border-radius:5px; font-size:.76rem; font-weight:700; line-height:1.3; }
.alarm-result__status--green { color:#14502c; background:#e2f3e6; }
.alarm-result__status--yellow { color:#614900; background:#fff2c2; }
.alarm-result__status--red { color:#8a1717; background:#fde6e5; }
.alarm-result__status--none { color:#40545e; background:#e9eff1; }
.alarm-result__group { color:#59707b; font-size:.78rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.alarm-result__title { margin-top:6px; font-size:clamp(1.8rem, 2.15vw, 2.25rem); line-height:1.08; }
.alarm-result__action { margin-top:10px; color:#40545e; font-size:.96rem; }
.alarm-source { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:20px 35px; margin-top:30px; padding:24px 0 0; border-top:1px solid #ccdadd; }
.alarm-source__copy { max-width:52rem; color:#4b5d65; font-size:.9rem; }
.alarm-source__copy p+p { margin-top:8px; }
.alarm-source .button { flex:none; gap:10px; }
.alarm-no-script { margin-top:20px; color:#53666f; }
@media (max-width:820px) { .alarm-search__fields { grid-template-columns:1fr 1fr; } .alarm-search__fields label:first-child { grid-column:1 / -1; } }
@media (max-width:699px) { .alarm-hero h1 { font-size:clamp(3.5rem, 10vw, 4.8rem); } .alarm-result { grid-template-columns:1fr; gap:16px; padding:20px; } .alarm-result__meta { flex-direction:row; align-items:center; gap:16px; flex-wrap:wrap; } }
@media (max-width:380px) { .alarm-search__fields { grid-template-columns:1fr; } .alarm-search__fields label:first-child { grid-column:auto; } }