:root{
  --canvas:#f2f0ec; --sheet:#ffffff; --fill:#f6f4f0;
  --ink:#22262b; --meta:#5c6470;
  --accent:#2f5d73; --plate:#dd3333; --rule:#d3ccc1;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--canvas);color:var(--ink);
  font:17px/1.62 Georgia,"Times New Roman",serif;
}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px;z-index:9}
.skip:focus{left:8px;top:8px}
a{color:var(--accent)}
main a,.body a{text-decoration:underline}
h1,h2,h3,.grot{font-family:Oxygen,"Segoe UI",Tahoma,Helvetica,Arial,sans-serif}
h1{font-size:30px;line-height:1.2;margin:0 0 6px;font-weight:700}
h2{font-size:21px;line-height:1.25;margin:30px 0 10px;font-weight:700;
   border-bottom:1px solid var(--rule);padding-bottom:6px}
h3{font-size:17px;margin:22px 0 8px;font-weight:700}
p{margin:0 0 14px}
code,.mono,.plate,.crumb,figcaption,caption,th,td,.util,.rail,.foot{
  font-family:Consolas,"Courier New",monospace}
.wrap{max-width:1300px;margin:0 auto;padding:0 24px}

.manual{display:grid;grid-template-columns:284px minmax(0,1fr) 204px;
  column-gap:32px;background:var(--canvas);padding-bottom:0}
.m1{grid-column:1/4;grid-row:1}
.m2{grid-column:1/4;grid-row:2}
.m3{grid-column:1;grid-row:3/7}
.m4{grid-column:2;grid-row:3}
.m5{grid-column:2;grid-row:4}
.m6{grid-column:2;grid-row:5}
.m7{grid-column:3;grid-row:3/7}
.m8{grid-column:2;grid-row:6}
.m9{grid-column:1/4;grid-row:7}

.ident{border-top:3px solid var(--plate);border-bottom:1px solid var(--rule);
  padding:16px 0 14px;display:flex;align-items:flex-start;gap:16px}
.ident img{width:44px;height:44px;flex:0 0 auto}
.wordmark{font-family:Oxygen,"Segoe UI",Tahoma,Helvetica,Arial,sans-serif;
  font-size:34px;line-height:1.05;letter-spacing:.055em;font-weight:700;margin:0}
.tagline{font-size:15px;color:var(--meta);margin:6px 0 0}
.edition{font-family:Consolas,"Courier New",monospace;font-size:13px;
  color:var(--meta);margin:6px 0 0;text-transform:uppercase;letter-spacing:.06em}

.util{border-bottom:1px solid var(--rule);padding:8px 0;font-size:13px;
  letter-spacing:.04em;text-transform:uppercase}
.util a{margin-right:22px;text-decoration:none;color:var(--accent)}
.util a:hover{text-decoration:underline}
.util [aria-current]{color:var(--ink);font-weight:700}

.rail{padding:22px 20px 22px 0;border-right:1px solid var(--rule);font-size:14px}
.rail h2,.onpage h2{font-family:Consolas,"Courier New",monospace;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--meta);
  border:0;margin:0 0 10px;padding:0;font-weight:700}
.rail .group{font-family:Oxygen,"Segoe UI",Tahoma,Helvetica,Arial,sans-serif;
  font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  margin:18px 0 6px;color:var(--ink)}
.rail ol{list-style:none;margin:0;padding:0}
.rail li{margin:0 0 7px;display:flex;gap:9px;align-items:baseline;line-height:1.35}
.rail a{text-decoration:none}
.rail a:hover{text-decoration:underline}
.rail [aria-current] a,.rail [aria-current]{font-weight:700;color:var(--ink)}
.plate{display:inline-block;min-width:22px;text-align:center;font-size:11px;
  border:1px solid var(--plate);color:var(--plate);padding:1px 3px;
  line-height:1.3;flex:0 0 auto;background:var(--sheet)}

.sheet{background:var(--sheet);border:1px solid var(--rule);padding:26px 30px;margin:22px 0 0}
.m4 .sheet{margin-top:22px}
.m5 .sheet,.m6 .sheet{margin-top:18px}
.body{max-width:66ch}
.sheet > h2:first-child,.sheet > section:first-child > h2:first-child{margin-top:0}
.sheet section{margin:0}

.startlist{list-style:none;margin:0;padding:0}
.startlist li{border-top:1px solid var(--rule);padding:11px 0;display:flex;gap:12px}
.startlist li:first-child{border-top:0}
.startlist .t{font-family:Oxygen,"Segoe UI",Tahoma,Helvetica,Arial,sans-serif;font-weight:700}
.startlist .d{display:block;font-size:15px;color:var(--meta)}

.deflist{margin:0 0 14px}
.deflist dt{font-family:Oxygen,"Segoe UI",Tahoma,Helvetica,Arial,sans-serif;
  font-weight:700;margin:12px 0 3px}
.deflist dd{margin:0 0 6px;padding-left:0;border-left:2px solid var(--rule);padding:0 0 0 12px}
.glossary dt{border-top:1px solid var(--rule);padding-top:10px}

ol.procedure{margin:0 0 14px;padding-left:22px}
ol.procedure li{margin:0 0 9px}
ul{margin:0 0 14px;padding-left:20px}
ul li{margin:0 0 6px}

.note{background:var(--fill);border:1px solid var(--rule);border-left:3px solid var(--meta);
  padding:12px 16px;margin:18px 0;font-size:16px}
.note-warn{border-left-color:var(--plate)}
.note-label{font-family:Consolas,"Courier New",monospace;font-size:11px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--meta);margin:0 0 5px}
.note p:last-child{margin-bottom:0}

.tablewrap{overflow-x:auto;border:1px solid var(--rule);margin:18px 0;background:var(--sheet)}
.tablewrap:focus{outline:2px solid var(--accent);outline-offset:2px}
table{border-collapse:collapse;width:100%;font-size:14px;min-width:520px}
caption{caption-side:top;text-align:left;font-size:12px;color:var(--meta);
  padding:9px 12px;border-bottom:1px solid var(--rule);letter-spacing:.03em}
th,td{border-top:1px solid var(--rule);padding:9px 12px;text-align:left;vertical-align:top}
thead th{background:var(--fill);border-top:0;font-size:12px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--meta)}
tbody th{font-weight:700;color:var(--ink);width:24%}

figure{margin:20px 0;border:1px solid var(--rule);background:var(--fill);padding:14px}
figure img{display:block;width:100%;height:auto;max-width:640px;background:var(--sheet)}
figcaption{font-size:12px;color:var(--meta);margin-top:9px}

.onpage{padding:22px 0 22px 0;border-left:1px solid var(--rule);padding-left:20px;font-size:13px}
.onpage ol{list-style:none;margin:0;padding:0}
.onpage li{margin:0 0 8px;line-height:1.35}
.onpage a{text-decoration:none}
.onpage a:hover{text-decoration:underline}

.move{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);padding:14px 0;margin:26px 0 0;font-size:14px}
.move .lab{display:block;font-family:Consolas,"Courier New",monospace;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--meta)}
.move .n{text-align:right}

.foot{border-top:3px solid var(--plate);margin-top:34px;padding:24px 0 34px;font-size:13px}
.foot .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.foot h2{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--meta);
  border:0;margin:0 0 9px;padding:0}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:0 0 6px}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot .close{border-top:1px solid var(--rule);margin-top:22px;padding-top:14px;color:var(--meta)}

.page{display:grid;grid-template-columns:284px minmax(0,1fr) 204px;column-gap:32px}
.page .rail{grid-column:1}
.page .col{grid-column:2}
.page .onpage{grid-column:3}
.crumb{font-size:12px;color:var(--meta);letter-spacing:.04em;margin:22px 0 12px}
.crumb a{text-decoration:none}
.applic{font-size:15px;color:var(--meta);margin:0 0 4px;
  font-family:Oxygen,"Segoe UI",Tahoma,Helvetica,Arial,sans-serif}
.chapno{font-family:Consolas,"Courier New",monospace;font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--plate);margin:0 0 6px}

@media (max-width:900px){
  .manual,.page{display:block}
  .wrap{padding:0 16px}
  .wordmark{font-size:24px;letter-spacing:.02em}
  .ident{gap:12px}
  .util{line-height:2}
  .util a{margin-right:16px}
  .rail{border-right:0;border-bottom:1px solid var(--rule);padding:18px 0}
  .onpage{display:none}
  .sheet{padding:20px 18px}
  .foot .cols{grid-template-columns:1fr;gap:18px}
  table{font-size:13px}
  .move{flex-direction:column;gap:12px}
  .move .n{text-align:left}
}