/* Article reading flow and diagrams. */
.bitcoin-note { display: block; max-width: var(--text-width); }
.bitcoin-note p { text-align: left; }
.bitcoin-note a { color: #aaa; text-underline-offset: .15em; }
.bitcoin-note a:hover { color: #fff; }
.bitcoin-note > * { min-width: 0; }
.bitcoin-note .annotated { margin-bottom: .8rem; }
.bitcoin-note .annotated > p { margin-bottom: 0; }
.bitcoin-note .margin-note { margin: .6rem 0 0; padding-left: .75rem; border-left: 1px solid #4a8a9a; color: #999; font-size: .8rem; line-height: 1.5; }
.bitcoin-note .key-point { color: #83b6bf; }
@media (min-width: 1060px) {
  .bitcoin-note .annotated { display: grid; grid-template-columns: 100% var(--margin-width); column-gap: var(--gap); }
  .bitcoin-note .margin-note { margin: 0; padding: 0; border: 0; }
}
.bitcoin-note figure { margin: 1rem 0; }
.bitcoin-note .diagram-scroll { overflow-x: auto; }
.bitcoin-note .diagram { display: block; width: 100%; min-width: 570px; height: auto; fill: #eee; font: 14px 'Atkinson Hyperlegible Mono', monospace; }
.bitcoin-note .ink, .bitcoin-note .arrow-head { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.bitcoin-note .faint { stroke: #888; stroke-dasharray: 3 5; stroke-width: 1; }
.bitcoin-note .diagram-label { font-size: 11px; fill: #999; letter-spacing: .07em; }
.bitcoin-note .diagram-small { font-size: 12px; fill: #aaa; }
.bitcoin-note figcaption { margin-top: .75rem; color: #888; font-size: .8rem; text-align: left; }
.bitcoin-note code { font-family: inherit; }
.bitcoin-note pre code { padding: 0; }