.path-page{gap:1rem;min-width:0;display:grid}.path-meter{align-items:center;gap:.75rem;width:min(100%,28rem);display:flex}.path-meter .bar{flex:1}.path-meter span{color:var(--muted);font-size:var(--step-note);font-variant-numeric:tabular-nums;white-space:nowrap}.path-minutes{margin:.25rem 0 0}.path-units{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.path-unit[data-state=current]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.path-unit[data-state=later] .path-unit-head h2{color:var(--muted)}.path-unit-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-bottom:.5rem;display:flex}.path-unit-head h2{font:500 1.125rem/1.3 var(--font-display);margin:0}.path-unit-n{color:var(--muted);font:500 var(--step-micro)/1.3 var(--font-text)}.path-badge{border-radius:var(--r-pill);background:var(--tint-aqua);color:var(--ink);font:500 var(--step-micro)/1.4 var(--font-text);align-items:center;gap:.25rem;padding:.125rem .625rem;display:inline-flex}.path-badge-here{background:var(--tint-pink)}.path-steps{margin:0;padding:0;list-style:none}.path-check .tp-name{font-weight:600}.path-change>h2,.path-deeper summary{font:500 1.125rem/1.3 var(--font-display)}.path-deeper summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.path-offers{margin:.75rem 0;padding:0;list-style:none}.path-offer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-block:.625rem;display:flex}.path-offer+.path-offer{border-top:1px solid var(--line)}.path-offer>div{flex:18rem;gap:.125rem;min-width:0;display:grid}.path-offer>a{align-items:center;min-height:24px;font-weight:600;display:inline-flex}.path-unit>details>summary{cursor:pointer;align-items:center;min-height:44px;margin-bottom:0;list-style:none}.path-unit>details>summary::-webkit-details-marker{display:none}.path-unit>details[open]>summary{margin-bottom:.5rem}.path-unit-count{color:var(--muted);font-size:var(--step-small);font-variant-numeric:tabular-nums;margin-left:auto}.path-unit>details>summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--r-sm)}
