/* TexnoX Elite Article Unified Container Styles */

.texnox-article-card-unified {
    background-color: #ffffff !important;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 2.5rem !important;
    transition: all 0.4s ease;
    content-visibility: auto;
    contain-intrinsic-size: 0 500px;
}

/* Dark Mode Force Fix */
.dark .texnox-article-card-unified {
    background-color: rgba(15, 23, 42, 0.6) !important;
    /* Bu #0f172a rənginin 60% şəffaf halıdır */
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

/* Responsive Padding */
.texnox-article-card-unified {
    padding: 1.5rem;
    /* Reduced from 2rem for more width */
}

@media (min-width: 768px) {
    .texnox-article-card-unified {
        padding: 2.25rem !important;
        /* Reduced from 3rem */
    }
}

/* TexnoX Elite Drop Cap (Initial Letter) */
.texnox-drop-cap {
    float: left;
    font-size: 5.2rem;
    line-height: 0.8;
    padding-top: 4px;
    padding-right: 12px;
    padding-left: 3px;
    font-weight: 900;
    color: #3b82f6;
    /* blue-500 */
    text-transform: uppercase;
    font-family: inherit;
}

/* Ensure paragraph flow around drop cap */
.texnox-drop-cap-para {
    display: block;
    overflow: hidden;
}

/* Refined Typography for Elite Article Content */
.texnox-article-content p {
    margin-bottom: 1.5rem;
}

.texnox-article-content b,
.texnox-article-content strong {
    color: #3b82f6;
    /* Highlight important terms in blue */
}

.dark .texnox-article-content p {
    color: rgba(255, 255, 255, 0.85);
}

/* Custom Selection Color */
::selection {
    background: rgba(59, 130, 246, 0.2);
    color: #3b82f6;
}

/* Typography Consistency */
.texnox-article-card-unified header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dark .texnox-article-card-unified header {
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

/* Internal Links (Smart Interlinking) */
.texnox-internal-link {
    color: #3b82f6;
    /* blue-500 */
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px dashed rgba(59, 130, 246, 0.3);
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
    z-index: 10;
    pointer-events: auto;
}

.texnox-internal-link:hover {
    color: #2563eb;
    /* blue-600 */
    border-bottom-style: solid;
    border-bottom-color: #2563eb;
    background-color: rgba(59, 130, 246, 0.05);
}

.dark .texnox-internal-link {
    color: #60a5fa;
    /* blue-400 */
    border-bottom-color: rgba(96, 165, 250, 0.3);
}

.dark .texnox-internal-link:hover {
    color: #93c5fd;
    /* blue-300 */
    border-bottom-color: #93c5fd;
    background-color: rgba(96, 165, 250, 0.1);
}