/* Top page only. Load after style.css; keep the shared portal theme intact. */
body.season-autumn {
  --blue: #87502f;
  --deep-blue: #583a29;
  --cream: #fffaf0;
  --brown: #703e22;
  --border: #ba9872;
  color: #392b22;
  background-color: #f2dfbc;
}

.season-autumn .page-shell { border-color: #98754f; }
.season-autumn .utility-bar { border-bottom-color: #3e271a; }
.season-autumn .brand-area {
  background:
    radial-gradient(circle at 12% 30%, #fffaf0 0 2px, transparent 3px),
    radial-gradient(circle at 80% 60%, #fffaf0 0 2px, transparent 3px),
    linear-gradient(110deg, #fff4d7, #f5cf8c);
  border-bottom-color: #bb8a4d;
}
.season-autumn .eyebrow { color: #94542c; }
.season-autumn .brand-area h1 { text-shadow: 2px 2px 0 #fff8e9, 3px 3px 0 #d39c50; }
.season-autumn .brand-area h1 span { color: #b84630; }
.season-autumn .tagline { color: #744727; }
.season-autumn .autumn-greeting {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 17px;
  color: #7b4528;
  border: 1px dashed #bb8950;
  background: #fff9e9b3;
  font-weight: bold;
  white-space: nowrap;
}
.season-autumn .autumn-greeting > span:first-child { font-size: 30px; }
.season-autumn .global-nav { background: #e1ccb0; border-bottom-color: #a48663; }
.season-autumn .global-nav a {
  color: #643d24;
  background: linear-gradient(#fffaf0, #eeddc3);
  border-color: #fff6e7;
}
.season-autumn .global-nav a:hover,
.season-autumn .global-nav .is-current {
  color: #fff;
  background: linear-gradient(#ae7241, #80502e);
}
.season-autumn .ticker { background: #fff8e6; border-color: #bd7b3e; }
.season-autumn .new-badge, .season-autumn .mini-new { background: #ac3e28; }
.season-autumn .hero-panel {
  grid-template-columns: minmax(0, 1fr) 236px;
  border-color: #b48b56;
  background: #fff8e8;
}
.season-autumn .hero-image { background: #f9e4b7; border-color: #b48b56; }
.season-autumn .hero-message { padding: 16px 10px; }
.season-autumn .hero-message h2 { color: #804521; font-size: 20px; }
.season-autumn .hero-message > p:not(.autumn-label) { font-size: 12px; line-height: 1.9; }
.season-autumn .autumn-label {
  margin: 0 0 8px;
  color: #94552c;
  font: bold 10px/1.6 Verdana, sans-serif;
  letter-spacing: .14em;
}
.season-autumn .enter-button {
  background: linear-gradient(#c67b3e, #9c4a24);
  border-color: #e8ba85;
  text-shadow: 1px 1px #69371e;
}
.season-autumn .enter-button:hover { background: #a75a2d; }
.season-autumn .retro-box > h2 {
  background: repeating-linear-gradient(135deg, #87502f 0 8px, #985f37 8px 16px);
  border-bottom-color: #65402a;
}
.season-autumn .retro-box > h2 span { color: #ffe09a; }
.season-autumn .side-box { border-color: #ba9872; }
.season-autumn .side-box h2 { border-bottom-color: #e5b353; }
.season-autumn .menu-box > a, .season-autumn .links-box > a {
  color: #67452d;
  background: linear-gradient(to right, #faf0df, #fffdf8);
  border-bottom-color: #c4aa89;
}
.season-autumn .menu-box > a:hover, .season-autumn .links-box > a:hover { color: #9a3c22; background: #ffedc9; }
.season-autumn .login-box { background: #fff4df; }
.season-autumn .login-box a { background: #a65e2d; border-color: #e5bb8c; }
.season-autumn .login-box a + a { background: #667043; border-color: #bbc39b; }
.season-autumn .feature-list { background: #f9edcf; border-color: #b88c44; }
.season-autumn .feature-list span { color: #5f673b; border-color: #b8bc92; }
.season-autumn .notice-board { background: #f4f4e4; border-color: #8a905a; }
.season-autumn .notice-board h2 { color: #576036; }
.season-autumn .retro-buttons a + a { background: #677047; border-color: #c5c99e; }
.season-autumn footer { color: #fff6e7; }
.season-autumn .best-viewed { color: #dec6a7; }

@media (max-width: 720px) {
  .season-autumn .brand-area { gap: 10px; }
  .season-autumn .autumn-greeting { gap: 6px; padding: 2px 12px; font-size: 11px; }
  .season-autumn .autumn-greeting > span:first-child { font-size: 18px; }
  .season-autumn .autumn-greeting br { display: none; }
  .season-autumn .hero-panel { grid-template-columns: 1fr; }
  .season-autumn .hero-message { padding: 14px 12px; }
  .season-autumn .hero-message h2 { font-size: 21px; }
  .season-autumn .enter-button { max-width: 280px; }
}