.season-guide {
  border: 1px solid #45685c;
  border-radius: 18px;
  background: #102b21;
  padding: 20px;
  margin: 0 0 24px;
}
.season-guide-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.season-guide-heading h2 { margin: 6px 0; font-size: 23px; }
.season-guide-heading p { margin: 0; color: #c3d8ce; }
.season-guide-heading > strong { flex-shrink: 0; color: #a6e5b3; font-size: 14px; padding-top: 7px; }
.season-guide-update { color: #b2eab8; font-size: 14px; line-height: 1.5; }
.season-guide-next { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; line-height: 1.5; margin: 18px 0; }
.season-guide button {
  min-height: 44px;
  border: 1px solid #52846d;
  background: #1a3a2e;
  border-radius: 10px;
  color: #a2e7fa;
  font: inherit;
  padding: 9px 13px;
  cursor: pointer;
}
.season-guide button:focus-visible { outline: 3px solid #18c9e8; outline-offset: 3px; }
.season-guide-checks { list-style: none; margin: 0; padding: 0; }
.season-guide-checks li { display: flex; gap: 12px; border-top: 1px solid #365348; padding: 15px 0; }
.season-guide-checks li > div { min-width: 0; flex: 1; }
.season-guide-checks p, .season-guide-review p { margin: 7px 0 10px; color: #c3d8ce; line-height: 1.5; font-size: 14px; }
.season-guide-checks button { background: transparent; padding: 7px 10px; }
.season-guide-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.season-guide-actions .season-guide-reset { color: #ffc0b6; border-color: #a3655a; }
.season-guide button:disabled { opacity: .6; cursor: wait; }
.season-guide-status { width: 25px; flex-shrink: 0; text-align: center; color: #f6d38c; font-size: 23px; line-height: 1; }
.season-guide-status.is-ready { color: #a6e5b3; }
.season-guide-review { border-top: 1px solid #365348; padding-top: 16px; }
.season-guide-review h3 { margin: 0; font-size: 18px; }
.season-guide-review > div { display: flex; flex-wrap: wrap; gap: 8px; }
.season-guide-note { margin: 16px 0 0; color: #bbcdc3; font-size: 13px; line-height: 1.5; }
@media (max-width: 480px) {
  .season-guide { padding: 16px; }
  .season-guide-heading { flex-wrap: wrap; gap: 6px; }
  .season-guide-heading > strong { padding-top: 0; }
  .season-guide-next button, .season-guide-review button { flex: 1 1 150px; }
}
