/* Legal pages. Long-form reading, so: a narrow measure, generous line height,
   and no product chrome competing with the text. */
.legal { max-width: 720px; margin: 0 auto; padding: 40px 20px 0; }
.legal h1 { font-size: 1.8rem; margin: 0 0 6px; }
.legal .meta { font-size: .82rem; opacity: .6; margin: 0 0 26px; }
.legal h2 { font-size: 1.12rem; margin: 34px 0 8px; }
.legal h3 { font-size: .98rem; margin: 22px 0 6px; }
.legal p, .legal li { line-height: 1.65; font-size: .94rem; }
.legal ul { padding-left: 20px; }
.legal li { margin: 5px 0; }
.legal dl { margin: 10px 0; }
.legal dt { font-weight: 600; margin-top: 14px; font-size: .93rem; }
.legal dd { margin: 3px 0 0 0; opacity: .88; line-height: 1.6; font-size: .93rem; }
.legal .back { display: inline-block; margin: 30px 0 0; }

/* The draft notice. Deliberately impossible to miss: an unreviewed legal page
   that LOOKS finished is worse than one that is obviously not.
   To publish: delete the <aside class="draft"> block from the page. */
.draft { border: 1px solid #c8871b; background: #fdf3e3; color: #6b4405;
         border-radius: 10px; padding: 14px 16px; margin: 0 0 26px; font-size: .88rem; line-height: 1.6; }
.draft strong { display: block; margin-bottom: 4px; }
.draft ul { margin: 8px 0 0; padding-left: 18px; }

/* Anything counsel or Monk must supply before this is publishable. Renders as
   an obvious gap rather than a plausible-looking sentence. */
.todo { background: #fdf3e3; border-bottom: 2px dotted #c8871b; padding: 0 3px;
        font-style: normal; color: #6b4405; }

@media (prefers-color-scheme: dark) {
  .draft { background: #3a2f16; color: #f0dcae; border-color: #8a6516; }
  .todo { background: #3a2f16; color: #f0dcae; }
}