.weekly-goal-card { margin: 0 0 24px; padding: 20px 22px; border-color: #cbd4dc; border-top: 3px solid var(--lime); background: var(--surface); }
.weekly-goal-head { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.weekly-goal-head h2 { margin-top: 5px; font-size: 19px; }
.weekly-goal-edit { min-height: 44px; border: 1px solid #bdc8d2; border-radius: 5px; background: #fff; padding: 8px 10px; white-space: nowrap; }
.weekly-goal-progress { display: flex; align-items: end; justify-content: space-between; margin: 16px 0 13px; }
.weekly-goal-progress strong { color: var(--night); font: 700 36px/1 var(--display); }
.weekly-goal-progress small { color: var(--muted); font: 600 13px/1 var(--body); }
.weekly-goal-progress > span { border-radius: 99px; background: #e7ebef; color: #42576b; padding: 5px 8px; font-size: 10px; font-weight: 700; }
.weekly-goal-progress > .is-achieved { background: var(--lime); color: #243016; }
.weekly-goal-dates { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; }
.weekly-goal-dates > button { display: grid; justify-items: center; gap: 5px; min-width: 0; color: #65717b; font-size: 10px; }
.weekly-goal-dates b { font-weight: 700; }
.weekly-goal-dates i { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #cbd4dc; border-radius: 50%; background: #fff; color: #42576b; font-size: 10px; font-style: normal; }
.weekly-goal-dates .is-complete i { border-color: var(--night); background: var(--night); color: var(--lime); font-size: 14px; }
.weekly-goal-dates .is-today:not(.is-complete) i { outline: 2px solid #78944d; outline-offset: 2px; }
.weekly-goal-copy { margin-top: 15px; color: #596570; font-size: 12px; line-height: 1.6; }
.weekly-goal-days { margin: 19px 0 0; padding: 0; border: 0; }
.weekly-goal-days legend { font-size: 12px; font-weight: 700; }
.weekly-goal-days legend small { font-weight: 400; }
.weekly-goal-days > div { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin-top: 10px; }
.weekly-goal-day { position: relative; display: grid; place-items: center; min-width: 0; }
.weekly-goal-day input { position: absolute; opacity: 0; }
.weekly-goal-day span { width: 100%; min-height: 37px; display: grid; place-items: center; border: 1px solid #cbd4dc; border-radius: 5px; background: #fff; color: #42576b; font-size: 12px; font-weight: 700; }
.weekly-goal-day input:checked + span { border-color: var(--night); background: var(--night); color: var(--lime); }
.weekly-goal-day input:focus-visible + span { outline: 3px solid #657f16; outline-offset: 2px; }
.weekly-goal-days p { margin-top: 10px; color: var(--muted); font-size: 11px; }
@media (max-width: 480px) { .weekly-goal-card { padding: 18px; } .weekly-goal-progress strong { font-size: 32px; } .weekly-goal-dates { gap: 3px; } .weekly-goal-dates i { width: 27px; height: 27px; } }
@media (prefers-reduced-motion: reduce) { .weekly-goal-edit { transition: none; } }

.weekly-goal-dates>button{min-height:52px;padding:5px 0;border:1px solid var(--line);background:var(--surface);border-radius:6px}.weekly-goal-dates>button:focus-visible{outline:3px solid var(--green);outline-offset:2px}.weekly-goal-dates small{font-size:9px}.home-secondary .weekly-goal-card{margin:0}