template/app/layout.pug

include ../pug/base.pug
include ../pug/bem.pug

div(class="flex flex-col min-h-screen")
    header(class="sticky top-0 z-50 border-b border-neutral-300/30 bg-surface-alt")
        div(class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center")
            app-link(to="/")
                h1(class="text-xl font-bold text-contrast-high") s5l.ru
            nav(class="hidden md:block")
                app-link(to="/" class="ml-6 text-contrast-medium hover:text-contrast-high") Главная

    main(class="flex-grow")
        block top-content
        div(class="container mx-auto px-4 sm:px-6 lg:px-8 py-8")
            block content

    footer(class="border-t border-neutral-300/30 bg-surface-alt mt-auto")
        div(class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 text-center text-contrast-low text-sm")
            | © 2025 s5l.ru — мультиязычная offline-first платформа