/* SVETIT — STATIC PAGE STYLES (page.css) */

.page-wrapper {
        padding: 40px 0 80px;
    }

    .page-breadcrumbs {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        color: var(--text-muted);
        margin-bottom: 24px;
    }

    .page-breadcrumbs a {
        color: var(--text-secondary);
        transition: color 0.2s;
    }

    .page-breadcrumbs a:hover {
        color: var(--accent);
    }

    .page-card {
        background: var(--bg-card);
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        padding: 48px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    }

    .page-header {
        border-bottom: 1px solid var(--border);
        padding-bottom: 24px;
        margin-bottom: 32px;
    }

    .page-title {
        font-size: 36px;
        font-weight: 700;
        color: var(--text-primary);
        line-height: 1.25;
        margin-bottom: 12px;
    }

    .page-meta {
        font-size: 13px;
        color: var(--text-muted);
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .page-content {
        font-size: 16px;
        line-height: 1.8;
        color: var(--text-secondary);
    }

    .page-content h1, .page-content h2, .page-content h3 {
        color: var(--text-primary);
        margin-top: 32px;
        margin-bottom: 16px;
        font-weight: 600;
    }

    .page-content h1 { font-size: 26px; }
    .page-content h2 { font-size: 22px; }
    .page-content h3 { font-size: 18px; }

    .page-content p {
        margin-bottom: 20px;
    }

    .page-content ul, .page-content ol {
        margin-left: 24px;
        margin-bottom: 20px;
    }

    .page-content li {
        margin-bottom: 8px;
    }

    .page-content blockquote {
        border-left: 3px solid var(--accent);
        padding-left: 20px;
        margin: 24px 0;
        font-style: italic;
        color: var(--text-primary);
        background: rgba(234, 179, 8, 0.05);
        padding: 16px 20px;
        border-radius: 0 var(--radius-md) var(--radius-md) 0;
    }

    .page-content a {
        color: var(--accent);
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    .page-content a:hover {
        color: #facc15;
    }

    @media (max-width: 768px) {
        .page-card {
            padding: 24px 18px;
        }

        .page-title {
            font-size: 26px;
        }
    }

    /* Light Theme cms/page.html refinements */
    [data-theme="light"] h1,
    [data-theme="light"] h2,
    [data-theme="light"] h3,
    [data-theme="light"] h4,
    [data-theme="light"] h5,
    [data-theme="light"] h6,
    [data-theme="light"] .page-title,
    [data-theme="light"] .page-content h1,
    [data-theme="light"] .page-content h2,
    [data-theme="light"] .page-content h3,
    [data-theme="light"] .page-content h4,
    [data-theme="light"] .page-content h5,
    [data-theme="light"] .page-content h6 {
        color: #26201a !important;
    }
    [data-theme="light"] .page-card {
        background: var(--bg-card);
        border-color: var(--border);
        box-shadow: var(--card-shadow);
    }
    [data-theme="light"] .page-content blockquote {
        background: rgba(180, 83, 9, 0.06);
        color: #26201a;
        border-left-color: var(--accent);
    }

    /* Content Images */
    .page-content img {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
        display: block;
        margin: 28px auto;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    [data-theme="light"] .page-content img {
        box-shadow: 0 8px 24px rgba(90, 65, 40, 0.12);
        border: 1px solid #ded2c0;
    }