.student-roads{border-top:1px solid #d8e1ea;padding-block:1rem;color:#243b50;max-width:100%;min-width:0}.student-roads [hidden]{display:none!important}.student-roads p{margin:.6rem 0;line-height:1.55}.student-roads button,.student-roads select{font:inherit;min-height:44px;max-width:100%;border:1px solid #b8c8d6;border-radius:7px;background:#fff;color:#263f53;padding:.5rem .7rem;cursor:pointer;white-space:normal;line-height:1.3}.student-roads button:disabled{opacity:.45;cursor:default}.student-roads button[aria-pressed=true]{background:#e5eef5;border-color:#426c8c;box-shadow:inset 0 0 0 1px #426c8c}.student-roads button:focus-visible,.student-roads select:focus-visible,.student-roads summary:focus-visible,.student-roads [tabindex]:focus-visible{outline:3px solid #846cb0;outline-offset:3px}.sr-tools,.sr-run{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.sr-mode{font-size:.95rem}.sr-edit-status{min-height:3em;border-left:3px solid #7897b0;padding:.3rem .7rem}.sr-canvas-scroll{overflow:auto;max-width:100%;border:1px solid #c5d2de;border-radius:8px;touch-action:pan-x pan-y;background:#f7fafc;overscroll-behavior-x:contain}.sr-canvas{width:648px;height:528px}.sr-board{display:block;max-width:none!important;width:648px!important;height:528px!important;touch-action:pan-x pan-y;user-select:none}.sr-road{fill:none;stroke:#a7b8c4;stroke-width:4;stroke-linejoin:round}.sr-road-hit{fill:none;stroke:transparent;stroke-width:22;cursor:pointer;pointer-events:stroke}.sr-trail{fill:none;stroke:#bfa579;stroke-width:5;pointer-events:none;stroke-linejoin:round}.sr-trail-current{stroke:#89601f;stroke-width:6}.sr-node{cursor:pointer}.sr-node-face{fill:#fff;stroke:#476b83;stroke-width:2.5}.sr-node-face.palace{fill:#dfeaf4}.sr-node-face.apple{fill:#e1eddf}.sr-node text{font:600 18px system-ui;fill:#263f53;pointer-events:none}.sr-selected .sr-node-face{stroke:#8661a8;stroke-width:4}.sr-current .sr-node-face{stroke:#a77428;stroke-width:4}.sr-invalid{stroke:#b24f49!important}.sr-node.sr-invalid .sr-node-face{stroke:#b24f49;stroke-width:4}.sr-board-help{font-size:.9rem;color:#526a7d}.student-roads details{margin:.8rem 0;border:1px solid #d5dfe7;border-radius:7px;padding:.6rem .7rem}.student-roads summary{cursor:pointer;min-height:44px;line-height:1.5}.sr-coordinate{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}.sr-coordinate label,.sr-travel>label{display:flex;flex-direction:column;gap:.25rem;max-width:100%}.sr-item{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem 0;border-bottom:1px solid #e2e8ef}.sr-item>span{flex:1 1 10rem}.sr-validation{background:#eef4f7;padding:0 .8rem;border-radius:7px}.sr-validation:not(:empty){padding:.6rem .8rem}.sr-validation ul{padding-left:1.2rem}.sr-travel{margin-top:1rem}.sr-travel-status{font-weight:600}.sr-log{padding-left:1.6rem;line-height:1.6}.sr-turn-close{max-width:340px;padding:.6rem;border:1px solid #d9e3ea;border-radius:8px}.sr-turn-close:empty{display:none}.sr-turn-close svg{width:100%;min-width:0;height:auto;display:block}.sr-help p{font-size:.92rem}@media(max-width:430px){.sr-tools button,.sr-run button{flex:1 1 8rem}.sr-coordinate button{flex-basis:100%}.student-roads button{font-size:.95rem}.sr-elements .sr-item button{flex:1 1 9rem}}

.student-roads .sr-overview .sr-canvas{width:100%;height:auto}.student-roads .sr-overview .sr-board{width:100%!important;height:auto!important}.student-roads .sr-overview .sr-node,.student-roads .sr-overview .sr-road-hit{cursor:default}