/* Layout & Grid Setup */
.tool-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

/* Common Button Styling */
.btn {
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background: var(--primary);
    color: white;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
}

.btn:hover {
    opacity: 0.9;
}

/* Typography & Bold Font Optimization */
.subtitle {
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    color: #4a5568 !important;
    margin-top: 10px !important;
    margin-bottom: 25px !important;
}

.card h2 {
    font-weight: 800 !important;
    font-size: 2.2rem !important;
    color: var(--primary) !important;
}

.card span {
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    color: #2d3748 !important;
}

#textInput {
    font-weight: 500 !important;
    font-size: 16px !important;
}

/* ⚡ LOGO FINAL STANDARD SIZE ⚡ */
.site-logo-custom {
    height: 58px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    transition: height 0.3s ease;
}

/* Mobile Adjustments matching mobile.css breakpoints */
@media (max-width: 991px) {
    .site-logo-custom {
        height: 36px !important;
    }
    .seo-content {
        padding: 0 20px !important;
    }
}

@media (max-width: 576px) {
    .subtitle {
        font-size: 15px !important;
        font-weight: 600 !important;
    }
}