/* Printable, no video (SPEC §13b) -- this is the one surface in the whole
   site designed to be read start to finish and possibly put on paper.
   Colours, fonts, .wrap measure come from site.css. */

body{background:var(--paper)}

.module-nav{padding:1rem 1.15rem;border-bottom:1px solid var(--rule)}
.module-nav a{font-size:.9rem;text-decoration:none;color:var(--peri-dk)}
.module-nav a:hover{text-decoration:underline}

/* This whole page is prose, start to finish -- unlike index.html's mixed
   sections, there's no structural content here that should ever use the
   wide container. site.css widened .wrap to --wide for layout elsewhere;
   override it back to --measure here so a module never grows past what's
   comfortable to read, on any screen. */
.wrap.module-body{max-width:var(--measure);margin:0 auto}

.module-body{padding:2rem 1.5rem 1rem}
.module-body h1{font-size:1.9rem;margin-bottom:1.2rem}
.module-body h2{margin-top:2.2rem}
.module-body h3{margin-top:1.6rem}
.module-body p{margin-bottom:1.1rem}
.module-body hr{border:none;border-top:1px solid var(--rule);margin:2rem 0}
.module-body em{font-style:italic;color:var(--ink-soft)}

.module-meta{max-width:var(--measure);margin:0 auto 1rem;padding:0 1.5rem;
  font-size:.85rem;color:var(--ink-soft)}
.watermark{max-width:var(--measure);margin:0 auto 2rem;padding:.9rem 1.5rem;
  font-size:.8rem;color:var(--ink-soft);border-top:1px dashed var(--rule)}

@media print{
  .no-print{display:none}
  body{background:#fff}
  .module-body h1,.module-body h2,.module-body h3{color:#000}
  a{color:#000;text-decoration:underline}
}

@media (max-width:700px){
  .module-body{padding:1.5rem 1.15rem 1rem}
  .module-body h1{font-size:1.6rem}
}