@php($logoColumnSize = max(76, (int) ($letterhead['logo_size'] ?? 68), (int) ($letterhead['institution_logo_size'] ?? 68)))
<header class="kaldik-letterhead" style="grid-template-columns: {{ $logoColumnSize }}px minmax(0, 1fr) {{ $logoColumnSize }}px">
    <div class="kaldik-letterhead__logos">
        @if ($letterhead['institution_logo_url'] && $letterhead['institution_logo_position'] === 'left')
            <img src="{{ $letterhead['institution_logo_url'] }}" alt="Logo lembaga" style="width: {{ $letterhead['institution_logo_size'] ?? 68 }}px; height: {{ $letterhead['institution_logo_size'] ?? 68 }}px">
        @endif
        @if ($letterhead['logo_url'] && $letterhead['logo_position'] === 'left')
            <img src="{{ $letterhead['logo_url'] }}" alt="Logo tambahan" style="width: {{ $letterhead['logo_size'] ?? 68 }}px; height: {{ $letterhead['logo_size'] ?? 68 }}px">
        @endif
    </div>
    <div class="kaldik-letterhead__rows">
        @foreach ($letterhead['rows'] as $row)
            <p style="font-size: {{ $row['font_size'] }}px; font-weight: {{ ($row['bold'] ?? false) ? '700' : '400' }}">{{ $row['text'] }}</p>
        @endforeach
    </div>
    <div class="kaldik-letterhead__logos">
        @if ($letterhead['institution_logo_url'] && $letterhead['institution_logo_position'] === 'right')
            <img src="{{ $letterhead['institution_logo_url'] }}" alt="Logo lembaga" style="width: {{ $letterhead['institution_logo_size'] ?? 68 }}px; height: {{ $letterhead['institution_logo_size'] ?? 68 }}px">
        @endif
        @if ($letterhead['logo_url'] && $letterhead['logo_position'] === 'right')
            <img src="{{ $letterhead['logo_url'] }}" alt="Logo tambahan" style="width: {{ $letterhead['logo_size'] ?? 68 }}px; height: {{ $letterhead['logo_size'] ?? 68 }}px">
        @endif
    </div>
    @if ($letterhead['line_style'] !== 'none')
        <div class="kaldik-letterhead__rule kaldik-letterhead__rule--{{ $letterhead['line_style'] }}"></div>
    @endif
</header>