@charset "utf-8";

/* AI Sub Pages Common Advanced Styling */
.refined_txt_box .mini_tit { font-size: 20px; font-weight: 700; display: inline-block; margin-bottom: 20px; border-bottom: 2px solid; padding-bottom: 5px; }
.refined_txt_box h4 { font-size: 44px; font-weight: 800; margin-bottom: 35px; letter-spacing: -2px; line-height: 1.25; word-break: keep-all; color: #111; }
.refined_txt_box .desc { font-size: 21px; line-height: 1.85; color: #444; font-weight: 400; word-break: keep-all; }
.refined_txt_box .desc b { font-weight: 800; color: #000; }
.refined_txt_box .desc .highlight { font-weight: 800; }

.refined_impact_part .mini_tit { font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.refined_impact_part .main_tit { font-size: 82px; line-height: 1.05; margin-bottom: 50px; font-weight: 200; letter-spacing: -4px; word-break: keep-all; color: #111; }
.refined_impact_part .main_tit span { font-weight: 800; }
.refined_impact_part .impact_desc { font-size: 30px; line-height: 1.65; color: #555; font-weight: 300; word-break: keep-all; }
.refined_impact_part .impact_desc b { font-weight: 800; color: #111; }
.refined_impact_part .impact_desc .highlight { font-weight: 800; }

/* Theme Color Bindings */
.theme_blue .mini_tit { color: #00bcd4; border-color: #00bcd4; }
.theme_blue .highlight { color: #007bff; }
.theme_blue .main_tit span { color: #007bff; }

.theme_green .mini_tit { color: #2ecc71; border-color: #2ecc71; }
.theme_green .highlight { color: #2ecc71; }
.theme_green .main_tit span { color: #2ecc71; }

.theme_gold .mini_tit { color: #d4af37; border-color: #d4af37; }
.theme_gold .highlight { color: #d4af37; }
.theme_gold .main_tit span { color: #d4af37; }

.theme_purple .mini_tit { color: #a29bfe; border-color: #a29bfe; }
.theme_purple .highlight { color: #6c5ce7; }
.theme_purple .main_tit span { color: #6c5ce7; }

/* Responsive adjustments */
@media all and (max-width: 1400px) {
    .refined_impact_part .main_tit { font-size: 64px; }
    .refined_txt_box h4 { font-size: 38px; }
    .refined_impact_part .impact_desc { font-size: 24px; }
}
@media all and (max-width: 800px) {
    .refined_impact_part .main_tit { font-size: 40px; letter-spacing: -2px; }
    .refined_txt_box h4 { font-size: 28px; letter-spacing: -1px; }
    .refined_impact_part .impact_desc { font-size: 18px; }
    .refined_txt_box .desc { font-size: 17px; }
}