/* ==========================================================================
   Агрегато — страницы-заглушки (page_stub)
   Самодостаточный файл: подключается ТОЛЬКО на page_*.html.
   Не зависит от style.css / landing.css и их переменных.
   ========================================================================== */

:root {
    --stub-bg:          #fafafa;
    --stub-surface:     #ffffff;
    --stub-text:        #0a0a0a;
    --stub-muted:       #6b6b6b;
    --stub-border:      #e5e5e5;
    --stub-radius:      16px;
    --stub-shadow:      0 1px 2px rgba(10, 10, 10, 0.04);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    min-height: 100vh;
    background: var(--stub-bg);
    color: var(--stub-text);
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.page-stub {
    max-width: 860px;
    margin: 0 auto;
    padding: 24px 20px 64px;
}

/* Шапка-ссылка на главную */
.page-stub__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 8px 0 20px;
}

.page-stub__brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
}

.page-stub__logo {
    display: block;
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.page-stub__brand-text {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.page-stub__back {
    color: var(--stub-muted);
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
}

.page-stub__back:hover { color: var(--stub-text); }

/* Контент */
.page-stub__title {
    margin: 24px 0 8px;
    font-family: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;
    font-size: 40px;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.page-stub__note {
    margin: 0 0 24px;
    color: var(--stub-muted);
    font-size: 16px;
}

.page-stub__body {
    min-height: 200px;
    padding: 28px 24px;
    background: var(--stub-surface);
    border: 1px solid var(--stub-border);
    border-radius: var(--stub-radius);
    box-shadow: var(--stub-shadow);
}

@media (max-width: 700px) {
    .page-stub { padding: 16px 16px 48px; }
    .page-stub__title { font-size: 28px; }
    .page-stub__body { padding: 20px 16px; }
}

@media (max-width: 420px) {
    .page-stub__title { font-size: 26px; }
}