@charset "utf-8";
/* CSS Document */

body {
	padding:0px;
	border:0px;
	margin:0px;
	background-image:url(/_astro/bgmain.HDeQPCg4.jpg);
	background-color:#22314E;
	background-repeat:repeat-x;
	color:#333;
}

#Main   {
	position:relative;
	background-image:url(/_astro/containerbg.BhXcFs4P.jpg);
	background-repeat:no-repeat;
	width:1024px;
	height:1000px;
	margin:auto;
	margin-left:auto;
	border:0px;
	padding:1px;
}

#head   {
	width:1024px;
	position:relative;
	height:250px;
	background-image: url(/_astro/header2.BhsctlZv.png);
}

#maincontent  {
	width:1024px;
	position:relative;
	height:auto;
}

#maincontent a  {
	text-decoration:none;
}

#Header    {
	position:relative;
	width:500px;
	top: 190px;
	left: 315px;
}

#Header a  {
	color:#FFF;
	text-decoration:none;
	font-size:14pt;
}

#Header a:hover  {
	color:#BDAE8C;
}

#Header ul li {
	float:left;
	padding-right:30px;
	list-style-type:none;
}


#leftcontainer  {
	width: 530px;
	height:auto;
	overflow:visible;
	position:relative;
	top: 0px;
	left: 150px;
	float: left;
}

#leftcontainerhead   {
	width: 530px;
	background-image:url(/_astro/leftcontainerhead.Be2AK4fU.png);
	position:relative;
	height: 19px;
}

#leftcontainerbody   {
	width: 530px;
	background-image:url(/_astro/leftcontainerbody.DkXEqNMI.png);
	position:relative;
	top: -2px;
	height: auto;
}

#leftcontainerfoot   {
	width: 530px;
	background-image:url(/_astro/leftcontainerfoot.BFzX5A0t.png);
	position:relative;
	height: 24px;
	top: -2px;
}

#rightcontainer  {
	width: 195px;
	height:auto;
	overflow:auto;
	position:relative;
	left: 153px;
	top: 0px;
}

#rightcontainerhead   {
	width: 195px;
	background-image:url(/_astro/rightcontainerhead.Be7O_0nU.png);
	position:relative;
	height: 19px;
}

#rightcontainerbody   {
	width: 195px;
	background-image:url(/_astro/rightcontainerbody.CeKxukJn.png);
	position:relative;
	overflow:visible;
	height: auto;
	top: 0px;
}

#rightcontainerbody  a  {
	font-size:11pt;
	text-align: left;
}

#rightcontainerbody  hr  {
	padding:0;
}

#rightcontainerfoot   {
	width: 195px;
	background-image:url(/_astro/rightcontainerfoot.CuXRBeMT.png);
	position:relative;
	height: 19px;
	background-repeat: no repeat;
}

h2   {
	color:#999;
	font-family: "Times New Roman", Times, serif;
}

hr   {
	color:#999;
	margin-top: -20px;
}

h1   {
	color:#999;
	font-family: "Times New Roman", Times, serif;
	font-size:16pt;
	text-align:center;
}

h3   {
	color:#999;
	font-family: "Times New Roman", Times, serif;
	font-size:12pt;
	text-align:center;
}

h3 a  {
	color:#999;
	font-family: "Times New Roman", Times, serif;
	font-size:12pt;
	text-align:center;
}

h4   {
	font-size: 14pt;
	color:#333;
}

#linkconcept  {
	background-image:url(/_astro/linkconcept.S72mi-VU.png);
	width: 400px;
	height: 185px;
}

#linkconcepttext  {
	width: 180px;
	height: 150px;
	left: 100px;
	position:relative;
	top: 20px;
	text-align: left;
	font-size: 13pt;
}
/*
 * responsive.css — NOT live's (DECISIONS D-19, Josh 2026-11-10: "Why didn't you
 * fix responsive? Please fix it."). Live is a fixed 1026px desktop page with no
 * viewport meta; this makes it usable on tablets and phones.
 *
 * Every rule sits under max-width: 1023px. From 1024px up NOTHING here applies
 * and the pages stay pixel-identical to live (scripts/probe-parity.mjs). Live's
 * stylesheet stays verbatim; no font size changes. Selectors repeat live's own,
 * so they win on source order (this file is imported after style.css).
 *
 * Live's layout is 1024px artwork: containerbg.jpg (the blue gradient with the
 * gold scrollwork) behind everything, header2.png (the dark rounded box with
 * the "e" logo and "Emanation, Inc.") and the two panels' top/body/bottom
 * strips (530px and 195px wide). The content itself is a 750px column inside
 * it: the header box spans x 150–870 of the art, the panels 150–883.
 */

/* Tablets, 752–1023px: the desktop page, pixel for pixel, centred on that
   750px column. The background art stays centred behind it and the window
   edge trims its scrollwork, as a narrow desktop window would; the header art
   and the panels are shifted by the same 136px, so everything lines up with
   the background exactly as on desktop. */
@media (min-width: 752px) and (max-width: 1023px) {
  #Main {
    width: auto;
    background-position: 50% 0;
  }
  #head {
    width: 750px;
    margin: 0 auto;
    background-position: -136px 0;
  }
  #Header {
    left: 179px;          /* live's 315px, minus the 136px shift */
  }
  #maincontent {
    width: 750px;
    margin: 0 auto;
  }
  #leftcontainer {
    left: 14px;           /* live's 150px */
  }
  #rightcontainer {
    left: 17px;           /* live's 153px */
  }
}

/* Phones and small tablets, up to 751px: one column. */
@media (max-width: 751px) {
  #Main {
    width: auto;
    height: auto;
    padding: 0 12px 24px;
    background: none;
  }

  /* The header box, cropped out of header2.png (x 150–870, y 87–244) and
     scaled to the column, never past its own size. The percentages are the
     crop: size 1024/721, position 150/(1024-721) and 87/(253-158). */
  #head {
    width: auto;
    height: auto;
    padding-top: 12px;
    background: none;
  }
  #head::before {
    content: "";
    display: block;
    max-width: 721px;
    margin: 0 auto;
    aspect-ratio: 721 / 158;
    background: url(/_astro/header2.BhsctlZv.png) no-repeat 49.505% 91.579% / 142.025% auto;
  }

  /* The nav, under the box on a bar in the box's own slate, links in live's
     white 14pt with live's hover colour. */
  #Header {
    position: static;
    width: auto;
    max-width: 721px;
    margin: 8px auto 0;
  }
  #Header ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 0;
    margin: 0;
    padding: 6px 8px;
    border-radius: 12px;
    background: #383e4e;
    box-shadow: 2px 3px 6px rgb(0 0 0 / 0.45);
  }
  #Header ul li {
    float: none;
    padding: 4px 14px;
  }

  /* The panels, stacked: the art's #d0d0d0 face, its dark rim fading in along
     the left and top, its 12px corners and its shadow to the lower right,
     drawn in CSS because the strips cannot stretch. */
  #maincontent {
    width: auto;
    overflow-wrap: break-word;
  }
  #leftcontainer,
  #rightcontainer {
    float: none;
    width: auto;
    left: 0;
    margin-top: 12px;
    overflow: visible;
    border-radius: 12px;
    background: #d0d0d0;
    box-shadow:
      inset 7px 6px 7px -4px #3c3c3c,
      4px 5px 6px rgb(0 0 0 / 0.45);
  }
  #leftcontainerhead,
  #leftcontainerbody,
  #leftcontainerfoot,
  #rightcontainerhead,
  #rightcontainerbody,
  #rightcontainerfoot {
    width: auto;
    background: none;
  }

  /* The SEO page's picture with its caption set over it: scales with the
     column, the caption sized and placed in proportion (live: 400×185 box,
     180px text 100px right of centre, 20px down, 13pt). */
  #linkconcept {
    container-type: inline-size;
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 400 / 185;
    background-size: 100% auto;
  }
  #linkconcepttext {
    width: 45cqw;
    height: auto;
    left: 25cqw;
    top: 5cqw;
    font-size: 4.33cqw;
  }
}
.pad[data-astro-cid-wv7whodv] {
  padding: 15px;
}
.pad[data-astro-cid-ju4pidww] {
  padding: 15px;
}