:root {
    --bg-color: #f1f1f1;
    --fg-color: #000;
}

@supports (background-color: Canvas) {
    :root {
        --bg-color: Canvas;
        --fg-color: CanvasText;
    }
}

@supports (background-color: -moz-dialog) {
    :root {
        --bg-color: -moz-dialog;
        --fg-color: -moz-fieldtext;
    }
}

body {
  background-color: var(--bg-color);
  margin: 0;
  padding: 0 1em;
  color: var(--fg-color);
  font: message-box;
}

h1 {
  margin: 0 0 .6em 0;
  border-bottom: 1px solid ThreeDLightShadow;
  font-size: 160%;
}

ul, ol {
  margin: 0;
  margin-inline-start: 1.5em;
  padding: 0;
}

ul > li, ol > li {
  margin-bottom: .5em;
}

ul {
  list-style: square;
}

#errorPageContainer {
  position: relative;
  min-width: 13em;
  max-width: 52em;
  margin: 4em auto;
  border: 1px solid ThreeDShadow;
  border-radius: 10px;
  padding: 3em;
  padding-inline-start: 30px;
  /* TODO: background image */
  /* TODO: -moz-background-origin: content; */
}

#errorTitle, #errorLongContent {
  margin-inline-start: 80px;
}

#errorShortDesc > p {
  overflow: auto;
  border-bottom: 1px solid ThreeDLightShadow;
  padding-bottom: 1em;
  font-size: 130%;
  white-space: pre-wrap;
}

@supports not (-moz-force-broken-image-icon: 1) {
  #ffx {
    text-decoration-line: line-through;
  }
}

#errorLongDesc {
  padding-inline-end: 3em;
  font-size: 110%;
}

#errorTryAgain {
  margin-top: 2em;
  margin-inline-start: 80px;
  padding: 4px 2px;
  min-width: 6em;
  box-sizing: border-box;
  line-height: 15px;
}

#teapot {
  position: absolute;
  margin-left: -26px;
}

/* 
 * Attempt to emulate Firefox 3.0 broken image rendering; see
 * nsImageFrame::DisplayAltFeedback (layout/generic/nsImageFrame.cpp)
 */
#broken {
  display: none;
  position: absolute;
  width: 56px;
  height: 56px;
  border: 1px inset #000;
  white-space: nowrap;
  user-select: none;
  cursor: default;
  padding: 3px;
  box-sizing: border-box;
  font-size: initial;
  font-family: serif;
}

#broken * {
  user-select: inherit;
  cursor: inherit;
  display: inline;
  white-space: nowrap;
}