/* ===== Article Section ===== */

.article-section{
    max-width:900px;
    margin:40px auto;
    background:#ffffff;
    padding:35px;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    line-height:1.8;
}

/* Section headings */

.article-section h2{
    font-size:24px;
    /*margin-top:35px;*/
    margin-bottom:15px;
    padding-left:12px;
    border-left:5px solid #3FD5BA;
    color:#1f2937;
    font-weight:700;
}

/* Paragraph style */

.article-section p{
    font-size:16px;
    color:#444;
    margin-bottom:16px;
}

/* First paragraph highlight */

.article-section p:first-of-type{
    font-size:17px;
    color:#222;
}

/* strong highlight */

.article-section strong{
    color:#111;
    background:#f1f5f9;
    padding:2px 6px;
    border-radius:4px;
}

/* subtle separator */

.article-section h2:not(:first-child){
    /*margin-top:45px;*/
}

/* hover card feel */

.article-section:hover{
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
    transition:0.3s ease;
}

/* mobile */

@media (max-width:768px){

    .article-section{
        padding:22px;
        margin:20px 10px;
    }

    .article-section h2{
        font-size:20px;
    }

    .article-section p{
        font-size:15px;
    }
    

}
        /* ===== Table ===== */
        
        .info-table{
            width:100%;
            border-collapse:collapse;
            margin-top:15px;
        }
        
        .info-table th{
            background:#3FD5BA;
            padding:10px;
            border:1px solid #ddd;
        }
        
        .info-table td{
            padding:10px;
            border:1px solid #ddd;
        }
        
        .info-table tr:nth-child(even){
            background:#f9f9f9;
        }
        
        /* ===== App Button ===== */
        
        .app-button-wrapper{
            text-align:center;
            margin:20px 0;
        }
        
        .app-button{
            display:inline-block;
            background:#fcba14;
            color:#000;
            padding:14px 28px;
            font-size:18px;
            font-weight:600;
            text-decoration:none;
            border-radius:8px;
            transition:0.2s;
        }
        
        .app-button:hover{
            background:#e6c200;
            transform:translateY(-2px);
        }
        
        /* ===== Mobile ===== */
        
        @media (max-width:768px){
        
            .article-container{
                padding:18px;
            }
        
            .article-title{
                font-size:22px;
            }
        
            .article-section h2{
                font-size:19px;
            }
        
            .article-section p{
                font-size:15px;
                text-align:left;
            }
        
            .app-button{
                font-size:16px;
                padding:12px 20px;
            }
        
        }
        /* ===== Common Number Section ===== */

.common-number-box{
    background:#f8fafc;
    padding:20px;
    border-radius:10px;
    margin:20px 0;
    border:1px solid #e5e7eb;
}

.common-number-box h3{
    text-align:center;
    margin-bottom:15px;
    font-size:20px;
}

/* Table */

.common-number-table{
    width:100%;
    border-collapse:collapse;
    text-align:center;
}

.common-number-table th{
    background:#3FD5BA;
    color:#000;
    padding:10px;
    font-weight:600;
}

.common-number-table td{
    padding:10px;
    border:1px solid #ddd;
    font-size:16px;
}

.common-number-table tr:nth-child(even){
    background:#f9f9f9;
}
.result-table,
.dream-table{
width:100%;
border-collapse:collapse;
margin-top:20px;
}

.result-table th,
.dream-table th{
background:#3FD5BA;
padding:10px;
border:1px solid #ddd;
text-align:center;
}

.result-table td,
.dream-table td{
padding:10px;
border:1px solid #ddd;
text-align:center;
}

.result-table tr:nth-child(even),
.dream-table tr:nth-child(even){
background:#f9f9f9;
}
/* FAQ Section */

.faq-section h3{
font-size:18px;
margin-top:15px;
margin-bottom:5px;
color:#222;
}

.faq-item{
background:#f9fafb;
padding:15px;
border-radius:8px;
margin-bottom:12px;
border-left:4px solid #3FD5BA;
}

.faq-item p{
margin:0;
font-size:15px;
}

/* Final Box */

.final-box{
background:#f1f5f9;
border-left:5px solid #3FD5BA;
}