/* Shared next-move planner layout for Home and Tools. */
.planner-workspace { display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: var(--shadow-card); }
.planner-questions { padding: 34px; }
.question-set + .question-set { margin-top: 27px; }
.question-label { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 500; }
.choice-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.choice-row.two { grid-template-columns: repeat(2, 1fr); }
.choice { min-height: 44px; padding: 9px 7px; border: 1px solid var(--line); border-radius: 6px; color: var(--slate); background: #fff; font-size: 12px; cursor: pointer; }
.choice:hover { border-color: var(--blue); }
.planner-output { display: flex; flex-direction: column; justify-content: space-between; padding: 34px; border-radius: 0; background: #f3eef8; }
.output-status { display: flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 500; }
.status-dot { width: 7px; height: 7px; border: 1px solid var(--blue); border-radius: 50%; }
.planner-output h3 { margin: 24px 0 12px; font-size: 34px; }
.planner-output p { margin: 0; font-size: 13px; }
.output-steps { margin: 24px 0 0; padding: 0; list-style: none; counter-reset: planner-step; }
.output-steps li { display: flex; gap: 10px; padding: 10px 0; border-top: 1px solid #e0d7e9; font-size: 12px; }
.output-steps li::before { counter-increment: planner-step; content: counter(planner-step); color: var(--blue); }
.output-link { display: inline-block; margin-top: 24px; font-size: 12px; text-underline-offset: 4px; }

@media (max-width: 760px) { .planner-workspace { grid-template-columns: 1fr; } }
@media (max-width: 440px) { .planner-questions, .planner-output { padding: 22px; } .choice-row { grid-template-columns: 1fr; } }
