/* Print-first layout: US Letter, 1-inch margins, content constrained to printable area */
@page { size: Letter; margin: 1in; }

:root{
  --page-width: 6.5in; /* 8.5in minus 2in margins */
  --text: #111;
  --muted: #444;
  --rule: #cfcfcf;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --serif: "Times New Roman", Times, serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

html, body { margin: 0; padding: 0; background: #fff; color: var(--text); }

.page{
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0.20in 0; /* screen breathing room; print constrained by @page */
  overflow-wrap: anywhere;
}

header{
  border-bottom: 1px solid var(--rule);
  padding-bottom: 0.12in;
  margin-bottom: 0.14in;
}

h1{
  font-family: var(--sans);
  font-size: 18pt;
  margin: 0 0 6pt 0;
}

.meta, .note{
  font-family: var(--serif);
  font-size: 11pt;
  margin: 0 0 6pt 0;
  color: var(--muted);
}

h2{
  font-family: var(--sans);
  font-size: 14pt;
  margin: 0 0 10pt 0;
  page-break-after: avoid;
}

ol.works{
  margin: 0;
  padding-left: 0.25in; /* room for numbering, stays inside margins */
}

li.entry{
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0 0 12pt 0;
  padding: 0 0 10pt 0;
  border-bottom: 1px solid var(--rule);
}

p.citation{
  font-family: var(--serif);
  font-size: 11pt;
  margin: 0;
  padding-left: 0.25in;
  text-indent: -0.25in; /* MLA hanging indent */
}

p.desc{
  font-family: var(--serif);
  font-size: 11pt;
  margin: 6pt 0 0 0;
}

a{ color: inherit; text-decoration: underline; }

footer{
  margin-top: 12pt;
  font-family: var(--serif);
  font-size: 10pt;
  color: var(--muted);
}

@media screen{
  body{ padding: 18px; }
}

@media print{
  body{ padding: 0; }
  .page{ padding: 0; }
  header, li.entry{ border-color: #000; }
}