:root{--nav:#10263d;--nav2:#173b59;--ink:#172435;--muted:#617287;--line:#d7e0e8;--paper:#fff;--bg:#f4f7fa;--accent:#d8442f;--blue:#176fa9;--soft:#edf5fa;--warn:#fff7e8;--good:#edf8f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.62 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:#126aa5;text-decoration:none}a:hover{text-decoration:underline}.top{height:66px;background:linear-gradient(90deg,#10263d,#173b59);color:#fff;display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:20;box-shadow:0 2px 9px #0002}.brand{font-size:23px;font-weight:780}.brand span{font-weight:420;color:#bdcfdd}.topnav{margin-left:auto;display:flex;gap:22px}.topnav a{color:#e5eef5}.wrap{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:1540px;margin:auto}.side{padding:22px 17px;min-height:calc(100vh - 66px);border-right:1px solid var(--line);background:#fbfcfd;position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto}.side h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8492a2;margin:19px 10px 7px}.side a{display:block;padding:7px 10px;border-radius:6px;color:#31475c}.side a:hover,.side a.active{background:#e8f1f7;text-decoration:none;color:#075e98}.main{padding:35px 48px 72px;max-width:1160px}.hero{background:linear-gradient(125deg,#10263d,#245b82);color:#fff;border-radius:16px;padding:42px 44px;margin-bottom:27px;box-shadow:0 8px 30px #10263d18}.hero h1{font-size:40px;line-height:1.08;margin:0 0 13px}.hero p{max-width:790px;color:#dce9f2;font-size:17px}.tag{display:inline-block;border:1px solid #ffffff45;padding:4px 9px;border-radius:999px;font-size:12px;margin-right:6px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:white;border:1px solid var(--line);border-radius:11px;padding:19px;box-shadow:0 1px 3px #1b2a3a0b}.card h3{margin:0 0 7px;font-size:18px}.card p{color:var(--muted);margin:0}.section{margin-top:34px}.section h2{font-size:26px;border-bottom:1px solid var(--line);padding-bottom:8px}.section h3{margin-top:25px}.callout{border-left:4px solid var(--blue);background:var(--soft);padding:14px 17px;border-radius:0 8px 8px 0;margin:18px 0}.warning{border-left-color:#d38919;background:var(--warn)}.good{border-left-color:#2b8a4b;background:var(--good)}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:12px}.pagehead h1{font-size:34px;margin:0 0 4px}.lede{font-size:17px;color:#506278;max-width:850px}.figure{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin:18px 0 25px}.figure img{display:block;max-width:100%;height:auto;margin:auto;border-radius:4px}.figure.toolbar img{margin-left:0;image-rendering:auto}.figure figcaption{font-size:13px;color:#69798a;margin-top:9px}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 15px 42px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#176fa9;color:white;font-weight:700}.kbd{font:12px ui-monospace,Consolas,monospace;border:1px solid #cbd3dc;border-bottom-width:2px;border-radius:4px;background:#fff;padding:1px 5px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:9px;background:#fff}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;padding:9px 11px;border-bottom:1px solid #e4e9ee}th{background:#eef4f8;font-size:13px}tr:last-child td{border-bottom:0}.searchbox{width:100%;padding:13px 14px;border:1px solid #c9d5df;border-radius:9px;font-size:15px;background:#fff}.searchresults{display:grid;gap:8px;margin-top:12px}.searchresult{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}.quicklinks{display:flex;flex-wrap:wrap;gap:8px}.quicklinks a{background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:999px}.footer{color:#8391a0;font-size:12px;margin-top:58px;border-top:1px solid var(--line);padding-top:16px}.source-note{font-size:12px;color:#6c7c8e}.refchips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.refchips a{font-size:12px;background:#edf3f7;border:1px solid #d6e0e7;padding:4px 8px;border-radius:999px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:900px){.wrap{display:block}.side{display:none}.main{padding:24px 17px;max-width:none}.cards,.two{grid-template-columns:1fr}.topnav{gap:12px;font-size:13px}.hero{padding:28px}.hero h1{font-size:31px}}

/* CAN workbook reference */
.can-main{max-width:1260px}.can-jump{margin:18px 0 8px}.can-sheet{scroll-margin-top:82px}.can-tablewrap{margin:14px 0 24px;max-height:none}.can-data,.can-notes{font-size:12.5px;min-width:960px}.can-data thead th{position:sticky;top:66px;z-index:5;background:#e5eef5;box-shadow:0 1px 0 #cbd6df}.can-data td,.can-data th,.can-notes td,.can-notes th{padding:6px 8px;line-height:1.35}.can-data tbody tr:nth-child(even) td,.can-notes tbody tr:nth-child(even) td{background:#fafcfd}.can-section-row td{font-weight:700;background:#edf4f8!important}.can-sheet h3{margin-top:25px}.can-notes td:empty{background:#fff}.can-tablewrap table td:first-child{white-space:nowrap}@media(max-width:900px){.can-data,.can-notes{min-width:760px}.can-data thead th{top:66px}}

/* ECU technical reference */
.tablewrap{overflow-x:auto;margin:14px 0 24px}.pinout{width:100%;border-collapse:collapse;font-size:.93rem}.pinout th,.pinout td{border:1px solid #cbd6e2;padding:8px 10px;vertical-align:top}.pinout th{background:#eaf2fb;color:#173b64;text-align:left;position:sticky;top:0}.pinout tbody tr:nth-child(even){background:#f8fafc}.ecu-photo img{max-width:980px;width:100%;height:auto;object-fit:contain}.pdfembed{border:1px solid #cbd6e2;border-radius:6px;overflow:hidden;background:#f6f8fb}.buttonlink{display:inline-block;padding:8px 12px;border:1px solid #2f68a7;border-radius:6px;text-decoration:none}.compact{margin-top:0}.compact li{margin:4px 0}

/* ECU thumbnail navigation */
.ecu-thumbnails{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:10px;margin:18px 0 28px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:11px;overflow-x:auto}.ecu-thumb{min-width:105px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:7px;padding:8px 6px;border:1px solid transparent;border-radius:8px;color:#173b59;font-weight:650;text-align:center}.ecu-thumb:hover{background:#f1f7fb;text-decoration:none;border-color:#cbdbe6}.ecu-thumb.active{background:#e8f3fa;border-color:#176fa9;box-shadow:0 0 0 1px #176fa922}.ecu-thumb img{display:block;width:118px;height:72px;max-width:100%;object-fit:contain}.ecu-thumb span{font-size:12px;white-space:nowrap}@media(max-width:1050px){.ecu-thumbnails{grid-template-columns:repeat(7,120px)}}

.integrated-function img{max-width:100%;height:auto;display:block;margin:1rem auto}.integrated-function table{display:block;overflow:auto;max-width:100%}.integrated-function p{line-height:1.62}.source-note{font-size:.94rem;color:#52657a}

/* v17 unified manual navigation */
.topnav{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.side h4{margin-top:1.15rem}.side h4:first-child{margin-top:0}

/* v18 SXTune installer download */
.installer-download-inner,.installer-download-home{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px 22px;box-shadow:0 1px 3px #1b2a3a0b}.installer-download h2,.installer-download-home h2{margin:0 0 6px}.installer-download p,.installer-download-home p{margin:6px 0 12px}.installer-download-image img,.installer-download-home img{display:block;width:150px;height:150px;object-fit:contain}.installer-download-home{margin:0 0 27px}.installer-download-home>a{flex:0 0 auto}@media(max-width:650px){.installer-download-inner,.installer-download-home{align-items:flex-start;gap:16px}.installer-download-image img,.installer-download-home img{width:105px;height:105px}}

/* v19 SCS Delta branding */
.brand a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-logo{display:block;width:178px;max-height:48px;object-fit:contain}.brand-title{font-size:16px;font-weight:650;color:#dbe8f1;white-space:nowrap}.home-hero{display:grid;grid-template-columns:minmax(250px,38%) 1fr;gap:34px;align-items:center}.hero-logo{width:100%;max-width:390px;height:auto;display:block;filter:drop-shadow(0 4px 12px #0004)}.hero-copy{min-width:0}@media(max-width:1120px){.brand-logo{width:135px}.brand-title{display:none}.topnav{gap:4px 9px;font-size:13px}}@media(max-width:760px){.home-hero{grid-template-columns:1fr}.hero-logo{max-width:300px}.brand-logo{width:125px}}


/* v20 illustrated manual cards */
.cards > .card.icon-card{display:flex;align-items:center;gap:16px;min-height:118px;padding:18px 20px;position:relative;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.cards > a.card.icon-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10263d14;border-color:#b9cfdf;text-decoration:none}
.card-icon{width:68px;height:68px;object-fit:contain;flex:0 0 68px;filter:drop-shadow(0 2px 2px #10263d18)}
.card-body{min-width:0;flex:1}.card-body h3{margin:0 0 5px}.card-body p{margin:0;color:var(--muted)}
.card-chevron{font-size:34px;line-height:1;color:#176fa9;font-weight:300;margin-left:auto;padding-left:4px}
.cards > a.card.icon-card h3{margin:0}.cards > a.card.icon-card{color:var(--ink)}.cards > a.card.icon-card h3{color:#126aa5}
@media(max-width:650px){.cards > .card.icon-card{min-height:96px;padding:15px}.card-icon{width:54px;height:54px;flex-basis:54px}.card-chevron{font-size:28px}}

/* Supported USB-CAN interface cards */
.interface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 8px}.interface-card{background:#fff;border:1px solid #d8e1eb;border-radius:14px;padding:18px;box-shadow:0 2px 8px rgba(20,45,75,.05)}.interface-card.recommended{border-color:#9cc8ec;background:linear-gradient(180deg,#f8fcff 0,#fff 48%)}.interface-card figure{margin:0 0 14px}.interface-card img{width:100%;height:240px;object-fit:contain;background:#f7f9fb;border-radius:10px}.interface-card h3{margin:8px 0 8px}.status-badge{display:inline-block;padding:4px 9px;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.01em;background:#edf3f8;color:#38536d}.status-badge.preferred{background:#e3f4e9;color:#176437}.status-badge.legacy{background:#f5eee3;color:#76501f}.interface-summary{margin-top:18px}.interface-summary th,.interface-summary td{vertical-align:top}@media(max-width:850px){.interface-grid{grid-template-columns:1fr}.interface-card img{height:auto;max-height:320px}}


/* Main toolbar icon reference */
.toolbar-icon-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 4px}
.toolbar-key-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #d8e2ec;border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px rgba(20,45,70,.05)}
.toolbar-key-item img{width:42px;height:42px;object-fit:contain;image-rendering:auto;flex:0 0 42px}
.toolbar-key-item strong{display:block;color:#176aa5;font-size:1rem;margin-bottom:3px}
.toolbar-key-item span{display:block;color:#5e6f80;line-height:1.35;font-size:.92rem}
@media(max-width:760px){.toolbar-icon-key{grid-template-columns:1fr}.toolbar-key-item{padding:10px 12px}.toolbar-key-item img{width:36px;height:36px;flex-basis:36px}}
.hero .eyebrow{margin:0 0 16px;color:#fff;font-size:15px;font-weight:500;letter-spacing:0}.hero .eyebrow+ h1{margin-top:0}