/* A small route map on the alchemist's parchment. No state or motion required. */
.pathmap-workshop{padding:24px 23px 0;margin:0 0 28px;background:linear-gradient(135deg,#fbf7e7,#f5eed8);border:1px solid #dfd1aa;border-radius:13px;overflow:hidden;color:#62744f}.pathmap-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.pathmap-kicker{display:block;font-size:9px;letter-spacing:1.4px;line-height:1.8;font-weight:600;color:#a08a50}.pathmap-heading h2{font-family:Georgia,serif;font-weight:400;font-size:27px;line-height:1.4;color:#667447;margin:6px 0 9px}.pathmap-heading p{font-size:11px;line-height:1.9;color:#8c8261;margin:0;max-width:570px}.pathmap-count{flex-shrink:0;text-align:center;background:#f1e8c9;border:1px solid #dfd0a1;border-radius:9px;padding:9px 10px;color:#a18a4d;font-size:9px;line-height:1.8;white-space:nowrap}.pathmap-count>strong{display:block;font-family:Georgia,serif;font-size:23px;font-weight:400;color:#8e7a43;line-height:1.4}.pathmap-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:20px;margin:21px 0 23px}.pathmap-chart{min-width:0;background:repeating-linear-gradient(0deg,transparent 0 29px,#af985915 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#af985911 29px 30px),#fffbec;border:1px solid #e4d7b3;border-radius:10px;position:relative;padding:10px 6px 8px}.pathmap-chart:before{content:"";position:absolute;inset:6px;border:1px solid #e7dcc0;border-radius:6px;pointer-events:none}.pathmap-svg{display:block;width:100%;height:auto;max-height:440px;position:relative;overflow:visible}.pathmap-svg .pathmap-edge{fill:none;stroke:#afbb8d;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.pathmap-svg .pathmap-edge.selected{stroke:#4c7a55;stroke-width:4}.pathmap-svg .pathmap-edge.compared{stroke:#b49a50;stroke-width:3.6}.pathmap-svg .pathmap-edge.shared{stroke:#4c7a55;stroke-width:4.3}.pathmap-svg .pathmap-stub{fill:none;stroke:#c9bb93;stroke-width:1.6;stroke-dasharray:3 4;stroke-linecap:round}.pathmap-svg .pathmap-stub-node{fill:#fffbed;stroke:#c2b58d;stroke-width:1.2;stroke-dasharray:2 3}.pathmap-svg .pathmap-node{fill:#f3f0d8;stroke:#a8b383;stroke-width:2}.pathmap-svg .pathmap-node.selected{fill:#e3ebcf;stroke:#5c8158;stroke-width:2.5}.pathmap-svg .pathmap-node.compared{fill:#f4e9c6;stroke:#b39a53;stroke-width:2.3}.pathmap-svg .pathmap-node.shared{fill:#e8edcf;stroke:#5e8053;stroke-width:2.5}.pathmap-svg .pathmap-node.start{fill:#ede4c3;stroke:#b19a57;stroke-width:2}.pathmap-svg text{font-family:inherit;fill:#74805a;font-size:12px;text-anchor:middle}.pathmap-svg .pathmap-node-text{font-size:11px;font-weight:600;dominant-baseline:central}.pathmap-svg .pathmap-step-text{text-anchor:start;font-size:8px;letter-spacing:.4px;fill:#a49a75}.pathmap-svg .pathmap-start-text{font-family:Georgia,serif;font-size:10px;fill:#8f8053}.pathmap-svg .pathmap-stub-text{font-size:8px;fill:#b3a780;dominant-baseline:central}.pathmap-svg .pathmap-path-label{font-family:Georgia,serif;font-size:11px;fill:#8c835e}.pathmap-legend{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;padding:5px 6px 9px}.pathmap-legend>span{display:inline-flex;align-items:center;gap:5px;font-size:8px;color:#a29770;line-height:1.9}.pathmap-legend i{display:block;width:12px;height:0;border-top:2px solid #8da173}.pathmap-legend i.selected{border-color:#4c7a55}.pathmap-legend i.compared{border-color:#b49a50}.pathmap-legend i.unknown{border-color:#c9bb93;border-top-style:dashed}.pathmap-routes{min-width:0}.pathmap-routes h3{font-family:Georgia,serif;font-size:20px;line-height:1.5;font-weight:400;color:#788052;margin:0 0 6px}.pathmap-routes>p{font-size:10px;line-height:1.9;color:#9b9070;margin:0 0 12px}.pathmap-route-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.pathmap-route{display:block;width:100%;min-height:75px;text-align:left;background:#fffbed;border:1px solid #ded2af;border-radius:8px;padding:12px 13px;color:#6b7952}.pathmap-route.selected{background:#eef2dc;border:1px solid #a9bd8f;box-shadow:inset 3px 0 0 #6e925f}.pathmap-route.compared{background:#fbf0d2;border:1px solid #d6bf7b;box-shadow:inset 3px 0 0 #b89c50}.pathmap-route-top{display:flex;justify-content:space-between;align-items:center;gap:8px;line-height:1.7}.pathmap-route-top>strong{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#6a794d}.pathmap-route-top>span{font-size:8px;letter-spacing:.5px;color:#9c936e}.pathmap-route.selected .pathmap-route-top>span{color:#6b8755}.pathmap-route.compared .pathmap-route-top>span{color:#a38a44}.pathmap-route-trail{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px;line-height:1.9;color:#9c9270;margin-top:4px}.pathmap-route-trail>b{display:inline-grid;place-items:center;width:18px;height:20px;font-size:9px;font-weight:400;background:#f5eed7;border:1px solid #e3d7b1;border-radius:4px;color:#9b8e5e}.pathmap-route.selected .pathmap-route-trail>b{background:#e4ebd0;border-color:#d0dcba;color:#7c9162}.pathmap-route-ending{display:block;font-size:10px;line-height:1.9;margin-top:7px;color:#8c8c64}.pathmap-route-ending.connected{color:#7e925c}.pathmap-route-ending.in-progress{color:#a08a50}.pathmap-route-action{display:flex;align-items:center;justify-content:space-between;font-size:9px;line-height:1.8;color:#75885b;border-top:1px solid #e5debf;padding-top:8px;margin-top:8px}.pathmap-route-action>.icon{width:11px;height:11px}.pathmap-route.selected .pathmap-route-action{border-color:#d3dfbb}.pathmap-route.compared .pathmap-route-action{border-color:#e8d8ac}.pathmap-route-choices{margin:7px 0 0;padding-left:18px;color:#9a9275;font-size:10px;line-height:1.8}.pathmap-empty{display:flex;gap:17px;align-items:center;background:#fffbed;border:1px dashed #d6c699;border-radius:9px;padding:18px 17px;margin:21px 0 24px}.pathmap-empty-mark{display:grid;place-items:center;width:40px;height:44px;flex-shrink:0;border-radius:13px;background:#f4edcf;border:1px solid #e3d5ac;color:#b19a60;font-size:25px;line-height:1}.pathmap-empty h3{font-family:Georgia,serif;color:#8b855b;font-size:22px;font-weight:400;line-height:1.4;margin:0 0 8px}.pathmap-empty p{font-size:11px;line-height:1.9;color:#a09571;margin:0}.pathmap-hints{border-top:1px solid #e3d5af;margin:0 -23px;background:#f7f2de}.pathmap-hints>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:53px;padding:15px 23px;font-size:12px;line-height:1.8;color:#8b8057;cursor:pointer;list-style:none}.pathmap-hints>summary::-webkit-details-marker{display:none}.pathmap-hints>summary>span:first-child{display:flex;gap:8px;align-items:center}.pathmap-hints>summary .icon{width:15px;height:15px;flex-shrink:0}.pathmap-hint-chevron{font-size:18px;color:#aa9866;line-height:1}.pathmap-hints[open] .pathmap-hint-chevron{transform:rotate(180deg)}.pathmap-hint-body{padding:0 23px 20px}.pathmap-hint-body>p{font-size:10px;line-height:1.9;color:#9a8e69;margin:0 0 14px;padding-top:4px}.pathmap-hint-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.pathmap-hint-list>li{padding:14px;background:#fffbed;border:1px solid #e4d8b5;border-radius:8px;min-width:0}.pathmap-hint-list strong{font-family:Georgia,serif;display:block;font-size:19px;line-height:1.4;font-weight:400;color:#8a8155;margin-bottom:7px}.pathmap-hint-list p{font-size:11px;line-height:1.9;color:#9a9171;margin:0}.pathmap-workshop button:focus-visible,.pathmap-workshop summary:focus-visible{outline:2px solid #809361;outline-offset:3px}.pathmap-workshop p,.pathmap-workshop h2,.pathmap-workshop h3,.pathmap-workshop li{overflow-wrap:anywhere}
.pathmap-saved-choices{margin-top:3px}.pathmap-saved-choices>summary{min-height:44px;padding:11px 3px;color:#968963;font-size:10px;line-height:1.9;cursor:pointer;list-style-position:inside}.pathmap-saved-choices>ol{margin:0 0 8px;padding:0 5px 0 21px;font-size:10px;line-height:1.9;color:#9d9272}.pathmap-saved-choices li{margin-bottom:8px;padding-left:3px}.pathmap-retention{font-size:10px;line-height:1.9;color:#9d906b;margin:-6px 0 18px}.pathmap-unknown{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.9;color:#a2946e;margin:0 0 19px}.pathmap-unknown>.icon{width:13px;height:13px;margin-top:3px;flex-shrink:0}
.pathmap-diagram{position:relative}.pathmap-diagram>.pathmap-svg{max-height:none}.pathmap-node-controls{position:absolute;inset:0;pointer-events:none}.pathmap-node-control{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid transparent;background:transparent;border-radius:50%;padding:0;pointer-events:auto;cursor:pointer}.pathmap-node-control:after{content:"";position:absolute;inset:6px;border:1px solid #8d9e6e66;border-radius:50%;pointer-events:none}.pathmap-node-control:hover{background:#c7d5a72a;border-color:#9cad7d77}.pathmap-node-control:focus-visible{outline:2px solid #56784a;outline-offset:0;background:#c7d5a72a}.pathmap-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pathmap-tap-note{text-align:center;font-size:9px;line-height:1.9;color:#8d8058;margin:2px 4px 8px}.pathmap-saved-choices>ol{padding-left:0;list-style:none;margin-bottom:12px}.pathmap-saved-choices li{padding:12px 11px;margin:0 0 9px;background:#fcf8e9;border:1px solid #e2d6b0;border-radius:7px}.pathmap-saved-choices li>span{display:block;font-size:9px;line-height:1.9;text-transform:uppercase;letter-spacing:.6px;color:#9c8a57}.pathmap-saved-choices li>p{font-size:11px;line-height:1.9;color:#807b59;margin:6px 0 8px}.pathmap-replay-point{display:flex;align-items:center;gap:7px;min-height:44px;width:100%;padding:8px 0;background:transparent;border:0;color:#6a8154;font-size:10px;line-height:1.8;text-align:left}.pathmap-replay-point>.icon{width:12px;height:12px;flex-shrink:0;margin-left:auto}.pathmap-replay-modal{width:100%;max-width:680px;padding:34px 31px 25px;background:#fffdf3;overflow-y:auto}.pathmap-replay-brief>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-right:12px}.pathmap-replay-brief>header>div{min-width:0}.pathmap-replay-brief h2{font-family:Georgia,serif;font-weight:400;font-size:33px;line-height:1.35;letter-spacing:-.5px;color:#536f49;margin:9px 0 12px;padding:0!important}.pathmap-replay-brief header>div>p{font-size:11px;line-height:1.9;color:#8d865f;margin:0}.pathmap-replay-host{display:flex;flex-direction:column;align-items:center;max-width:110px;margin:0;flex-shrink:0}.pathmap-replay-host-image{width:89px;height:89px;object-fit:contain;filter:drop-shadow(0 4px 3px #52663e15)}.pathmap-replay-host figcaption{font-size:10px;line-height:1.9;text-align:center;color:#859268;overflow-wrap:anywhere;margin-top:4px}.pathmap-replay-intro{font-size:13px;line-height:1.9;color:#7c8063;margin:21px 0 20px}.pathmap-replay-intro>strong{font-weight:600;color:#6e7f53}.pathmap-replay-prefix{padding:18px 17px;background:#edf2df;border:1px solid #d4dfbd;border-radius:10px;margin-bottom:17px}.pathmap-replay-prefix>.pathmap-kicker{color:#8b9a63;font-size:9px;letter-spacing:1px}.pathmap-replay-brief h3{font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.4;color:#617c4c;margin:8px 0 12px}.pathmap-replay-prefix>p{font-size:12px;line-height:1.9;color:#889371;margin:0}.pathmap-replay-prefix>ol{list-style:none;margin:0;padding:0}.pathmap-replay-prefix li{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-top:1px solid #dce4c8}.pathmap-replay-prefix li>span{display:grid;place-items:center;flex-shrink:0;width:24px;height:25px;border-radius:7px;background:#e1eacb;border:1px solid #ccdab3;color:#8ba366;font-size:10px;line-height:1.8;margin-top:2px}.pathmap-replay-prefix li>p{font-size:12px;line-height:1.9;color:#778763;margin:0}.pathmap-replay-prefix li:last-child{padding-bottom:0}.pathmap-replay-target{padding:18px 17px;background:#faf5e1;border:1px solid #e2d5ab;border-radius:10px}.pathmap-replay-target .pathmap-kicker{font-size:9px;letter-spacing:1px}.pathmap-replay-target h3{color:#8b7c48}.pathmap-replay-original-label{display:block;font-size:10px;line-height:1.9;color:#a3956b;margin:2px 0 7px}.pathmap-replay-target>p{font-size:12px;line-height:1.9;color:#897e57;border-left:3px solid #c8b474;padding-left:12px;margin:0}.pathmap-replay-active{padding:16px 17px;margin:18px 0 0;background:#fff0da;border:1px solid #e0bf8a;border-radius:9px}.pathmap-replay-active>strong{display:block;font-size:12px;line-height:1.9;color:#93703d;font-weight:600}.pathmap-replay-active>p{font-size:11px;line-height:1.9;color:#a2875d;margin:8px 0 0}.pathmap-replay-save-note{font-size:11px;line-height:1.9;color:#8e896d;margin:18px 1px 11px}.pathmap-replay-identity{font-size:10px;line-height:1.9;color:#a3a080;margin:0 1px 19px}.pathmap-replay-actions{display:flex;flex-direction:column;gap:9px;border-top:1px solid #e4dcc3;padding-top:19px;margin-top:19px}.pathmap-replay-actions>.button{justify-content:center;min-height:47px;padding:12px 15px;font-size:12px;line-height:1.9;gap:10px;text-align:center;white-space:normal}.pathmap-replay-cancel{display:block;min-height:44px;background:transparent;border:0;color:#9a906d;font-size:11px;line-height:1.9;text-decoration:underline;text-underline-offset:4px;padding:9px 0}.pathmap-replay-modal button:focus-visible{outline:2px solid #809361;outline-offset:3px}.pathmap-replay-brief p,.pathmap-replay-brief h2,.pathmap-replay-brief h3{overflow-wrap:anywhere}
.pathmap-replay-notice{font-size:11px;line-height:1.9;color:#7c825d;background:#eff2df;border:1px solid #d8dfbf;border-radius:8px;padding:12px 14px;margin:17px 0 20px}.pathmap-replay-notice>strong{font-weight:600;color:#6b8051}
.pathmap-chart{overflow-x:auto}.pathmap-diagram{min-width:270px}.pathmap-svg .pathmap-pin-star{font-size:13px;fill:#b89740}.pathmap-legend-star{font-size:10px;font-weight:400;color:#b29a54}.pathmap-favorite-guide{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;margin:0 0 14px;border:1px solid #e0d0a1;background:#f7edcd;border-radius:8px}.pathmap-favorite-guide>span{font-size:16px;line-height:1.6;color:#b3984c}.pathmap-favorite-guide>p{font-size:10px;line-height:1.9;color:#93845b;margin:0}.pathmap-favorite-guide strong{font-weight:600;color:#8a7746}.pathmap-favorite-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;line-height:1.8;color:#a38b47;background:#f6edcc;border:1px solid #e4d49f;border-radius:4px;padding:2px 6px;margin-top:9px}.pathmap-favorite-badge>span{font-size:10px}.pathmap-pin-control{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;padding:10px 11px;font-size:11px;line-height:1.8;color:#9a8246;background:#f9f0d5;border:1px solid #e0cd96;border-radius:7px;margin-top:7px}.pathmap-pin-control>span{font-size:16px;line-height:1}.pathmap-pin-control.pinned{color:#8e7b3e;background:#f2e7bb;border-color:#d2bd74}.pathmap-pin-control.at-limit{color:#a79c7b;background:#f6f2e2;border-color:#e3d9b9;cursor:help}.hist-favorite-count{display:inline-flex;align-items:center;align-self:flex-start;font-size:9px;line-height:1.9;background:#f9efce;color:#aa8d47;border:1px solid #e7d6a0;border-radius:5px;padding:3px 7px;margin:-4px 0 13px}
@media(max-width:620px){.pathmap-favorite-guide{padding:12px;gap:8px}.pathmap-favorite-guide>p{font-size:11px;line-height:1.9}.pathmap-favorite-badge{font-size:10px;line-height:1.9}.pathmap-pin-control{min-height:46px;font-size:11px;padding:11px 12px}.hist-favorite-count{font-size:10px}}
@media(max-width:850px){.pathmap-workshop{padding:23px 20px 0}.pathmap-body{gap:14px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.pathmap-route{padding:11px}.pathmap-route-top>strong{font-size:19px}.pathmap-route-top>span{font-size:7px}.pathmap-hints{margin-inline:-20px}.pathmap-hints>summary{padding-inline:20px}.pathmap-hint-body{padding-inline:20px}}
@media(max-width:620px){.pathmap-workshop{padding:22px 16px 0;margin-bottom:26px}.pathmap-heading{gap:9px}.pathmap-heading>div{min-width:0}.pathmap-heading h2{font-size:27px;line-height:1.4;margin-top:6px}.pathmap-heading p{font-size:11px;line-height:1.95}.pathmap-kicker{font-size:8px;letter-spacing:1.1px}.pathmap-count{padding:7px 8px;font-size:8px;margin-top:3px}.pathmap-count>strong{font-size:21px}.pathmap-body{grid-template-columns:1fr;gap:21px;margin-top:20px}.pathmap-chart{padding:10px 5px 6px}.pathmap-svg{max-height:none}.pathmap-legend{gap:9px;padding-bottom:10px}.pathmap-legend>span{font-size:8px}.pathmap-routes h3{font-size:23px;line-height:1.4}.pathmap-routes>p{font-size:11px;line-height:1.9;margin-bottom:13px}.pathmap-route-list{gap:10px}.pathmap-route{padding:13px 14px;min-height:80px}.pathmap-route-top>strong{font-size:22px}.pathmap-route-top>span{font-size:8px;line-height:1.9}.pathmap-route-trail{gap:6px;margin-top:5px}.pathmap-route-trail>b{width:20px;height:22px;font-size:10px}.pathmap-route-ending{font-size:11px;line-height:1.9}.pathmap-route-action{font-size:10px;min-height:29px;padding-top:9px;margin-top:9px}.pathmap-route-action>.icon{width:12px;height:12px}.pathmap-route-choices{font-size:11px;line-height:1.9}.pathmap-hints{margin-inline:-16px}.pathmap-hints>summary{padding:15px 16px;min-height:55px;font-size:12px;line-height:1.9}.pathmap-hints>summary .icon{width:14px;height:14px}.pathmap-hint-body{padding:0 16px 19px}.pathmap-hint-body>p{font-size:10px;line-height:1.9}.pathmap-hint-list{grid-template-columns:1fr;gap:10px}.pathmap-hint-list>li{padding:15px 14px}.pathmap-hint-list strong{font-size:22px}.pathmap-hint-list p{font-size:12px;line-height:1.9}.pathmap-empty{padding:17px 14px;gap:11px;align-items:flex-start}.pathmap-empty-mark{width:31px;height:35px;border-radius:10px;font-size:22px;margin-top:4px}.pathmap-empty h3{font-size:24px;line-height:1.4}.pathmap-empty p{font-size:11px;line-height:1.95}}
@media(max-width:620px){.pathmap-tap-note{font-size:10px;line-height:1.9;margin-top:1px}.pathmap-saved-choices>summary{font-size:11px;min-height:46px}.pathmap-saved-choices li{padding:13px 12px}.pathmap-saved-choices li>span{font-size:9px}.pathmap-saved-choices li>p{font-size:12px;line-height:1.95}.pathmap-replay-point{font-size:11px;min-height:46px}.pathmap-replay-modal{padding:31px 21px 22px}.pathmap-replay-brief>header{gap:10px;padding-right:8px;align-items:flex-start}.pathmap-replay-brief h2{font-size:29px;line-height:1.4;letter-spacing:-.4px;margin:8px 0 11px}.pathmap-replay-brief header>div>p{font-size:11px;line-height:1.9}.pathmap-replay-host{max-width:63px;margin-top:25px}.pathmap-replay-host-image{width:63px;height:67px}.pathmap-replay-host figcaption{font-size:9px;line-height:1.8}.pathmap-replay-intro{font-size:12px;line-height:1.95;margin:20px 0}.pathmap-replay-prefix{padding:17px 14px;margin-bottom:15px}.pathmap-replay-brief h3{font-size:25px;line-height:1.4}.pathmap-replay-prefix>p{font-size:12px;line-height:1.95}.pathmap-replay-prefix li{gap:9px;padding:12px 0}.pathmap-replay-prefix li>span{width:23px;height:25px;font-size:10px}.pathmap-replay-prefix li>p{font-size:12px;line-height:1.95}.pathmap-replay-target{padding:17px 14px}.pathmap-replay-original-label{font-size:10px;line-height:1.9}.pathmap-replay-target>p{font-size:12px;line-height:1.95;padding-left:10px}.pathmap-replay-active{padding:15px 14px}.pathmap-replay-active>strong{font-size:12px;line-height:1.95}.pathmap-replay-active>p{font-size:11px;line-height:1.95}.pathmap-replay-save-note{font-size:11px;line-height:1.95}.pathmap-replay-identity{font-size:10px;line-height:1.9}.pathmap-replay-actions{gap:9px}.pathmap-replay-actions>.button{font-size:12px;line-height:1.95;min-height:48px;padding:12px 13px}.pathmap-replay-cancel{font-size:11px;min-height:46px}}