@extends('themes.classic.layouts.app')

@section('title', $page->title ?? 'Page')

@section('content')
<article class="max-w-3xl mx-auto px-6 py-24">
    <h1 class="text-4xl md:text-5xl font-bold text-slate-900 mb-8 leading-tight">{{ $page->title }}</h1>
    <div class="text-slate-600 leading-relaxed space-y-4 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:mt-8 [&_h2]:mb-4 [&_p]:mb-4 [&_ul]:list-disc [&_ul]:pl-6 [&_ul]:my-4 [&_ol]:list-decimal [&_ol]:pl-6 [&_ol]:my-4 [&_a]:text-slate-900 [&_a]:underline [&_a]:hover:text-slate-700">
        {!! $page->content ?? '' !!}
    </div>
</article>
@endsection
