/* Preserve the existing symbols and colours; give them room at phone sizes. */
@media (max-width:700px) {
  body[data-brand-page] main .offer-card {
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  body[data-brand-page] main .offer-card .offer-card-top {grid-column:1;grid-row:1}
  body[data-brand-page] main .offer-card .offer-art {
    grid-column:1;grid-row:2;
    width:128px;height:112px;max-width:100%;
    margin:16px 0 12px;
  }
  body[data-brand-page] main .offer-card h3 {grid-column:1;grid-row:3;margin-top:0}
  body[data-brand-page] main .offer-card > p {grid-column:1;grid-row:4}
  body[data-brand-page] main .offer-card .offer-output {grid-column:1;grid-row:5}
  body[data-brand-page] main .offer-art :is(path,circle,ellipse,line,polyline,polygon,rect) {
    vector-effect:non-scaling-stroke;
    stroke-width:1.8px;
  }
  body[data-brand-page] :is(.button,.text-link,.nav-cta,.offer-card-top,.focus-card h3) .icon,
  body[data-brand-page] main .details-icon.icon {
    width:22px;height:22px;flex:none;stroke-width:2;
  }
  body[data-brand-page] .visitor-fellowship-links .visitor-route-arrow {width:24px;height:24px}
  body[data-brand-page] .visitor-route-arrow .icon {width:20px;height:20px;flex:none;stroke-width:2}
}