/* Emergency dispatch card — matching the site's blue glass service-card system. */
#contacts .contact-grid>article.card.emergency{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid #cfe4f0;border-top:3px solid #55b1d8;border-radius:10px;
  background:linear-gradient(145deg,#fff 0%,#f8fcfe 100%);color:#10345f;
  box-shadow:0 8px 24px rgba(23,82,115,.08);text-align:left;
}
#contacts .contact-grid>article.card.emergency .emergency-watermark{
  position:absolute;z-index:0;inset:0;display:flex;align-items:center;justify-content:center;
  gap:clamp(8px,1vw,15px);padding:0 14px;overflow:hidden;
  color:rgba(8,127,189,.105);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:clamp(96px,12.5vw,164px);font-weight:900;line-height:1;
  letter-spacing:0;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;
  pointer-events:none;user-select:none;-webkit-text-stroke:1px rgba(8,127,189,.22);
  text-shadow:0 1px 0 rgba(255,255,255,.96),0 8px 24px rgba(8,127,189,.12);
}
#contacts .contact-grid>article.card.emergency .emergency-watermark-digit{display:inline-block;flex:0 0 auto;min-width:.7em;text-align:center;}
#contacts .contact-grid>article.card.emergency .emergency-watermark-slash{display:inline-block;flex:0 0 auto;margin:0 .08em;font-size:.72em;font-weight:600;line-height:1;opacity:.82;transform:scaleY(1.55);transform-origin:center;}
#contacts .contact-grid>article.card.emergency .emergency-icon{
  position:relative;z-index:1;background:#dff2fb;color:#087fbd;
}
#contacts .contact-grid>article.card.emergency h3{
  position:relative;z-index:1;max-width:30ch;margin:0 0 10px;
  color:#103f64;font-size:17px;font-weight:750;line-height:1.3;
  text-align:left;text-wrap:balance;
}
#contacts .contact-grid>article.card.emergency .emergency-copy{
  position:relative;z-index:1;max-width:43ch;margin:0 0 16px;
  color:#60778c;font-size:13px;line-height:1.65;text-align:left;text-wrap:pretty;
}
#contacts .contact-grid>article.card.emergency .emergency-contact-block{
  position:relative;z-index:1;display:grid;justify-items:start;gap:3px;
  width:max-content;max-width:100%;padding:9px 13px 10px;
  border:1px solid rgba(191,224,238,.92);border-radius:11px;
  background:rgba(255,255,255,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 4px 14px rgba(18,87,119,.05);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
#contacts .contact-grid>article.card.emergency .emergency-call-label{
  color:#6b8595;font-size:9px;font-weight:800;letter-spacing:.13em;line-height:1.3;text-transform:uppercase;
}
#contacts .contact-grid>article.card.emergency .emergency-number{
  color:#087fbd;font-size:clamp(25px,3vw,32px);font-weight:850;
  letter-spacing:-.045em;line-height:1.06;font-variant-numeric:tabular-nums;
}
#contacts .contact-grid>article.card.emergency .emergency-landline{margin-top:3px;color:#60778c;font-size:10px;line-height:1.45}
#contacts .contact-grid>article.card.emergency .emergency-landline a{color:#087fbd;font-weight:800;white-space:nowrap}
#contacts .contact-grid>article.card.emergency .emergency-number:hover,
#contacts .contact-grid>article.card.emergency .emergency-landline a:hover{text-decoration:underline}
#contacts .contact-grid>article.card.emergency:focus-within{outline:3px solid rgba(32,169,210,.34);outline-offset:2px}
@media(hover:hover){
  #contacts .contact-grid>article.card.emergency:hover,
  #contacts .contact-grid>article.card.emergency:focus-within{
    border-color:#087fbd;border-top-color:#087fbd;background:#087fbd;color:#fff;
    box-shadow:0 16px 34px rgba(0,104,163,.2);transform:translateY(-4px);
  }
  #contacts .contact-grid>article.card.emergency:hover .emergency-icon,
  #contacts .contact-grid>article.card.emergency:focus-within .emergency-icon{background:rgba(255,255,255,.18);color:#fff}
  #contacts .contact-grid>article.card.emergency:hover h3,
  #contacts .contact-grid>article.card.emergency:hover .emergency-copy,
  #contacts .contact-grid>article.card.emergency:focus-within h3,
  #contacts .contact-grid>article.card.emergency:focus-within .emergency-copy{color:#fff}
  #contacts .contact-grid>article.card.emergency:hover .emergency-contact-block,
  #contacts .contact-grid>article.card.emergency:focus-within .emergency-contact-block{
    border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 18px rgba(255,255,255,.08);
  }
  #contacts .contact-grid>article.card.emergency:hover .emergency-call-label,
  #contacts .contact-grid>article.card.emergency:hover .emergency-landline,
  #contacts .contact-grid>article.card.emergency:hover .emergency-number,
  #contacts .contact-grid>article.card.emergency:hover .emergency-landline a,
  #contacts .contact-grid>article.card.emergency:focus-within .emergency-call-label,
  #contacts .contact-grid>article.card.emergency:focus-within .emergency-landline,
  #contacts .contact-grid>article.card.emergency:focus-within .emergency-number,
  #contacts .contact-grid>article.card.emergency:focus-within .emergency-landline a{color:#fff}
  #contacts .contact-grid>article.card.emergency:hover .emergency-watermark,
  #contacts .contact-grid>article.card.emergency:focus-within .emergency-watermark{
    color:rgba(165,239,255,.26);
    -webkit-text-stroke-color:rgba(129,230,255,.88);
    text-shadow:0 0 7px rgba(141,235,255,.95),0 0 18px rgba(41,203,255,.92),0 0 38px rgba(0,171,255,.82),0 0 66px rgba(0,128,255,.5);
    animation:emergency-watermark-blue-glow 1.8s ease-in-out infinite alternate;
  }
}
@keyframes emergency-watermark-blue-glow{
  from{text-shadow:0 0 5px rgba(141,235,255,.78),0 0 14px rgba(41,203,255,.74),0 0 30px rgba(0,171,255,.62),0 0 52px rgba(0,128,255,.38)}
  to{text-shadow:0 0 9px rgba(190,248,255,1),0 0 24px rgba(41,203,255,1),0 0 46px rgba(0,171,255,.95),0 0 78px rgba(0,128,255,.62)}
}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency{
  border-color:#294656;border-top-color:#428eaa;
  background:linear-gradient(145deg,#173141,#132b3a);color:#e3edf2;
  box-shadow:0 9px 24px rgba(0,0,0,.18);
}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency .emergency-watermark{
  color:rgba(143,224,238,.13);-webkit-text-stroke-color:rgba(143,224,238,.2);
  text-shadow:0 1px rgba(255,255,255,.14),0 10px 28px rgba(38,168,199,.15);
}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency h3{color:#e8f3f7}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency .emergency-copy,
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency .emergency-landline{color:#b6c8d1}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency .emergency-icon{background:#1b4053;color:#77d2ec}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency .emergency-contact-block{
  border-color:#355365;background:rgba(18,43,57,.82);box-shadow:inset 0 1px rgba(255,255,255,.06);
}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency .emergency-call-label{color:#a4bac5}
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency .emergency-number,
html[data-theme="dark"] #contacts .contact-grid>article.card.emergency .emergency-landline a{color:#8edcf0}
@media(hover:hover){
  html[data-theme="dark"] #contacts .contact-grid>article.card.emergency:hover,
  html[data-theme="dark"] #contacts .contact-grid>article.card.emergency:focus-within{
    border-color:#e39658;border-top-color:#e39658;background:#18364a;color:#f3f8fa;
    box-shadow:0 12px 32px rgba(0,0,0,.24),0 0 22px rgba(231,135,73,.1);
  }
  html[data-theme="dark"] #contacts .contact-grid>article.card.emergency:hover .emergency-watermark,
  html[data-theme="dark"] #contacts .contact-grid>article.card.emergency:focus-within .emergency-watermark{
    color:rgba(166,239,255,.28);-webkit-text-stroke-color:rgba(137,231,255,.95);
    text-shadow:0 0 8px rgba(141,235,255,1),0 0 20px rgba(41,203,255,.95),0 0 42px rgba(0,171,255,.88),0 0 72px rgba(0,128,255,.58);
    animation:emergency-watermark-blue-glow 1.8s ease-in-out infinite alternate;
  }
}
@media(max-width:560px){
  #contacts .contact-grid>article.card.emergency .emergency-watermark{gap:clamp(5px,1.8vw,9px);padding-inline:8px;font-size:clamp(66px,19vw,98px);line-height:1}
  #contacts .contact-grid>article.card.emergency .emergency-watermark-slash{transform:scaleY(1.45)}
  #contacts .contact-grid>article.card.emergency .emergency-copy{max-width:38ch}
}
@media(prefers-reduced-motion:reduce){
  #contacts .contact-grid>article.card.emergency,
  #contacts .contact-grid>article.card.emergency .emergency-contact-block{transition:none!important}
  #contacts .contact-grid>article.card.emergency:hover .emergency-watermark,
  #contacts .contact-grid>article.card.emergency:focus-within .emergency-watermark{animation:none!important}
}
