html { scroll-behavior: auto; }

body.vw-era-1998 {
  background: #d6d6d6;
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

.vw-era-1998 a { color: #0000cc; }
.vw-era-1998 a:visited { color: #551a8b; }

.vw-era-1998 .era-topbar,
.vw-era-1998 .era-footer {
  border-color: #808080;
  background: #c0c0c0;
  color: #000;
  font: 12px Verdana, Arial, sans-serif;
}

.vw-era-1998 .era-topbar { border-bottom: 2px outset #fff; }
.vw-era-1998 .era-footer { border-top: 2px outset #fff; }

.vw-era-1998 .era-brand > span {
  border: 2px outset #fff;
  background: #d8d8d8;
  color: #000080;
}

.vw-era-1998 .era-topbar a,
.vw-era-1998 .era-footer a { color: #000080; }

.era98 {
  width: min(1120px, calc(100% - 18px));
  min-height: 80vh;
  margin: 9px auto;
  border: 1px solid #808080;
  background: #fffbdc;
  box-shadow: 2px 2px 0 #fff, 4px 4px 0 #808080;
}

.era98-masthead {
  display: grid;
  grid-template-columns: 1fr minmax(250px, 0.55fr);
  gap: 16px;
  align-items: center;
  padding: 16px;
  border-bottom: 3px double #003399;
  background: linear-gradient(90deg, #fffbdc, #dcecff);
}

.era98-masthead h1 {
  margin: 0;
  color: #003399;
  font: bold clamp(28px, 5vw, 48px)/1 Georgia, "Times New Roman", serif;
  letter-spacing: -2px;
  text-shadow: 2px 2px 0 #fff;
}

.era98-masthead p { margin: 5px 0 0; line-height: 1.5; }
.era98-masthead > p { padding: 9px; border: 2px inset #fff; background: #fff; }

.era98-quicklinks {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 15px;
  align-items: center;
  padding: 7px 10px;
  border-bottom: 1px solid #999;
  background: #e8e8e8;
}

.era98-quicklinks a:active { position: relative; top: 1px; left: 1px; }

.era98-columns {
  display: grid;
  grid-template-columns: 1fr 1.15fr 0.72fr;
  gap: 10px;
  align-items: start;
  padding: 10px;
}

.era98-box {
  margin-bottom: 10px;
  border: 1px solid #7f7f7f;
  background: #fff;
}

.era98-box > h2 {
  margin: 0;
  padding: 5px 7px;
  border-bottom: 1px solid #7f7f7f;
  background: #006633;
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

.era98-columns > div:nth-child(2) .era98-box:nth-child(even) > h2 { background: #003399; }
.era98-columns > div:nth-child(2) .era98-box:nth-child(3n) > h2 { background: #8b1a1a; }
.era98-box-body { padding: 8px; }
.era98-box-body h3 { margin: 0 0 7px; color: #990000; font: bold 18px Georgia, serif; }
.era98-box-body p { margin: 0 0 8px; line-height: 1.5; }

.era98-link-list {
  margin: 0;
  padding: 6px 8px 8px 25px;
}

.era98-link-list li { margin: 5px 0 8px; }
.era98-link-list a { font-weight: bold; }
.era98-link-list span { display: block; margin-top: 2px; color: #333; font-size: 11px; line-height: 1.45; }

.era98-directory details {
  margin: 0;
  border-bottom: 1px dotted #aaa;
}

.era98-directory details:last-child { border-bottom: 0; }

.era98-directory summary {
  min-height: 28px;
  display: flex;
  align-items: center;
  padding: 3px 2px;
  color: #0000cc;
  text-decoration: underline;
  cursor: pointer;
  list-style: square inside;
}

.era98-directory summary:hover { color: #cc0000; }
.era98-directory summary:active { transform: translate(1px, 1px); }
.era98-directory details > p { margin: 0 8px 7px 18px; color: #333; font-size: 11px; line-height: 1.45; }
.era98-directory details[open] { background: #fffde9; }

.era98-news .era98-box-body { background: #ffffe1; text-align: center; }
.era98-counter { display: inline-block; padding: 2px 5px; border: 2px inset #eee; background: #000; color: #0f0; font: bold 11px monospace; letter-spacing: 2px; }

.era98-status {
  margin: 0;
  padding: 4px 8px;
  border-top: 2px inset #fff;
  background: #c0c0c0;
  color: #222;
  font-size: 10px;
}

.era98-language { margin-left: auto; }
.era98-language a[aria-current="page"] { color: #111; font-weight: 900; text-decoration: none; }
footer.era98-status { display: flex; justify-content: space-between; gap: 1rem; }

.vw-era-1998 .era-switcher > summary {
  border: 2px outset #fff;
  border-radius: 0;
  background: #c0c0c0;
  box-shadow: none;
  color: #000;
}

.vw-era-1998 .era-switcher > summary:active { border-style: inset; transform: translate(1px, 1px); }
.vw-era-1998 .era-switcher > nav { border: 2px outset #fff; border-radius: 0; background: #c0c0c0; color: #000; }
.vw-era-1998 .era-switcher a { border-radius: 0; color: #000080; }

@media (max-width: 800px) {
  .era98-masthead,
  .era98-columns { grid-template-columns: 1fr; }
  .era98-masthead > p { display: none; }
  .era98-columns > div:nth-child(2) { order: -1; }
  .era98-quicklinks { line-height: 1.8; }
}