<script>
	let { children } = $props();
</script>

{@render children()}

<style>
    :root {
        --color-highlight: #C76668 !important;
    }
    :global {
        h2::before {
            letter-spacing: -0.5rem;
            content: '› ';
            margin-right: 15px;
        }
        h3::before {
            letter-spacing: -0.3rem;
            content: '›› ';
            margin-right: 10px;
        }
        h4::before {
            letter-spacing: -0.26rem;
            content: '››› ';
            margin-right: 6px;
        }
    }
</style>