.page-terms-conditions { background-color: #f5f7fa; text-align: left; color: #333333; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.page-terms-conditions__hero-section { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto; padding: 10px 16px; box-sizing: border-box; }
.page-terms-conditions__hero-image-wrapper { width: 100%; max-width: 1020px; }
.page-terms-conditions__hero-image { width: 100%; height: auto; max-width: 1020px; aspect-ratio: 17/5; object-fit: cover; display: block; border-radius: 12px; }
.page-terms-conditions__hero-content { width: 100%; max-width: 1020px; margin-top: 16px; }
.page-terms-conditions__main-title { color: #113B7A; font-size: clamp(1.1rem, 2.5vw, 1.6rem); font-weight: 700; line-height: 1.4; margin: 0 0 10px; }
.page-terms-conditions__hero-description { color: #333333; font-size: 1rem; max-width: 850px; }
.page-terms-conditions__hero-actions { margin-top: 20px; }
.page-terms-conditions__hero-actions .page-terms-conditions__btn-primary, .page-terms-conditions__hero-actions .page-terms-conditions__btn-secondary { display: inline-block; margin: 0 4px 8px; text-decoration: none; border-radius: 30px; font-weight: 600; }
.page-terms-conditions__btn-primary { background: linear-gradient(180deg, #2B73F6 0%, #1144A6 100%); color: #ffffff; padding: 10px 22px; }
.page-terms-conditions__btn-secondary { background: #ffffff; color: #113B7A; padding: 10px 22px; border: 2px solid #113B7A; }
.page-terms-conditions__intro-section, .page-terms-conditions__table-of-contents, .page-terms-conditions__body-section { max-width: 1200px; margin: 0 auto; padding: 28px 16px; box-sizing: border-box; }
.page-terms-conditions__section-title { color: #113B7A; font-size: 1.3rem; line-height: 1.3; margin-top: 0; text-decoration: underline wavy #F2C14E; }
.page-terms-conditions__text { color: #333333; line-height: 1.7; font-size: 1rem; }
.page-terms-conditions__toc-list { background: #ffffff; list-style: none; padding: 14px 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.page-terms-conditions__toc-link { color: #1D5FD1; text-decoration: none; }
.page-terms-conditions__toc-link:hover { color: #113B7A; text-decoration: underline; }
.page-terms-conditions__article { background: #ffffff; padding: 20px 24px; border-left: 6px solid #1D5FD1; border-radius: 8px; margin-bottom: 22px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.page-terms-conditions__article-title { color: #113B7A; font-size: 1.25rem; margin-top: 0; margin-bottom: 10px; }
@media (max-width: 768px) {
.page-terms-conditions__hero-section { padding: 10px 12px; }
.page-terms-conditions__hero-image { max-width: 100% !important; height: auto !important; aspect-ratio: 2/1; }
.page-terms-conditions__hero-actions .page-terms-conditions__btn-primary, .page-terms-conditions__hero-actions .page-terms-conditions__btn-secondary { max-width: 100%; box-sizing: border-box; display: block; margin: 0 0 10px; }
.page-terms-conditions__body-section img, .page-terms-conditions__intro-section img, .page-terms-conditions__hero-content:hover { max-width: 100%; }
}