/* Self-contained icons and defensive responsive containment.
   NOTE: styles.css already owns the responsive breakpoints for this app
   (@media max-width:900px and max-width:560px) — this file intentionally
   does NOT define a second, independent set of breakpoints anymore. Two
   uncoordinated breakpoint systems (this file previously used 720px/420px)
   created gaps and conflicts between them; every layout-level media rule
   that used to live here has been folded into styles.css's existing
   breakpoints instead. What remains here is global, breakpoint-independent
   safety net CSS that has no reason to live inside a media query. */
html,body{max-width:100%;overflow-x:hidden}
.workspace>*,.result-heading>*,.composer-footer>*,.citation>*,.panel-head>*{min-width:0}
.material-symbols-rounded{display:none}
.material-icon{display:inline-block;flex:0 0 auto;width:20px;height:20px;fill:currentColor;vertical-align:middle}
.source-meta,.source-copy,.answer,.notice p,.trace-item p,.diagnostic-list,.status-pill{overflow-wrap:anywhere;word-break:break-word}
.source-viewer iframe,.source-viewer img{max-width:100%}
.top-actions{min-width:0}
.suggestions{max-width:100%}