* { margin: 0; padding: 0; box-sizing: border-box; }
@media only screen and (min-width: 2000px) { #site { width: 40%; } }
@media only screen and (max-width: 1999px) and (min-width: 901px) { #site { width: 60%; } }
@media only screen and (max-width: 900px) { #site { width: 100%; } }
body { background-color: #fff; color: #444; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; position: relative; text-align: left; font-weight: 100; }
.accent { color: #000; }
#site, .head { max-width: auto; margin: auto; }
#site { position: relative; padding: 0.5rem 1rem 0 1rem; }
.article-container { width: 100%; display: grid; grid-template-rows: auto; gap: 1rem; margin: 0; }
.magazine { width: 100%; display: grid; grid-template-columns: 50% 50%;grid-template-rows: auto; gap: 0; margin: 0; }
.head { display: block; padding: 0 0 1rem 0; }
.nav img { width: auto; height: 2rem; display: block; margin: 0.5rem auto 1rem auto; padding: 0; }
img { position: relative; width: 100%; height: 100%; margin: 0; }
h1, h2, h4 { font-weight: 400; width: 100%; text-transform: uppercase; margin: 0; padding: 0; font-size: 1em; line-height: 1.4rem; }
h2, h4 { border-bottom: 1px solid #999; }
h5 { text-transform: uppercase; margin: 0; padding: 0; font-size: 0.8em; line-height: 1.4rem; }
h6 { text-transform: uppercase; margin: 0; padding: 0; font-size: 0.8em; line-height: 1.2rem; font-weight: 300; display: block; }
p { line-height: 1.2rem; font-size: 0.8rem; margin: 0; padding: 0 0 0.25rem 0; font-weight: 300; }
h3 { font-weight: 500; display: block; width: 100%; line-height: 1.2rem; font-size: 0.86rem; margin: 0; padding: 0; }
.sector { padding: 0.25rem 0 0.25rem 0; display: block; width: 100%; }
.statusExa { line-height: 0.82rem; font-size: 0.64rem; font-family: monospace; font-weight: 300; margin: 0.32em 0.4rem 0 0; padding: 0; float: left; letter-spacing: 0.1em; }
.ascii { line-height: 0.82rem; font-size: 0.64rem; font-family: monospace; font-weight: 300; margin: 0.32em 0.4rem 0 0; padding: 0; display: block; letter-spacing: 0.1em; }
blockquote {margin: 0.5rem 0; opacity: 0.9; font-style: italic; }
blockquote cite { display: block; font-size: 0.7rem; margin-top: 0.25rem; opacity: 0.7; }
.quote { border-left: 2px solid #999; padding-left: 0.5rem; font-size: 0.9rem; opacity: 0.85; }
a { text-decoration: none; }
a:hover, a:focus, a:link, a:active { color: rgb(212, 219, 200); }
a:visited { color: rgb(130, 130, 130); }
ul { margin: 0.2rem 0 0.75rem 1rem; padding: 0; line-height: 1.2rem; font-size: 0.8rem; list-style: "➜ "; list-style-position: outside; }
.foot { text-align: center; padding: 0.5rem 0 0.5rem 0; }
.limiter {margin: 0.5em 0 0.5em 0; padding: 0em}
#threejs-container { width: 100%; height: 500px;}
.convo p { font-size: 0.6rem;line-height: 0.9rem;font-style: italic; }
.wrapper {display: grid;grid-template-columns: 1rem 1fr 1rem;grid-template-rows: auto 1fr auto;}
.cornerLT { grid-column: 1; grid-row: 1; }
.cornerRT { grid-column: 3; grid-row: 1; }
.content  { grid-column: 2; grid-row: 2; margin: 0; }
.cornerLB { grid-column: 1; grid-row: 3; }
.cornerRB { grid-column: 3; grid-row: 3; }