/* Wellness page specific styles - keep minimal and complementary to base.css */

.section { padding-block: var(--space-16); }
.section.section--shade { background: linear-gradient(0deg, rgba(233,247,241,0.32), rgba(233,247,241,0.0)); }

.media { overflow: hidden; border-radius: var(--radius-xl); box-shadow: var(--shadow-md); border: 1px solid var(--color-border); }
.media img { display: block; width: 100%; height: auto; }

/* Goals widget */
.goal-list { list-style: none; padding: 0; margin: var(--space-4) 0 0; display: grid; gap: var(--space-3); }
.goal-item { display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.goal-item__title { font-weight: 600; }
.goal-item__meta { color: var(--color-text-muted); font-size: var(--text-sm); }
.goal-item__actions { display: flex; gap: var(--space-2); }
.goal-item--done { opacity: 0.8; background: var(--gray-50); }
.goal-item--done .goal-item__title { text-decoration: line-through; color: var(--gray-500); }

.progress { height: 10px; background: var(--gray-100); border-radius: var(--radius-full); border: 1px solid var(--color-border); overflow: hidden; margin: var(--space-4) 0 var(--space-2); }
.progress__bar { height: 100%; width: 0%; background: var(--color-success); transition: width var(--duration-base) var(--ease-standard); }
.progress__text { color: var(--color-text-muted); font-size: var(--text-sm); }

/* Small adjustments for form layout on larger screens */
@media (min-width: 640px) {
  #goal-form { grid-template-columns: 2fr 1fr 1fr auto; align-items: end; }
}