/* makah-style-salmon-bake-stakes-procedure.css
   Print-first: US Letter, 1-inch margins, all content constrained within margins.
*/

@page {
  size: Letter;
  margin: 1in;
}

*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  line-height: 1.35;
}

/* 8.5in - 2in margins = 6.5in printable width */
.page {
  width: 6.5in;
  margin: 0 auto;
  padding: 0;
}

h1 {
  font-size: 18pt;
  margin: 0 0 8pt 0;
  font-weight: 700;
}

h2 {
  font-size: 13pt;
  margin: 14pt 0 6pt 0;
  font-weight: 700;
  page-break-after: avoid;
}

h3 {
  font-size: 11.5pt;
  margin: 10pt 0 4pt 0;
  font-weight: 700;
  page-break-after: avoid;
}

p { margin: 0 0 8pt 0; }

.small { font-size: 9.5pt; }
.muted { color: #222; }

ol, ul {
  margin: 0 0 10pt 18pt;
  padding: 0;
}

li { margin: 0 0 6pt 0; }

.callout {
  border: 1px solid #000;
  padding: 8pt 10pt;
  margin: 10pt 0;
}

.keep-together { page-break-inside: avoid; }

table {
  width: 100%;
  border-collapse: collapse;
  margin: 6pt 0 10pt 0;
  table-layout: fixed;
}
th, td {
  border: 1px solid #000;
  padding: 6pt 6pt;
  vertical-align: top;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
th { font-weight: 700; }

pre {
  margin: 6pt 0 10pt 0;
  padding: 8pt 10pt;
  border: 1px solid #000;
  font-family: "Courier New", Courier, monospace;
  font-size: 9.5pt;
  line-height: 1.25;
  white-space: pre-wrap;      /* prevent overflow beyond margins */
  overflow-wrap: anywhere;
}

/* Footnotes */
a { color: #000; text-decoration: underline; }
.fn { text-decoration: none; font-size: 9.5pt; vertical-align: super; }
.footnotes {
  margin-top: 12pt;
  border-top: 1px solid #000;
  padding-top: 8pt;
}
.footnotes ol {
  margin-left: 18pt;
}
.footnotes li { margin-bottom: 8pt; }
.url {
  word-break: break-word;
  overflow-wrap: anywhere;
}

.footer {
  margin-top: 14pt;
  padding-top: 8pt;
  border-top: 1px solid #000;
  font-size: 9.5pt;
}

/* Screen polish only */
@media screen {
  body { background: #f7f7f7; }
  .page {
    background: #fff;
    padding: 18pt 18pt;
    margin: 18pt auto;
    box-shadow: 0 2px 10px rgba(0,0,0,0.12);
  }
}

/* Print */
@media print {
  body { background: #fff; }
  .page { padding: 0; box-shadow: none; }
}