/* Reading pages share the cover's type and palette, with a comfortable text measure. */
.document-header {
  width:min(1000px,calc(100% - 48px));
  margin:0 auto;
  padding:32px 0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px;
  border-bottom:1px solid var(--faint);
}
.document-brand {
  font-family:OldStandard,Georgia,serif;
  color:var(--ink);
  text-decoration:none;
  font-size:22px;
  line-height:1.2;
  letter-spacing:.05em;
}
.document-brand span { display:block; font-size:14px; letter-spacing:.16em; text-transform:uppercase; margin-top:5px; }
.document-nav { display:flex; align-items:center; flex-wrap:wrap; gap:8px 22px; font-size:17px; }
.document-nav a { padding:8px 0; text-underline-offset:4px; }
.document-nav a[aria-current] { font-weight:600; text-decoration-thickness:2px; }
.document-page { width:min(720px,calc(100% - 48px)); margin:64px auto 100px; }
.document-title { margin-bottom:36px; }
.document-title .eyebrow { margin:0 0 18px; }
.document-title h1 { font-family:OldStandard,Georgia,serif; font-size:clamp(42px,8vw,66px); font-weight:400; line-height:1.12; text-transform:none; letter-spacing:-.015em; text-wrap:balance; }
.document-intro { font-size:25px; line-height:1.35; color:var(--muted); margin:22px 0 0; }
.document-page h2 { font-family:Garamond,Georgia,serif; font-size:30px; font-weight:500; line-height:1.2; margin:0 0 18px; }
.document-page p { margin:0 0 18px; }
.document-page .document-intro { margin:22px 0 0; }
.document-page section { margin-top:44px; scroll-margin-top:24px; }
.document-page a { overflow-wrap:anywhere; text-underline-offset:3px; }
.document-date { color:var(--muted); font-size:16px; }
.document-contents { display:flex; flex-wrap:wrap; gap:10px 24px; padding:24px 0; margin:32px 0; border-block:1px solid var(--faint); font-size:17px; }
.contact-panel { background:color-mix(in srgb,var(--ink) 4%,var(--paper)); border:1px solid var(--faint); padding:28px; }
.contact-panel p:last-child { margin-bottom:0; }
.document-page details { border-bottom:1px solid var(--faint); padding:17px 0; }
.document-page summary { cursor:pointer; font-size:22px; line-height:1.3; padding:4px 0; }
.document-page details[open] summary { margin-bottom:18px; }
.document-page details p { padding-left:20px; }
.document-page ol { padding-left:26px; }
.document-page li { margin-bottom:12px; padding-left:5px; }
.retention-list { margin:0; }
.retention-list>div { padding:18px 0; border-bottom:1px solid var(--faint); }
.retention-list dt { font-weight:600; margin-bottom:6px; }
.retention-list dd { margin:0; color:var(--muted); }
.document-page ~ .site-footer { max-width:1000px; flex-wrap:wrap; }
.site-footer>a.license-link { font-size:14px; font-weight:400; letter-spacing:normal; text-decoration:underline; }
@media(max-width:600px) {
  .document-header {
    width:calc(100% - 40px);
    display:block;
    padding:12px 0 0;
    text-align:center;
  }
  .document-brand { display:inline-flex; align-items:center; min-height:44px; font-size:20px; letter-spacing:.025em; }
  .document-brand span { display:inline-block; margin:0 0 0 10px; font-size:10px; letter-spacing:.12em; }
  .document-header .document-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:6px; }
  .document-header .document-nav a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 4px; text-decoration:none; font-size:16px; border-bottom:2px solid transparent; margin-bottom:-1px; }
  .document-header .document-nav a[aria-current] { border-bottom-color:var(--ink); background:color-mix(in srgb,var(--ink) 4%,var(--paper)); }
  .document-page { width:calc(100% - 40px); margin:28px auto 64px; font-size:18px; line-height:1.55; }
  .document-title { margin-bottom:20px; }
  .document-title .eyebrow { display:none; }
  .document-title h1 { font-size:clamp(36px,10vw,42px); line-height:1.12; text-wrap:pretty; }
  .document-page .document-intro { font-size:20px; line-height:1.4; margin:12px 0 0; }
  .document-date { font-size:14px; }
  .document-page p { margin-bottom:16px; }
  .document-page section { margin-top:32px; scroll-margin-top:20px; }
  .document-page h2 { font-size:26px; line-height:1.25; margin-bottom:14px; text-wrap:pretty; }
  .document-contents { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; padding:12px 0; margin:24px 0; font-size:16px; line-height:1.3; }
  .document-contents a { display:flex; align-items:center; min-height:44px; padding:8px 0; }
  .contact-panel { padding:20px; }
  .document-page details { padding:10px 0; }
  .document-page summary { font-size:20px; padding:10px 0; }
  .document-page details p { padding-left:0; }
  .document-page ~ .site-footer { width:calc(100% - 40px); gap:16px; padding:24px 0; }
  .document-page ~ .site-footer .document-nav { width:100%; gap:8px 24px; }
  .document-page ~ .site-footer .document-nav a { display:inline-flex; align-items:center; min-height:44px; }
}