.activrec-main {
    background: linear-gradient(180deg, #f5f8fb 0%, #ffffff 26%);
}

.activrec-hero {
    padding: 20px 0 8px 0;
}

.activrec-hero-box {
    background: linear-gradient(135deg, #e9f4fb 0%, #d9ebf7 100%);
    border: 1px solid #cfe2f0;
    border-radius: 12px;
    color: #0f4668;
    text-align: center;
    padding: 18px 16px;
    box-shadow: 0 4px 10px rgba(10, 68, 114, 0.08);
}

.activrec-title {
    margin: 0;
    font-weight: 700;
    letter-spacing: 0.6px;
    font-size: 1.6rem;
    color: #0a4472;
}

.activrec-subtitle {
    margin: 6px 0 0 0;
    font-size: 0.95rem;
    color: #2f5f7b;
}

.activrec-section {
    padding: 14px 0 34px 0;
}

.activrec-article {
    max-width: 980px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6edf4;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(10, 68, 114, 0.08);
    padding: 18px 18px 14px 18px;
}

.activrec-quote {
    margin: 0;
    color: #223747;
    line-height: 1.64;
    font-size: 1.02rem;
}

.activrec-quote footer {
    margin-top: 10px;
    color: #49667c;
    font-size: 0.95rem;
    font-style: italic;
}

.activrec-divider {
    border-top: 1px solid #e8eef4;
    margin: 14px 0;
}

.activrec-note {
    color: #263b4b;
    line-height: 1.62;
    font-size: 1rem;
    margin: 0;
}

@media (max-width: 767px) {
    .activrec-title {
        font-size: 1.34rem;
    }

    .activrec-subtitle {
        font-size: 0.9rem;
    }

    .activrec-article {
        padding: 14px 12px 10px 12px;
    }

    .activrec-quote,
    .activrec-note {
        font-size: 0.96rem;
    }
}