/* Print stylesheet for the HC-33 manual: a typewritten reference, Letter size,
   with room on the left for the binder holes drawn by render.py. */

@page {
  size: Letter;
  margin: 0.95in 0.7in 0.9in 1.3in;

  @top-left {
    content: "HC-33 FLIGHT COMPUTER";
    font: 7.5pt "Liberation Sans", sans-serif; letter-spacing: 0.18em; color: #4a3a26;
    border-bottom: 0.6pt solid #8a7650; padding-bottom: 3pt; vertical-align: bottom;
  }
  @top-right {
    content: string(chapter);
    font: 7.5pt "Liberation Sans", sans-serif; letter-spacing: 0.12em; text-transform: uppercase; color: #4a3a26;
    border-bottom: 0.6pt solid #8a7650; padding-bottom: 3pt; vertical-align: bottom;
  }
  @bottom-left {
    content: "HIC-0033-A";
    font: 7.5pt "Liberation Sans", sans-serif; letter-spacing: 0.18em; color: #4a3a26; vertical-align: top; padding-top: 6pt;
  }
  @bottom-right {
    content: "PAGE " counter(page);
    font: 7.5pt "Liberation Sans", sans-serif; letter-spacing: 0.18em; color: #4a3a26; vertical-align: top; padding-top: 6pt;
  }
}

@page :first {
  margin: 0.8in 0.75in 0.7in 1.3in;
  @top-left { content: none; border: 0; }
  @top-right { content: none; border: 0; }
  @bottom-left { content: none; }
  @bottom-right { content: none; }
}

html { font: 9.6pt/1.42 "Liberation Mono", "Courier New", monospace; color: #211b14; }
body { margin: 0; }

p { margin: 0.55em 0; orphans: 2; widows: 2; }
strong { font-weight: bold; }
a { color: inherit; text-decoration: none; }

/* ---- headings ---------------------------------------------------------- */

h1 {
  font: bold 21pt/1.15 "Liberation Sans", sans-serif; text-transform: uppercase; letter-spacing: 0.05em;
  margin: 0 0 0.9em; padding: 0.3em 0;
  border-top: 3pt double #211b14; border-bottom: 3pt double #211b14;
  page-break-before: always; page-break-after: avoid; string-set: chapter content();
}
h1.front { page-break-before: auto; string-set: chapter "Contents"; }

h2 {
  font: bold 11.5pt/1.25 "Liberation Sans", sans-serif; text-transform: uppercase; letter-spacing: 0.1em;
  margin: 1.5em 0 0.55em; padding-bottom: 0.15em; border-bottom: 0.8pt dashed #6b5a3a;
  page-break-after: avoid;
}

h3 {
  font: bold 9.8pt/1.3 "Liberation Mono", monospace; margin: 1.05em 0 0.15em; padding-left: 0.6em;
  border-left: 3pt solid #8a2a17; page-break-after: avoid;
}

/* ---- lists, code, notes ------------------------------------------------ */

ul, ol { margin: 0.5em 0; padding-left: 1.7em; }
li { margin: 0.3em 0; }
li p { margin: 0.2em 0; }

code { font-family: "Liberation Mono", monospace; }
p > code, li > code { background: rgba(120, 90, 40, 0.10); padding: 0 0.2em; }

pre {
  font: 8.6pt/1.3 "Liberation Mono", monospace; white-space: pre;
  margin: 0.8em 0; padding: 0.55em 0.8em;
  background: rgba(255, 251, 236, 0.5); border-left: 2.5pt solid #8b5a2b;
  page-break-inside: avoid;
}
pre code { background: none; padding: 0; }

blockquote {
  margin: 1em 0; padding: 0.5em 0.9em;
  border: 1.4pt solid #211b14; background: rgba(255, 255, 255, 0.32);
  page-break-inside: avoid;
}
blockquote p { margin: 0.2em 0; }
blockquote strong:first-child { text-transform: uppercase; letter-spacing: 0.14em; color: #8a1f11; }

/* ---- cover ------------------------------------------------------------- */

.cover { text-align: center; page-break-after: always; }
.cover p { margin: 0; }
.company {
  font: bold 9.5pt "Liberation Sans", sans-serif; color: #3a2a1a;
  border-top: 3pt double #3a2a1a; border-bottom: 3pt double #3a2a1a; padding: 0.55em 0;
}
.cover .cover-title {
  font: bold italic 35pt/1.12 "Liberation Sans", sans-serif; text-transform: uppercase; letter-spacing: 0.04em;
  border: 0; margin: 1.35in 0 0.2in; padding: 0; page-break-before: auto; string-set: none; bookmark-level: none;
}
.cover-sub { font: bold 15pt "Liberation Sans", sans-serif; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 0.3in !important; }
.cover-sub2 { font-size: 10pt; margin-top: 0.1in !important; }
.cover-box {
  width: 3.1in; margin: 0.6in auto 0.5in; padding: 0.15in 0.1in;
  border: 2.5pt solid #211b14; outline: 0.7pt solid #211b14; outline-offset: 3pt;
  font-weight: bold; font-size: 9pt;
}
.cover-box p { margin: 0.25em 0; }
.pubno { font-size: 9.5pt; letter-spacing: 0.06em; }
.cover-for { font-size: 8.6pt; margin: 0.35in 1.1in 0 !important; }
.cover-warn {
  margin: 0.4in 0.5in 0 !important; padding: 0.14in 0; font-weight: bold; font-size: 8.4pt; letter-spacing: 0.05em;
  border-top: 0.8pt dashed #211b14; border-bottom: 0.8pt dashed #211b14; line-height: 1.6;
}
.cover-notice { margin: 0.32in 0 0 !important; font-size: 6.6pt; line-height: 1.35; text-align: justify; color: #3a2f22; }

/* ---- contents ---------------------------------------------------------- */

.toc ul { list-style: none; margin: 0; padding: 0; }
.toc > ul > li { margin-top: 0.7em; font-weight: bold; font-size: 9.4pt; }
.toc ul ul { margin-top: 0.2em; padding-left: 1.6em; }
.toc ul ul li { font-weight: normal; font-size: 8.8pt; margin: 0.1em 0; }
.toc a::after { content: leader(".") target-counter(attr(href), page); font-weight: normal; }

/* ---- end matter -------------------------------------------------------- */

.end { text-align: center; margin-top: 2.2em; letter-spacing: 0.2em; font-weight: bold; page-break-inside: avoid; }
.colophon { text-align: center; font-size: 7.8pt; color: #4a3a26; letter-spacing: 0.06em; }