/* LEGAL (css/pages/legal.css): long text at a comfortable size, contents always reachable. */
.legal__doc { max-width: 68ch; }
.legal__doc p, .legal__doc li { font-size: 1.09375rem; line-height: 1.72; color: var(--ink-2); }
.legal__doc h2 { scroll-margin-top: calc(var(--hdr) + 32px); position: relative; }
.legal__doc h2 .legal__hash { margin-left: .35em; font-family: var(--f); font-size: .55em; color: var(--ink-3); text-decoration: none; opacity: 0; transition: opacity .2s; }
.legal__doc h2:hover .legal__hash, .legal__doc h2 .legal__hash:focus-visible { opacity: 1; }
#auLegalToc a { font-size: .9375rem; }
.legal__contents { display: none; }
@media (max-width: 900px) {
  /* Phones: the contents list sits above the text, folded until asked for. */
  .legal__toc { display: block; order: -1; }
  .legal__sticky { position: static; max-height: none; overflow: visible; padding: 0; }
  .legal__sticky > .label, .legal__prog { display: none; }
  .legal__contents { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 52px; padding: 0 18px; border: 1px solid var(--rule-2); border-radius: var(--r-s); background: var(--bone); color: var(--ink); font: 600 1rem var(--f); cursor: pointer; }
  .legal__contents i::before { content: "+"; font-style: normal; }
  .legal__toc.is-open .legal__contents i::before { content: "−"; }
  .legal__toc:not(.is-open) #auLegalToc { display: none; }
  #auLegalToc { margin-top: 10px; }
}

.seg__b { font-size: .9375rem; }
