/* 26.3 — indicazione di percorso compatta e leggibile anche su iPhone da 320px. */
#lexpath-app .pf263-journey{margin:8px 0 11px;padding:10px 11px;border-radius:9px;background:#102e40;border:1px solid #547486;color:#f9e9ca;max-width:100%;box-sizing:border-box}
#lexpath-app .pf263-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 8px}
#lexpath-app .pf263-step{font:600 10px/1.3 Arial,sans-serif;min-width:0;text-align:center;padding:6px 2px;border-radius:4px;background:#234456;color:#d3e1e9;overflow-wrap:anywhere}
#lexpath-app .pf263-step.active{background:#edcf93;color:#173147;font-weight:800}
#lexpath-app .pf263-step.done{background:#325b5c;color:#f4ebd7}
#lexpath-app .pf263-hint{font:12px/1.5 Arial,sans-serif;color:#f7ecda;margin:0 0 5px;overflow-wrap:anywhere}
#lexpath-app .pf263-actions{font:11px/1.4 Arial,sans-serif;margin:0;color:#d8c49c}
#lexpath-app .pf263-latest{margin:8px 0;padding:7px 10px;border-radius:7px;background:#294b52;border:1px solid #618888;color:#f3e9d6}
#lexpath-app .pf263-latest summary{font:600 12px/1.4 Arial,sans-serif;cursor:pointer;min-height:36px;padding:6px 0;overflow-wrap:anywhere}
#lexpath-app .pf263-latest p{font:12px/1.5 Arial,sans-serif;margin:7px 0 4px;overflow-wrap:anywhere}
#lexpath-app .pf263-debrief{margin:12px 0;border:1px solid #bca47c;border-radius:8px;background:#1b3949;padding:9px 12px;color:#f4ecdd}
#lexpath-app .pf263-debrief summary{font:700 13px/1.4 Arial,sans-serif;min-height:42px;cursor:pointer;padding:9px 0;color:#f5dcab}
#lexpath-app .pf263-debrief-content{font:12px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
#lexpath-app .pf263-debrief-content ul{padding-left:17px;margin:7px 0}
#lexpath-app .pf263-debrief-content li{padding:4px 0}
#lexpath-app .pf263-debrief-content p{margin:8px 0}
@media(max-width:380px){#lexpath-app .pf263-journey{padding:8px}#lexpath-app .pf263-step{font-size:9px;padding:7px 1px}#lexpath-app .pf263-hint{font-size:11px}}