.skill-map{gap:var(--space-4);display:grid}.map-course{gap:var(--space-2);display:grid}.map-course-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.map-course-head h2{font-size:var(--size-h3,1.25rem);align-items:center;gap:.4em;margin:0;display:flex}.skill-map .dot,.map-sheet .dot{background:var(--course,var(--accent));border-radius:50%;flex:none;width:.6em;height:.6em}.map-course-numbers{font-family:var(--font-mono);font-size:var(--size-small);color:var(--ink2);font-variant-numeric:tabular-nums;margin:0}.map-ideas{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card,8px);margin:0;padding:0;list-style:none}.map-ideas li+li{border-top:1px solid var(--line)}.map-idea{all:unset;box-sizing:border-box;width:100%;min-height:var(--layout-tap,44px);justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;color:var(--ink);display:flex}.map-idea:focus-visible,.map-sheet-close:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:4px}.map-idea[data-level="3"] .map-idea-name,.map-idea[data-level="4"] .map-idea-name{font-weight:600}.map-idea.faint{color:var(--muted)}.map-band{font-size:var(--size-small);color:var(--ink2);white-space:nowrap;align-items:center;gap:.4em;display:inline-flex}.map-idea.faint .map-band{color:var(--muted)}.meter.early i.on{background:0 0;background-image:repeating-linear-gradient(45deg,var(--course,var(--accent)) 0 2px,transparent 2px 4px)}.map-unstarted{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.map-unstarted a{justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--line);border-radius:var(--radius-card,8px);color:var(--ink2);min-height:var(--layout-tap,44px);align-items:center;text-decoration:none;display:flex}.map-unstarted span{font-family:var(--font-mono);font-size:var(--size-small);color:var(--muted)}.map-sheet{border:0;border-top:1px solid var(--line);background:var(--card);width:min(100%,40rem);max-width:100%;max-height:85vh;color:var(--ink);border-radius:18px 18px 0 0;margin:auto auto 0;padding:0}.map-sheet::backdrop{background:#00000059}.map-sheet-body{gap:var(--space-2);padding:var(--space-3) max(var(--space-3),env(safe-area-inset-right,0px)) calc(var(--space-4) + env(safe-area-inset-bottom,0px)) max(var(--space-3),env(safe-area-inset-left,0px));display:grid;position:relative}.map-sheet h2{font-size:var(--size-h2,1.5rem);margin:0;padding-right:2.5rem}.map-sheet-close{top:var(--space-2);right:var(--space-2);width:var(--layout-tap,44px);height:var(--layout-tap,44px);color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute}.map-sheet-course{font-family:var(--font-mono);font-size:var(--size-small);color:var(--ink2);align-items:center;gap:.4em;margin:0;display:flex}.map-sheet-band{margin:0}.map-sheet-band .map-band{color:var(--ink);font-size:1rem}.map-facts{font-size:var(--size-small);grid-template-columns:auto 1fr;gap:.2em 1em;margin:0;display:grid}.map-facts dt{color:var(--ink2)}.map-facts dd{margin:0}.map-answers{border-top:1px solid var(--line);padding-top:var(--space-2)}.map-answers h3{margin:0 0 var(--space-1);font-size:1rem}.map-answers ul{gap:var(--space-1);font-size:var(--size-small);margin:0;padding:0;list-style:none;display:grid}.map-answers li{gap:0 var(--space-2);grid-template-columns:auto 1fr;display:grid}.map-answers .ok{color:var(--good)}.map-answers .no{color:var(--bad)}.map-answers .unsure{color:var(--ink2)}.map-answers .q{min-width:0;color:var(--ink)}.map-answers .when{color:var(--muted);grid-column:2}.map-actions{gap:var(--space-2);padding-top:var(--space-1);flex-wrap:wrap;display:flex}.map-hops{border-top:1px solid var(--line);padding-top:var(--space-2)}.map-hops h3{margin:0 0 var(--space-1);font-size:1rem}.map-hops ul{gap:var(--space-2);font-size:var(--size-small);margin:0;padding:0;list-style:none;display:grid}.map-hops li{align-items:baseline;gap:0 var(--space-2);grid-template-columns:auto 1fr;display:grid}.map-hops .hop-where{min-width:0;color:var(--ink);overflow-wrap:anywhere}.map-hops .hop-where a{color:var(--ink);font-weight:600}.map-hops .hop-why{color:var(--ink2);grid-column:2}.map-hops .soon .dot{box-shadow:inset 0 0 0 1.5px var(--muted);background:0 0}.map-hops .soon .hop-where{color:var(--ink2)}.map-hops .hop-soon{font-family:var(--font-mono);color:var(--ink2);white-space:nowrap;margin-left:.5em;font-size:.85em}.map-hops-more{all:unset;box-sizing:border-box;min-height:var(--layout-tap,44px);margin-top:var(--space-1);color:var(--ink);cursor:pointer;align-items:center;text-decoration:underline;display:inline-flex}.map-hops-more:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.map-hops li{position:relative}.map-hops .vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.map-hops li:focus{outline:none}.map-hops li:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}
