/**
 * Siyuan Zhang - Personal Portfolio Website
 * Unified Width Styles - 统一宽度样式
 * 
 * 功能说明:
 * - 统一所有研究页面的宽度设置
 * - 确保页面布局一致性
 * - 基于index页面的宽度标准
 * - 响应式宽度调整
 * 
 * 应用页面:
 * - 所有research-websites目录下的HTML文件
 * - 确保与主页面宽度保持一致
 * 
 * 技术特点:
 * - 使用Bulma CSS框架的列宽系统
 * - 响应式断点设计
 * - 统一的容器宽度设置
 * 
 * 作者: Siyuan Zhang
 * 版本: v1.0
 * 更新: 2024年12月
 */

/* ===== 统一宽度设置 - 所有研究页面使用与主页面相同的宽度设置 ===== */

/* Main container width settings - matching index page */
.container.is-max-desktop {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

/* Navigation container width - matching index page */
.nav-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

/* Content column width - using 85% as established in common-styles.css */
.column.is-85-percent {
    flex: none !important;
    width: 85% !important;
    max-width: 1020px !important; /* 85% of 1200px */
}

/* Responsive design - matching index page breakpoints */
@media (max-width: 768px) {
    .container.is-max-desktop {
        padding: 0 20px !important;
    }
    
    .nav-container {
        padding: 0 20px !important;
    }
    
    .column.is-85-percent {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .container.is-max-desktop {
        padding: 0 16px !important;
    }
    
    .nav-container {
        padding: 0 16px !important;
    }
}

/* Ensure consistent spacing with index page */
.section {
    padding: 50px 0 !important;
}

.section:first-of-type {
    padding-top: 2rem !important;
}

/* Hero section width consistency */
.hero .container.is-max-desktop {
    max-width: 1200px !important;
}

/* Publication title width consistency */
.publication-title {
    max-width: 100% !important;
    word-wrap: break-word !important;
}

/* Abstract and content width consistency */
.content {
    max-width: 100% !important;
}

/* Ensure images don't exceed container width */
.article-image img {
    max-width: 100% !important;
    height: auto !important;
}

/* Stats grid responsive width */
.stats-grid {
    max-width: 100% !important;
}

/* Publication links container width */
.publication-links {
    max-width: 100% !important;
    justify-content: center !important;
}

/* Affiliation blocks width consistency */
.affiliation-block {
    max-width: 100% !important;
    text-align: center !important;
}

/* University logos - keeping original size settings from university-logos.css */