.ck-guide-surface{}
.ck-guide-surface .fh-cards,.ck-guide-surface .fh-orders{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;width:100%;margin:16px 0}.ck-guide-surface .fh-card{padding:20px;background:#fff;border:1px solid #c4dad7;border-radius:10px;min-width:0}.ck-guide-surface .fh-card>strong:first-child{color:#075a65;display:block}.ck-guide-surface .fh-card p{margin:.65em 0}.ck-guide-surface .fh-noticing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ck-guide-surface .fh-noticing>p{padding:18px;border-left:4px solid #b8dcd4;background:#f4faf7}.ck-guide-surface .fh-network{display:block;width:min(100%,340px);height:auto;margin:12px auto;overflow:visible}.ck-guide-surface .fh-edge{stroke:#6a8486;stroke-width:3}.ck-guide-surface .fh-forced{stroke:#006273;stroke-width:7}.ck-guide-surface .fh-node{fill:#fff;stroke:#006273;stroke-width:2}.ck-guide-surface .fh-node-label{font:25px sans-serif;text-anchor:middle;fill:#004e5c}.ck-guide-surface .fh-distance{font:bold 23px sans-serif;text-anchor:middle;fill:#004e5c;paint-order:stroke;stroke:#f1f8f7;stroke-width:7;stroke-linejoin:round}.ck-guide-surface .fh-key{font-size:1rem!important;line-height:1.6;text-align:center;margin:14px 0!important}.ck-guide-surface .fh-card-set{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0}.ck-guide-surface .fh-card-set>span{display:grid;place-items:center;width:48px;height:54px;background:#fff;border:2px solid #b3cda7;border-radius:8px;font-size:1.5rem;font-weight:700;color:#254f35}.ck-guide-surface .fh-pyramid{width:100%;margin:15px auto}.ck-guide-surface .fh-pyramid-row{display:flex;justify-content:center;gap:12px;margin:10px 0}.ck-guide-surface .fh-block{width:54px;height:54px;display:grid;place-items:center;border:2px solid #8bbdad;border-radius:9px;background:#fff;color:#005666;font-size:1.45rem;font-weight:700}.ck-guide-surface .fh-number-row{font-size:1.25rem;text-align:center;padding:16px;background:#fff;letter-spacing:.03em}.ck-guide-surface .fh-visit-facts{padding-top:12px;border-top:1px solid #c4dad7}.ck-guide-surface .fh-route{font-size:1.1rem;line-height:1.8;overflow-wrap:normal}.ck-guide-surface .fh-backward{display:flex;flex-direction:row-reverse;align-items:stretch;gap:8px;width:100%;margin:18px 0}.ck-guide-surface .fh-state{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;flex:1;min-width:0;padding:14px 8px;text-align:center;background:#dff3f4;color:#005365}.ck-guide-surface .fh-state strong{font-size:1.55rem}.ck-guide-surface .fh-state span{font-size:1rem}.ck-guide-surface .fh-action{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;flex:0 0 76px;color:#005365;font-size:1rem}.ck-guide-surface .fh-horizontal{font-size:1.8rem}.ck-guide-surface .fh-vertical{display:none}@media(max-width:900px){.ck-guide-surface .fh-backward{flex-direction:column}.ck-guide-surface .fh-state{min-height:90px}.ck-guide-surface .fh-action{flex-basis:auto;padding:6px}.ck-guide-surface .fh-horizontal{display:none}.ck-guide-surface .fh-vertical{display:block;font-size:1.8rem}.ck-guide-surface .fh-noticing{grid-template-columns:1fr}}@media(max-width:500px){.ck-guide-surface .fh-card{padding:16px}.ck-guide-surface .fh-block{width:48px;height:48px}.ck-guide-surface .fh-pyramid-row{gap:10px}.ck-guide-surface .fh-network{max-width:300px}.ck-guide-surface .fh-card-set>span{width:42px;height:48px}}