/* PARTFIT TECH ENGINE PROFILE V1 */

.te-breadcrumb {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:20px;
    color:#73849a;
    font-size:13px;
}

.te-hero {
    background:linear-gradient(120deg,#102c58,#165ab4);
    border-radius:18px;
    padding:35px;
    color:white;
}

.te-hero .tech-eyebrow {color:#b7d6ff}

.te-hero h2 {
    font-size:clamp(30px,4vw,46px);
    margin:12px 0;
}

.te-hero p {
    color:#d2e3fa;
    font-size:14px;
}

.te-status {
    display:inline-block;
    background:#ffffff22;
    border:1px solid #ffffff33;
    border-radius:9px;
    padding:10px 13px;
    margin-top:15px;
    font-size:12px;
}

.te-specs {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.te-spec {
    background:#fff;
    border:1px solid #e2eaf3;
    border-radius:13px;
    padding:18px;
    display:grid;
    gap:9px;
    min-width:0;
}

.te-spec span {
    font-size:12px;
    color:#8090a5;
}

.te-spec strong {
    font-size:14px;
    overflow-wrap:anywhere;
}

.te-applications {
    display:grid;
    gap:12px;
}

.te-application {
    background:white;
    border:1px solid #e2eaf3;
    border-radius:14px;
    padding:20px;
}

.te-app-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.te-app-top h3 {
    font-size:17px;
    margin:0;
}

.te-neutral,.te-warning {
    padding:8px 11px;
    border-radius:8px;
    font-size:11px;
    font-weight:700;
}

.te-neutral {
    background:#eef3fa;
    color:#526b87;
}

.te-warning {
    background:#fff1da;
    color:#8b5a14;
}

.te-app-data {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:19px;
    color:#667992;
    font-size:13px;
}

.te-app-footer {
    margin-top:18px;
    border-top:1px solid #edf0f5;
    padding-top:12px;
    font-size:11px;
    color:#91a0b2;
}

.te-services {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.te-services>div {
    background:#fff;
    border:1px solid #e2eaf3;
    padding:20px;
    border-radius:13px;
    display:grid;
    gap:10px;
}

.te-services span {
    font-size:12px;
    color:#8795a8;
}

.te-pagination {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    margin-top:20px;
    font-size:13px;
}

.te-pagination a {
    background:#e8f1ff;
    color:#155db8;
    border-radius:8px;
    padding:10px 14px;
}

@media(max-width:800px) {
    .te-specs {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:550px) {
    .te-specs,.te-app-data,.te-services {
        grid-template-columns:1fr;
    }

    .te-hero {padding:25px 19px}
    .te-spec {padding:16px}
    .te-application {padding:17px}
}