/* bodacargo public sayt. Rənglər və ölçülər tokens.css-dəndir. Kompaktdır: marketinq
 * «hero»-su, iri başlıq və dekorativ effekt yoxdur. */

.site {
    background: var(--bc-color-surface);
}

.site-container {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 var(--bc-space-4);
}

.site-header {
    border-bottom: 1px solid var(--bc-color-border);
}

.site-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bc-space-3);
    min-height: 48px;
}

.site-brand {
    font-weight: 650;
    font-size: var(--bc-font-size-lg);
    color: var(--bc-color-primary);
    text-decoration: none;
}

.site-nav {
    display: flex;
    gap: var(--bc-space-3);
}

.site-nav-link {
    font-size: var(--bc-font-size-sm);
    color: var(--bc-color-text-secondary);
    text-decoration: none;
}

.site-nav-link:hover,
.site-nav-link.active {
    color: var(--bc-color-primary);
}

.site-lang {
    padding-left: var(--bc-space-3);
    border-left: 1px solid var(--bc-color-border);
}

.site-main {
    padding-top: var(--bc-space-5);
    padding-bottom: var(--bc-space-5);
}

.site-title {
    font-size: var(--bc-font-size-xl);
    font-weight: 650;
    margin-bottom: var(--bc-space-2);
}

.site-h2 {
    font-size: var(--bc-font-size-lg);
    font-weight: 600;
    margin: var(--bc-space-4) 0 var(--bc-space-1);
}

.site-lead {
    color: var(--bc-color-text-secondary);
    margin-bottom: var(--bc-space-3);
}

.site-list {
    padding-left: 1.1rem;
    margin-bottom: var(--bc-space-2);
}

.site-list li + li {
    margin-top: var(--bc-space-1);
}

.site-points {
    padding-left: 1.1rem;
    margin-bottom: var(--bc-space-3);
}

.site-points li {
    margin-bottom: var(--bc-space-1);
}

.site-note {
    font-size: var(--bc-font-size-sm);
    color: var(--bc-color-text-muted);
}

.site-draft {
    display: inline-block;
    padding: var(--bc-space-1) var(--bc-space-2);
    font-size: var(--bc-font-size-xs);
    color: var(--bc-color-text);
    background: rgba(var(--bc-color-warning-rgb), 0.25);
    border-radius: var(--bc-radius-sm);
}

.site-footer {
    padding: var(--bc-space-3) 0;
    border-top: 1px solid var(--bc-color-border);
    font-size: var(--bc-font-size-xs);
    color: var(--bc-color-text-muted);
}