/* 기존 밝은 색과 카드 체계를 유지하는 월간 관찰 작성 화면. */
.monthly-selected{border-color:var(--accent);background:var(--guided-tint)}
.monthly-choice-footer{flex-wrap:wrap;justify-content:flex-start;gap:8px 16px}
.monthly-choice-footer .button{padding:10px 4px;min-height:44px}
.monthly-page-count,.monthly-optional{font-size:.72rem;color:var(--muted);font-weight:400}
.monthly-choice-footer .button:last-child{margin-left:auto}
.monthly-page-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}
.monthly-page-navigation .button{font-size:.75rem;white-space:nowrap;margin-left:0}
.monthly-page-navigation .button:last-child{margin-left:0}
.monthly-page-navigation .button:disabled{color:var(--muted);opacity:.6;cursor:default}
.monthly-page-navigation .monthly-page-count{white-space:nowrap}
.monthly-overview-summary{display:flex;align-items:flex-start;gap:16px;padding:18px;border:1px solid var(--guided-line);border-radius:var(--guided-radius);background:var(--guided-tint);margin-bottom:18px}
.monthly-overview-summary>div{flex:1;min-width:0}
.monthly-overview-summary p{font-size:.86rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.monthly-overview-summary>.button{flex-shrink:0;min-height:40px;padding:8px}
.monthly-summary-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px}
.monthly-summary-actions>.button{min-height:46px;font-size:.8rem}
.monthly-remove{margin-top:24px;border-top:1px solid var(--border);padding-top:10px;text-align:right}
.monthly-remove .button{font-size:.75rem;color:var(--muted)}
.guided-review-heading+.guided-review-text{margin-top:14px}
.guided-progress:has(>button:only-child){grid-template-columns:1fr}
@media(max-width:640px){.monthly-summary-actions{flex-direction:column}.monthly-summary-actions>.button{width:100%}.monthly-choice-footer{gap:6px 10px}.monthly-choice-footer .button{font-size:.73rem}.monthly-overview-summary{padding:14px;gap:8px}.monthly-overview-summary p{font-size:.81rem}.monthly-page-count{font-size:.65rem}.guided-panel-heading{flex-wrap:wrap}.guided-completion{margin-left:auto}}
@media(max-width:640px){.monthly-page-navigation{flex-basis:100%;gap:6px}.monthly-page-navigation .button{font-size:.69rem;padding:10px 0}.monthly-page-navigation+.button{margin-left:auto}}