@import url("site-shell.css");

/* Shared small-screen safety for the public site. */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  main,main *{min-width:0}
  main :where([class*="card"],[class*="tile"],[class*="pill"],[class*="resource"],[class*="bundle"],[class*="collection"],[class*="venture"],[class*="cover"]){min-width:0}
  main :where([class*="card"],[class*="tile"],[class*="pill"],[class*="resource"],[class*="bundle"],[class*="collection"],[class*="venture"],[class*="cover"]) :where(h1,h2,h3,h4,h5,p,span,strong,a,button){min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:break-word;word-break:normal}

  /* One readable, tap-safe mobile form system. Controls that are not text
     entry (ranges, checks, radios, files, and hidden inputs) keep their own
     deliberate geometry. */
  :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea){box-sizing:border-box;min-height:44px;font-size:14px!important;line-height:1.25}
  body .field :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea){font-size:14px!important}
}