/*<!--section:docs-->

The `<pre><code>` blocks are Prism-compatible and support captions via `data-caption="..."` attribute:

```treeview {data-caption="Blades CSS ships:"}
/css/
├── blades.css  (Pico CSS successor)
├── blades.standalone.css  (framework-agnostic)
├── ninja.css  (experimental add-ons)
└── pico.css  (underlying fork)
```

<!--section:code-->
```css */
pre {
  @media (width < 768px) {
    border-radius: 0;
  }
}

code {
  /* Code block caption via data-attr (to display filename, etc.) */
  &[data-caption] {
    &::before {
      content: attr(data-caption);
      display: block;
      margin-bottom: 1rem;
      opacity: 50%;
      font-style: italic;
    }
  }
}