/* FMST · phone icon beside each department number.
   Hassan, 29 Sep 2026: a number on its own reads as text; the icon tells a
   buyer it is tappable and will dial. Its own file rather than a line in
   deptlines.css because this one loads on the homepage too, and the homepage
   keeps its own copy of the line rules with a different breakpoint - loading
   deptlines.css there would make the two fight over the strip.
   Grid rather than a wrapper: the icon spans both rows beside the existing
   label-over-number stack, so the markup only gains one element. */

.nl-call:has(.nl-ico) {
  display:grid; grid-template-columns:auto auto; grid-template-rows:auto auto;
  column-gap:7px; row-gap:2px; align-items:center;
}
.nl-ico { grid-row:1 / 3; width:15px; height:15px; color:var(--lc); opacity:.85; }
.nl-call:has(.nl-ico) .nl-lbl, .nl-call:has(.nl-ico) .nl-num { grid-column:2; }
.nl-call:hover .nl-ico { opacity:1; }

.ds-call:has(.ds-ico) {
  display:grid; grid-template-columns:auto auto; grid-template-rows:auto auto;
  justify-content:center; column-gap:6px; row-gap:2px; align-items:center;
}
.ds-ico { grid-row:1 / 3; width:15px; height:15px; color:var(--lc); }
.ds-call:has(.ds-ico) .ds-lbl, .ds-call:has(.ds-ico) .ds-num { grid-column:2; justify-self:start; }