.lines,
.linesdouble {
  background-size: var(--oatcake-body-line-height);
  background-position: left top;
  background-repeat: repeat;
}
.lines {
  background-image: url("https://www.seanh.cc/lines.svg");
}
.linesdouble {
  background-image: url("https://www.seanh.cc/linesdouble.svg");
}

/* Remove horizontal scrollbars from <pre> when the guidelines are being shown
 * because they upset the vertical rhythm. */
.lines pre {
  overflow-x: hidden;
}

.columns {
  background-size: var(--oatcake-body-line-height);
  background-position: left top;
  background-repeat: repeat-y;
  background-image: url("https://www.seanh.cc/columns.svg");
}
.columns_right {
  background-size: var(--oatcake-body-line-height);
  background-position: right top;
  background-repeat: repeat-y;
  background-image: url("https://www.seanh.cc/columns_right.svg");
}

.columns aside,
.columns pre,
.columns pre code,
.lines pre,
.lines pre code,
.columns summary {
  background-color: color-mix(
    in srgb,
    var(--ok-color-block-bg) 50%,
    transparent
  );
}

.columns blockquote {
  border-left-color: var(--ok-color-fg);
}