/* Neat Vitals: a vintage automobile owner's manual. Chrome trim for a masthead, a black dashboard
   whose gauge cluster shows the three boxes (the one bold thing), and manual pages after it:
   chapter tabs, specification plates, a service interval note and a charges sheet. Seafoam paint,
   chrome, and one amber warning lamp. */
:root{
  --nv-ink:#20262b;--nv-ink-soft:#4a535a;--nv-paper:#eef0ec;--nv-sheet:#fbfbf8;
  --nv-sea:#7fb5a8;--nv-sea-deep:#2c6159;--nv-chrome:#c7cdd2;--nv-chrome-hi:#f4f6f7;
  --nv-dash:#16191c;--nv-dash-2:#23282c;--nv-amber:#f0a536;--nv-needle:#e4572e;--nv-rule:#cfd4d0;
  --nv-head:"Michroma",Verdana,sans-serif;--nv-body:"PT Serif",Georgia,serif;--nv-mono:"Overpass Mono",Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.omn-body{margin:0;background:var(--nv-paper);color:var(--nv-ink);font:17px/1.6 var(--nv-body);overflow-x:hidden}
a{color:var(--nv-sea-deep)}
img{max-width:100%;height:auto}
.omn-hide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.omn-prelim{margin:0;padding:6px 16px;background:var(--nv-amber);color:#2a1b00;font:600 13px/1.4 var(--nv-mono);text-align:center}

/* chrome trim */
.omn-trim{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 28px;
  background:linear-gradient(180deg,var(--nv-chrome-hi) 0%,var(--nv-chrome) 46%,#9aa2a8 52%,var(--nv-chrome) 100%);
  border-bottom:3px solid var(--nv-sea-deep);box-shadow:0 1px 0 #fff inset}
.omn-plate{text-decoration:none;color:var(--nv-ink);display:inline-flex;align-items:center;padding:6px 16px;
  border:2px solid #7d868c;border-radius:22px;background:linear-gradient(180deg,#fdfdfd,#d9dee1)}
.omn-plate__word{font:15px/1 var(--nv-head);letter-spacing:.32em;text-transform:uppercase}
.omn-plate__logo{display:block;height:44px;width:auto}
.omn-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.omn-tabs a{font:12px/1 var(--nv-head);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--nv-ink);
  padding:9px 12px;border:1px solid #8c959b;border-bottom:0;border-radius:6px 6px 0 0;background:var(--nv-sheet)}
.omn-tabs a[aria-current=page]{background:var(--nv-sea-deep);color:#fff;border-color:var(--nv-sea-deep)}
.omn-glove{font:600 14px/1 var(--nv-mono);color:#fff;background:var(--nv-dash);text-decoration:none;padding:10px 14px;border-radius:4px}
.omn-glove span{display:inline-block;min-width:1.6em;margin-left:6px;padding:2px 5px;background:var(--nv-amber);color:#1a1200;border-radius:3px;text-align:center}

main.omn-page{display:block;max-width:1160px;margin:0 auto;padding:28px 28px 48px}
main.omn-page--doc{max-width:860px}

/* the dashboard */
.omn-dash{margin:-28px -28px 32px;padding:34px 28px 26px;background:
  radial-gradient(ellipse at 50% 0%,#2f363b 0%,var(--nv-dash) 70%);color:#e7ebec;border-bottom:6px solid #0b0d0e}
.omn-dash__top{max-width:780px;margin:0 auto 26px;text-align:center}
.omn-dash h1{font:clamp(20px,2.6vw,30px)/1.35 var(--nv-head);letter-spacing:.02em;margin:0 0 12px}
.omn-dash a{color:var(--nv-sea)}
.omn-cluster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1080px;margin:0 auto}
.omn-dial{color:#e7ebec;text-align:center;padding:18px 14px 20px;border-radius:18px;background:linear-gradient(180deg,var(--nv-dash-2),#121417);
  border:1px solid #3a4146;box-shadow:0 0 0 4px #0c0e10,0 0 0 6px #6d767c}
.omn-dial__svg{width:100%;max-width:230px;height:auto;display:block;margin:0 auto}
.omn-dial__rim{fill:#0d0f11;stroke:var(--nv-chrome);stroke-width:5}
.omn-dial__face{fill:#1b1f22;stroke:#3d4448;stroke-width:1}
.omn-dial__tick{stroke:#e9eded;stroke-width:3}
.omn-dial__tick--fine{stroke-width:1.5;stroke:#9aa3a8}
.omn-dial__num{fill:#e9eded;font:13px var(--nv-head);text-anchor:middle}
.omn-dial__unit{fill:var(--nv-sea);font:8px var(--nv-head);letter-spacing:.2em;text-anchor:middle}
.omn-dial__band{fill:none;stroke:var(--nv-amber);stroke-width:4;opacity:.85}
.omn-dial__needle{fill:var(--nv-needle)}
.omn-dial__hub{fill:var(--nv-chrome);stroke:#0d0f11;stroke-width:2}
.omn-dial__read p{margin:6px 0}
.omn-dial__name{font:15px var(--nv-head);letter-spacing:.14em;text-transform:uppercase;color:var(--nv-sea)}
.omn-dial__odo{display:inline-block;font:600 24px/1 var(--nv-mono);letter-spacing:.06em;color:#fff;background:#050606;
  padding:8px 12px;border:1px solid #4b5357;border-radius:3px}
.omn-dial__each,.omn-dial__sup{font-size:14px;color:#b8c0c4}
.omn-dial__in{font-size:15px}
.omn-dial__pic{display:block;margin:10px auto;border-radius:6px}
.omn-cluster--paper{margin:18px 0 26px}
.omn-cluster--paper .omn-dial{box-shadow:0 0 0 4px #0c0e10}
.omn-lamps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;list-style:none;margin:26px auto 0;padding:0;
  font:13px/1.4 var(--nv-mono);color:#cfd6d8}
.omn-lamp{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:8px;vertical-align:-1px}
.omn-lamp--amber{background:var(--nv-amber);box-shadow:0 0 8px var(--nv-amber)}
.omn-lamp--green{background:#5fcf8f;box-shadow:0 0 6px #5fcf8f}
.omn-lamp--blue{background:#61a8e6;box-shadow:0 0 6px #61a8e6}

/* buttons */
.omn-key{font:12px/1.45 var(--nv-head);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:#fff;
  background:var(--nv-sea-deep);border:0;border-radius:4px;padding:12px 16px;margin-top:8px;text-decoration:none;display:inline-block}
.omn-key:hover{background:#214a44}
.omn-key:disabled{background:#8d969b;cursor:not-allowed}
.omn-key--wide{padding:15px 22px}
.omn-key--full{width:100%}

/* manual sheets */
.omn-sheet{background:var(--nv-sheet);border:1px solid var(--nv-rule);padding:26px 30px;margin:0 0 24px;border-left:10px solid var(--nv-sea)}
.omn-sheet--narrow{border-left-color:var(--nv-amber)}
.omn-sheet h2,.omn-title{font:20px/1.35 var(--nv-head);letter-spacing:.04em;margin:0 0 14px}
.omn-title{font-size:26px}
.omn-title--sub{font-size:18px;margin-top:30px}
.omn-lede{font-size:18px;color:var(--nv-ink-soft)}
.omn-toc{list-style:none;counter-reset:ch;margin:0;padding:0;font-family:var(--nv-mono);font-size:15px}
.omn-toc li{counter-increment:ch;display:flex;align-items:baseline;gap:8px;padding:6px 0}
.omn-toc li::before{content:counter(ch);font-weight:600;min-width:1.6em;color:var(--nv-sea-deep)}
.omn-toc__lead{flex:1;border-bottom:2px dotted #a8b0b3;min-width:20px}
.omn-wide{overflow-x:auto}
.omn-grid{width:100%;border-collapse:collapse;font-size:15px}
.omn-grid th{font:11px var(--nv-head);letter-spacing:.1em;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--nv-ink);padding:8px}
.omn-grid td{border-bottom:1px solid var(--nv-rule);padding:9px 8px;vertical-align:middle}
.omn-num,.omn-grid th.omn-num{text-align:right;font-family:var(--nv-mono);white-space:nowrap}
.omn-grid .omn-key{margin:0;padding:9px 12px}
.omn-note{border:2px solid var(--nv-ink);padding:16px 20px;background:#fffdf6}
.omn-note__flag{margin:0 0 8px;font:13px var(--nv-head);letter-spacing:.1em;text-transform:uppercase}
.omn-note__flag::before{content:"!";display:inline-block;width:22px;height:22px;margin-right:10px;border-radius:50%;
  background:var(--nv-amber);color:#1a1200;text-align:center;font:700 15px/22px var(--nv-mono)}
.omn-note__pic{margin-top:10px}

/* specification plates */
.omn-doc__chap{display:inline-block;margin:0 0 6px;font:11px var(--nv-head);letter-spacing:.2em;text-transform:uppercase;
  background:var(--nv-sea-deep);color:#fff;padding:5px 10px}
.omn-specs{display:grid;gap:26px;margin:20px 0}
.omn-spec{display:grid;grid-template-columns:200px 1fr 1fr;gap:22px;background:var(--nv-sheet);border:1px solid var(--nv-rule);
  padding:22px;position:relative}
.omn-spec::before,.omn-spec::after{content:"";position:absolute;top:10px;width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff,#8c959b)}
.omn-spec::before{left:10px}.omn-spec::after{right:10px}
.omn-spec h2{font:20px/1.3 var(--nv-head);margin:0 0 10px}
.omn-spec__fig{margin:0;font:12px var(--nv-mono);color:var(--nv-ink-soft)}
.omn-spec__rows{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 10px;font-size:15px}
.omn-spec__rows dt{font:11px/1.9 var(--nv-head);letter-spacing:.08em;text-transform:uppercase;color:var(--nv-ink-soft)}
.omn-spec__rows dd{margin:0}
.omn-spec__buy{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--nv-mono);font-size:14px}
.omn-unit{display:block;width:100%}
.omn-unit--type{aspect-ratio:3/4.4;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;
  text-align:center;padding:16px;border-radius:24px 24px 10px 10px;background:linear-gradient(90deg,#d9dfe1,#fff 45%,#cfd6d8);
  border:1px solid #9aa3a8;border-top:18px solid var(--nv-ink)}
.omn-unit__brand{font:10px var(--nv-head);letter-spacing:.3em;text-transform:uppercase;color:var(--nv-sea-deep)}
.omn-unit__name{font:700 17px/1.25 var(--nv-body)}
.omn-unit__size{font:12px var(--nv-mono);color:var(--nv-ink-soft)}
.omn-facts{border:2px solid var(--nv-ink);padding:10px 12px;background:#fff;font-size:14px}
.omn-facts__h{font:700 20px/1.1 var(--nv-body);margin:0 0 6px;border-bottom:6px solid var(--nv-ink);padding-bottom:4px}
.omn-facts__pend{font-family:var(--nv-mono);font-size:13px;background:#fff3dd;padding:8px}
.omn-facts table{width:100%;border-collapse:collapse}
.omn-facts td{border-top:1px solid #999;padding:3px 0}
.omn-caution{font-size:13px;margin-top:12px;color:var(--nv-ink-soft)}
.omn-caution p{margin:6px 0}
.omn-caution__tag{font:11px var(--nv-mono);color:#8a9296;margin:8px 0 0}
.omn-caution__h{font:11px var(--nv-head);letter-spacing:.1em;text-transform:uppercase;color:var(--nv-ink)}

/* reading pages */
.omn-doc{background:var(--nv-sheet);border:1px solid var(--nv-rule);padding:30px 36px}
.omn-doc__title{font:24px/1.35 var(--nv-head);margin:6px 0 18px}
.omn-doc h2{font:17px/1.4 var(--nv-head);margin:26px 0 8px}
.omn-doc h3{font-size:17px}
.omn-opby{border-top:1px solid var(--nv-rule);padding-top:12px;font-size:15px;color:var(--nv-ink-soft)}
.omn-card{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;border:2px solid var(--nv-ink);padding:16px 20px}
.omn-card dt{font:11px/1.9 var(--nv-head);letter-spacing:.1em;text-transform:uppercase}
.omn-card dd{margin:0;overflow-wrap:anywhere}
.omn-ctl{margin:16px 0}
.omn-ctl__say{font-family:var(--nv-mono);font-size:14px;color:var(--nv-sea-deep)}

/* glovebox */
.omn-order{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.omn-order__left,.omn-order__right{background:var(--nv-sheet);border:1px solid var(--nv-rule);padding:22px}
.omn-items ul{list-style:none;margin:0;padding:0}
.omn-line{display:grid;grid-template-columns:1fr auto auto;gap:6px 12px;align-items:center;padding:10px 0;border-bottom:1px dotted #a8b0b3}
.omn-line__n small{display:block;font-size:13px;color:var(--nv-ink-soft)}
.omn-line__q{display:flex;align-items:center;gap:6px;font-family:var(--nv-mono)}
.omn-line__q button,.omn-line__x{font:600 14px var(--nv-mono);border:1px solid var(--nv-ink);background:#fff;cursor:pointer;padding:3px 9px;border-radius:3px}
.omn-line__x{grid-column:1/-1;justify-self:start;font-size:12px}
.omn-line__a{font-family:var(--nv-mono)}
.omn-repeat{margin:16px 0;padding:14px;border:2px solid var(--nv-amber);background:#fff9ec;font-size:15px}
.omn-tick{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:15px}
.omn-tick input{margin-top:5px;width:18px;height:18px;flex:none}
.omn-extra{margin:16px 0;padding:14px;border:2px dashed var(--nv-amber);background:#fffdf6}
.omn-codebay{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:14px 0}
.omn-codebay .omn-in{flex:1 1 180px;margin:0}
.omn-codebay__say{flex-basis:100%;margin:0;font-size:15px}
.omn-order [hidden]{display:none !important}
.omn-sum{width:100%;border-collapse:collapse;font-family:var(--nv-mono);font-size:14px;margin-top:14px}
.omn-sum caption{text-align:left;font:12px var(--nv-head);letter-spacing:.1em;text-transform:uppercase;padding-bottom:6px}
.omn-sum th{text-align:left;font-weight:400;padding:5px 0}
.omn-sum td{text-align:right;padding:5px 0}
.omn-sum__end th,.omn-sum__end td{font-weight:600;border-top:2px solid var(--nv-ink)}
.omn-in{display:block;margin:0 0 10px;font-size:14px}
.omn-in span{display:block;font:11px/1.8 var(--nv-head);letter-spacing:.06em;text-transform:uppercase}
.omn-in input{width:100%;font:16px var(--nv-body);padding:9px 10px;border:1px solid #8c959b;border-radius:3px;background:#fff}
.omn-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.omn-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.omn-cards{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
.omn-cards__say{font:11px var(--nv-head);letter-spacing:.08em;text-transform:uppercase;margin-right:6px}
.omn-cards__mk{display:block}
.omn-once{font-family:var(--nv-mono);font-size:14px;background:#f2f4f3;padding:10px;border-left:4px solid var(--nv-sea-deep)}
.omn-trouble{color:#9b2414;font-weight:700}
.omn-hold{font-size:14px;color:var(--nv-ink-soft)}

/* back cover */
.omn-back{background:var(--nv-dash);color:#d5dbdd;padding:30px 28px 24px;display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:24px;
  border-top:6px solid var(--nv-chrome);font-size:14px}
.omn-back a{color:var(--nv-sea)}
.omn-back p{margin:4px 0}
.omn-back__name{font:16px var(--nv-head);letter-spacing:.3em;text-transform:uppercase;color:#fff}
.omn-back__copy{color:#8f999d}
.omn-back__index{list-style:none;margin:0;padding:0;line-height:2}
.omn-back__fda{grid-column:1/-1;border-top:1px solid #3a4146;padding-top:14px;color:#aab3b6}

@media (max-width:900px){
  .omn-cluster{grid-template-columns:1fr;max-width:420px}
  .omn-spec{grid-template-columns:1fr}
  .omn-spec__pic{max-width:200px}
  .omn-order{grid-template-columns:1fr}
  .omn-back{grid-template-columns:1fr}
}
@media (max-width:520px){
  body.omn-body{font-size:16px}
  .omn-trim{padding:10px 16px;gap:10px}
  .omn-tabs{margin-left:0;width:100%}
  .omn-tabs a{font-size:10px;padding:8px 8px}
  main.omn-page{padding:20px 16px 40px}
  .omn-dash{margin:-20px -16px 24px;padding:24px 16px}
  .omn-sheet,.omn-doc{padding:18px 16px}
  .omn-sheet{border-left-width:6px}
  .omn-pair,.omn-trio{grid-template-columns:1fr}
  .omn-cards{gap:4px}
  .omn-cards__mk{width:38px;height:24px}
  .omn-cards__say{flex-basis:100%}
  .omn-grid{font-size:14px}
  .omn-grid th,.omn-grid td{padding:8px 5px}
  .omn-grid--glance th:nth-child(2),.omn-grid--glance td:nth-child(2){display:none}
  .omn-toc li>span:last-child{display:none}
  .omn-lamps{justify-content:flex-start;font-size:12px}
  .omn-lamps li{min-width:0;overflow-wrap:anywhere}
  .omn-num{white-space:normal}
  .omn-back{padding:24px 16px}
}