{% layout 'layouts/html.liquid' %}
{% block content %}
<div>
    <div class="breadcrumbs mb-4">
        <a href="/docs">Docs</a> > {{ doc.filename }}
    </div>

    <p>
        {{ doc.content | markdownify }}
    </p>

    <style>
        table { border-collapse: collapse; margin-bottom: 30px; }
        table, td, th { border: 1px solid #ddd; }
        th, td { padding: 5px; }
        hr { margin: 40px 0; }
        pre { background-color: #f5f5f5; padding: 20px }
        code:not(pre code) { color: #8433d6; background-color: #fefefe; }
    </style>
</div>
{% endblock %}