/* New UI (Nov 2026): the public pages of the website (Home, Our Mission, ... : the .html files outside /register, made
   in the old site builder and restyled by restyle_static.py). Loaded only by those pages, after ui_base.css,
   blue_sky.css and design_b.css. The old theme gave their content fixed columns (560 px, or 270 + 270, 310 + 225) for
   its 800 px page; here the page is wider on a computer and narrower on a phone, so the parts of a page stand one
   under the other at the page's width, and nothing is cut off at the side. */
#bd #zWrap #zA, #bd #zWrap #zB, #bd #zWrap #zC { float: none; clear: both; width: auto; max-width: 900px; margin: 0 0 18px 0; padding: 0; overflow: visible; }
#bd #zWrap #zA:empty, #bd #zWrap #zB:empty, #bd #zWrap #zC:empty { display: none; }
#bd #zWrap .modWrap:empty { display: none; }
#bd #zWrap { font-size: 15px; line-height: 1.55; }
#bd #zWrap img { max-width: 100%; height: auto; }
#bd #zWrap iframe, #bd #zWrap object, #bd #zWrap embed, #bd #zWrap video { max-width: 100%; }
#bd #zWrap table { max-width: 100%; }
#bd #zWrap form#contactForm { width: auto; max-width: 420px; margin: 10px 0 0 0; }
#bd #zWrap input[type="text"], #bd #zWrap select, #bd #zWrap textarea { max-width: 100%; box-sizing: border-box; }
#bd #zB #mapZone { max-width: 100%; }
@media screen and (max-width: 900px) {
	#bd #zWrap { overflow-x: auto; }
	#bd #zWrap table { display: block; overflow-x: auto; }
}