/* One editorial grid: heading / helper / action / optional call link.
   Both desktop fields inherit the actual tracks, including an absent helper;
   the template never needs explanatory filler text or alignment offsets. */
#quick { grid-template-rows: repeat(4, auto); }
#quick > .call-panel, #quick > .write-panel {
  display: grid;
  grid-row: 1 / span 4;
  grid-template-rows: subgrid;
  align-content: start;
}
#quick .call-panel { grid-column: 1; }
#quick .write-panel { grid-column: 2; }
#quick h2 { grid-row: 1; margin: 0; }
#quick .call-panel > p:first-of-type, #quick .write-panel > p {
  grid-row: 2;
  margin: 20px 0 0;
}
#quick .contact-number, #quick [data-contact-empty], #quick .channel-links {
  grid-row: 3;
  align-self: center;
  min-height: 48px;
  margin-block: 20px 0;
}
#quick .contact-number, #quick [data-contact-empty] { display: flex; align-items: center; }
#quick [data-call-link] { grid-row: 4; justify-self: start; }
/* VK's first painted edge is 6px SVG inset + 3 * 36/24 source units.
   Extend only this row's hit area into its existing public gutter, not its mark. */
#quick .channel-links { margin-inline-start: -10.5px; }
#quick .call-panel > a.contact-number { grid-row: 3; text-decoration: none; justify-self: start; }
#quick .call-panel > a.contact-number:hover { text-decoration: underline; text-underline-offset: .15em; }
@media (min-width: 761px) {
  #quick.single-channel .call-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: clamp(32px, 8vw, 164px); }
  #quick.single-channel .call-panel > h2 { grid-column: 1; grid-row: 1; }
  #quick.single-channel .call-panel > p:first-of-type { grid-column: 1; grid-row: 2; }
  #quick.single-channel .call-panel > a.contact-number, #quick.single-channel .call-panel > [data-contact-empty] { grid-column: 2; grid-row: 1 / span 2; margin-block: 0; align-self: center; }
}
@media (max-width: 760px) {
  #quick { grid-template-rows: none; }
  #quick > .call-panel, #quick > .write-panel {
    grid-column: 1;
    grid-row: auto;
    grid-template-rows: repeat(4, auto);
  }
}
