/*  XML blockout */
div.titlepage {
    border: medium solid black;
    text-align: center;
    max-width: 28em;
    margin: 4em auto
    }
h1, h2, h3, h4, p.fakeh1, p.fakeh2, p.edition, p.pub, p.booklist, div.subtitle p, div.apptitle p {
    font-weight: normal;
    text-align: center;
    text-indent: 0
    }
h2, h3, h4 {
    clear: both;
    page-break-after: avoid
    }
h4 {
    font-size: 100%;
    font-variant: small-caps
    }
h2.pr, h3.cor, h3.app, td.appen, p.fakeh2 {
    font-size: 120%;
    line-height: 2;
    word-spacing: 0.333em;
    padding-bottom: 0;
    margin-bottom: 0
    }
p.fakeh2 {
    margin: 1em auto
    }
h2.pr, h3.app {
    padding-top: 2em
    }
h3.pr, h3.prbig {
    word-spacing: 0.5em;
    margin-top: 1em;
    padding-bottom: 1.5em
    }
h3.pr {
    font-size: 85%;
    line-height: 1.4
    }
h3.prbig {
    font-size: 120%;
    line-height: 1.2
    }
h3.cor {
    padding-top: 1em
    }
/* We actually wanted "display: run-in;"
   but that's CSS3 and not viable.
   Note that you need a block-level element
   following the [h3 class="ss"][p]...[/p] to
   actually end the run-in paragaph. An empty
   paragraph [p][/p] seems to work but gets
   removed by Tidy (used by epubMaker) so we
   resort to a zero-styled space. Also,
   justification is that of the surrounding element
   so we need to explicitly justify the [div] */
div.chap {
    text-align: justify
    }
h3.ss + p {
    display: inline
    }
h3.ss {
    display: inline-block;
    font-size: 100%;
    font-variant: small-caps;
    margin-top: 1em;
    margin-bottom: 0
    }
p.endrunin {
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0
    }
div.titlepage, div.subtitle, h2, h3.app, hr.tb {
    page-break-before: always
    }
div.titlepage hr {
    border: none;
    border-top: medium solid black;
    color: black;
    margin: 0;
    text-align: center;
    width: 100%
    }
p.edition, p.pub {
    margin: 0;
    padding: 1em 0;
    word-spacing: 0.333em;
    line-height: 1.4
    }
p.edition {
    font-family: "Old English Text MT", serif
    }
p.pub {
    letter-spacing: 0.15em
    }
h1, p.fakeh1, h2.appendix {
    font-size: 120%;
    word-spacing: 0.5em;
    line-height: 1.3
    }
h1, h2.appendix {
    margin: 2em auto;
    padding-top: 6em
    }
div.subtitle p, div.apptitle p {
    line-height: 1.3;
    word-spacing: 0.333em
    }
#arranged, p.fakeh1 {
    margin: 1em auto
    }
#intended {
    margin: 2.4em auto 8em auto
    }
p.fakeh1 big {
    letter-spacing: 0.25em;
    font-size: 200%
    }
p.booklist {
    margin: 0;
    padding: 6em 0;
    word-spacing: 0.333em;
    line-height: 1.2
    }
h2.fakeh1 {
    font-size: 150%;
    margin: 0.8em auto;
    padding-top: 4em
    }
#appendix {
    margin: 0;
    padding: 2em 0;
    word-spacing: 0.333em;
    line-height: 1.8
    }
p {
    text-align: justify;
    margin-top: 0;
    margin-bottom: 0.75em;
    line-height: 110%
    }
p.tb {
    padding-top: 1em
    }
p.noindent {
    text-indent: 0
    }
p.gap {
    padding-top: 0.75em
    }
p.gapnoindent {
    padding-top: 0.75em;
    text-indent: 0
    }
div.displaymath {
    margin-top: 0.1em;
    margin-bottom: 0.85em;
    text-align: center;
    white-space: nowrap;
    line-height: 130%
    }
div.displaymath p {
    margin: 0;
    text-indent: 0;
    white-space: normal;
    text-align: justify;
    line-height: 110%
    }
div.aside {
    margin-top: 1.5em;
    margin-bottom: 0.5em
    }
div.aside p {
    font-size: smaller
    }
table {
    margin: auto;
    border-spacing: 1px
    }
td, th {
    font-weight: normal;
    text-indent: 0;
    text-align: left;
    vertical-align: top
    }
th.pg {
    font-size: 50%;
    text-align: right
    }
th.dots {
    width: auto
    }
td.pg {
    text-indent: 0;
    text-align: right;
    max-width: 2em;
    white-space: nowrap;
    direction: rtl;
    vertical-align: bottom;
    padding-left: 0.5em;
    background: Window
    }
td.chap, td.appen, p.finis {
    padding-top: 1.33em;
    text-indent: 0;
    text-align: center;
    font-variant: normal;
    word-spacing: 0.333em
    }
td.dots {
    white-space: nowrap;
    overflow: hidden
    }
p.dotz:after {
    content: "         .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .";
    white-space: nowrap;
    word-spacing: normal;
    margin-left: 0
    }
p.dotz {
    margin: 0 0 0 1em;
    text-indent: -1em;
    text-align: justify;
    white-space: normal
    }
span.text {
    font-variant: small-caps;
    background: Window;
    padding-right: 0.25em
    }
/* footnotes */
div.footnotes {
    margin: 2em 0 3em 2em;
    line-height: 110%;
    font-size: 90%;
    border-top: thin solid black
    }
div.footnotes, div.footnotes p, li {
    margin-left: 1.5em;
    text-indent: -1.5em;
    clear: both
    }
#fn\.f\.35 {
    /* special case: footnote contains floated illo */
    clear: left
    }
div.footnotes p.ctd, div.footnotes p.illort {
    text-indent: 0
    }
a:link {
    text-decoration: none
    }
.fnanchor {
    vertical-align: baseline;
    font-size: small
    }
.fnreturn {
    clear: right;
    padding-left: 4em;
    padding-top: 0.2em
    }
.unjust, .unjust2 {
    text-align: left;
    display: inline-block;
    text-indent: 0
    }
.unjust {
    width: 1.5em
    }
.unjust2 {
    width: 2em
    }
ul {
    list-style-type: none
    }
li {
    line-height: 110%
    }
hr.short {
    width: 8%;
    margin: 0 46%
    }
hr.tb {
    width: 8%;
    margin: 4em 46%
    }
hr.ww {
    width: 100%;
    height: 0.25em;
    margin: 1em 0
    }
/* page numbers */
span.pagenum {
    display: none;
    visibility: hidden;
    /* over-ridden for screen devices */
    font-size: x-small;
    font-family: serif;
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0;
    text-indent: 0;
    text-align: left;
    margin: 0;
    padding: 0.05em 0.5em
    }
/* illustrations */
p.illo, p.illolt, p.illort, div.tnote p.eqn {
    font-size: 85%;
    text-indent: 0;
    text-align: center;
    line-height: 1.8;
    page-break-inside: avoid;
    margin-left: auto;
    margin-right: auto
    }
p.illo, div.tnote p.eqn {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    clear: both
    }
p.illort, p.illortclear {
    padding-left: 1.5em;
    padding-bottom: 0.15em
    }
p.illortclear {
    clear: right
    }
p.illolt {
    padding-right: 1.5em;
    padding-bottom: 0.15em
    }
p.illolt span {
    /* specifically for Figs 23 and 24 */
    display: inline-block;
    vertical-align: bottom
    }
p.illo span {
    /* specifically for Figs 39 and 40, 59 and 60 */
    display: inline-block;
    vertical-align: bottom
    }
p.illo span.lt {
    margin-right: 6em
    }
p.illo span.rt {
    margin-left: 6em
    }
.nopr {
    visibility: visible;
    display: inline
    }
.pronly, .ADE, .eqnlink {
    display: none;
    visibility: hidden
    }
span.phantom {
    visibility: hidden
    }
/* for transcriber's note at the end, and at the beginning */
div.tnote {
    padding: 1em;
    margin: 6em auto 3em auto;
    font-family: serif;
    page-break-after: always
    }
div.tnotefonts {
    padding: 1em;
    margin: 3em auto 6em auto;
    font-family: serif
    }
div.tnote h2, div.tnotefonts h2 {
    text-align: left;
    text-indent: 0;
    font-size: large;
    font-style: normal;
    margin: 0 auto;
    line-height: 1;
    letter-spacing: 0;
    padding-top: 0.667em;
    font-weight: bold
    }
div.tnote h2 {
    border-top: thin solid black
    }
div.tnotefonts h2 {
    border-top: medium solid red
    }
div.tnotefonts p {
    padding-bottom: 1em;
    border-bottom: medium solid red
    }
div.tnote p, div.tnotefonts p {
    text-align: left;
    text-indent: 0;
    margin-top: 0.5em;
    font-size: 100%
    }
/* We specify an explicit font for the mathematics because not all
   default fonts will include ratio ∶ U+2236 and proportion ∷ U+2237;
   we also use prime ′ U+2032, double prime ″ U+2033, therefore ∴ U+2234,
   and angle ∠ U+2220.
   The downside is that we need to include explicit line-height everywhere
   because math fonts often have enormous default glyph height and depth
   (for example Cambria Math and Stix Two Math). This doesn't work for Kindle
   Previewer (lines are stretched apart), but listing a non-math font first
   seems to fix it.
   Uppercase variables are set as small-caps, lowercase as italic.
   We use explicit non-breaking spaces to match the original. */
.maths {
    font-family: "Cambria", "Cambria Math", "DejaVu Sans", "Arial Unicode MS", "Stix Two Math", "Lucida Bright Regular", serif;
    font-variant: small-caps;
    text-transform: lowercase;
    line-height: 1.2;
    white-space: nowrap
    }
var {
    font-family: serif;
    font-style: italic;
    font-variant: normal
    }
.smc, .allsc, h4, p.finis {
    font-variant: small-caps
    }
.allsc, p.finis {
    text-transform: lowercase
    }
.ns {
    display: none;
    visibility: hidden
    }
.nw {
    white-space: nowrap
    }
em {
    font-style: italic
    }
cite {
    font-style: normal
    }
@media print {
    a:link {
        color: black;
        background-color: inherit;
        text-decoration: none
        }
    a:visited {
        color: black;
        background-color: inherit;
        text-decoration: none
        }
    p {
        margin: 0 0 0.15em 0;
        text-indent: 1em
        }
    div.display {
        margin-bottom: 0.2em
        }
    div.aside {
        margin-top: 0.5em;
        margin-bottom: 0.5em
        }
    p.illort, p.illolt {
        padding-top: 1em
        }
    .nopr, .fnreturn {
        display: none;
        visibility: hidden
        }
    .pronly {
        visibility: visible;
        display: inline
        }
    #f\.53pr, #f\.101pr, #f\.105 {
        max-height: 100%
        }
    }
@media screen {
    body {
        margin-left: 10%;
        margin-right: 10%
        }
    span.pagenum {
        border-top: thin solid silver;
        border-bottom: thin solid silver;
        display: inline;
        visibility: visible;
        position: absolute;
        left: 1%
        }
    }
@media print, screen {
    div.preface, div.chap, div.toc {
        margin: 0 auto
        }
    div.preface, div.chap, div.toc {
        max-width: 32em
        }
    p.illo img {
        margin-left: -12em;
        margin-right: -12em
        }
    /* specify image widths only, so if scaled subject to max-width, aspect ratio is preserved */
    #f\.1 {
        width: 500px
        }
    /* height: 307px; */
    #f\.2 {
        width: 500px
        }
    /* height: 290px; */
    #f\.3 {
        width: 230px
        }
    /* height: 328px; */
    #f\.4 {
        width: 500px
        }
    /* height: 352px; */
    #f\.5 {
        width: 300px
        }
    /* height: 431px; */
    #f\.6 {
        width: 500px
        }
    /* height: 509px; */
    #f\.7 {
        width: 500px
        }
    /* height: 479px; */
    #f\.8 {
        width: 500px
        }
    /* height: 378px; */
    #f\.9 {
        width: 400px
        }
    /* height: 279px; */
    #f\.10 {
        width: 400px
        }
    /* height: 420px; */
    #f\.11 {
        width: 400px
        }
    /* height: 469px; */
    #f\.12 {
        width: 400px
        }
    /* height: 443px; */
    #f\.13 {
        width: 400px
        }
    /* height: 355px; */
    #f\.14 {
        width: 500px
        }
    /* height: 177px; */
    #f\.15 {
        width: 500px
        }
    /* height: 304px; */
    #f\.16 {
        width: 400px
        }
    /* height: 339px; */
    #f\.17 {
        width: 500px
        }
    /* height: 394px; */
    #f\.18 {
        width: 350px
        }
    /* height: 419px; */
    #f\.19 {
        width: 300px
        }
    /* height: 328px; */
    #f\.20 {
        width: 500px
        }
    /* height: 412px; */
    #f\.21 {
        width: 500px
        }
    /* height: 265px; */
    #f\.22 {
        width: 300px
        }
    /* height: 144px; */
    #f\.23 {
        width: 150px
        }
    /* height: 218px; */
    #f\.24 {
        width: 100px
        }
    /* height: 176px; */
    #f\.25 {
        width: 250px
        }
    /* height: 180px; */
    #f\.26 {
        width: 200px
        }
    /* height: 241px; */
    #f\.27 {
        width: 200px
        }
    /* height: 234px; */
    #f\.28 {
        width: 250px
        }
    /* height: 284px; */
    #f\.29 {
        width: 230px
        }
    /* height: 176px; */
    #f\.30 {
        width: 200px
        }
    /* height: 214px; */
    #f\.31 {
        width: 400px
        }
    /* height: 306px; */
    #f\.32 {
        width: 600px
        }
    /* height: 208px; */
    #f\.33 {
        width: 300px
        }
    /* height: 290px; */
    #f\.34 {
        width: 300px
        }
    /* height: 227px; */
    #f\.35 {
        width: 250px
        }
    /* height: 129px; */
    #f\.36 {
        width: 300px
        }
    /* height: 99px; */
    #f\.37 {
        width: 350px
        }
    /* height: 174px; */
    #f\.38 {
        width: 250px
        }
    /* height: 238px; */
    #f\.39 {
        width: 130px
        }
    /* height: 185px; */
    #f\.40 {
        width: 120px
        }
    /* height: 204px; */
    #f\.41 {
        width: 70px
        }
    /* height: 120px; */
    #f\.42 {
        width: 125px
        }
    /* height: 138px; */
    #f\.43 {
        width: 250px
        }
    /* height: 177px; */
    #f\.44 {
        width: 225px
        }
    /* height: 171px; */
    #f\.45 {
        width: 400px
        }
    /* height: 689px; */
    #f\.46 {
        width: 500px
        }
    /* height: 229px; */
    #f\.47 {
        width: 450px
        }
    /* height: 324px; */
    #f\.48 {
        width: 500px
        }
    /* height: 547px; */
    #f\.49 {
        width: 475px
        }
    /* height: 384px; */
    #f\.50 {
        width: 450px
        }
    /* height: 557px; */
    #f\.51 {
        width: 225px
        }
    /* height: 273px; */
    #f\.52 {
        width: 450px
        }
    /* height: 182px; */
    #f\.53 {
        width: 300px
        }
    /* height: 300px; */
    #f\.54 {
        width: 500px
        }
    /* height: 369px; */
    #f\.55 {
        width: 500px
        }
    /* height: 265px; */
    #f\.56 {
        width: 125px
        }
    /* height: 131px; */
    #f\.57 {
        width: 175px
        }
    /* height: 249px; */
    #f\.58 {
        width: 500px
        }
    /* height: 370px; */
    #f\.59 {
        width: 325px
        }
    /* height: 301px; */
    #f\.60 {
        width: 220px
        }
    /* height: 343px; */
    #f\.61 {
        width: 500px
        }
    /* height: 398px; */
    #f\.62 {
        width: 300px
        }
    /* height: 381px; */
    #f\.63 {
        width: 325px
        }
    /* height: 241px; */
    #f\.64 {
        width: 400px
        }
    /* height: 305px; */
    #f\.65 {
        width: 500px
        }
    /* height: 321px; */
    #f\.66 {
        width: 300px
        }
    /* height: 94px; */
    #f\.67 {
        width: 125px
        }
    /* height: 291px; */
    #f\.68 {
        width: 550px
        }
    /* height: 188px; */
    #f\.69 {
        width: 350px
        }
    /* height: 297px; */
    #f\.70 {
        width: 600px
        }
    /* height: 244px; */
    #f\.71 {
        width: 525px
        }
    /* height: 403px; */
    #f\.72 {
        width: 425px
        }
    /* height: 743px; */
    #f\.73 {
        width: 400px
        }
    /* height: 384px; */
    #f\.74 {
        width: 250px
        }
    /* height: 169px; */
    #f\.75 {
        width: 475px
        }
    /* height: 350px; */
    #f\.76 {
        width: 550px
        }
    /* height: 426px; */
    #f\.77 {
        width: 525px
        }
    /* height: 415px; */
    #f\.78 {
        width: 425px
        }
    /* height: 348px; */
    #f\.79 {
        width: 150px
        }
    /* height: 143px; */
    #f\.80 {
        width: 300px
        }
    /* height: 253px; */
    }
/* overrides for epub */
/* explicit overrides for styles defined in @media screen
   because Kindle thinks it's a screen device */
@media all {
    /* was @media handheld */
    body {
        margin-left: 0;
        margin-right: 0
        }
    span.pagenum, hr.ww {
        display: none;
        visibility: hidden
        }
    table {
        table-layout: fixed;
        width: 100%
        }
    th.dots {
        width: 90%
        }
    /* this should be auto or 100% but that doesn't work for ADE */
    th.pg {
        width: 3em
        }
    p.dotz:after {
        content: "         .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .    .";
        white-space: nowrap;
        word-spacing: normal;
        margin-left: 0;
        float: left;
        width: 0
        }
    #f\.1, #f\.2, #f\.3, #f\.4, #f\.5, #f\.6, #f\.7, #f\.8, #f\.9, #f\.10, #f\.11, #f\.12, #f\.13, #f\.14, #f\.15, #f\.16, #f\.17, #f\.18, #f\.19, #f\.20, #f\.21, #f\.22, #f\.23, #f\.24, #f\.25, #f\.26, #f\.27, #f\.28, #f\.29, #f\.30, #f\.31, #f\.32, #f\.33, #f\.34, #f\.35, #f\.36, #f\.37, #f\.38, #f\.39, #f\.40, #f\.41, #f\.42, #f\.43, #f\.44, #f\.45, #f\.46, #f\.47, #f\.48, #f\.49, #f\.50, #f\.51, #f\.52, #f\.53, #f\.54, #f\.55, #f\.56, #f\.57, #f\.58, #f\.59, #f\.60, #f\.61, #f\.62, #f\.63, #f\.64, #f\.65, #f\.66, #f\.67, #f\.68, #f\.69, #f\.70, #f\.71, #f\.72, #f\.73, #f\.74, #f\.75, #f\.76, #f\.77, #f\.78, #f\.79, #f\.80 {
        max-width: 100%
        }
    .fnreturn, p.illort, p.illortclear {
        float: right
        }
    p.illolt {
        float: left
        }
    .ADE {
        display: block;
        visibility: visible
        }
    div.ADE {
        padding-top: 3em
        }
    .ADE li {
        padding-top: 1.5em;
        border-bottom: thin solid silver
        }
    .eqnlink {
        display: inline;
        visibility: visible;
        font-size: small;
        padding-left: 0.5em
        }
    .eqnimage {
        text-align: right;
        display: inline-block;
        text-indent: 0;
        width: 4em;
        padding-right: 2em
        }
    }
@media screen {
    /* effectively an override for Kindle */
    .ADE, .eqnlink {
        display: none;
        visibility: hidden
        }
    }
/* XML end  */