.th-content {
    --th-primary: #3182F6;
    --th-deep: #1B64DA;
    --th-line: #ece8f5;
    background: #fff;
    border: 1px solid var(--th-line);
    border-radius: 16px;
    padding: 28px 24px;
    box-shadow: 0 1px 2px rgba(26, 15, 46, .04);
}

.th-content__head {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--th-line);
}

.th-content__title {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #1A0F2E;
    position: relative;
    padding-left: 14px;
}

.th-content__title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 20px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--th-primary), var(--th-deep));
}

.th-content__body {
    font-size: 15px;
    line-height: 1.75;
    color: #2c2640;
    word-break: keep-all;
}

.th-content__body img { max-width: 100%; height: auto; }
.th-content__body a { color: var(--th-primary); }

@media (max-width: 640px) {
    .th-content { padding: 20px 16px; border-radius: 12px; }
    .th-content__title { font-size: 19px; }
}