:root{
  --navy:#1d3f63;
  --navy-dark:#102b45;
  --blue:#0645ad;
  --ink:#111;
  --muted:#555;
  --gray:#e6e6e6;
  --gray2:#f3f3f3;
  --line:#b8b8b8;
    --page:1040px;
}
*{box-sizing:border-box}
html{background:#d8d8d8}
body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;color:var(--ink);background:#d8d8d8}
a{color:var(--blue);text-decoration:underline}
a:hover{color:#b00000}
button,input,select{font:inherit}
code{font-family:Consolas,"Courier New",monospace}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;background:#fff;padding:6px;z-index:1000}

.site-header{background:var(--navy-dark);color:#fff}
.masthead{width:min(var(--page),calc(100% - 24px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:9px 14px 8px}
.wordmark{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;white-space:nowrap}
.wordmark:hover{color:#fff;text-decoration:none}
.brand-mark{width:28px;height:32px;color:#dce6ef;flex:none}
.brand-name{font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:22px;line-height:1;font-weight:700;letter-spacing:-.7px}
.brand-vending{color:#fff}
.brand-fitment{color:#c7d5e2}
.header-search{display:flex;width:470px;max-width:55%}
.header-search input{width:100%;height:30px;border:1px solid #7e8d99;background:#fff;padding:5px 7px;color:#111}
.header-search button{height:30px;border:1px solid #071725;border-left:0;background:#d7dde2;color:#111;padding:0 13px;font-weight:bold;cursor:pointer}
.primary-nav{background:var(--navy);border-top:1px solid #385c7d;border-bottom:1px solid #0b2238}
.primary-nav{padding-left:max(calc((100% - var(--page))/2 + 14px),26px)}
.primary-nav a{display:inline-block;color:#fff;text-decoration:none;font-weight:bold;font-size:13px;padding:8px 19px 8px 0;margin-right:22px}
.primary-nav a:hover{text-decoration:underline;color:#fff}

.site-main{width:min(var(--page),calc(100% - 24px));margin:0 auto;background:#fff;min-height:700px;padding:24px 28px 60px}
.site-footer{width:min(var(--page),calc(100% - 24px));margin:0 auto;background:#ececec;border-top:4px solid var(--navy);font-size:12px}
.footer-inner{padding:15px 20px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.footer-inner nav{display:flex;gap:16px;flex-wrap:wrap}
.footer-inner a{color:#333}

h1,h2,h3{font-family:Arial,Helvetica,sans-serif;color:#111}
h1{font-size:25px;line-height:1.18;margin:0 0 18px;font-weight:bold;letter-spacing:-.2px}
h2{font-size:16px;line-height:1.25;margin:0 0 9px}
h3{font-size:14px;margin:0 0 6px}
p{margin:0 0 13px}
.breadcrumbs{font-size:12px;color:#666;margin:0 0 13px}.breadcrumbs a{color:#4d5f71}

/* old catalog-style homepage */
.home-title{font-size:24px;margin-bottom:16px}
.home-search{background:#e7ebef;padding:13px 15px;margin-bottom:24px;border-top:5px solid var(--navy)}
.home-search label{display:block;font-weight:bold;margin-bottom:6px}
.lookup-control{display:flex;max-width:760px}
.lookup-control input{flex:1;min-width:0;height:34px;border:1px solid #777;background:#fff;padding:6px 8px;font-size:15px}
.lookup-control button{height:34px;border:1px solid #333;border-left:0;background:#d6d6d6;padding:0 19px;font-weight:bold;cursor:pointer}
.examples{font-size:12px;margin-top:7px;color:#555}
.home-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px 38px}
.bar-heading,.old-section>h2{font-size:15px;color:#fff;background:var(--navy);padding:5px 8px;margin:0 0 9px}
.manufacturer-links{columns:2;column-gap:28px}.manufacturer-links a{display:block;margin-bottom:6px;break-inside:avoid}
.plain-list{margin:0;padding-left:18px}.plain-list li{margin:0 0 6px}

/* core compatibility pages */
.compat-status{margin:0 0 12px;font-size:15px;max-width:820px}
.compat-status strong{font-size:16px}
.spec-table{border-collapse:collapse;width:100%;max-width:820px;margin:0 0 14px;font-size:14px}
.spec-table th{width:210px;text-align:left;vertical-align:top;padding:7px 9px;background:#e5e5e5;border-bottom:1px solid #fff}
.spec-table td{padding:7px 10px;vertical-align:top;background:#f6f6f6;border-bottom:1px solid #fff}
.spec-table.compact{max-width:610px}
.service-note{max-width:820px;margin:10px 0 13px}
.order-check{max-width:820px;margin:16px 0}
.related-links{font-size:13px;margin-top:20px}
.machine-description{font-size:14px;color:#333}
.conversion-path{font-size:17px;background:#eee;padding:10px 12px;max-width:820px}

.old-section{margin:24px 0 0;max-width:920px}
.old-section>p{max-width:760px}
.model-columns{columns:3;column-gap:28px}.model-columns a,.model-columns span{display:block;margin-bottom:5px;break-inside:avoid}

.table-wrap{overflow:auto;width:100%}
.listing-table{border-collapse:collapse;width:100%;font-size:13px;margin:0}
.listing-table th{background:#53697d;color:#fff;text-align:left;padding:6px 7px;border-right:1px solid #71869a;white-space:nowrap}
.listing-table td{padding:6px 7px;vertical-align:top;border-bottom:1px solid #ddd}
.listing-table tbody tr:nth-child(even){background:#f3f3f3}
.status-text{text-transform:capitalize}.status-text.compatible,.status-text.native{color:#236b24}.status-text.conditional{color:#895800}.status-text.unsupported{color:#972c2c}.status-text.conversion_required{color:#245d8d}

/* guides: plain service bulletin, no component theater */
.guide-answer{font-size:15px;font-weight:bold;max-width:820px;background:#ececec;padding:10px 12px;margin:0 0 20px}
.guide-body{max-width:820px}
.guide-body section{margin:0 0 21px}
.guide-body h2{font-size:16px;margin:0 0 5px;color:#173b5d}
.guide-body p{margin:0}
.help-index{list-style:square;padding-left:20px;max-width:820px}.help-index li{margin-bottom:7px}

/* search */
.search-workbench{max-width:850px;background:#e7ebef;padding:10px;margin-bottom:16px}
.search-row{display:grid;grid-template-columns:1fr 160px 90px}
.search-row input,.search-row select{height:32px;border:1px solid #888;padding:5px 7px;background:#fff}
.search-row select{border-left:0}
.search-row button{height:32px;border:1px solid #333;border-left:0;background:#d6d6d6;font-weight:bold}
.search-output{max-width:850px}.search-summary{font-size:13px;color:#555}
.search-result{padding:7px 4px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;gap:20px}
.search-result a{font-weight:bold}.search-result p{margin:2px 0 0;font-size:12px;color:#555}.search-result-type{font-size:11px;color:#666;text-transform:capitalize;white-space:nowrap}

/* plain informational pages */
.prose{max-width:760px}.prose h2{font-size:16px;color:#173b5d;margin:22px 0 6px}.prose p{margin-bottom:12px}

@media(max-width:760px){
  html,body{background:#fff}
  .masthead,.site-main,.site-footer{width:100%}
  .masthead{display:block;padding:10px 12px}.wordmark{display:block;margin-bottom:9px}.header-search{max-width:none;width:100%}
  .primary-nav{padding-left:12px;white-space:nowrap;overflow:auto}.primary-nav a{margin-right:14px;padding-right:0}
  .site-main{padding:18px 14px 45px}
  .home-sections{grid-template-columns:1fr;gap:22px}.manufacturer-links{columns:1}.model-columns{columns:1}
  h1{font-size:22px}
  .spec-table th{width:145px}.listing-table{min-width:680px}
  .search-row{grid-template-columns:1fr}.search-row select,.search-row button{border-left:1px solid #888;border-top:0}
  .footer-inner{display:block}.footer-inner nav{margin-top:8px}
}

/* Fitment ordering: deliberately plain catalog treatment. */
.fitment-order{max-width:820px;margin:20px 0 16px;border:1px solid #9aa5ae;background:#fff}
.fitment-order>h2{font-size:15px;color:#fff;background:#53697d;padding:5px 8px;margin:0}
.offer-row{display:grid;grid-template-columns:1fr 205px;gap:16px;align-items:center;padding:10px 11px}
.offer-copy>strong{font-size:15px}.offer-price{font-weight:bold;margin-left:8px}.offer-seller{font-size:12px;color:#555;margin-top:1px}
.offer-copy p{margin:6px 0 0}.offer-note{font-size:12px;color:#444}
.offer-action{text-align:right}.offer-action a{display:inline-block;border:1px solid #6f6f6f;background:#e5e5e5;color:#0645ad;padding:6px 9px;font-weight:bold;text-decoration:underline;box-shadow:inset 0 1px 0 #fff}
.offer-action a:hover{background:#d8d8d8;color:#b00000}.affiliate-note{font-size:11px;margin:0;padding:0 11px 8px;color:#666}

/* Field reports use service-form conventions, not star ratings or social-proof cards. */
.field-reports{max-width:820px;margin:26px 0 0;border-top:4px solid #53697d;padding-top:8px}
.field-reports h2{font-size:16px;margin:0 0 7px}.field-summary{font-size:13px;color:#444;margin-bottom:10px}.field-question{font-weight:bold;margin-bottom:7px}
.field-votes{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.field-votes button,.field-form button{border:1px solid #707070;background:#e3e3e3;color:#111;padding:5px 9px;font-weight:bold;cursor:pointer;border-radius:0;box-shadow:inset 0 1px 0 #fff}.field-votes button:hover,.field-form button:hover{background:#d4d4d4}
.field-form{max-width:620px;background:#f2f2f2;border:1px solid #b7b7b7;padding:10px 11px;margin:9px 0}.field-form label{display:block;font-weight:bold;margin-bottom:8px}.field-form label span{font-weight:normal;color:#666;font-size:12px}.field-form input,.field-form textarea{display:block;width:100%;border:1px solid #888;background:#fff;padding:5px;margin-top:3px}.field-form-actions{display:flex;gap:7px}.field-response{font-size:12px;margin:7px 0 0}.field-small{font-size:11px;color:#666;margin-top:8px}.feedback-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
@media(max-width:760px){.offer-row{grid-template-columns:1fr}.offer-action{text-align:left}.offer-action a{width:100%;text-align:center}.field-votes{display:block}.field-votes button{width:100%;margin-bottom:6px}}