.coc-page {
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 20px 80px;
    text-align: left;
    color: #1a2330;
}

.coc-page h1 {
    margin: 0 0 12px;
    font-size: 2rem;
    line-height: 1.2;
    color: #0c2746;
}

.coc-page h2 {
    margin: 2.2rem 0 0.8rem;
    font-size: 1.45rem;
    line-height: 1.3;
    color: #306998;
}

.coc-page h3,
.coc-page h4 {
    margin: 1.6rem 0 0.6rem;
    font-size: 1.15rem;
    color: #0c2746;
}

.coc-page h4 {
    font-size: 1.05rem;
}

.coc-page p,
.coc-page li {
    font-size: 1.02rem;
}

.coc-page ul,
.coc-page ol {
    list-style: disc;
    padding-left: 1.4rem;
    margin: 0.4rem 0 1rem;
}

.coc-page ol {
    list-style: decimal;
}

.coc-page a {
    color: #306998;
}

.coc-index {
    background: #ffffff;
    border-radius: 12px;
    padding: 16px 20px;
}

.coc-note {
    color: #4a5568;
    font-size: 0.95rem;
}

@media (max-width: 768px) {
    .coc-page p,
    .coc-page li,
    .coc-note {
        font-size: 1.0625rem;
    }
}