/* ILL SEA manuals in the Faceplate look (2026-10-02). Loaded AFTER each manual's own <style> block (and after
   /styles.css), so it restyles the shared manual elements while a page's own extra rules still apply.
   Same grid as the site: the page's left edge lines up with the band's; text columns stay readable (80ch). */
body{padding:0;color:var(--text);font:15px/1.65 var(--ui)}
.page{max-width:calc(var(--w) + 2 * var(--g));margin:0 auto;padding:var(--sec) var(--g)}
.page > p,.page > ul,.page > ol,.page li,.callout{max-width:80ch}
a{color:var(--lime-ink)} a:hover{color:var(--lime)}
b{color:#fff}
.crumb{font:12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--g)}
.crumb a{color:var(--purple-hi);text-decoration:none}
h1{font:700 40px/1.15 var(--ui);color:var(--lime);letter-spacing:0;margin:0 0 var(--g)}
h1 small{display:block;font:12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--purple-hi);margin:0 0 8px}
h2{display:flex;align-items:center;gap:12px;height:var(--title);margin:var(--sec) 0 var(--g);padding:0;border:0;
  font:12px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--purple-hi)}
h2::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--purple),transparent)}
h3{font:700 15px/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin:var(--g) 0 12px}
p{margin:0 0 16px}
table{width:100%;border-collapse:collapse;margin:0 0 var(--g);font-size:14px;background:var(--plate);
  border:1px solid;border-color:var(--rim-hi) var(--rim-lo) var(--rim-lo) var(--rim-hi);box-shadow:0 0 0 1px #000}
td,th{border:0;border-bottom:1px solid var(--line);padding:8px 16px;text-align:left;vertical-align:baseline}
tr:last-child td{border-bottom:0}
th{font:700 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--purple-hi);height:var(--title);padding-top:0;padding-bottom:0;vertical-align:middle}
td:first-child{font:13px var(--mono);color:var(--lime);white-space:nowrap}
.callout{margin:0 0 var(--g);border-radius:0}
code,kbd{font:13px var(--mono);background:var(--lcd);border:1px solid;border-color:#000 #2c3322 #2c3322 #000;color:var(--lcd-txt);padding:1px 6px;border-radius:0}
img.shot{display:block;max-width:100%;height:auto;border:1px solid;border-color:#000 var(--rim-hi) var(--rim-hi) #000;border-radius:0;margin:0 0 8px}
.cap{font:12px/1.6 var(--mono);color:var(--text-dim);margin:0 0 var(--g)}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;margin:0 8px 8px 0;font:11px var(--mono);letter-spacing:.14em;
  text-transform:uppercase;background:var(--lcd);color:var(--lcd-txt);border:1px solid;border-color:#000 #2c3322 #2c3322 #000;border-radius:0}
.steps li{max-width:80ch}
.foot{display:block;margin-top:var(--sec);padding-top:var(--g);border-top:1px solid var(--line);font:12px var(--mono);letter-spacing:.06em;color:var(--text-dim)}
/* phones: control names wrap (the NoAMP session's tips.html rule, for every manual); a table still too wide scrolls inside itself */
@media(max-width:640px){td:first-child{white-space:normal;word-break:break-word} td,th{padding:8px 10px} table{display:block;overflow-x:auto}}