/* ==========================================================================
   SECTIONS — общие правила разделения секций (границы, чередование фона)
   ========================================================================== */

.hero,
.timeline,
.competencies,
.legacy {
    border-bottom: 1px solid var(--medal-border);
}

.legacy {
    border-bottom: none;
}

/* ==========================================================================
   LEGAL PAGE — Privacy Policy и подобные текстовые страницы
   ========================================================================== */

.legal-page {
    padding: 140px 40px 100px;
    max-width: 900px;
}

.legal-page .page-title {
    font-size: 42px;
    font-weight: 800;
    color: var(--medal-white);
    margin: 0 0 8px;
}

.legal-updated {
    color: var(--medal-gray);
    font-size: 14px;
    margin: 0 0 40px;
}

.legal-content h2 {
    color: var(--medal-white);
    font-size: 22px;
    margin: 40px 0 14px;
}

.legal-content p,
.legal-content li {
    color: var(--medal-gray-light);
    font-size: 15px;
    line-height: 1.7;
}

.legal-content ul {
    margin: 0 0 10px;
    padding-left: 20px;
}

.legal-content li {
    list-style: disc;
    margin-bottom: 8px;
}

/* ==========================================================================
   PAGE BANNER — верхняя плашка на внутренних страницах (About Us и т.п.)
   ========================================================================== */

.page-banner {
    padding: 160px 0 60px;
    background-color: var(--medal-bg-dark);
    background-image:
        linear-gradient(var(--medal-border) 1px, transparent 1px),
        linear-gradient(90deg, var(--medal-border) 1px, transparent 1px);
    background-size: 100px 100px;
    border-bottom: 1px solid var(--medal-border);
}

.page-banner__title {
    font-size: 46px;
    font-weight: 800;
    color: var(--medal-white);
    margin: 0 0 12px;
}

.page-banner__subtitle {
    font-size: 18px;
    color: var(--medal-gray-light);
    max-width: 700px;
    margin: 0;
}

/* ==========================================================================
   INNER PAGE — тело обычной страницы (контент из редактора WordPress)
   ========================================================================== */

.inner-page {
    padding: 70px 40px 100px;
    max-width: 900px;
}

.inner-page .page-content {
    color: var(--medal-gray-light);
    font-size: 16px;
    line-height: 1.75;
}

.inner-page .page-content h2 {
    color: var(--medal-white);
    font-size: 28px;
    margin: 40px 0 16px;
}

.inner-page .page-content h3 {
    color: var(--medal-white);
    font-size: 22px;
    margin: 32px 0 14px;
}

.inner-page .page-content p {
    margin: 0 0 18px;
}

.inner-page .page-content ul,
.inner-page .page-content ol {
    margin: 0 0 18px;
    padding-left: 22px;
}

.inner-page .page-content li {
    list-style: disc;
    margin-bottom: 8px;
}

.inner-page .page-content a {
    color: var(--medal-white);
    text-decoration: underline;
}

.inner-page .page-content img {
    border: 1px solid var(--medal-border);
    margin: 20px 0;
}

.inner-page .page-content blockquote {
    border-left: 3px solid var(--medal-red);
    padding-left: 20px;
    color: var(--medal-white);
    font-style: italic;
    margin: 24px 0;
}