.mobile-path{display:none}.mobile-path-picker{--app-ink:#2d412e;--app-muted:#47583e;color:var(--app-ink);background:linear-gradient(145deg,#fff9ed,#eee5d0);border:1px solid #d7c599;border-radius:24px;padding:24px;width:min(580px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:inset 0 1px #fff,0 24px 70px #092c2766;overscroll-behavior:contain}.mobile-path-picker::backdrop{background:#09291ee0;backdrop-filter:blur(7px)}.mobile-path-picker-head{display:flex;align-items:start;gap:12px;justify-content:space-between}.mobile-path-picker h2{font:650 25px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:-.03em;margin:6px 0 14px}.mobile-path-close{display:grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;border:1px solid #aeb68f;border-radius:12px;background:linear-gradient(#f6efd9,#d9dfbb);color:#344c34;font-size:25px;box-shadow:inset 0 1px #fff9,0 2px 4px #47603a22}.mobile-path-picker>p{font-size:14px;color:#47583e;line-height:1.55;margin-bottom:18px}.mobile-path-options{display:grid;gap:10px}.mobile-path-options button{display:flex;align-items:center;gap:13px;text-align:left;padding:14px;border:1px solid #b5b99d;border-radius:15px;background:linear-gradient(140deg,#fffaf0,#e9e6ce);color:#2d412e;min-height:72px;box-shadow:inset 0 1px #fff9,0 2px 0 #bdba9d44}.mobile-path-options button[aria-current=true]{background:linear-gradient(135deg,#dce7c9,#cbd9b5);border-color:#6b8658;box-shadow:inset 0 0 0 1px #6b865844,0 3px 6px #536b3722}.mobile-path-option-copy{min-width:0}.mobile-path-option-copy b{font-size:15px;font-weight:650;line-height:1.4;display:block}.mobile-path-option-copy small{font-size:12px;line-height:1.45;display:block;margin-top:4px;color:#405638}.mobile-path-option-number{display:grid;place-items:center;width:34px;height:36px;flex-shrink:0;border-radius:10px;background:linear-gradient(#f4e4c1,#d4b98a);border:1px solid #bba16e;box-shadow:inset 0 1px #fff9;color:#503e26;font-size:12px;font-weight:650}.mobile-path-picker :focus-visible{outline:3px solid #3b6445;outline-offset:3px}html[data-path-picker-open=true],html[data-path-picker-open=true] body{overflow:hidden}
@media(max-width:1099px){
  .mobile-path:not([hidden]){display:block;position:sticky;top:max(8px,env(safe-area-inset-top));z-index:45;margin:12px 0 0;padding:10px 12px 11px;border:1px solid #d1d9b3;border-radius:19px;background:linear-gradient(145deg,#f3edda,#d8e1be);color:#2b432e;box-shadow:inset 0 1px #fff9,inset 0 -1px #89986e66,0 3px 0 #8ca17844,0 10px 24px #092f2945;isolation:isolate}
  .mobile-path-open{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;border:0;background:none;color:#2b432e;min-height:44px;text-align:left;border-radius:8px;cursor:pointer}
  .mobile-path-section-copy{min-width:0;display:block}.mobile-path-eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.4;color:#495a3e;display:block;font-weight:700}.mobile-path-section-copy>b{display:block;font-size:14px;line-height:1.35;margin-top:2px;font-weight:650;letter-spacing:-.015em}
  .mobile-path-change{font-size:12px;font-weight:650;white-space:nowrap;color:#3c5538}
  .mobile-path-current{font-size:12px;line-height:1.45;color:#45583b;margin:3px 0 9px}
  .mobile-path-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px;border-radius:12px;background:#bfc9a666;border:1px solid #9fac8355;box-shadow:inset 0 1px 3px #62734626,0 1px #ffffef80}
  .mobile-path-stages button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 7px;border:1px solid #aab58c;border-radius:9px;background:linear-gradient(145deg,#f8f3df,#e0e5c7);color:#344e31;box-shadow:inset 0 1px #fff9,0 1px 2px #54663c33;cursor:pointer}
  .mobile-path-stages b{font-size:12px;line-height:1.3;font-weight:650;white-space:nowrap}.mobile-path-stages span{font-size:11px;line-height:1.3;font-variant-numeric:tabular-nums;color:#4b5d41}
  .mobile-path-stages button[aria-current=step]{background:linear-gradient(145deg,#496c48,#2d503a);border-color:#758c5d;color:#fff8e7;box-shadow:inset 0 1px #c8d6a366,0 2px 0 #1d412c,0 3px 6px #2c453533}
  .mobile-path-stages button[aria-current=step] span{color:#f1f2df}
  .mobile-path-stages button.is-complete:not([aria-current=step]){background:linear-gradient(#e3ebd2,#c6d8af);border-color:#688953}
  .mobile-path :focus-visible{outline:3px solid #2c643f;outline-offset:3px}
  .mobile-path-stages button[aria-current=step]:focus-visible{outline:3px solid #244c30;outline-offset:3px;box-shadow:0 0 0 1px #ffffef}
  .companion-app[data-path-nav=on] [data-screen=tasks] :is(.app-section-picker,.tracker-stage-strip,.tracker-stage-intro){display:none}
  html:has(.companion-app[data-path-nav=on]){scroll-padding-top:var(--mobile-path-offset,160px)}
  .companion-app[data-path-nav=on] :is(.app-task-title,.tracker-task-panel,h1){scroll-margin-top:12px}
  .companion-app[data-path-nav=on] [data-screen=tasks] .app-screen-heading{margin-bottom:20px}
  .mobile-path-picker{padding:20px;margin:auto;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
}
@media(max-width:370px){.mobile-path:not([hidden]){padding:9px 9px 10px}.mobile-path-stages{gap:5px;padding:3px}.mobile-path-stages button{gap:5px;padding-inline:5px}.mobile-path-stages b{font-size:11px}.mobile-path-stages span{font-size:10px}.mobile-path-change{font-size:11px}}
@media(hover:hover){.mobile-path-open:hover{background:#ffffff24}.mobile-path-stages button:hover,.mobile-path-options button:hover{filter:brightness(1.025)}}
.mobile-path-stages button:active,.mobile-path-options button:active,.mobile-path-close:active{box-shadow:inset 0 2px 4px #42563233;filter:brightness(.99)}
@media(prefers-reduced-motion:no-preference){.mobile-path-stages button,.mobile-path-options button{transition:background .15s,box-shadow .15s}}
@media(prefers-reduced-motion:reduce){.mobile-path *,.mobile-path-picker *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.mobile-path,.mobile-path-picker{display:none!important}}