/** * base.css * ======== * Global styles applied to every page via base.html. * * IFRAME ARCHITECTURE OVERVIEW * ----------------------------- * The site uses two display modes for toolkit hub pages * (freight_tools, glass_artist_toolkit, it_tools, etc.): * * MOBILE (< 768px): .non-iframe-cards are shown — simple Bootstrap cards * with a title, image, description, and a link button. * No iframes. Clean and fast on small screens. * * DESKTOP (≥ 768px): .iframe-cards are shown — the same tool pages are * embedded live inside