/* The guided intake: journey rail + one working panel (templates/shell/intake.html).

   DOM order is working panel FIRST, rail SECOND. On desktop the grid places the
   rail in the left column anyway; below 860px the rail becomes an off-canvas
   drawer opened from a visible control, and it also opens on :target so the
   control works with scripting off. Every token below exists in weave.css. */

.wjr{display:grid;grid-template-columns:264px minmax(0,1fr);gap:0;
  max-width:var(--alex-page-max,1400px);margin:0 auto;
  padding:0 var(--alex-page-gutter,24px);align-items:start}
.wjr__main{grid-column:2;grid-row:1;min-width:0;padding:26px 0 40px 32px}
.wjr__rail{grid-column:1;grid-row:1;position:sticky;top:12px;align-self:start;
  max-height:calc(100vh - 24px);overflow-y:auto;padding:20px 20px 20px 0;
  border-right:1px solid var(--line)}
.wjr__rail:focus{outline:none}

.wjr__eyebrow{display:block;font-family:var(--font-display),sans-serif;font-size:11px;
  font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--alex-purple)}
.wjr__mast{margin:0 0 16px}
.wjr__mast h1{margin:.3rem 0 .45rem;font-family:var(--font-display),sans-serif;
  font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.15;color:var(--ink)}
.wjr__mast .fine{max-width:64ch}
.wjr__mast-side{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.wjr__chip{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:var(--radius-pill);
  background:var(--lavender);color:var(--purple-900);font-family:var(--font-display);font-size:.76rem;font-weight:700}

.wjr__ctx{position:static;gap:6px 18px}
.wjr__ctx-item{font-size:12.5px;color:var(--charcoal)}
.wjr__ctx-item b{color:var(--alex-purple);font-family:var(--font-display),sans-serif;font-size:10.5px;
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-right:4px}
.wjr__ctx-keep{flex:1 1 100%;font-size:12px;color:var(--muted);line-height:1.45}

.wjr__panel{border-top:0;padding-block:0}
.wjr__card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;
  background:var(--surface);margin:0 0 14px}
.wjr__card h2{margin:0 0 6px;font-family:var(--font-display),sans-serif;font-size:1.05rem}
.wjr__card h3{margin:14px 0 4px;font-family:var(--font-display),sans-serif;font-size:.92rem}
.wjr__doors{display:grid;gap:12px;margin:4px 0 6px}
@media (min-width:900px){.wjr__doors{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wjr__door{border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;background:var(--surface)}
.wjr__door h2{margin:0 0 6px;font-family:var(--font-display),sans-serif;font-size:1rem}
.wjr__door input[type=text],.wjr__door select,.wjr__field input[type=text],.wjr__field select,
.wjr__field textarea{width:100%;box-sizing:border-box;padding:.55rem .7rem;border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:14px}
.wjr__field{margin:0 0 10px}
.wjr__field label,.wjr__door label.f{display:block;margin:8px 0 4px;color:var(--charcoal);
  font-family:var(--font-display),sans-serif;font-size:.78rem;font-weight:800}
.wjr__consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--charcoal);line-height:1.5;margin:8px 0 12px}
.wjr__consent input{margin-top:3px;width:20px;height:20px;flex:0 0 auto}

.wjr__opts{display:grid;gap:8px;margin:6px 0 4px}
@media (min-width:720px){.wjr__opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wjr__opt{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:10px 12px;
  border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer}
.wjr__opt input{margin-top:3px;width:22px;height:22px;flex:0 0 auto}
.wjr__opt.is-on{border-color:var(--audience);background:var(--audience-soft)}
.wjr__opt b{display:block;font-family:var(--font-display),sans-serif;font-size:.86rem}
.wjr__acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.wjr__err{border-left:4px solid var(--red);padding:8px 12px;background:var(--red-soft);color:var(--red-ink);border-radius:var(--radius-sm)}
.wjr__ok{border-left:4px solid var(--green);padding:8px 12px;background:var(--green-soft);color:var(--green-ink);border-radius:var(--radius-sm)}
.wjr__note{border-left:3px solid var(--blue);padding:6px 10px;background:var(--blue-soft);color:var(--blue-ink);border-radius:var(--radius-sm);font-size:.86rem}
.wjr__optional{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:var(--radius-pill);
  background:var(--gold-soft);color:var(--gold-ink);font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}

.wjr__two{display:grid;gap:12px}
@media (min-width:900px){.wjr__two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wjr__list{margin:4px 0 0;padding-left:18px}
.wjr__list li{margin:0 0 6px;line-height:1.45}
.wjr__plain{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.wjr__plain li b{display:block}
.wjr__plain li .fine{display:block}
.wjr__dest{border-top:1px solid var(--line);padding:12px 0}
.wjr__dest-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wjr__chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.wjr__vchip{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:var(--radius-pill);font-size:.74rem;
  font-family:var(--font-display);font-weight:700;background:var(--subtle);color:var(--muted)}
.wjr__vchip--carries{background:var(--green-soft);color:var(--green-ink)}
.wjr__vchip--partly{background:var(--gold-soft);color:var(--gold-ink)}
.pill-strong{background:var(--green-soft);color:var(--green-ink)}
.pill-likely{background:var(--blue-soft);color:var(--blue-ink)}
.pill-stretch{background:var(--gold-soft);color:var(--gold-ink)}
.pill-gated{background:var(--lavender);color:var(--purple-900)}
.wjr__status{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:.7rem;font-weight:800}
.wjr__status--met{background:var(--green-soft);color:var(--green-ink)}
.wjr__status--gap{background:var(--red-soft);color:var(--red-ink)}
.wjr__status--near,.wjr__status--experience_may_substitute{background:var(--gold-soft);color:var(--gold-ink)}
.wjr__status--unverified{background:var(--subtle);color:var(--muted)}
.wjr__status--consistent{background:var(--green-soft);color:var(--green-ink)}
.wjr__status--tension{background:var(--gold-soft);color:var(--gold-ink)}
.wjr__status--unknown{background:var(--subtle);color:var(--muted)}
.wjr__textarea{min-height:260px;resize:vertical}

.wjr__next{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.wjr__next .btn{min-height:44px}
.wjr__exit{font-size:13px;color:var(--alex-purple);font-weight:600}

/* the rail */
.wjr__rail-head{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.wjr__rail-head b{display:block;font-family:var(--font-display),sans-serif;font-size:1rem;color:var(--ink)}
.wjr__steps{list-style:none;margin:0;padding:0;counter-reset:wjr}
.wjr__step{margin:0 0 4px;counter-increment:wjr}
.wjr__step a,.wjr__step-name{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:8px 10px;
  border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;font-family:var(--font-display),sans-serif;font-size:13.5px;font-weight:600;line-height:1.3}
.wjr__step a:hover{background:var(--canvas);color:var(--alex-purple)}
.wjr__step a[aria-current="page"]{background:var(--canvas);color:var(--alex-purple);box-shadow:inset 2px 0 0 var(--alex-purple)}
.wjr__step-num{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line-strong);font-size:11px;font-weight:800;color:var(--muted);background:var(--surface)}
.wjr__step-num::before{content:counter(wjr)}
.wjr__step--done .wjr__step-num{background:var(--green-soft);color:var(--green-ink);border-color:var(--green-soft)}
.wjr__step--current .wjr__step-num{background:var(--alex-purple);color:#fff;border-color:var(--alex-purple)}
.wjr__step--waiting .wjr__step-name{color:var(--muted);cursor:default}
.wjr__step-text b{display:block;font-weight:600}
.wjr__step-text span{display:block;font-family:var(--font-body),serif;font-weight:400;font-size:12px;color:var(--muted);margin-top:2px}
.wjr__rail .fine{margin:12px 0 0}
.wjr__close{display:none}
.wjr__trigger-row{display:none}
.wjr__backdrop{display:none}

@media (max-width:860px){
  .wjr{display:block}
  .wjr__main{padding:18px 0 40px}
  .wjr__trigger-row{display:block;margin:0 0 12px}
  .wjr__trigger{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 14px;
    border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);
    font-family:var(--font-display),sans-serif;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none}
  .wjr__trigger span{font-weight:400;color:var(--muted)}
  .wjr__rail{position:fixed;z-index:200;inset:0 auto 0 0;width:min(88vw,22rem);max-height:none;padding:20px;
    border-right:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-3);
    transform:translateX(-104%);visibility:hidden;overflow-y:auto;
    transition:transform var(--motion-ui) var(--ease-out),visibility 0s var(--motion-ui)}
  .wjr__rail[data-open="true"],.wjr__rail:target{transform:none;visibility:visible;transition-delay:0s}
  .wjr__close{display:inline-flex;min-height:44px;align-items:center;font-family:var(--font-display),sans-serif;font-size:13px;font-weight:700;color:var(--alex-purple)}
  .wjr__backdrop[data-open="true"]{display:block;position:fixed;inset:0;z-index:199;background:rgba(32,32,52,.35)}
}
@media (prefers-reduced-motion: reduce){.wjr__rail{transition:none}}