/* ============================================================================
   th-tnt-team.css — TNT for Your Team on the theme-lab shell ($th_lab_layout).
   Binds tokens.css only. Zero raw brand hex.
   ============================================================================ */

/* Masthead lede links + hero capture */
.page-tnt-client-guide .svc-masthead-inner .lede a{
    color:var(--blue);font-weight:600;text-decoration:none
}
.page-tnt-client-guide .svc-masthead-inner .lede a:hover{color:var(--blue-light)}
.page-tnt-client-guide .svc-masthead-inner .th-giant{max-width:14ch}

.tnt-hero-media{
    margin:2rem 0 0;border-radius:18px;overflow:hidden;
    border:1px solid var(--gray-line);background:var(--bg-card);max-width:860px
}
.tnt-hero-media img{
    display:block;width:100%;height:auto;max-height:380px;object-fit:cover
}

/* Path / comparison cards: push CTAs to the bottom */
.tnt-path-card{
    display:flex;flex-direction:column;gap:.35rem;min-height:100%
}
.tnt-path-card p{flex:1 1 auto}
.tnt-path-card a:not(.btn){
    color:var(--blue);font-weight:600;text-decoration:none;
    border-bottom:1px solid var(--blue-a20)
}
.tnt-path-card a:not(.btn):hover{border-bottom-color:var(--blue);color:var(--blue-light)}
.tnt-path-card .btn{align-self:flex-start;margin-top:1.1rem}

.page-tnt-client-guide .svc-detail-grid .lab-card strong{color:var(--white);font-weight:600}
.page-tnt-client-guide .section-sub strong{color:var(--white);font-weight:600}

.tnt-footnote{
    margin:1.25rem 0 0;max-width:62ch;
    font-size:.88rem;line-height:1.65;color:var(--gray)
}

.page-tnt-client-guide .svc-partner-card .n{
    font-family:var(--font-data);font-size:.7rem;color:var(--blue);letter-spacing:1.5px
}
.page-tnt-client-guide .svc-partner-card h3{
    font-family:var(--font-display);font-weight:700;font-size:1.05rem;
    margin:.6rem 0 .4rem;color:var(--white)
}