.path-page { background: var(--paper); }
.path-page .site-header,.path-page main,.path-page footer { width:min(1240px,calc(100% - 48px)); }
.path-library-link { color:var(--muted);font-size:12px;text-decoration:none; }
.path-hero { min-height:680px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:80px;padding:80px 0; }
.path-hero h1 { font-size:clamp(64px,8.4vw,116px); }
.path-intro { align-self:end;padding-bottom:70px; }
.path-intro>p { color:var(--muted);font-size:18px;line-height:1.75; }
.path-intro dl { display:grid;grid-template-columns:1fr 1fr;margin:42px 0 0;border-top:1px solid var(--line); }
.path-intro dl div { padding-top:22px; }
.path-intro dt { font:500 34px/1 "DM Mono",monospace; }
.path-intro dd { margin:7px 0 0;color:var(--muted);font-size:10px; }
.path-route { display:grid;grid-template-columns:340px 1fr;gap:80px;padding:110px 0;border-top:1px solid var(--line); }
.path-route-heading { position:sticky;top:32px;height:fit-content; }
.path-route-heading h2 { margin-bottom:28px;font-size:52px; }
.path-route-heading>p:last-child { color:var(--muted);font:400 9px/1 "DM Mono",monospace;text-transform:uppercase; }
.path-route ol { list-style:none;margin:0;padding:0; }
.path-route li { display:grid;grid-template-columns:50px 1fr auto auto;align-items:center;gap:24px;min-height:160px;padding:26px 0;border-top:1px solid var(--line); }
.step-number,.step-time,.path-route small { font:400 9px/1 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.07em; }
.step-number { color:var(--accent); }.step-time,.path-route small { color:var(--muted); }
.path-route h3 { margin:9px 0 10px;font-size:28px;font-weight:500;letter-spacing:-.04em; }
.path-route li p { max-width:510px;margin:0;color:var(--muted);font-size:13px;line-height:1.55; }
.path-route li>a { padding:11px 14px;border:1px solid var(--ink);border-radius:20px;font:500 9px/1 "DM Mono",monospace;text-decoration:none;text-transform:uppercase; }
.path-route li>a:hover { border-color:var(--accent);background:var(--accent);color:white; }
.path-route li.visited h3::after { content:" ✓";color:var(--green);font-size:16px; }.planned { opacity:.48; }
.reusable-note { margin-bottom:120px;padding:80px;background:var(--green);color:#f7f2e9;text-align:center; }
.reusable-note h2 { margin-bottom:28px; }.reusable-note>p:last-child { max-width:720px;margin:0 auto;color:rgb(247 242 233 / 65%);font-size:17px;line-height:1.75; }
@media(max-width:850px){.path-hero,.path-route{grid-template-columns:1fr}.path-intro{padding:0}.path-route-heading{position:static}.path-route{gap:50px}.reusable-note{padding:60px 28px}}
@media(max-width:600px){.path-page .site-header,.path-page main,.path-page footer{width:min(100% - 32px,1240px)}.path-hero{min-height:600px}.path-route li{grid-template-columns:35px 1fr}.step-time,.path-route li>a{grid-column:2}.path-route li>a{width:fit-content}.reusable-note{margin-bottom:70px}.reusable-note h2{font-size:40px}}