/* ==========================================================
   TECHNICAL DASHBOARD - MOBILE
========================================================== */

.technical-mobile-card{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:18px;

    margin-bottom:18px;

    box-shadow:0 2px 8px rgba(0,0,0,.06);

}

.technical-mobile-header{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

}

.technical-mobile-header a{

    font-size:22px;

    font-weight:700;

    color:#2563eb;

    text-decoration:none;

}

.technical-mobile-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:16px;

}

.technical-mobile-grid div{

    display:flex;

    flex-direction:column;

}

.technical-mobile-grid span{

    color:#6b7280;

    font-size:13px;

    margin-bottom:4px;

}

.technical-mobile-grid strong{

    font-size:17px;

    color:#111827;

}

/* ==========================================================
   MOBILE LAYOUT
========================================================== */

.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

@media screen and (max-width: 768px) {

    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

}