/* ── RESET & BOX MODEL ── */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ── COLOR TOKENS ── */
:root {
    --primary:    #2196F3;
    --primary-dk: #1976D2;
    --primary-lt: #E3F2FD;
    --accent:     #2979FF;
    --text-dark:  #0d1b2a;
    --text-mid:   #4a5568;
    --text-light: #718096;
    --border:     #e2e8f0;
    --bg-page:    #ffffff;
    --bg-section: #F0F7FF;
}

/* ── BASE BODY ── */
body {
    font-family: 'Segoe UI', Arial, sans-serif;
    color: var(--text-dark);
    background: var(--bg-page);
    line-height: 1.6;
    padding-top: 64px;
}

/* ── SECTION COMMON ── */
.section-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 24px;
}

.section-title {
    text-align: center;
    font-size: 1.9rem;
    font-weight: 800;
    color: var(--text-dark);
    margin-bottom: 8px;
}

.section-sub {
    text-align: center;
    color: var(--text-light);
    font-size: 1rem;
    margin-bottom: 40px;
}