/* custom.css */


.RktSym, code {
  color: #205020;
}

.RktIn, .RktRdr, .RktPn, .RktMeta,
.RktMod, .RktKw, .RktVar, .RktSym,
.RktRes, .RktOut, .RktCmt, .RktVal,
.RktBlk,
.hspace,
code {
  background-color: #DFDFF4;
  font-family: "DejaVu Sans Mono", Menlo, monospace;
}


/* When highlighted code blocks are too wide, they wrap. Resulting in the */
/* line numbers column's rows not lining up with the code rows. Prevent */
/* wrapping. */
pre {
    white-space: pre;
    width: inherit;
}


body {
  font-size: 2rem;
}

/* make the main article body be width-limited to make a nice column */
article {
  width: auto;
  margin-top: 4rem;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 10rem;
  max-width: 700px;
  min-width: 370px;

}

/* Margin notes are in .refcolumns */
/* set up dynamic margin-note handling -- override scribble.css */
.refpara, .refelem {
  position: static;
  float: none;
  height: auto;
  width: auto;
  margin: 0;
}

.refcolumn {
    position: static;
    display: block;
    width: auto;
    font-size: inherit;
    margin: 1rem;
    margin-left: 1rem;
    padding: 0.5em;
    padding-left: 0.75em;
    padding-right: 1em;
    background-color: #d5edd5;
    border: 1px solid #337733;
    border-left: 0.4rem solid #337733;
}

/* slightly different handling for margin-note* on narrow screens */
@media all and (max-width:1340px) {
     span.refcolumn {
         float: right;
         width: 50%;
         margin-left: 1rem;
         margin-bottom: 0.8rem;   
         margin-top: 1.2rem; 
     }
}

.refcontent, .refcontent p {
    line-height: 1.5;
    margin: 0;
}

.refcontent p + p {
    margin-top: 1em;
}

.refcontent a {
    font-weight: 400;
}

.refpara, .refparaleft {
    top: -1em;
}


@media all and (max-width:600px) {
    .refcolumn {
        margin-left: 0;
        margin-right: 0;
    }
}


@media all and (min-width:1340px) {
    .refcolumn {
        margin: 0 -22.5rem 1rem 0;
        float: right;
        clear: right;
        width: 18rem;
    }
}

.refcontent {
    font-family: 'Fira';
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 0 0 0 0;
}


.refparaleft, .refelemleft {
    position: relative;
    float: left;
    right: 2em;
    height: 0em;
    width: 13em;
    margin: 0em 0em 0em -13em;
}

.refcolumnleft {
    display: block;
    position: relative;
    width: 13em;
    font-size: 85%;
    margin: 0 0 0 0;
}