/* Sprint 54: thorough, readable task completion instructions; complements Sprint 53 conceptual images. */
.na54-before,.na54-how,.na54-evidence,.na54-blocked,.na54-source,.na54-then{font-size:.89rem;line-height:1.55;color:#234859}
.na54-before,.na54-how{border:1px solid #d3e4eb;border-radius:12px;padding: .8rem .9rem;margin: .75rem 0;background:#fff}
.na54-how{background:#f4fafb;border-color:#b8d7df}
.na54-before h4,.na54-how h4{margin:0 0 .6rem;font-size:1rem;line-height:1.35;color:#163e50}
.na54-before ul,.na54-blocked ul{margin:.2rem 0;padding-left:1.2rem}
.na54-before li,.na54-blocked li{margin:.35rem 0}
.na54-microsteps{margin:0;padding:0;list-style:none;counter-reset:actions;display:grid;gap:.45rem}
.na54-microsteps>li{counter-increment:actions;position:relative;padding:.55rem .55rem .55rem 2.2rem;background:#fff;border:1px solid #dbe8eb;border-radius:9px}
.na54-microsteps>li:before{content:counter(actions);position:absolute;top:.58rem;left:.55rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d6ecf1;color:#17485d;width:1.3rem;height:1.3rem;font-weight:800;font-size:.72rem}
.na54-microsteps label{display:flex;align-items:flex-start;gap:.55rem;cursor:pointer;line-height:1.6}
.na54-microsteps input{flex:0 0 18px;width:18px;height:18px;margin-top:.15rem;accent-color:#0e7490}
.na54-microsteps input:checked+span{color:#395f66}
.na54-helpnote{font-size:.74rem;color:#476977;margin:.65rem 0 0}
.na54-blocked{border:1px solid #efd7ac;background:#fffcf4;border-radius:10px;margin:.75rem 0;padding:.65rem .85rem}
.na54-blocked summary{cursor:pointer;font-weight:800;color:#715021}
.na54-blocked ul{margin-top:.75rem}
.na54-evidence{background:#ebf6f2;padding:.75rem .85rem;border-radius:10px;border-left:4px solid #4b9c76;margin:.65rem 0}
.na54-evidence strong{color:#206246}
.na54-source{padding:.65rem .85rem;background:#eff5ff;border:1px solid #cfddf3;border-radius:9px;margin:.6rem 0}
.na54-source a{color:#155e75;text-decoration:underline;text-underline-offset:2px}
.na54-then{font-weight:750;padding:.65rem .75rem;background:#f1f8fb;border-radius:8px;margin:.65rem 0}
.na54-then span{font-weight:900;color:#0e7490}
@media print{.na54-blocked{break-inside:avoid}.na54-blocked>ul{display:block!important}.na54-microsteps>li,.na54-before,.na54-how{break-inside:avoid}.na54-how{background:#fff}.na54-source a{word-break:break-all}}

.na54-personalised{background:#f0f8fc;border:1px solid #bbdce9;padding:1rem 1.2rem;margin:1rem 0;border-radius:12px;color:#28526a}
.na54-personalised h3{font-size:1.1rem;color:#173f55;margin:0 0 .5rem}
.na54-personalised p{margin:.3rem 0;line-height:1.5;font-size:.86rem}
.na54-route-problem{padding:.4rem 0}.na54-route-problem summary{cursor:pointer;font-weight:700}.na54-route-problem ol{padding-left:1.3rem}
@media print{.na54-route-problem>ol{display:block!important}}