body { font-family:Arial, sans-serif; background:#eeeeee; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p { margin:5px; padding:0; }
h1 { text-align:center; }

ul,ol { margin:5px; }
li { margin:5px; }

table, tbody, tr, th, td { border:1px solid gray; padding:0 5px; }
table { border-collapse: collapse; margin:3px auto 3px auto; }
table th { background:black; color:white; text-align:center; font-weight:bold; padding:0 5px 0 5px; }
table.zebra tbody tr:nth-child(odd) { background:#ffffff; }
table.zebra tbody tr:nth-child(even) { background:#eeeeff; }
/* tr:hover { background:orange; } */
table th, table td { vertical-align:top; }

/* Use article for major sections */
article { border:1px solid gray; border-radius:3px; background:white; margin:5px; padding:5px; }
article>h2, article>h1 { text-align:left; background:#ddccff; margin:1px 1px 3px 1px; padding:5px 5px 5px 25px; border-radius:5px; }

/* Use section for minor sections within articles */
section { border:1px solid #dddddd; background:#e7e7e7; margin:10px; padding:10px; }
/* p { border:1px dotted pink; padding:5px; } */

.centered { display:flex; flex-direction:column; align-items:center; }

/* .split2 { display:grid; grid-gap:5px; grid-template-columns: 1fr 1fr; } */

em { font-weight:bold; font-style:italic; font-size:1.0em; }

dl.grid { display:grid; column-gap:0; row-gap:0; }
dl.grid dt, dl.grid dd { margin:0; border:1px solid gray; margin-top:-1px; padding:2px; }
dl.grid dt { grid-column-start:1; }
dl.grid dd { grid-column-start:2; margin-left:-1px; }

dl.grid2 { margin:5px; display:grid; grid-template-columns: auto auto; border-bottom:1px solid red; border-bottom:1px solid gray; } 
dl.grid2>dt { font-weight:bold; }
dl.grid2>dt, dl.grid2>dd { padding:1px 5px; margin:0; border-top:1px solid gray; }
dl.grid2>dt { border-left:1px solid gray; border-right:1px solid gray; }
dl.grid2>dd { border-right:1px solid gray; }

aside { display:inline; font-style:italic; color:darkgreen; } /* used in to-do items where the fix (or whatever response or resolution) is described. */
q { font-family:Courier, fixed; font-weight:bold; }
.no-break { display:inline-block; }
.no-break { outline:1px dashed red; }
footer { text-align:center; font-size:0.9em; font-style:italic; }
main { display:grid; grid-gap:0px; }
@media (max-width:799px) { main { grid-template-columns: 1fr; } }
@media (min-width:800px) { main { grid-template-columns: 1fr 1fr; } }