{# templates/example_sentence_content.html #}
{{ example_sentence.context_html | safe }}
{% if example_sentence.translation or example_sentence.furigana_html or example_sentence.explanation %}
    <div style="margin-top:8px; padding-top:6px; border-top:1px solid #ccc; color:inherit; font-size:inherit;">
        {% if example_sentence.translation or example_sentence.furigana_html %}
            <div style="color:inherit; font-size:1.08em; font-weight:600;">
                <strong>Translation:</strong>
                {{ example_sentence.translation | safe }}
                {% if example_sentence.translation and example_sentence.furigana_html %}
                    <br>
                {% endif %}
                {{ example_sentence.furigana_html | safe }}
            </div>
            {% if example_sentence.translation_engine %}
                <div style="font-size:11px; color:#bbb; margin-top:4px;">
                    {{ example_sentence.translation_engine | safe }}
                </div>
            {% endif %}
        {% endif %}
        {% if example_sentence.explanation %}
            <div style="color:inherit; font-size:0.95em; opacity:0.8; margin-top:6px;">
                <em>Notes:</em>
                {{ example_sentence.explanation | safe }}
            </div>
        {% endif %}
    </div>
{% endif %}