/* Large hollow arrows share a fine outline at every display size. */
svg.site-arrow{
  display:inline-block;
  width:50px;
  height:50px;
  flex:0 0 auto;
  vertical-align:middle;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1;
  stroke-linejoin:miter;
  pointer-events:none;
}
svg.site-arrow path{vector-effect:non-scaling-stroke}
.btn svg.site-arrow{
  width:75px;
  height:74px;
  padding:12px;
}
.res a svg.site-arrow{width:50px;height:50px}
.res{min-width:0}
.res a > span:first-child{min-width:0;overflow-wrap:anywhere}
.pgrid a.arrow svg.site-arrow{width:50px;height:50px;max-width:none}
.lb svg.site-arrow{width:50px;height:50px}
@media (max-width:560px){
  .lb[role="dialog"] .bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .lb[role="dialog"] .cap{grid-row:1;grid-column:1/-1;overflow-wrap:anywhere}
  .lb .bar button{display:grid;place-items:center}
}