/* 1998-style CSS: bright colors, tables, bevels, marquee vibes, minimal layout control */
body {
  color: #000;
  cursor: auto;
}
.title-logo{
  display:block;
  margin:10px auto;
  height:auto;
  border:none
  background:transparent
  box-shadow:none 
  outline:none
}
.nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000080; text-decoration: none; }
.nav:hover { text-decoration: underline; }

h1 { color: #000080; margin: 6px 0; }
.muted { color: #555; }

/* Buttons like old-school */
.btn {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background: #C0C0C0;
  color: #000;
  border: 2px outset #FFFFFF;
  padding: 6px 12px;
  text-decoration: none;
}
.btn:hover { border: 2px inset #FFFFFF; filter: brightness(1.02); }

.cool-hr {
  border: 0;
  height: 6px;
  background: repeating-linear-gradient(90deg, #0000A0 0 12px, #FFFFFF 12px 24px);
}

/* Stars */
.stars { display:inline-flex; gap: 6px; }
.star {
  font-size: 20px; background: transparent; border: 0; cursor: pointer;
  color: #999;
}
.star.on { color: #CC9900; }
.star.disabled { opacity: 0.4; cursor: default; }

.rating-summary { margin-top: 4px; font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.rating-msg { margin-top: 2px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color:#006400; }

/* Disable modern focus outlines to mimic old browsers a bit (still keyboard usable via :focus-visible defaults) */
.star:focus { outline: 1px dotted #000; outline-offset: 2px; }