.hk-surface .hk-raft-path-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin-block:24px}.hk-surface .hk-raft-path-figure{min-width:0;margin:0}.hk-surface .hk-reading .hk-raft-path-figure figcaption,.hk-surface .hk-reading .hk-raft-path-legend{font-size:var(--type-body);line-height:1.7}.hk-surface .hk-raft-path-figure .caps{flex-wrap:wrap;gap:8px}.hk-surface .hk-raft-path-svg{display:block;width:100%;height:auto}.hk-surface .hk-raft-board-top{fill:var(--hk-paper,#f4f0e5);stroke:var(--hk-ink,#183b47);stroke-width:1}.hk-surface .hk-raft-board-edge{fill:var(--hk-paper-dim,#e5dfcd);stroke:var(--hk-ink,#183b47);stroke-width:1}.hk-surface .hk-raft-route-line{fill:none;stroke:var(--hk-sea,#21677a);stroke-width:3;vector-effect:non-scaling-stroke}.hk-surface .hk-raft-node{fill:var(--hk-paper,#f4f0e5);stroke:var(--hk-sea,#21677a);stroke-width:2;vector-effect:non-scaling-stroke}.hk-surface .hk-raft-node.is-junction{fill:var(--hk-ink,#183b47)}.hk-surface .hk-raft-node-number{fill:var(--hk-ink,#183b47);font:700 16px var(--font-body,sans-serif)}.hk-surface .hk-raft-node.is-junction+.hk-raft-node-number{fill:var(--hk-paper,#f4f0e5)}.hk-surface .hk-raft-path-legend{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 14px}.hk-surface .hk-raft-path-legend li{display:inline-flex;align-items:baseline;gap:7px}.hk-surface .hk-raft-path-legend li>span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--hk-sea,#21677a)}@media (max-width:720px){.hk-surface .hk-raft-path-panels{grid-template-columns:minmax(0,1fr)}}