.learning-landscape{margin-block:clamp(2rem,5vw,4rem) 6rem}.page-intro--roadmap{padding-block:clamp(3rem,6vw,5rem)}.learning-landscape ol,.learning-landscape ul{margin:0;padding:0;list-style:none}.learning-landscape__guide{border-block:1px solid var(--line-strong);grid-template-columns:minmax(0,1.45fr) minmax(15rem,.75fr);align-items:end;gap:1.5rem clamp(2rem,5vw,4rem);padding-block:1.75rem;display:grid}.learning-landscape__intro h2{max-width:26ch;margin-bottom:.8rem;font-size:clamp(1.65rem,3vw,2.55rem)}.learning-landscape__intro>p:last-child{max-width:66ch;color:var(--ink-soft);margin-bottom:0}.learning-landscape__summary{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);grid-template-columns:.72fr 1.28fr;gap:1px;margin:0;display:grid;overflow:hidden}.learning-landscape__summary div{background:var(--surface);min-width:0;padding:.9rem 1rem}.learning-landscape__summary dt{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;font-weight:800}.learning-landscape__summary dd{color:var(--ink);margin:0;font-size:.9rem;font-weight:650;line-height:1.35}.learning-landscape__summary strong{color:var(--accent-ink);font-family:var(--font-mono);font-size:1.15rem;display:block}.learning-landscape__legend{color:var(--ink-soft);flex-wrap:wrap;grid-column:1/-1;gap:.55rem 1rem;font-size:.78rem;font-weight:650;display:flex}.learning-landscape__legend li,.learning-landscape__stage-status>span:first-child,.learning-landscape__detail-status>span:first-child{align-items:center;gap:.4rem;display:inline-flex}.learning-landscape__legend li:before,.learning-landscape__stage-status>span:first-child:before,.learning-landscape__detail-status>span:first-child:before{border:1px solid var(--line-strong);background:var(--surface-subtle);content:"";border-radius:50%;flex:none;width:.55rem;height:.55rem}.learning-landscape__legend li[data-state=ready]:before,[data-map-stage-state=ready] .learning-landscape__stage-status>span:first-child:before,[data-map-stage-state=ready] .learning-landscape__detail-status>span:first-child:before{border-color:var(--accent);background:var(--accent)}.learning-landscape__legend li[data-state=in-progress]:before,[data-map-stage-state=in-progress] .learning-landscape__stage-status>span:first-child:before,[data-map-stage-state=in-progress] .learning-landscape__detail-status>span:first-child:before{border-color:var(--accent);background:linear-gradient(90deg, var(--accent) 50%, var(--surface) 50%)}.learning-landscape__legend li[data-state=completed]:before,[data-map-stage-state=completed] .learning-landscape__stage-status>span:first-child:before,[data-map-stage-state=completed] .learning-landscape__detail-status>span:first-child:before{border-color:var(--success);background:var(--success);box-shadow:inset 0 0 0 2px var(--surface)}.learning-landscape__desktop{grid-template-columns:minmax(0,1fr) minmax(20rem,22rem);align-items:start;gap:clamp(1.5rem,3vw,2.5rem);margin-top:2rem;display:grid}.learning-landscape__groups{border-top:1px solid var(--line)}.learning-landscape__group{border-bottom:1px solid var(--line);grid-template-columns:minmax(10.5rem,.72fr) minmax(0,1.55fr);gap:clamp(1rem,3vw,2rem);padding-block:1.35rem;display:grid}.learning-landscape__group>header{padding-block:.25rem}.learning-landscape__group>header p,.learning-landscape__mobile>section>header p{color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem;font-weight:800}.learning-landscape__group>header h3,.learning-landscape__mobile>section>header h3{margin-bottom:.45rem;font-size:1.12rem}.learning-landscape__group>header span,.learning-landscape__mobile>section>header span{color:var(--ink-soft);font-size:.82rem;line-height:1.5;display:block}.learning-landscape__group>ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.learning-landscape__stage{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:7.4rem;color:var(--ink);text-align:left;transition:border-color .15s var(--ease), box-shadow .15s var(--ease), transform .15s var(--ease);padding:.85rem;position:relative}.learning-landscape__stage:hover{border-color:var(--line-strong);transform:translateY(-1px)}.learning-landscape__stage:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:2px}.learning-landscape__stage[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent), 0 8px 22px #11182712}.learning-landscape__stage[data-map-stage-next=true]{border-color:var(--accent)}.learning-landscape__stage-meta{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.035em;text-transform:uppercase;justify-content:space-between;gap:.6rem;margin-bottom:.65rem;font-size:.66rem;display:flex}.learning-landscape__stage>strong{margin-bottom:.8rem;font-size:.93rem;line-height:1.3;display:block}.learning-landscape__stage-status{color:var(--ink-soft);flex-wrap:wrap;gap:.25rem .6rem;font-size:.68rem;font-weight:700;line-height:1.3;display:flex}.learning-landscape__stage-status [data-map-next-label],.learning-landscape__detail-status [data-map-next-label]{color:var(--accent-strong);display:none}[data-map-stage-next=true] .learning-landscape__stage-status [data-map-next-label],[data-map-stage-next=true] .learning-landscape__detail-status [data-map-next-label]{display:inline}.learning-landscape__detail{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);max-height:calc(100vh - 7rem);box-shadow:var(--shadow);scrollbar-width:thin;position:sticky;top:5.5rem;overflow-y:auto}.learning-landscape__detail>section{padding:clamp(1.2rem,2.5vw,1.65rem)}.learning-landscape__detail>section[hidden]{display:none}.learning-landscape__detail h2{margin-bottom:.75rem;font-size:clamp(1.55rem,2.7vw,2.15rem)}.learning-landscape__description{color:var(--ink-soft);margin-bottom:1rem;font-size:.92rem}.learning-landscape__detail-status{border-block:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;gap:.35rem .7rem;margin-bottom:1.1rem;padding-block:.65rem;font-size:.76rem;font-weight:750;display:flex}.learning-landscape__relations{gap:.6rem;margin-bottom:1.1rem;display:grid}.learning-landscape__relations div{border-bottom:1px solid var(--line);grid-template-columns:5.3rem minmax(0,1fr);gap:.65rem;padding-bottom:.6rem;display:grid}.learning-landscape__relations dt{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:800}.learning-landscape__relations dd{color:var(--ink);margin:0;font-size:.78rem;font-weight:650;line-height:1.45}.learning-landscape__practice{margin-block:1.25rem}.learning-landscape__practice h3,.learning-landscape__lessons-title{letter-spacing:.01em;margin-bottom:.65rem;font-size:.82rem}.learning-landscape__practice li+li{margin-top:.45rem}.learning-landscape__practice a{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);gap:.15rem;padding:.65rem .7rem;text-decoration:none;display:grid}.learning-landscape__practice a:hover strong{color:var(--accent-strong)}.learning-landscape__practice strong{font-size:.8rem;line-height:1.35}.learning-landscape__practice span,.learning-landscape__practice small{color:var(--ink-soft);font-size:.67rem;line-height:1.4}.learning-landscape__lessons-title{margin-top:1.35rem}.learning-landscape__lessons li+li{border-top:1px solid var(--line)}.learning-landscape__lessons a{color:var(--ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;padding-block:.62rem;text-decoration:none;display:grid}.learning-landscape__lessons a:hover strong{color:var(--accent-strong)}.learning-landscape__lessons small,.learning-landscape__lessons strong,.learning-landscape__lessons [data-lesson-state-label]{display:block}.learning-landscape__lessons small{color:var(--ink-soft);font-family:var(--font-mono);font-size:.62rem}.learning-landscape__lessons strong{font-size:.75rem;line-height:1.35}.learning-landscape__lessons [data-lesson-state-label]{max-width:7.5rem;color:var(--ink-soft);text-align:right;font-size:.65rem;line-height:1.35}.learning-landscape__lessons [data-progress-state=completed] [data-lesson-state-label]{color:var(--success)}.learning-landscape__lessons [data-progress-state=ready] [data-lesson-state-label],.learning-landscape__lessons [data-progress-state=in-progress] [data-lesson-state-label]{color:var(--accent-strong)}.learning-landscape__mobile{display:none}@media (width<=60rem){.learning-landscape__desktop{grid-template-columns:minmax(0,1fr) 20rem}.learning-landscape__group{grid-template-columns:minmax(9rem,.65fr) minmax(0,1.35fr);gap:1rem}.learning-landscape__group>ol{grid-template-columns:1fr}}@media (width<=54rem){.learning-landscape{margin-block-end:4rem}.learning-landscape__guide{grid-template-columns:1fr;align-items:start}.learning-landscape__legend{grid-column:auto}.learning-landscape__desktop{display:none}.learning-landscape__mobile{gap:2rem;margin-top:2rem;display:grid}.learning-landscape__mobile>section>header{margin-bottom:.7rem;padding-inline:.2rem}.learning-landscape__mobile>section>ol{border-top:1px solid var(--line)}.learning-landscape__mobile>section>ol>li{border-bottom:1px solid var(--line)}.learning-landscape__mobile summary{grid-template-columns:minmax(0,1fr) auto 1.1rem;align-items:center;gap:.7rem;min-height:4.8rem;padding:.75rem .2rem;list-style:none;display:grid}.learning-landscape__mobile summary::-webkit-details-marker{display:none}.learning-landscape__mobile summary:after{color:var(--ink-soft);content:"+";font-size:1.1rem}.learning-landscape__mobile details[open] summary:after{content:"−"}.learning-landscape__mobile summary>span:first-child small,.learning-landscape__mobile summary>span:first-child strong{display:block}.learning-landscape__mobile summary>span:first-child small{color:var(--ink-soft);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:.15rem;font-size:.64rem}.learning-landscape__mobile summary>span:first-child strong{font-size:.93rem;line-height:1.35}.learning-landscape__mobile summary .learning-landscape__stage-status{text-align:right;justify-content:flex-end;max-width:8rem}.learning-landscape__mobile-body{padding:.35rem .2rem 1.35rem}.learning-landscape__mobile-body>p{color:var(--ink-soft);font-size:.9rem}.learning-landscape__relations{max-width:40rem}.learning-landscape__practice ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-width:40rem;display:grid}.learning-landscape__practice li+li{margin-top:0}}@media (width<=34rem){.learning-landscape__summary,.learning-landscape__practice ul{grid-template-columns:1fr}.learning-landscape__mobile summary{grid-template-columns:minmax(0,1fr) 1.1rem}.learning-landscape__mobile summary .learning-landscape__stage-status{text-align:left;grid-area:2/1/auto/-1;justify-content:flex-start;max-width:none}.learning-landscape__mobile summary:after{grid-area:1/2}.learning-landscape__relations div,.learning-landscape__lessons a{grid-template-columns:1fr;gap:.25rem}.learning-landscape__lessons [data-lesson-state-label]{text-align:left;max-width:none}}@media (prefers-reduced-motion:reduce){.learning-landscape__stage{transition:none}}