/* Reading and make-index pages inherit the approved station-sign world. */
html{scroll-padding-top:84px}
@media(max-width:1100px){html{scroll-padding-top:136px}}
body:not(.obd1-hub){background:var(--obd1-cream);color:var(--obd1-ink);font-family:Murecho,sans-serif;line-height:1.65;scrollbar-color:var(--obd1-teal) var(--obd1-cream)}
body:not(.obd1-hub) ::selection{background:var(--obd1-teal);color:#fff}
body:not(.obd1-hub) :focus-visible{outline:3px solid var(--obd1-teal);outline-offset:4px}
body:not(.obd1-hub) a{color:var(--obd1-link);text-decoration-color:currentColor;text-underline-offset:.18em}
body:not(.obd1-hub) a:hover{color:var(--obd1-teal)}
body:not(.obd1-hub) .skip-link{position:absolute;top:-100px;left:16px;z-index:40;background:#fff;padding:12px}
body.obd1-hub .skip-link{z-index:40}
body:not(.obd1-hub) .skip-link:focus{top:10px}
body:not(.obd1-hub) .wrap{max-width:1200px}
.station-header{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:10px 18px}
.station-brand{display:block;width:min(43vw,420px);flex-shrink:0}
.station-brand img{display:block;width:100%;height:auto}
.obd1-search-form{display:grid;grid-template-columns:auto minmax(120px,1fr) auto minmax(120px,1fr) auto;gap:14px;align-items:center;border:1px solid var(--obd1-warm-rule);border-radius:12px;padding:18px 22px}
.obd1-search-form label{font:600 15px/1.1 Khand,sans-serif}
.obd1-search-form input,.obd1-search-form select,.obd1-search-form button{min-width:0;min-height:48px;width:100%;font:inherit;border:1px solid var(--obd1-teal);border-radius:5px;padding:8px 12px;background:#fff;color:var(--obd1-ink);caret-color:var(--obd1-red)}
.obd1-search-form input::placeholder{color:#495c61;opacity:1}
.obd1-search-form button{font:600 18px/1.1 Khand,sans-serif;background:var(--obd1-red);color:#fff;border-color:var(--obd1-red);cursor:pointer;padding-inline:22px}
.obd1-search-form button:hover{background:var(--obd1-teal);border-color:var(--obd1-teal)}
.obd1-search-form button:disabled,.hub-lookup button:disabled{cursor:wait;opacity:.7}
#lookup-status:not(:empty){padding:16px 0;font-size:15px;max-width:75ch}
body:not(.obd1-hub) .site-head{background:var(--obd1-cream);border:0}
body:not(.obd1-hub) .site-head::after,body:not(.obd1-hub) .site-foot::before{height:18px;background-size:24px 24px;background-position:0 0,12px 12px}
body:not(.obd1-hub) h1{font:700 clamp(20px,2.6vw,27px)/1.1 Khand,sans-serif;letter-spacing:0;max-width:50ch;margin-block:16px 24px;text-wrap:balance}
body:not(.obd1-hub) h2{font:700 23px/1.2 Khand,sans-serif;letter-spacing:0}
body:not(.obd1-hub) h3{font:600 20px/1.3 Khand,sans-serif;letter-spacing:0}
body:not(.obd1-hub) .card{padding:24px 0;border:0;border-top:1px solid #d5d9cf;background:transparent;border-radius:0;margin:24px 0;box-shadow:none}
body:not(.obd1-hub) .card h2{margin-top:0}
body:not(.obd1-hub) .card p,body:not(.obd1-hub) .card>ol,body:not(.obd1-hub) .card>ul:not(.chips){max-width:75ch}
body:not(.obd1-hub) .card li{margin-bottom:.6em}
body:not(.obd1-hub) .checks li{font-size:15.5px}
body:not(.obd1-hub) .code-title .code-badge{font-family:Khand,sans-serif;font-size:.7em;vertical-align:middle;background:var(--obd1-red);color:#fff;white-space:nowrap}
body:not(.obd1-hub) .code-meta{background:#fff;border:1px solid var(--obd1-teal);border-radius:6px;padding:8px 18px}
body:not(.obd1-hub) .code-meta div{border:0}
body:not(.obd1-hub) .note{background:transparent;border:0;border-top:1px solid var(--obd1-warm-rule);border-bottom:1px solid var(--obd1-warm-rule);border-radius:0;padding:16px 0;color:var(--obd1-muted)}
body:not(.obd1-hub) .chips{gap:10px}
body:not(.obd1-hub) .chips a{border:1px solid #d5d9cf;border-radius:5px;min-height:44px;display:inline-flex;align-items:center;background:#fff;font-variant-numeric:tabular-nums}
body:not(.obd1-hub) .source-links{padding-left:24px;overflow-wrap:anywhere}
body:not(.obd1-hub) .source-links li{margin-bottom:24px}
body:not(.obd1-hub) .source-links p{margin:.35em 0;color:var(--obd1-muted);font-size:.95em}
body:not(.obd1-hub) .affiliate{border:1px solid var(--obd1-warm-rule);border-radius:10px;background:#fffdf5;margin-top:32px}
body:not(.obd1-hub) .site-foot{background:var(--obd1-cream);color:var(--obd1-muted);border:0}
body:not(.obd1-hub) .foot-logo{width:280px;max-width:100%;height:auto}
body:not(.obd1-hub) .foot-legal::before{display:none}
body:not(.obd1-hub) .foot-legal{border-top:1px solid var(--obd1-warm-rule);padding-top:18px}
body:not(.obd1-hub) a.btn,body:not(.obd1-hub) a.btn:hover{color:#fff}
body:not(.obd1-hub) .site-foot nav li span{color:var(--obd1-muted)}
body:not(.obd1-hub) .site-foot nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
@media(max-width:800px){
 .station-header{flex-direction:column;gap:18px}.station-brand{width:min(100%,420px)}
 .obd1-search-form{grid-template-columns:1fr;gap:10px;padding:18px}.obd1-search-form label{margin-top:6px}
 .obd1-search-form button{margin-top:6px}
 body:not(.obd1-hub) .code-meta dl{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){body:not(.obd1-hub) .code-meta dl{grid-template-columns:1fr}body:not(.obd1-hub) .card{padding-block:20px}}

.system-jumps summary{cursor:pointer;min-height:44px;padding-block:8px;font:600 20px/1.25 Khand,sans-serif;color:var(--obd1-teal)}
.system-jumps a{display:inline-flex;align-items:center;min-height:44px}
body:not(.obd1-hub) .code-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:.9rem}
body:not(.obd1-hub) .code-directory li{margin:0}
body:not(.obd1-hub) .code-directory a{display:flex;gap:14px;height:100%;padding:12px;text-decoration:none}
.code-directory strong{min-width:3ch;color:var(--obd1-teal)}
.code-directory span{overflow-wrap:anywhere}
h3[id]{scroll-margin-top:20px}
@media(max-width:600px){body:not(.obd1-hub) .code-directory{grid-template-columns:1fr}}
@media(max-width:600px){
 body:not(.obd1-hub) .code-meta dl{grid-template-columns:1fr;gap:10px;margin-block:8px}
 body:not(.obd1-hub) .code-meta div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;padding:0}
 body:not(.obd1-hub) .code-meta dt{letter-spacing:0;color:var(--obd1-muted)}
 body:not(.obd1-hub) .code-meta dd{margin:0}
}

.connector-figure{max-width:680px;margin:24px 0;padding:20px;border:1px solid var(--obd1-teal);border-radius:10px;background:#fff;color:var(--obd1-teal)}
.connector-figure svg{display:block;width:100%;height:auto}
.connector-figure figcaption,.connector-figure p,.connector-key{color:var(--obd1-ink);font-size:1rem}
.connector-figure figcaption{margin-top:12px}
.connector-source{font-size:.9rem!important;overflow-wrap:anywhere}
@media(max-width:420px){.connector-figure{padding:12px}.connector-key{padding-left:24px}}

/* Right rail: Honda's margin mechanics in the station world. */
.station-body{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
.rail{display:grid;align-content:start;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--obd1-warm-rule)}
.rail-box{border:1px solid var(--obd1-warm-rule);border-radius:6px;background:#fffdf5;padding:12px 14px}
.rail .rail-box h2{font:600 17px/1.2 Khand,sans-serif;letter-spacing:0;margin:0 0 8px}
.rail-box p{margin:0;font-size:14.5px}
.rail-links{list-style:none;margin:0;padding:0}
.rail-links li{margin:0}
.rail .rail-links a{display:flex;align-items:baseline;gap:8px;min-height:44px;padding:6px 0;font-size:14.5px;line-height:1.35;overflow-wrap:anywhere;text-decoration:none;border-bottom:1px solid #efe6d6}
.rail-links li:last-child a{border-bottom:0}
.rail .rail-links a:hover{color:var(--obd1-teal)}
.rail-links b{flex:0 0 auto;font-family:Khand,sans-serif;font-size:16px;font-variant-numeric:tabular-nums;color:var(--obd1-teal)}
.rail-more{margin-top:8px;font:600 15px/1.3 Khand,sans-serif}
.rail .affiliate,.rail .ad{margin:0}
@media(min-width:1000px){
 .station-body{grid-template-columns:minmax(0,1fr) 300px;gap:0 40px}
 .rail{margin-top:0;padding:0 0 0 26px;border-top:0;border-left:1px solid var(--obd1-warm-rule)}
}