.active-life-site {
  --health-green: #256d59;
  --health-green-dark: #195541;
  --health-green-soft: #eaf5ef;
  --health-coral: #b64b39;
  --health-coral-soft: #fff0eb;
  --health-gold: #8a6110;
  font-family: "Inter", sans-serif;
}

[data-theme="dark"] .active-life-site {
  --health-green: #54c7b5;
  --health-green-dark: #75d9c9;
  --health-green-soft: #153a35;
  --health-coral: #ff8981;
  --health-coral-soft: #3f2525;
  --health-gold: #f2bd64;
}

.active-life-site .health-brand span { color: var(--health-green-dark); }

.active-life-site .article-header {
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 84% 25%, rgba(255, 190, 92, 0.24), transparent 22rem),
    linear-gradient(135deg, #f7fbf8, #fff8ed);
}

.active-life-site .article-header::after {
  content: "60+";
  position: absolute;
  right: max(4vw, 20px);
  bottom: -0.3em;
  color: rgba(37, 109, 89, 0.08);
  font-size: clamp(8rem, 20vw, 18rem);
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
}

.active-life-site .article-header .health-container { position: relative; z-index: 1; }
.active-life-site .article-header h1 { max-width: 850px; color: #172321; }
.active-life-site .article-header .article-label { color: #b64b39; }
.active-life-site .article-deck { max-width: 760px; color: #53625f; }
.active-life-site .article-meta,
.active-life-site .article-header .breadcrumb,
.active-life-site .article-header .breadcrumb a { color: #53625f; }
.active-life-site .article-header .byline-link { color: #195541; }

.finder {
  margin: 36px 0 50px;
  padding: 28px;
  border: 2px solid var(--health-green);
  border-radius: 12px;
  background: var(--health-paper);
  box-shadow: var(--health-shadow);
}

.finder h2 { margin: 0 0 6px; }
.finder__intro { margin-bottom: 22px; }

.finder__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.finder label { color: var(--health-ink); font-size: 0.9rem; font-weight: 700; }

.finder select {
  width: 100%;
  min-height: 48px;
  margin-top: 7px;
  padding: 9px 34px 9px 12px;
  border: 1px solid var(--health-line);
  border-radius: 7px;
  color: var(--health-ink);
  background: var(--health-canvas);
  font: inherit;
  font-size: 0.9rem;
}

.finder button {
  min-height: 50px;
  margin-top: 18px;
  padding: 10px 18px;
  border-radius: 7px;
  background: var(--health-green);
  color: #fff;
  font-weight: 800;
}

.finder button:hover { background: var(--health-green-dark); }

.finder__result {
  margin-top: 20px;
  padding: 20px;
  border-radius: 8px;
  background: var(--health-green-soft);
}

.finder__result h3 { margin: 0 0 10px; }
.finder__result ul { margin-bottom: 0; }

.fit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 24px 0 36px;
}

.fit-card {
  padding: 20px;
  border: 1px solid var(--health-line);
  border-radius: 9px;
  background: var(--health-paper);
}

.fit-card h3 { margin: 0 0 7px; }
.fit-card p { font-size: 0.92rem; }
.fit-card strong { color: var(--health-coral); }

.hobby-group {
  margin: 28px 0;
  padding: 24px;
  border-left: 5px solid var(--health-green);
  background: var(--health-paper);
}

.hobby-group h3 { margin-top: 0; }
.hobby-group ol { columns: 2; column-gap: 34px; }
.hobby-group li { break-inside: avoid; }

.week-plan {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin: 22px 0 32px;
}

.week-plan div {
  min-height: 118px;
  padding: 12px;
  border: 1px solid var(--health-line);
  border-radius: 8px;
  background: var(--health-paper);
  font-size: 0.78rem;
}

.week-plan strong { display: block; margin-bottom: 6px; color: var(--health-green-dark); }
.byline-link { font-weight: 700; }

@media (max-width: 780px) {
  .finder__fields,
  .fit-grid { grid-template-columns: 1fr; }
  .week-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hobby-group ol { columns: 1; }
}

@media (max-width: 480px) {
  .finder { padding: 20px; }
  .week-plan { grid-template-columns: 1fr; }
}