/* Yugo League responsive/mobile additions. Loaded after style.css. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,iframe{max-width:100%;height:auto}
pre,code{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
.site-search{max-width:42rem;margin:.75rem 0}
.site-search label{margin:.25rem 0}
.site-search input[type="search"]{width:min(26rem,100%)}
.inline{display:inline-block;margin:.2rem .25rem .2rem 0}

@media (max-width:700px){
  :root{font-size:17px}
  header,main,footer{width:100%;max-width:none;padding:.75rem}
  h1{font-size:1.65rem;line-height:1.2}
  h2{font-size:1.35rem;line-height:1.25}
  h3{font-size:1.15rem;line-height:1.3}
  nav{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;padding:.5rem}
  nav a{display:block;padding:.45rem .3rem;min-height:2.5rem}
  .site-search input[type="search"],
  .site-search button,
  form:not(.inline) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  form:not(.inline) select,
  form:not(.inline) textarea,
  form:not(.inline) button{width:100%}
  button,a,input,select,textarea{touch-action:manipulation}
  button{min-height:2.75rem}
  textarea{min-height:10rem}
  .card{padding:.75rem;margin:.75rem 0;overflow-wrap:anywhere}
  .actions{display:flex;flex-direction:column;align-items:stretch}
  .actions a,.actions button{width:100%}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  footer p{overflow-wrap:anywhere}
}