/* Existing white/mint/blue/red system; no new navigation or decorative system. */
.planner #current-form>.field:nth-child(-n+3){grid-column:auto}
.planner #current-form>.field:nth-child(3){grid-column:1/-1}
.planner #pauses,.planner #planning-background{grid-column:1/-1}
.planner #planning-background{border-top:1px solid var(--sc-line);margin-top:36px;padding-top:24px}
.planner .pause-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:16px 0;border-bottom:1px solid var(--sc-line);padding-bottom:12px}
.planner .pause-row>button{grid-column:1/-1;justify-self:start}
.planner .pending-note,.planner .sample-note{padding:16px 20px;background:var(--sc-tint-blue);border-left:3px solid var(--sc-blue);margin:20px 0}
.planner .monthly-plan{margin:28px 0}
.planner .monthly-plan ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.planner .monthly-plan li{padding:16px 0;border-bottom:1px solid var(--sc-line);font-size:.9rem}
.planner .hypothetical-result{border-left:3px solid var(--sc-mint);padding:12px 16px}
.planner #comparison-output:empty{display:none}
.planner #comparison-output{padding-top:20px}
.planner #comparison-output article{margin-top:8px}
.planner #pauses button,.planner #comparison-date{max-width:100%}
.planner .plan-storage{margin-top:28px;border-top:1px solid var(--sc-line);padding-top:24px;min-width:0}
.planner .plan-storage .field{max-width:540px}
.planner .plan-storage input{max-width:100%;box-sizing:border-box}
.planner .stored-plan{padding:20px 0;border-bottom:1px solid var(--sc-line);overflow-wrap:anywhere}
.planner #plan-library{margin-top:20px}
.planner #storage-import{padding:20px 0;overflow-wrap:anywhere}
.planner #storage-status:empty{display:none}
.planner .plan-storage button{white-space:normal}
@media(max-width:600px){.planner .pause-row,.planner .monthly-plan ol{grid-template-columns:minmax(0,1fr)}.planner #current-form>.field:nth-child(-n+3){grid-column:1}.planner #planning-background{margin-top:24px}}