:root{font-family:Arial,Helvetica,sans-serif;color:#172334;background:#f2f4f6;color-scheme:light}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1400px;margin:auto;padding:18px 22px}header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:3px solid #315d81}.brand{font-size:25px;font-weight:bold;text-decoration:none;color:#234766}.brand span{display:inline;margin-left:14px;font-size:15px;font-weight:normal}nav{display:flex;gap:20px;font-size:14px}a{color:#245b85}.hero{padding:8px 0}.eyebrow,.badges{display:none}h1{font-size:25px;margin:12px 0 4px}h2{font-size:20px;margin:8px 0}p{line-height:1.5;font-size:14px;color:#485568;margin:8px 0}.hero p{display:none}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}label{display:block;font-size:13px;color:#263e55}input,select{font:inherit;font-size:14px;min-height:40px;background:#fff;color:#16283a;border:1px solid #9aa8b5;border-radius:3px;padding:7px;width:100%;margin-top:5px}button{font:inherit;font-size:14px;min-height:40px;background:#315d81;border:1px solid #315d81;border-radius:4px;color:#fff;padding:9px 14px;cursor:pointer}button:disabled{opacity:.5}input:focus,select:focus,button:focus-visible{outline:2px solid #1768ac;outline-offset:2px}.search{max-width:370px;margin:12px 0}.cards{overflow-x:auto;background:#fff;border:1px solid #9aabb9;border-radius:4px}.comparison{width:100%;border-collapse:collapse;min-width:1040px;font-size:14px}.comparison thead{background:#d9e5ee;color:#203c54}.comparison th,.comparison td{padding:9px 7px;border:1px solid #b8c5cf;text-align:center;white-space:nowrap}.comparison thead th{font-size:12px;padding:13px 7px}.comparison tbody th{font-weight:normal;font-size:12px}.comparison tbody:nth-child(odd){background:#f1f6f9}.comparison .cam-choice{width:230px;text-align:left;white-space:normal}.cam-choice select{font-size:14px;width:220px;background:#fffbd3;min-height:44px;margin:0}.cam-choice small{display:block;padding-top:8px;color:#516477}.comparison .derived{font-weight:bold;background:#e6eef5}.table-settings{width:140px}.table-settings label{text-align:left;font-size:11px;margin-bottom:6px}.table-settings select{font-size:12px;min-height:36px;margin-top:3px;padding:4px}.fine{font-size:12px;color:#667586;margin-top:10px}#manual{padding:18px 0;border-top:1px solid #b8c5cf;margin-top:22px}#timing-form{max-width:900px;grid-template-columns:repeat(4,1fr);align-items:end}#timing-form input{background:#fffbd3}#timing-form button{grid-column:1/-1;justify-self:start}.add{margin-top:20px;padding:15px;background:#fff;border:1px solid #bbc7d1;border-radius:4px}.add summary{cursor:pointer;font-weight:bold;min-height:30px}.add>div{max-width:850px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}#cam-form{max-width:850px}#cam-form>select{margin:14px 0}#cam-form>label{margin:14px 0;max-width:420px}#status,#save-status{color:#855018;font-size:13px}footer{font-size:12px;color:#6b7986;border-top:1px solid #bac6d0;margin-top:25px;line-height:1.5}.mobile-hint{font-size:12px;color:#61758a}@media(max-width:700px){header,main,footer{padding:12px}.brand span{display:block;margin:4px 0 0;font-size:12px}.section-head{align-items:flex-start;flex-direction:column;gap:4px}h1{font-size:22px}.form-grid,#timing-form{grid-template-columns:1fr 1fr}.comparison .cam-choice{position:sticky;left:0;z-index:1;background:#edf3f7;box-shadow:2px 0 3px #b8c5cf}.cam-choice select{width:175px}.comparison .cam-choice{width:190px}.comparison td,.comparison th{padding:8px 5px}nav{gap:12px}#compare>p{font-size:13px}}

.brand{color:#b51d25}header{border-bottom-color:#b51d25}button{background:#b51d25;border-color:#b51d25}#timing-form{display:block;max-width:650px}#timing-form>label{max-width:450px;margin:12px 0}.timing-table{border-collapse:collapse;width:100%;margin:12px 0;background:white}.timing-table td,.timing-table th{padding:8px;border:1px solid #bac7d0;text-align:left}.timing-table th{font-size:13px}.timing-table input{background:#fffbd3;min-width:0}.timing-table td{width:30%}.timing-table input{width:100%}.brand span{color:#31465a}

.custom-compare{max-width:650px;background:#fff;border:1px solid #bac7d0;padding:14px;margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-compare h3,.custom-compare p{grid-column:1/-1;margin:0}.custom-compare h3{font-size:16px}.custom-compare button{align-self:end}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain}.brand span{display:block;margin:5px 0 0;font-size:12px}@media(max-width:700px){.brand img{width:45px;height:45px}.brand{font-size:20px;gap:8px}}
#literature{border-top:1px solid #bbc7d1;padding:18px 0;margin-top:20px}#literature li{margin:12px 0}#literature li p{font-size:12px;margin:4px 0}.product-links{display:flex;gap:12px;flex-wrap:wrap;padding:14px 0}.cam-literature{display:block;font-size:12px;margin-top:8px}

.cam-choice small{line-height:1.4}.cam-fitment{font-weight:bold}.cam-choice{max-width:250px}
@media(max-width:700px){header{flex-wrap:wrap;gap:10px}header nav{flex-basis:100%;justify-content:flex-end}.cam-choice small{font-size:11px}}

.platform-picker{display:block;max-width:360px;font-weight:700;margin:16px 0}.platform-picker select{display:block;width:100%;padding:10px;margin-top:6px}
.manufacturer-verified{display:inline-block!important;color:#166534;background:#dcfce7;border-radius:4px;padding:3px 6px;font-weight:700}.manufacturer-conflict{display:inline-block!important;color:#92400e;background:#fef3c7;border-radius:4px;padding:3px 6px;font-weight:700}

.manufacturer-literature { border:1px solid #d7d7d7; border-radius:6px; margin:8px 0; padding:10px 14px; }
.manufacturer-literature summary { cursor:pointer; font-weight:600; }

.comparison .table-settings { width:160px; min-width:160px; white-space:normal; vertical-align:top; padding:12px; }
.table-settings label { display:block; width:100%; margin:0 0 12px; font-size:12px; }
.table-settings label:last-child { margin-bottom:0; }
.table-settings select { display:block; width:100%; max-width:100%; min-width:0; min-height:40px; margin:5px 0 0; padding:7px; }

.cam-source-notes { margin-top:8px; font-size:12px; white-space:normal; }
.cam-source-notes summary { cursor:pointer; color:#245b85; }

.brand h1 { font-size:12px; font-weight:normal; color:#31465a; margin:5px 0 0; }
.hero { padding:0; }