.progress-goals { margin: 3rem 0 2rem; }
.progress-goals-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.progress-goals-head h2 { margin: .25rem 0; font: 600 clamp(1.5rem, 3vw, 2.2rem) Fraunces, Georgia, serif; }
.progress-goals-head p:last-child { margin: .3rem 0 0; color: #756b64; font-size: .86rem; }
.progress-goals-head button { flex: none; min-height: 42px; padding: .55rem 1rem; border: 1px solid #bdad9b; border-radius: 999px; background: #fffdf8; color: #51463d; cursor: pointer; font: 500 .82rem 'DM Sans', sans-serif; }
.progress-goals-head button:hover { background: #f3ebe1; }
.progress-goal-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: .8rem; }
.progress-goals-empty { grid-column: 1 / -1; margin: 0; padding: 1.2rem; border: 1px dashed #cbbfb1; border-radius: .9rem; color: #756b64; }
.progress-goal-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; padding: 1rem; border: 1px solid #e1d8cb; border-radius: .9rem; background: #fffdf8; }
.progress-goal-row span { color: #776c64; font: 500 .68rem 'DM Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }
.progress-goal-row h3 { margin: .4rem 0 0; font: 600 1.1rem/1.28 Fraunces, Georgia, serif; overflow-wrap: anywhere; }
.progress-goal-row strong { font: 500 .8rem 'DM Mono', monospace; }
.progress-goal-track { grid-column: 1 / -1; height: 7px; border-radius: 99px; background: #e8e0d5; overflow: hidden; }
.progress-goal-track i { display: block; height: 100%; border-radius: inherit; background: #a36552; }
@media (max-width: 500px) { .progress-goals-head { align-items: start; flex-direction: column; } }