/* DCT 6.12.1 — complete authentic, locally hosted logo catalog.
 * Source: DCT owner-approved October 2026 two-page line card.
 * This stylesheet intentionally does not touch header, mail-in, forms or blog behavior.
 */
.dct-lc-showcase{background:#101b26;color:#f4f6f7}
.dct-lc-showcase .fi-container{max-width:1460px}
.dct-lc-intro{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.72fr);gap:clamp(32px,6vw,108px);align-items:end;padding-bottom:35px;margin-bottom:26px;border-bottom:1px solid #3c4b57}
.dct-lc-intro .fi-eyebrow{font-size:12px;letter-spacing:.18em;color:#ee6671}
.dct-lc-intro .fi-h2{font-size:clamp(43px,5.3vw,82px);line-height:1.05;letter-spacing:-.015em;margin:12px 0 0;overflow-wrap:normal}
.dct-lc-intro .fi-h2 em{color:#f66b74}
.dct-lc-intro p:not(.fi-eyebrow){font-size:clamp(16px,1.22vw,19px);line-height:1.72;color:#d7e0e6;max-width:53ch;margin:0 0 17px}
.dct-lc-inline-link{color:#fff!important;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;gap:9px;align-items:center;text-decoration:none;border-bottom:2px solid #e82d3e;padding:0 0 5px}
.dct-lc-inline-link:hover,.dct-lc-inline-link:focus-visible{color:#ff9fa4!important}
.dct-lc-directory,.dct-lc-showcase{--dct-logo-gutter:13px}
.dct-lc-duo{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.94fr);gap:18px;align-items:stretch;margin:0 0 18px}
.dct-lc-duo--vehicles{grid-template-columns:minmax(0,.84fr) minmax(0,1.2fr)}
.dct-lc-group{min-width:0;max-width:100%;background:#ecf0f1;color:#192631;border:1px solid #ccd3d9;border-top:4px solid #cf2032;padding:clamp(16px,2vw,25px) clamp(12px,1.8vw,23px) clamp(15px,1.7vw,22px);margin:0 0 18px}
.dct-lc-duo>.dct-lc-group{margin-bottom:0}
.dct-lc-group-head{display:flex;align-items:start;flex-direction:column;gap:8px;margin:0 0 17px;min-height:81px}
.dct-lc-group-title{display:flex;align-items:center;gap:12px;min-width:0}
.dct-lc-index{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;background:#d01d2e;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;border-radius:50%}
.dct-lc-group h3{color:#192631;font-family:Impact,'Arial Narrow',Arial,Helvetica,sans-serif;font-size:clamp(23px,2.05vw,30px);font-weight:700;letter-spacing:.01em;text-transform:uppercase;line-height:1.14;margin:0}
.dct-lc-group-head>p{font-size:13px;color:#536270;line-height:1.58;max-width:64ch;margin:0;min-height:38px}
.dct-lc-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--dct-logo-gutter);list-style:none;margin:0;padding:0}
.dct-lc-group--fuel .dct-lc-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dct-lc-group--components .dct-lc-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dct-lc-group--equipment .dct-lc-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.dct-lc-group--trucks .dct-lc-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dct-lc-group--vehicles .dct-lc-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.dct-lc-logo-item{min-width:0;margin:0;background:#fff;border:1px solid #d6dce0;border-radius:3px;box-shadow:0 1px 2px rgba(20,40,50,.06);overflow:hidden}
.dct-lc-logo-item>a,.dct-lc-logo-item>div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;min-height:91px;padding:12px 8px 9px;text-align:center;text-decoration:none!important}
.dct-lc-logo-item--linked>a{position:relative;transition:background-color .15s ease,border-color .15s ease}
.dct-lc-logo-item--linked>a:hover{background:#fff3f3}
.dct-lc-logo-item--linked>a:focus-visible{outline:3px solid #ce1d30;outline-offset:-3px;background:#fff3f3}
.dct-lc-logo-img{display:block;width:100%;height:49px;max-width:100%;object-fit:contain;object-position:center;background:transparent}
.dct-lc-logo-name{color:#546575;display:block;font:650 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.01em;overflow-wrap:anywhere;min-height:12px}
.dct-lc-showcase-footer{display:flex;gap:16px 20px;align-items:center;flex-wrap:wrap;margin:21px 0 0;border-top:1px solid #3c4b57;padding:21px 0 0}
.dct-lc-showcase-footer>.dct-lc-usage-note{flex-basis:100%;margin:0 0 5px;color:#bac8d2}
.dct-lc-usage-note{font-size:12px!important;line-height:1.75!important;color:#536271;max-width:95ch;margin:19px 0 30px}
.dct-lc-showcase-footer .fi-btn{margin:0}
.dct-lc-showcase-footer .fi-btn.fi-btn-ghost{border:1px solid #aeb8c4;color:#fff;background:transparent}
.dct-lc-showcase-footer .fi-btn.fi-btn-ghost:hover{background:#fff;color:#192631}
/* The full directories use the same logos but sit on DCT's editorial light background. */
.dct-lc-directory-page .dct-lc-directory{margin:30px 0 25px}
.dct-lc-directory--light>.dct-lc-group,.dct-lc-directory--light .dct-lc-group{background:#e9eef0}
.dct-lc-directory--light .dct-lc-group h3{color:#192631}
.dct-lc-applications-directory{margin:36px 0 22px}
.dct-lc-directory-page .dct-cap-leading{margin-bottom:35px}
@media(max-width:1200px){
 .dct-lc-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .dct-lc-logo-grid{gap:9px}
 .dct-lc-group--equipment .dct-lc-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dct-lc-group--vehicles .dct-lc-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dct-lc-logo-item>a,.dct-lc-logo-item>div{min-height:91px;padding:10px 7px 8px}
 .dct-lc-logo-img{height:44px}
}
@media(max-width:920px){
 .dct-lc-intro{grid-template-columns:1fr;gap:17px}
 .dct-lc-duo,.dct-lc-duo--vehicles{grid-template-columns:1fr;gap:15px}
 .dct-lc-duo>.dct-lc-group{margin-bottom:0}
 .dct-lc-group--fuel .dct-lc-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dct-lc-group--components .dct-lc-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dct-lc-group--trucks .dct-lc-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dct-lc-group--vehicles .dct-lc-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dct-lc-group-head{min-height:0}
 .dct-lc-group-head>p{min-height:0}
}
@media(max-width:540px){
 .dct-lc-intro{padding-bottom:20px;margin-bottom:17px}
 .dct-lc-intro .fi-h2{font-size:clamp(37px,10vw,57px)}
 .dct-lc-group{padding:17px 11px 15px}
 .dct-lc-group-title{gap:9px}
 .dct-lc-group h3{font-size:clamp(20px,5.5vw,25px)}
 .dct-lc-index{flex-basis:25px;width:25px;height:25px;font-size:10px}
 .dct-lc-logo-grid,.dct-lc-group--fuel .dct-lc-logo-grid,.dct-lc-group--components .dct-lc-logo-grid,.dct-lc-group--equipment .dct-lc-logo-grid,.dct-lc-group--trucks .dct-lc-logo-grid,.dct-lc-group--vehicles .dct-lc-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .dct-lc-logo-item>a,.dct-lc-logo-item>div{min-height:86px;padding:10px 5px 8px}
 .dct-lc-logo-img{height:44px}
 .dct-lc-logo-name{font-size:9px;line-height:1.3}
 .dct-lc-showcase-footer .fi-btn{width:100%;white-space:normal;text-align:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.dct-lc-logo-item--linked>a{transition:none}}