* {
    margin: 0;
    padding: 0;
    font-family: "Verdana", "Geneva", sans-serif;
    color: var(--color-font);
    box-sizing: border-box;
}

BODY {
    color: var(--color-font);
    font-size: var(--font-size-norm);

    /* background-color: var(--color-background); */
    background-image: repeating-linear-gradient(
      to bottom, #000000 0px, #000000 1px, #2a2a2a 1px, #2a2a2a 2px
      );

    line-height: 1.5;
    display: flex;
    flex-direction: column;
    min-height: 100vh;    
}

TABLE {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
TD {
    padding: 0;
    margin: 0;
    font-size: var(--font-size-norm);
}

HR {
  height: 1px;
  margin-bottom: 8px;
  border: none;
  background-color: var(--color-accent);
}

h1, h2, h3 {
  font-weight: normal;
}


A { 
    color: var(--color-accent);
    text-decoration: none;
}


ul {
  padding-left: 20px; /* Reduce this value to decrease indent */
  margin-left: 0;     /* Optional: remove extra margin */
}

li {
  padding-left: 0;    /* Usually not needed unless you want extra control */
}


.boe-bool-true { color: #1d7531; }
.boe-bool-false { color: #80131e; }


.page {
   position: relative;
    max-width: 940px; /* Desktop max width */
    margin: 0 auto;
    background-color: #000000;

}

/* A simple container that scales */
.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 5px 0 5px;
    /* background-color: #000000; */
}

.cbg {
    background-image: url(/images/bg/TC13314-1440x915.jpg);
    background-size: cover; /* fills the width and height */
    background-repeat: no-repeat;
    background-position: center;
}

.content {
    /* background-color: rgba(0,0,0,.5); */
    padding: 5px 5px;
}




.flex-pair {
    display: flex;
    flex-direction: row;
    gap: 20px 10px;
    align-items: flex-start;
}

.flex-item {
    flex: 1;
}

/* Mobile behavior */
@media (max-width: 700px) {
    .flex-pair {
        flex-direction: column;
    }
}


/* desktop/mobile */
.desktop { display: block; }
.mobile { display: none; }
@media (max-width: 700px) {
    .desktop { display: none; }
    .mobile { display: block; }
}



:target {
    outline: 1px solid #ff6600;
    /*outline-offset: 4px; */
    /* background-color: #fff7e6; */ /* optional highlight */
}