/* A schematic of KIL's disciplines, expressed as connections rather than quantities. */
main#top #practice>div:nth-child(2){grid-template-columns:1fr 1.12fr!important;align-items:center!important;gap:5vw!important}
main#top #practice>div:nth-child(2)>div>p{margin:12px auto 0!important;max-width:520px!important}
.practice-map{width:100%;max-width:550px;margin:0 auto;color:#111;background:#fff}
.practice-map-svg{display:block;width:100%;height:auto;overflow:visible;font-family:Inter,'Noto Sans KR',sans-serif}
.map-guides{fill:none;stroke:#000;stroke-opacity:.14;stroke-width:.65}
.map-ticks{stroke-opacity:.22;stroke-width:.65}
.map-link,.map-signal,.map-sector-arc,.map-sector-hit,.map-node-stem{fill:none}
.map-link{stroke:#111;stroke-width:.75;opacity:.22;transition:opacity .25s,stroke-width .25s;vector-effect:non-scaling-stroke}
.map-signal{stroke:#111;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.2 99.8;opacity:.72;animation:practiceSignalTravel var(--travel) linear var(--offset) infinite;vector-effect:non-scaling-stroke}
.practice-map[data-running=false] .map-signal{animation-play-state:paused}
.map-sector{cursor:pointer;outline:none}
.map-sector-hit{stroke:transparent;stroke-width:32;pointer-events:stroke}
.map-sector-arc{stroke:#111;stroke-width:5;transition:stroke-width .2s,opacity .2s}
.map-sector-title{fill:currentColor;font-size:15px;font-weight:500;letter-spacing:.04em}
.map-sector.is-active .map-sector-arc,.map-sector:focus-visible .map-sector-arc{stroke-width:9}
.map-sector.is-active .map-sector-title,.map-sector:focus-visible .map-sector-title{text-decoration:underline;text-underline-offset:5px}
.map-node{transition:opacity .25s}
.map-node-stem{stroke:#000;stroke-opacity:.2;stroke-width:.65}
.map-node-halo{fill:#fff;stroke:#111;stroke-width:1}
.map-node-core{fill:#111}
.map-node-label{fill:#555;font-size:10.5px;letter-spacing:.015em}
.map-centre circle{fill:#fff;stroke:#ddd;stroke-width:.7}
.map-centre text{fill:#111;font-size:34px;font-weight:600;letter-spacing:-2.5px}
.map-centre .map-centre-caption{font-size:5.8px;letter-spacing:.75px;font-weight:500}
.practice-map:not([data-active="-1"]) .map-link:not(.is-connected){opacity:.035}
.practice-map:not([data-active="-1"]) .map-link.is-connected{opacity:.58;stroke-width:1}
.practice-map:not([data-active="-1"]) .map-signal:not(.is-connected){opacity:0}
.practice-map:not([data-active="-1"]) .map-node:not(.is-connected){opacity:.22}
.practice-map:not([data-active="-1"]) .map-sector:not(.is-active){opacity:.4}






@keyframes practiceSignalTravel{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(max-width:900px){main#top #practice>div:nth-child(2){grid-template-columns:1fr!important;gap:28px!important}.practice-map{max-width:540px}}
@media(max-width:600px){.practice-map{max-width:420px}.map-sector-title{font-size:20px;letter-spacing:0}.map-node-label{font-size:13px}.map-node:nth-child(even) .map-node-label{display:none}.map-centre text{font-size:38px}.map-centre .map-centre-caption{font-size:7px;letter-spacing:.45px}main#top #practice>div:nth-child(2)>div>p{margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){.practice-map .map-signal{animation:none}.map-link,.map-node,.map-sector-arc{transition:none}}