/* Legal and Method: a reading column in the workspace's frame. The markup is the earlier pages' own (h1, .dek,
   .toc, section, h2, h3, .upd, lists), so every rule is scoped to .doc and written in the frame's roles. */
.doc { max-width: 820px; margin: 0 auto; padding: 10px 0 32px; font-size: 14px; line-height: 1.65; color: var(--tx-3); }
.doc h1 { font-size: 24px; font-weight: 600; line-height: 1.2; letter-spacing: -0.015em; color: var(--tx); margin: 0 0 8px; }
.doc .dek { font-size: 14.5px; line-height: 1.55; color: var(--mut); margin: 0 0 18px; max-width: 68ch; }
.doc .toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.doc .toc a { height: 28px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 999px; border: 1px solid var(--line-2); background: var(--panel); color: var(--tx-2); font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.doc .toc a:hover { border-color: var(--line-hover); color: var(--tx); }
.doc section { border: 1px solid var(--line); border-radius: 12px; background: var(--panel); padding: 20px 24px 12px; margin: 0 0 14px; scroll-margin-top: 12px; }
.doc h2 { font-size: 17px; font-weight: 600; letter-spacing: -0.01em; color: var(--tx); margin: 0 0 4px; }
.doc h3 { font-size: 13.5px; font-weight: 600; color: var(--tx); margin: 20px 0 6px; scroll-margin-top: 12px; }
.doc h2 + h3 { margin-top: 12px; }
.doc p { margin: 0 0 12px; }
.doc ul { margin: 0 0 12px 20px; padding: 0; }
.doc li { margin: 0 0 6px; scroll-margin-top: 12px; }
.doc b { font-weight: 600; color: var(--tx-2); }
.doc .upd { font-family: var(--mono); font-size: 11px; color: var(--mut); margin: 0 0 12px; }
.doc section a, .doc .dek a { color: var(--si-tx-2); border-bottom: 1px dotted var(--si-bd); overflow-wrap: anywhere; }
.doc section a:hover, .doc .dek a:hover { color: var(--si-tx); border-bottom-color: var(--si-tx); }
.doc :target { border-color: var(--si-bd); }
.doc li:target, .doc h3:target { outline: 1px solid var(--si-bd); outline-offset: 4px; border-radius: 6px; }
@media (max-width: 560px) {
  .doc { font-size: 13.5px; padding-top: 4px; }
  .doc h1 { font-size: 20px; }
  .doc section { padding: 16px 14px 8px; }
}