/* Broccoli article (Insights 04): figures inside the prose, inline code and the code sample.
   Loaded after insights.css; changes nothing on other pages. */
.prose figure .hero-button{display:block;border:0;padding:0;width:100%;cursor:zoom-in;background:transparent}
.prose figure .hero-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.prose figure img{border:1px solid var(--line);background:#fff}
.prose figure figcaption{margin-top:9px}
.prose p code,.prose li code{background:var(--soft);border:1px solid var(--line);border-radius:3px;padding:.06em .32em;font-size:.82em;white-space:nowrap}
.prose pre{font-size:13.5px;line-height:1.6}
.prose pre code{background:none;border:0;padding:0;font-size:inherit;white-space:pre}
.prose h3{font-size:25px;margin-top:1.3em}
@media(max-width:700px){.prose p code,.prose li code{white-space:normal;overflow-wrap:anywhere}.prose pre{font-size:12.5px}}