section {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
    color: var(--text-color);
    background-color: var(--bg-color);
    transition: background-color 0.3s, color 0.3s;
}

.section-title {
    font-size: 2rem;
    margin-bottom: 20px;
}

section p, section li {
    font-size: 1rem;
    line-height: 1.6;
}

ul {
    margin: 20px 0;
    padding-left: 20px;
    list-style-type: disc;
}

a {
    color: var(--link-color);
    text-decoration: underline;
}

a:hover {
    color: var(--link-hover);
}

[data-theme="dark"] {
    --bg-color: #1a1a1a;
    --text-color: #f0f0f0;
    --link-color: #4ea1f3;
    --link-hover: #77c0ff;
}

[data-theme="light"] {
    --bg-color: #fff;
    --text-color: #111;
    --link-color: #0077cc;
    --link-hover: #005fa3;
}