/* ── RSS Feed Page Styles ─────────────────────────────────────────────────── */
/* Styled to match index.html theme                                            */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: linear-gradient(to bottom, #ffffff 0%, #d8ecd8 100%);
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
  color: #1a4a1a;
  min-height: 100vh;
}

#container {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 10px 30px;
}

.rss-updated {
  text-align: center;
  color: #4a7a4a;
  font-size: 11px;
  padding: 10px 0 20px;
}

.rss-section {
  margin-bottom: 14px;
  border: 1px solid #5a9a5a;
}

.rss-category {
  margin-bottom: 3em;
}

.rss-category-title {
  background: linear-gradient(to bottom, #4a8a4a, #2a6a2a);
  color: #f0fff0;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rss-feed-title {
  background: #ffffff;
  color: #1a5a1a;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
  padding: 10px 14px 6px;
  border-top: 1px solid #7ab87a;
}

.rss-list {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border-top: 1px solid #7ab87a;
}

.rss-item {
  padding: 4px 14px 6px;
  border-bottom: 1px solid #eee;
  line-height: 1.7;
  color: #1a3a1a;
}

.rss-item:last-child {
  border-bottom: none;
}

.rss-title {
  display: block;
  color: #1a5a1a;
  text-decoration: none;
  font-size: 12.5px;
}

.rss-title:hover {
  color: #2a9a2a;
  text-decoration: underline;
}

.rss-date {
  font-size: 0.8em;
  color: #888;
}

.rss-error {
  color: #c00;
  font-size: 0.9em;
}

@media (max-width: 680px) {
  .rss-category {
    margin-bottom: 2em;
  }
}

.rss-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 11px;
}

.rss-nav a {
  color: #ddffdd;
  text-decoration: none;
  background: #2a6a2a;
  padding: 3px 10px;
  border-radius: 2px;
}

.rss-nav a:hover {
  text-decoration: underline;
  background: #3a8a3a;
}
