/* Mobile/tablet layout for the "Way" cards (.un_wsWayLink) when a description
   line (.un_wsWayLink_txt02) is present. The bundled CSS only expects a title. */
@media only screen and (max-width: 820px) {
  .un_wsWayLink {
    display: grid;
    grid-template-columns: auto 72px 1fr 40px;
    grid-template-areas:
      "num img title icon"
      "num img desc  icon";
    column-gap: 8px;
    align-items: center;
  }
  .un_wsWayLink:before {
    grid-area: num;
    position: static;
  }
  .un_wsWayLink_imgWrap {
    grid-area: img;
    width: 72px;
  }
  .un_wsWayLink_txt {
    grid-area: title;
    align-self: end;
    margin: 0;
    min-width: 0;
    text-align: left;
  }
  .un_wsWayLink_txt02 {
    grid-area: desc;
    align-self: start;
    margin-top: 2px;
    min-width: 0;
    text-align: left;
  }
  .un_wsWayLink_icon {
    grid-area: icon;
    position: relative;
    top: auto;
    right: auto;
  }
}