body { font-family: 'Segoe UI', Arial, sans-serif; background: #f4f7f9; margin: 0; padding: 0; color: #333; }
        header { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background: #fff; border-bottom: 2px solid #005baa; }
        .h1-text { font-size: 20px; color: #005baa; margin: 0; }
        
        main { padding: 20px; max-width: 850px; margin: 20px auto; background: #fff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
        h2 { color: #444; font-size: 22px; margin-top: 10px; border-left: 5px solid #ff9800; padding-left: 10px; }

    .view-more-btn {
    display: inline-block;   
    height: auto;                 
    padding-top: 12px;           
    padding-bottom: 12px;        
    line-height: 1.5;         
    word-wrap: break-word;        
    max-width: 60%;           
}        .view-data-btn:hover { background: #ff9800; transform: scale(1.05); }

        .art-content { font-size: 16px; line-height: 1.9; color: #555; text-align: justify; }
        .art-content strong { color: #005baa; }
        
        .map-container { margin-top: 30px; height: 400px; border-radius: 15px; overflow: hidden; border: 3px solid #eee; }
        
        footer { margin-top: 40px; padding: 20px; text-align: center; color: #777; font-size: 14px; border-top: 1px solid #ddd; }
/* App Install Button Style */
.app-btn { 
    background: #005baa; /* A2V Blue Color */
    color: #ffffff !important; 
    padding: 4px 10px; 
    border-radius: 5px; 
    text-decoration: none; 
    font-size: 10px; 
    font-weight: bold; 
    text-align: center; 
    line-height: 1.2; 
    display: inline-block;
    border: 1px solid #ffffff;
    transition: 0.3s;
}

/* பட்டன் மேல மவுஸ் கொண்டு போனா கலர் மாறும் */
.app-btn:hover { 
    background: #ff9800; /* Orange Hover Color */
    transform: scale(1.05);
}

/* Header Layout */
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px 12px 20px; /* வலது பக்கம் இடைவெளியை குறைச்சிருக்கேன் (10px) */
    background: #fff;
    border-bottom: 2px solid #005baa;
}

/* H1 Style */
.h1-text {
    font-size: 20px;
    color: #005baa;
    margin: 0;
    text-align: left;
    flex: 2; /* டைட்டிலுக்கு அதிக இடம் கொடுத்து பட்டனை தள்ளுறோம் */
    font-weight: bold;
}

/* Logo Section */
header a:first-child {
    flex: 1;
    display: flex;
    justify-content: flex-start;
}

/* App Install Button - வலது பக்கம் ஒட்டி வர */
.app-container {
    flex: 1;
    display: flex;
    justify-content: flex-end; /* பட்டனை வலது ஓரத்துக்கு தள்ளும் */
}

.app-btn { 
    background: #005baa;
    color: #ffffff !important; 
    padding: 6px 10px; 
    border-radius: 5px; 
    text-decoration: none; 
    font-size: 11px; 
    font-weight: bold; 
    text-align: center; 
    line-height: 1.2; 
    border: 1px solid #ffffff;
    transition: 0.3s;
    min-width: 85px;
}

@media screen and (max-width: 600px) {
    header {
        padding: 10px 5px 10px 10px;
    }
    .h1-text {
        font-size: 18px;
        text-align: center;
        padding: 0 5px;
    }
    header a img {
        height: 60px;
    }
    @media screen and (max-width: 600px) {
    .view-more-btn, .view-data-btn {
        display: block !important;
        width: 95% !important;
        height: auto !important;
        min-height: 40px !important;
        padding: 15px 5px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        text-align: center !important;
        background: #005baa !important; /* கலர் போயிருந்தா இது சரி பண்ணிடும் */
        color: #ffffff !important;
        text-decoration: none !important;
        border-radius: 50px !important;
        margin: 20px auto !important;
    }
}