.bar .knobset, .layout-pick { display: none; } /* This reading uses no interactive site scripts. */
.inst.encounter { max-width: 700px; margin: 28px auto 40px; }
.inst.encounter .doc { max-width: 70ch; font-size: 16px; line-height: 1.75; }
.inst.encounter .doc > p:first-child { font: 12px/1.6 "Courier New", monospace; color: var(--muted); }
.inst.encounter .doc h1 { font-size: clamp(28px, 5vw, 42px); line-height: 1.15; letter-spacing: -.04em; margin: 24px 0; }
.inst.encounter .doc h2 { font-size: 19px; line-height: 1.4; margin: 34px 0 12px; }
.inst.encounter .doc blockquote { color: var(--ink); background: var(--box-bg); border-left: 3px solid var(--hot); margin: 0; padding: 10px 20px; }
.inst.encounter .doc blockquote p { margin: 8px 0; }
.inst.encounter .doc hr { margin: 34px 0 18px; }
.inst.encounter .doc hr ~ p { font-size: 13px; color: var(--muted); }
.inst.encounter a:focus-visible { outline: 2px solid var(--hot); outline-offset: 4px; }
@media (max-width: 540px) {
  .inst.encounter { margin-top: 16px; }
  .inst.encounter .doc blockquote { padding: 8px 14px; }
}