/* What the gopher pages add to the look shared with qrz.n6uwu.com (style.css, sky.css). */
/* style.css leaves the page transparent because QRZ frames it. Here the page is ours, so it
   is night all the way to the edges, a shade under the card so the card still reads as one. */
html,body{background:#0f1017; color-scheme:dark}
body{min-height:100vh; padding:28px 14px 40px; box-sizing:border-box}
@media (max-width:560px){body{padding:0}}
#n6uwu .call a{color:inherit; text-decoration:none}
#n6uwu .mast{padding-bottom:22px}
#n6uwu .where{font-family:var(--mono); font-size:12px; color:var(--sec); margin:16px 0 0; max-width:none;
  overflow-wrap:anywhere}
#n6uwu .where a{color:var(--sec); text-decoration-color:var(--rule)}
#n6uwu .menu,#n6uwu .text{font-family:var(--mono); font-size:14px; line-height:1.7; margin:0;
  max-width:760px; margin-left:auto; margin-right:auto}
#n6uwu .menu .l{white-space:pre-wrap; min-height:1.7em; overflow-wrap:anywhere}
#n6uwu .menu .t{display:inline-block; width:1.6em; color:var(--purple)}
#n6uwu .menu a{color:var(--pink-hi); text-decoration-color:#8a4a78}
#n6uwu .menu a:hover{text-decoration-color:var(--pink-hi)}
/* a text file on the web: paragraphs wrap to the screen; only what was laid out by hand
   (tables, ASCII art) stays preformatted and may scroll sideways */
#n6uwu .text p{font-family:var(--mono); font-size:14px; line-height:1.7; margin:0 0 1.15em; max-width:none;
  overflow-wrap:anywhere}
#n6uwu .text pre{font:inherit; margin:0 0 1.15em; white-space:pre; overflow-x:auto}
#n6uwu .text > :last-child{margin-bottom:0}
#n6uwu .sec .tools{font-family:var(--mono); font-size:12px; color:var(--sec); max-width:760px;
  margin:18px auto 0; padding-top:12px; border-top:1px dashed var(--rule); display:flex; gap:4px 24px; flex-wrap:wrap}
#n6uwu .sec figure{max-width:760px; margin:22px auto 0; padding-right:7px}
#n6uwu .sec h2 small{margin-top:5px}

/* The night sky behind the page (heavens.go): real stars over the station's grid square at
   build time. Dim ones are one still SVG; the brightest few breathe on the same recorded
   attractor as the masthead constellation (n6x / n6y in sky.css), brightness only. */
.heavens{position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none}
.heavens .dome{position:absolute; left:50%; top:50%; width:max(142vw,142vh); height:max(142vw,142vh);
  transform:translate(-50%,-50%); background:url(heavens.svg) center / 100% 100% no-repeat}
.heavens i{position:absolute; width:var(--s); height:var(--s); margin:calc(var(--s) / -2); border-radius:50%;
  background:var(--c); --bloom:max(0, calc((var(--b) - .7) * 3.3));
  opacity:calc(.28 + .62 * var(--b)); box-shadow:0 0 calc(var(--bloom) * 5px) var(--c);
  animation:n6x var(--sky-loop,264s) linear infinite}
@media (prefers-reduced-motion:reduce){.heavens i{animation:none}}
#n6uwu{position:relative; z-index:1}
