.nav-menu {
    background-color: brown; /* አረንጓዴ የጀርባ ቀለም */
    display: flex;
    color: red;
    justify-content: center;
    padding: 12px 0;
    margin-bottom: 20px;
    border-radius: 12px;
}

.nav-menu {
    background-color: orange; /* አረንጓዴ የጀርባ ቀለም */
    display: flex;
    color: red;
    justify-content: space-between; /* ሊንኮቹን በግራ፣ በመሃልና በቀኝ እኩል ይበትናቸዋል */
    align-items: center;
    padding: 12px 40px; /* በግራና በቀኝ በኩል ትንሽ ገባ እንዲሉ የውስጥ ሪም ይሰጣል */
    margin-bottom: 20px;
    border-radius: 12px;
}

.nav-menu a:hover {
    background-color: red;
    color: #333;
}
     
     .topmenu{
            background-color: orange;
            text-align: left;

        }
        .topmenu a{
            display: inline;
            color: blue;
            padding: 20px;
            font-size: 30px;
           text-decoration: none;
        }
        a:hover{
         background-color: green;
         color: yellow;
         font-size: 30px;
        }
        
        body {
             font-family: 'Georgia', 'Times New Roman', Times, serif;
            
            background-image: font-size:69px;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            padding: 2rem 1rem;
            border: 10px solid brown;
            border-radius: 20px ;
            border-left-color: orange;
            border-right-color:orange ;
            background-color:rgba(23, 8, 23, 15.4);
          border-size:19px;
        }

        /* 1. Registration Area */
        #registrationArea {
            background: rgba(180, 180, 255, 19.98);
            padding: 40px;
            border-radius: 25px;
            width: 100%;
            max-width: 450px;
            color: #333;
            box-shadow: 0 20px 50px rgba(0,0,0,0.5);
            border-top: 10px solid #2e7d32;
            margin-top: 50px;
            text-align: center;
        }

        .reg-header i { font-size: 3.5rem; color: #2e7d32; margin-bottom: 15px; }
        .input-field { margin-bottom: 20px; text-align: left; }
        .input-field label { display: block; margin-bottom: 8px; font-weight: 600; color: #444; }
        .input-field input {
            width: 100%; padding: 14px; border: 2px solid #ddd; border-radius: 12px; font-size: 1rem;
        }
        .submit-btn {
            width: 100%; padding: 16px; background: #2e7d32; color: white; border: none;
            border-radius: 12px; font-weight: bold; cursor: pointer; font-size: 1.1rem; transition: 0.3s;
        }
        .submit-btn:hover { background: #1b5e20; transform: scale(1.02); }

        /* 2. Main Content (Hidden Initially) */
        #mountainContent {
            display: none;
            max-width: 1150px;
            width: 100%;
            background: #fffef7;
            border-radius: 32px;
            box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            border: 1px solid #e9e0d3;
        }

        .heritage-header { padding: 3rem 2rem; border-bottom: 2px solid #e0d3c2; background: linear-gradient(120deg, #fffaf2 0%, #fef6ea 100%); text-align: center; }
        h1 { font-size: 2.5rem; color: #8b3c1c; border: 2px solid black; background-color: orange; border-radius: 12px; padding: 15px; line-height: 1.4; }
        .badge { border-radius: 12px; background-color: greenyellow; padding: 10px; margin-top: 15px; font-weight: bold; display: inline-block; }
        .sub { border-left: 5px solid green; border-right: 5px solid green; padding: 1.5rem; margin-top: 20px; background: #f1f8e9; line-height: 1.6; }

        .grid-main { 
    display: flex; 
    flex-direction: row; 
    gap: 20px; 
    width: 100%;
    align-items: flex-start;
}

/* በውስጡ ያሉትን ሁለት ታላላቅ ሳጥኖች እኩል 50% ስፋት ይሰጣል */
.grid-main > div, 
.grid-main > .insight-block,
.grid-main > .col-left { 
    flex: 1; 
    width: 50%;
    margin: 0; /* ክፍተቱን በ gap ስለምንቆጣጠረው margin አስቀናንው */
}

/* ስልክ ላይ ሲከፈት አንዱ ከሌላው በታች እንዲሆን (Responsive) */
@media (max-width: 850px) { 
    .grid-main { 
        flex-direction: column; 
    }
    .grid-main > div, 
    .grid-main > .insight-block,
    .grid-main > .col-left { 
        width: 100%; 
    } 
}
        .insight-block { background: #fef8ef; padding: 2rem; border-radius: 24px; margin: 1.5rem; border-left: 8px solid brown; }
        .insight-block h2, .insight-block h3 { color: #7e4a2a; margin-bottom: 1rem; border-bottom: 1px solid #eedfcb; padding-bottom: 5px; }
        
        img { width: 100%; border-radius: 15px; margin: 15px 0; border: 2px solid #eee; }
        
        table { width: 100%; border-collapse: collapse; margin: 20px 0; }
        th { background-color: #2e7d32; color: white; padding: 12px; border: 1px solid #ddd; }
        td { padding: 12px; border: 1px solid #ddd; text-align: center; }

        .lseth-section { padding: 2rem; background: #fdf9f3; }
        .footer-info { text-align: center; padding: 2rem; background: #f4ede4; border-top: 2px solid #e2d4c6; }
        
        strong { color: green; }
        @media (max-width: 850px) { .grid-main { grid-template-columns: 1fr; } h1 { font-size: 1.8rem; } }