/* THE WALK-DOWN (Kody, Nov 2): one question per row, answered rows fold to a
   line with a tick and Change, the open row shows its controls, rows ahead
   wait greyed. Same language as the app's step strips. */
.wk{background:#F2F4F7;border:1.5px solid #C8860D;border-radius:14px;padding:0 16px}
.wkRow{border-bottom:1px solid #DCE1E8}
.wkRow:last-child{border-bottom:0}
.wkHead{display:flex;align-items:flex-start;gap:12px;padding:13px 0}
.wkRow.done .wkHead,.wkRow.todo .wkHead{cursor:pointer}
.wkN{width:26px;height:26px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:1px;box-sizing:border-box}
.wkRow.done .wkN{background:#2E9E5B;color:#fff}
.wkRow.done.unanswered .wkN{background:#fff;border:1.5px solid #C8860D;color:#7A4F00}
.wkRow.cur .wkN{background:#C8860D;color:#fff;box-shadow:0 0 0 4px #F6ECD8}
.wkRow.todo .wkN{background:#fff;border:1.5px solid #C9D0DA;color:#8A96A6}
.wkTxt{flex:1;min-width:0}
.wkQ{font-size:15px;font-weight:700;color:#0A3D7A;line-height:1.3;margin-top:3px}
.wkRow.todo .wkQ{color:#8A96A6;font-weight:600}
.wkRow.cur .wkQ{font-size:16px}
.wkA{font-size:13.5px;color:#1A2230;margin-top:3px;line-height:1.35;overflow-wrap:anywhere}
.wkRow.done.unanswered .wkA{color:#7A4F00}
.wkChange{flex:none;margin-top:3px;height:28px;padding:0 12px;border-radius:14px;border:1.5px solid #0A3D7A;background:#fff;color:#0A3D7A;font:700 12.5px/1 inherit;cursor:pointer}
.wkChange:hover{background:#EEF3FA}
.wkBody{display:none;padding:0 0 14px 38px}
.wkRow.cur .wkBody{display:block}
/* a card whose contents moved into rows stays out of the way, whatever the page sets on it */
.wkEmptied{display:none !important}
/* the moved cards lose their own frame — the row is the frame now */
.wkBody > .card,.wkBody > .card:hover,.wkBody > .card:focus-within,.wkBody > .card.stepNext,
body.pt-shell .wkBody > .card{border:0 !important;outline:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important;margin:0 !important;border-radius:0 !important;transition:none !important}
/* the moved card's own hint sits under its control with a little air, not on the row's edge */
.wkBody > .card > .hint:last-child{margin:8px 0 2px !important}
.wkBody > .card > h2:first-child,.wkBody .doneTick{display:none !important}
.wkBody .grp{border-top:0 !important;padding-top:0 !important;margin-top:0 !important}
.wkBody .grpHead{display:none}
.wkBody .setupType h2{display:none}
.wkFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.wkFootMid{flex:1;display:flex;justify-content:flex-end;gap:8px}
.wkBack{border:0;background:none;color:#5B6B7B;font:600 13px/1 inherit;cursor:pointer;padding:8px 2px}
.wkBack[hidden],.wkNext[hidden],.wkChange[hidden],.wkA[hidden]{display:none !important}
.wkNext{height:38px;padding:0 20px;border-radius:19px;border:0;background:#C8860D;color:#fff;font:700 14px/1 inherit;cursor:pointer}
.wkNext:hover{background:#B5780B}
@media(max-width:640px){.wk{padding:0 12px}.wkBody{padding-left:0}.wkQ{font-size:14px}.wkRow.cur .wkQ{font-size:15px}}