/* Color Palette & Base Fonts */
:root {
  --bg-color: #87ceeb;       /* Sky Blue Background */
  --box-bg: #ffffff;         /* White Content Boxes */
  --text-color: #d90429;     /* Red Text */
}

/* Base Page Styling */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: 'Comic Sans MS', 'Comic Sans', cursive, sans-serif;
  font-size: 22px; /* Extra Large Text */
  margin: 0;
  padding: 25px;
}

.site-wrapper {
  max-width: 1400px; /* Wide, spacious layout */
  margin: 0 auto;
}

/* Force All Links to Standard Red Text Color */
a, a:visited, a:active, a:link {
  color: var(--text-color) !important;
  text-decoration: underline;
}

a:hover {
  color: #ff4d6d !important;
  text-decoration: none;
}

/* Header Banner Box */
.header-box {
  background-color: var(--box-bg);
  padding: 25px;
  margin-bottom: 20px;
  border-radius: 8px;
}

.header-box h1 {
  margin: 0;
  color: var(--text-color);
  font-size: 3.5rem;
  text-align: center;
}

/* Top Navigation Bar Box */
.top-nav {
  background-color: var(--box-bg);
  display: flex;
  justify-content: space-around;
  padding: 22px;
  margin-bottom: 25px;
  border-radius: 8px;
}

.top-nav a {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5rem;
}

/* Centered Dividers */
.centered-divider {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  width: 100%;
}

.centered-divider img {
  max-width: 100%;
  height: auto;
}

/* 3-Column Layout Grid (Large Main Box & Wide Sidebars) */
.layout-grid {
  display: grid;
  grid-template-columns: 280px 1fr 280px;
  gap: 20px;
  align-items: start;
}

/* Sidebars (White Boxes) */
.sidebar {
  background-color: var(--box-bg);
  padding: 25px;
  border-radius: 8px;
}

.sidebar h3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 1.75rem;
  border-bottom: 2px dashed var(--text-color);
  padding-bottom: 8px;
  color: var(--text-color);
}

.sidebar ul {
  padding-left: 24px;
  margin: 0;
  list-style-type: square;
}

.sidebar li {
  margin-bottom: 16px;
  font-size: 1.35rem;
}

/* Main Content Area (White Box) */
.main-content {
  background-color: var(--box-bg);
  padding: 30px;
  border-radius: 8px;
}

.disclaimer-box {
  background-color: #fff0f3; /* Light soft pink accent inside main box */
  padding: 20px;
  font-size: 1.25rem;
  border-radius: 6px;
}

.disclaimer-box h2 {
  margin-top: 0;
  color: var(--text-color);
  font-size: 1.8rem;
}

.status-box h3, .update-log h3 {
  margin-top: 0;
  color: var(--text-color);
  font-size: 1.75rem;
}

.status-box p, .update-log p, .update-log li {
  font-size: 1.25rem;
}

.update-log ul {
  padding-left: 24px;
}

.update-log li {
  margin-bottom: 10px;
}