/* Approved IMG-280. All four cards use the same type scale and row tracks. */
body.support-page .support-basic-section{
  --basic-label-size:18px;--basic-value-size:32px;--basic-note-size:15px;
  --basic-label-line:27px;--basic-value-line:48px;--basic-note-line:24px;
  width:min(100%,100vw);margin-inline:auto;background:#f3f8fc;
}
body.support-page .support-basic-section>.container{max-width:1100px;width:100%;padding-inline:24px}
body.support-page .support-basic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
body.support-page .support-basic-card{
  display:grid;grid-template-rows:var(--basic-label-line) 2px var(--basic-value-line) minmax(calc(var(--basic-note-line)*2),auto);
  row-gap:14px;align-content:start;min-width:0;padding:28px 20px;text-align:center;
  background:#fff;border:0;border-radius:8px;box-shadow:0 8px 28px -16px rgba(28,75,117,.12);
}
body.support-page .support-basic-card>.support-basic-label{
  grid-row:1;margin:0;padding:0;border:0;font-size:var(--basic-label-size);line-height:var(--basic-label-line);font-weight:700;letter-spacing:0;color:#14648e;
}
body.support-page .support-basic-rule{grid-row:2;display:block;width:44px;height:2px;background:#4a94be;justify-self:center}
body.support-page .support-basic-card>.support-basic-label,
body.support-page .support-basic-card>.support-basic-value,
body.support-page .support-basic-card>.support-basic-note{text-align:center}
body.support-page .support-basic-card>.support-basic-value{
  grid-row:3;margin:0!important;padding:0;font-size:var(--basic-value-size)!important;line-height:var(--basic-value-line)!important;font-weight:800!important;letter-spacing:-.03em;color:#152d5b!important;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;
}
body.support-page .support-basic-card>.support-basic-note{
  grid-row:4;margin:0!important;padding:0;font-size:var(--basic-note-size)!important;line-height:var(--basic-note-line)!important;font-weight:500!important;letter-spacing:0;color:#334e67!important;overflow-wrap:anywhere;
}
@media (min-width:1001px) and (max-width:1199px){
  body.support-page .support-basic-section{--basic-label-size:17px;--basic-value-size:28px;--basic-note-size:14px;--basic-label-line:26px;--basic-value-line:42px;--basic-note-line:23px}
  body.support-page .support-basic-card{padding-inline:18px}
}
@media (min-width:601px) and (max-width:1000px){
  body.support-page .support-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  body.support-page .support-basic-section{--basic-label-size:17px;--basic-value-size:28px;--basic-note-size:14px;--basic-label-line:26px;--basic-value-line:42px;--basic-note-line:23px}
  body.support-page .support-basic-section>.container{padding-inline:20px}
  body.support-page .support-basic-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  body.support-page .support-basic-card{padding:22px 24px;row-gap:10px;grid-template-rows:var(--basic-label-line) 2px var(--basic-value-line) auto}
  body.support-page .support-basic-card:not(:has(.support-basic-note)){padding-bottom:22px}
}
