@font-face { font-family: dot; src: url('https://thunix.net/includes/dot.ttf'); }
body {
    font-family: "dot", Courier, monospace;
    background: #000;
    color: #F79862;
}
#body {
    width: 95%;
}
#body h1, #body h2, #body h3 {
    color: orange;
}
a {
    background: #000;
    color: #F79862;
}
a:visited {
    color: orange;
}
#header {
    width: 90%;
    text-align: center;
    font-size: xx-large;
}
#content {
    width: 78%;
    float: left;
    font-size: medium;
}
#content img {
    max-height: 400px;
    max-width: 98%;
}
.lineitem {
    border: 1px;
    border-color: #fff;
}
#sidebar {
    width: 18%;
    float: right;
    font-size: small;
    padding: 15px; /* Increase padding for more internal spacing */
    margin-top: 20px; /* Add more space between the sidebar and elements above it */
    margin-left: 10px; /* Add space between the sidebar and content */
    background-color: #111; /* Ensure the sidebar stands out slightly */
    line-height: 1.5; /* Increase line height for better readability */
    border: 1px solid #333; /* Optional: Add a subtle border to separate the sidebar visually */
}
#sidebar h1, #sidebar h2 {
    color: orange;
    /* background: #000; */
    margin-bottom: 15px; /* Further space below headings */
    padding-bottom: 5px; /* Add padding under headings for better distinction */
    border-bottom: 1px solid #333; /* Optional: Add an underline effect for headings */
}
#sidebar ul, #sidebar p {
    margin: 10px 0; /* Add vertical spacing between sidebar elements */
    padding-left: 20px; /* Indent list items for better clarity */
}

#footer {
    width: 95%;
    text-align: center;
    clear: both;
    font-size: smaller;
}

#new

/* 1) Keep terminal feel, but make reading humane */
body {
  background: #050505;                 /* not pure black */
  color: #f1a67a;                      /* slightly softer than #F79862 */
  font-size: 16px;                     /* consistent baseline */
  line-height: 1.65;                   /* biggest readability win */
  text-rendering: optimizeLegibility;
}

/* 2) Use the dot font for headings/branding, but not for paragraphs */
#header,
#body h1, #body h2, #body h3 {
  font-family: "dot", Courier, monospace;
  letter-spacing: 0.5px;
}

#content,
#sidebar,
#footer {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* still terminal, but readable */
}

/* 3) Limit line length so the eyes don't have to travel across Alberta */
#content {
  max-width: 980px;
  font-size: 1rem;
}

/* 4) Make links look like links, not “random orange words” */
a {
  color: #f1a67a;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

a:hover {
  color: #ffb58f;
}

a:visited {
  color: #e6a042; /* still orange, but distinct */
}

/* 5) Softer headings and better spacing */
#body h1, #body h2, #body h3,
#sidebar h1, #sidebar h2 {
  color: #ffb347;                      /* softer orange */
  margin-top: 1.2em;
  margin-bottom: 0.6em;
}

/* 6) Sidebar: keep the panel look, make it calmer */
#sidebar {
  background-color: #0c0c0c;           /* slightly lighter */
  border: 1px solid #222;
  border-radius: 6px;                  /* tiny, still “retro UI” */
}

/* 7) Fix your lineitem border (currently border:1px does nothing) */
.lineitem {
  border: 1px solid #222;
}

/* 8) Optional: code blocks that actually read nicely */
pre, code {
  background: #0b0b0b;
  border: 1px solid #1f1f1f;
  border-radius: 6px;
  padding: 0.15em 0.35em;
}

pre {
  padding: 12px;
  overflow-x: auto;
}