.percorso-main{width:min(1400px,calc(100% - 32px));margin:auto;padding:28px 0 78px}
.percorso-istruzioni{display:flex;align-items:flex-start;gap:12px;margin:0 auto 16px;padding:14px 16px;border:1px solid #efca8e;border-radius:12px;background:#fffaf0;color:#526578;font-size:14px}
.percorso-istruzioni strong{flex:0 0 auto;color:var(--blu)}
.percorso-map{overflow:hidden;border:1px solid var(--bordo);border-radius:18px;background:#fff;box-shadow:0 10px 30px #173a5e0c}
.percorso-map svg{display:block;width:100%;height:auto}
.percorso-map .map-unit{cursor:pointer;outline:none}
.percorso-map .map-unit .unit-hit{transition:filter .15s,stroke-width .15s}
.percorso-map .map-unit:hover .unit-hit,.percorso-map .map-unit:focus .unit-hit{filter:brightness(.97)}
.percorso-map .map-lesson-link{cursor:pointer;text-decoration:none;outline:none}
.percorso-map .map-lesson-link rect{transition:fill-opacity .15s,stroke-width .15s}
.percorso-map .map-lesson-link:hover rect,.percorso-map .map-lesson-link:focus rect{fill-opacity:1;stroke-width:2}
.percorso-map .map-lesson-link:focus-visible rect{stroke-width:3}
@media(max-width:650px){.percorso-main{width:calc(100% - 8px);padding:12px 0 54px}.percorso-istruzioni{margin:0 8px 10px;padding:11px 12px;display:block}.percorso-istruzioni strong{display:block;margin-bottom:2px}.percorso-map{border-radius:12px}}