<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px">
<div style="border:1px solid var(--border);border-radius:var(--radius-lg)">
<.error_page code="404" title="Page not found">
The page may have moved, or the link may be wrong. Check the address, or go back to your dashboard.
<:actions><a class="ui-btn" href="#">Go to dashboard</a><a class="ui-btn" data-variant="outline" href="#">Search</a></:actions>
</.error_page>
</div>
<div style="border:1px solid var(--border);border-radius:var(--radius-lg)">
<.error_page code="500" title="Something went wrong" reference="req_7Kd92hX">
It's a problem on our side, not something you did. Your changes weren't saved. Try again in a few minutes.
<:actions><a class="ui-btn" href="#"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>Try again</a><a class="ui-btn" data-variant="outline" href="#">Service status</a></:actions>
</.error_page>
</div>
</div>