/* =========================================
   醫院介紹區塊樣式 (Hospital Intro Section)
   ========================================= */

/* 白框底與卡片外觀 */
.hospital-intro-section {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin: 40px auto;
    overflow: hidden;
    font-family: sans-serif;
    /*margin-bottom: 300px; /* 您可以自由調整這個數字來增加距離 */
}
.hospital-intro-section h1 {
    font-family: 'Battambang', sans-serif;    
}    
.hospital-intro-section h2 {
    font-family: 'Battambang', sans-serif;    
}    

/* 圖片容器 (負責文繞圖與控制圖片縮小寬度) */
.hospital-img-container {
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
    position: relative;
    width: 300px;
}

/* 醫院實景圖片本身 */
.hospital-img-container img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}

/* 圖片邊緣淡出遮罩 (白霧漸層效果) */
.hospital-img-fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 您可以在這裡修改 70% 和 95% 來調整淡出範圍 */
    background: radial-gradient(circle, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 95%);
    pointer-events: none;
}

/* 高棉文介紹文字設定 */
.hospital-intro-text {
    /* 👇 新增這行，強制這個區塊的文字使用 Angkor 字型 👇 */
    font-family: 'Battambang', sans-serif;    text-align: justify;

    text-align: justify;   
    line-height: 1.8;
    font-size: 18px;
    color: #333;
    margin: 0;
}