/**
 * static.css — правила, допомога, 404
 * clubmarket
 */

.page-static { max-width: 800px; margin-inline: auto; }

.static-header {
    margin-bottom: var(--sp-10);
    display: flex; flex-direction: column; gap: var(--sp-5);
}

.static-title {
    font-size: var(--text-2xl); font-weight: 900;
    letter-spacing: -0.03em; line-height: 1.1;
}

.static-body { display: flex; flex-direction: column; gap: var(--sp-8); }

.static-section {
    padding-bottom: var(--sp-8);
    border-bottom: 1px solid var(--c-border);
}
.static-section:last-of-type { border-bottom: none; }

.static-section h2 {
    font-size: var(--text-lg); font-weight: 700;
    display: flex; align-items: center; gap: var(--sp-2);
    margin-bottom: var(--sp-4);
}

.static-section ul, .static-section ol {
    padding-left: var(--sp-6);
    display: flex; flex-direction: column; gap: var(--sp-3);
}
.static-section ul  { list-style: disc; }
.static-section ol  { list-style: decimal; }
.static-section li  { font-size: var(--text-base); line-height: 1.65; }
.static-section a   { color: var(--c-primary); font-weight: 600; }

.static-callout {
    display: flex; align-items: center; gap: var(--sp-4);
    padding: var(--sp-5) var(--sp-6);
    background: var(--c-primary-soft);
    border-radius: var(--r-xl);
    border-left: 4px solid var(--c-primary);
}
.static-callout .icon { width: 24px; height: 24px; color: var(--c-primary); flex-shrink: 0; }
.static-callout p { font-size: var(--text-sm); font-weight: 600; margin: 0; }