@extends('layouts.app')

@section('title', $page->meta_title ?: $page->title . ' — Точка')

@section('content')
<div class="page-hdr">
    <div class="container">
        <div class="breadcrumb">
            <a href="{{ route('home') }}">Главная</a>
            <span>/</span>
            <span>{{ $page->title }}</span>
        </div>
        <h1 class="reveal">{{ $page->title }}</h1>
    </div>
</div>

<section class="section sec-white">
    <div class="container" style="max-width:800px">
        @if($page->content)
            <div class="text-page-body">
                {!! $page->content !!}
            </div>
        @else
            <p style="color:var(--muted)">Раздел в разработке.</p>
        @endif
    </div>
</section>
@endsection

@push('styles')
<style>
.text-page-body{font-size:15px;line-height:1.9;color:var(--text)}
.text-page-body h2{font-family:var(--fh);font-size:clamp(18px,3vw,24px);font-weight:700;margin:32px 0 12px}
.text-page-body h3{font-family:var(--fh);font-size:clamp(15px,2vw,18px);font-weight:700;margin:24px 0 8px}
.text-page-body p{margin-bottom:14px;color:var(--muted)}
.text-page-body ul,.text-page-body ol{padding-left:20px;margin-bottom:14px;color:var(--muted)}
.text-page-body li{margin-bottom:6px}
.text-page-body a{color:var(--red);text-decoration:underline}
</style>
@endpush