/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


  * { margin: 0; padding: 0; box-sizing: border-box; }
 
  body {
    background: #ffffff;
    color: #000000;
    font-family: 'Times New Roman', Times, serif;
    overflow-x: hidden;
  }
  
  a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
}

a:hover {
    background: #000;
    color: #fff;
}
 
  /* =====================
     MARQUEE ZONES
  ===================== */
 
  .marquee-bar {
    background: #000000;
    color: #ffffff;
    font-family: 'Courier New', Courier, monospace;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.15em;
    padding: 6px 0;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
  }
 
  .marquee-bar marquee {
    display: block;
  }
 
  /* =====================
     HERO: NOT NOT
  ===================== */
 
  .hero {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem 1.5rem;
    position: relative;
    background: #ffffff;
    overflow: hidden;
  }
 
  .hero-title {
    font-family: 'Times New Roman', Times, serif;
    font-size: clamp(5rem, 22vw, 14rem);
    font-weight: bold;
    line-height: 0.88;
    letter-spacing: -0.02em;
    color: #000000;
    display: block;
    width: 100%;
    text-align: center;
    text-shadow:
      -3px 0px 0px rgba(255, 0, 100, 0.5),
       3px 0px 0px rgba(0, 200, 255, 0.5);
    user-select: none;
  }
 
  .hero-title:hover {
    text-shadow:
      -5px 0px 0px rgba(255, 0, 100, 0.7),
       5px 0px 0px rgba(0, 200, 255, 0.7);
    transition: text-shadow 0.1s;
  }
 
  /* =====================
     BEVELED NAV BUTTONS
  ===================== */
 
  .nav-bar {
    background: #c0c0c0;
    padding: 8px 12px;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    justify-content: center;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #808080;
  }
 
  .bevel-btn {
    display: inline-block;
    font-family: 'Times New Roman', Times, serif;
    font-size: 0.82rem;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding: 4px 14px 5px;
    background: #c0c0c0;
    /* classic Win95 bevel */
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #404040;
    border-right: 2px solid #404040;
    letter-spacing: 0.05em;
    cursor: pointer;
    white-space: nowrap;
  }
 
  .bevel-btn:hover {
    background: #d4d4d4;
    color: #000000
  }
 
  .bevel-btn:active {
    border-top: 2px solid #404040;
    border-left: 2px solid #404040;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    padding: 5px 13px 4px 15px;
  }
  
  .mine-face {
  display: inline-block;
  line-height: 0;
  padding: 0px;
  background: #c0c0c0;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #404040;
  border-right: 2px solid #404040;
  cursor: pointer;
}

.mine-face:hover {
  background: d4d4d4;
}

.mine-face:active {
  border-top: 2px solid #404040;
  border-left: 2px solid #404040;
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.mine-face img {
  height: 25px;
  width: 28px;
  image-rendering: optimizeSpeed;
}
 
  /* =====================
     MAIN CONTENT AREA
  ===================== */
 
  .content-wrapper {
    max-width: 680px;
    margin: 0 auto;
    padding: 3.5rem 1.5rem 5rem;
  }
 
  /* tagline */
  .tagline {
    font-family: 'Courier New', Courier, monospace;
    font-size: 1rem;
    color: #000;
    letter-spacing: 0.08em;
    text-align: center;
    margin-bottom: 3rem;
  }
 
  /* section headers */
  .section-head {
    font-family: 'Courier New', Courier, monospace;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 1rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #ddd;
  }
 
  /* about blurb */
  .about {
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.05rem;
    line-height: 1.75;
    margin-bottom: 3.5rem;
  }
 
  .about p + p {
    margin-top: 1em;
  }
 
  /* current issue / latest */
  .latest {
    margin-bottom: 3.5rem;
  }
 
  .issue-item {
    display: flex;
    gap: 1.5rem;
    align-items: baseline;
    padding: 0.55rem 0;
    border-top: 1px solid #e8e8e8;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1rem;
  }
 
  .issue-item:last-child {
    border-bottom: 1px solid #e8e8e8;
  }
 
  .issue-category {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.72rem;
    color: #888;
    min-width: 110px;
    letter-spacing: 0.04em;
  }
 
  .issue-title a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
  }
 
  .issue-title a:hover {
    background: #000;
    color: #fff;
  }
 
  .issue-author {
    font-style: italic;
    color: #444;
    font-size: 0.9rem;
    margin-left: auto;
    white-space: nowrap;
  }
 
  /* footer */
  footer {
    border-top: 1px solid #000;
    padding-top: 1.5rem;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.72rem;
    color: #888;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
 
  /* hit counter zone */
  .hit-counter {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.72rem;
    color: #888;
    text-align: center;
    margin-top: 2rem;
    letter-spacing: 0.1em;
  }
 
  .counter-display {
    display: inline-block;
    background: #000;
    color: #00ff41;
    font-family: 'Courier New', monospace;
    font-size: 1rem;
    letter-spacing: 0.2em;
    padding: 3px 8px;
    margin: 0 4px;
  }
 
  /* blink — yes, real blink */
  @keyframes blink {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
  }
 
  .blink {
    animation: blink 1s step-end infinite;
  }
 
  /* under construction badge */
  .badges {
    text-align: center;
    margin-top: 1.5rem;
    font-family: 'Courier New', monospace;
    font-size: 0.68rem;
    color: #aaa;
  }
 
  .badge {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 6px;
    margin: 0 4px;
    font-size: 0.65rem;
    letter-spacing: 0.06em;
    color: #000;
  }
 
  @media (max-width: 480px) {
    .issue-item { flex-wrap: wrap; gap: 0.3rem; }
    .issue-author { margin-left: 0; }
    footer { flex-direction: column; }
    .nav-bar { gap: 4px; }
    .bevel-btn { font-size: 0.75rem; padding: 3px 10px 4px; }
  }
  
  css.no-header-table {
  width: 100%;
  border-collapse: collapse; /* Prevents double borders */
}

.no-header-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}