/* Sprint 53, task-specific illustrated guides. Scoped to the help centre. */
.na53-guide{margin:1.25rem 0;scroll-margin-top:1rem}
.na53-guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.na53-guide-head p{max-width:760px}
.na53-progress-label{flex:none;padding:.45rem .8rem;background:#e4f2f5;color:#115b71;border-radius:999px;font-size:.78rem;font-weight:800}
.na53-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;overflow-x:auto;margin:1.2rem 0}
.na53-tab{display:flex;align-items:center;gap:.5rem;padding:.65rem;text-align:left;background:#f4f9fa;border:1px solid #d3e2e6;border-radius:10px;color:#204b5f;font-size:.78rem;min-width:0;cursor:pointer;font-weight:650;line-height:1.4}
.na53-tab:hover,.na53-tab:focus-visible{border-color:#0e7490;background:#e6f6f7}
.na53-tab[aria-current="step"]{background:#ddf2f5;border-color:#0e7490;box-shadow:inset 0 0 0 1px #0e7490}
.na53-tab-num{display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid #95bdc7;border-radius:50%;width:26px;height:26px;background:#fff;font-size:.75rem}
.na53-step-list{margin-top:1rem}
.na53-step[hidden]{display:none!important}
.na53-step{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:1.4rem;align-items:start;border:1px solid #d5e5e8;background:#fbfefe;padding:clamp(.8rem,2vw,1.4rem);border-radius:14px;margin-bottom:.9rem}
.na53-image-side{min-width:0}
.na53-image-side>a{display:block;border:1px solid #cfebed;background:#edf6f8;border-radius:14px;overflow:hidden}
.na53-image-side img{display:block;width:100%;height:auto;aspect-ratio:560/285}
.na53-caption{font-size:.74rem;margin:.5rem 0!important;color:#526d7a}
.na53-caption a{color:#0b667c}
.na53-step-count{display:block;font-size:.7rem;letter-spacing:.09em;font-weight:800;color:#0e7490}
.na53-step-body h3{font-size:1.28rem;margin:.25rem 0 .4rem;line-height:1.3;color:#14384a}
.na53-step-body>p{font-size:.9rem;line-height:1.65;margin:.35rem 0 1rem}
.na53-situation{display:flex;flex-direction:column;gap:.24rem;background:#ecf5fc;border:1px solid #b5d4ec;border-radius:9px;padding:.75rem;color:#264f67;font-size:.86rem;margin-bottom:1rem}
.na53-situation strong{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}
.na53-guidance{margin:.6rem 0;padding:.55rem .85rem;border-left:3px solid #1d93a5;background:#ecf8f9;border-radius:0 8px 8px 0}
.na53-guidance--caution{background:#fff8ec;border-left-color:#d5a342}
.na53-guidance--done{background:#edf8ef;border-left-color:#4b9c76}
.na53-heading{font-size:.77rem;font-weight:800;color:#203f50}
.na53-guidance p{font-size:.84rem;margin:.15rem 0;color:#2c4b5b;line-height:1.55}
.na53-done-toggle{display:flex;gap:.6rem;align-items:center;margin-top:.85rem;font-size:.84rem;font-weight:700;cursor:pointer;color:#18485a}
.na53-done-toggle input{width:19px;height:19px;accent-color:#0e7490;flex:none}
.na53-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:1rem 0 .1rem}
.na53-navigation button:disabled{opacity:.4;cursor:not-allowed}
.na53-recovery ol{padding-left:1.5rem;line-height:1.65;color:#2e5265}
.na53-recovery li{margin:.55rem 0}
@media(max-width:1030px){.na53-tabs{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}}
@media(max-width:730px){.na53-step{grid-template-columns:1fr}.na53-guide-head{flex-direction:column}.na53-tabs{display:flex}.na53-tab{flex:0 0 180px}.na53-navigation .na52-button{flex:1 0 46%}}
@media(max-width:420px){.na53-navigation .na52-button{flex:1 0 100%}}
@media print{.na53-guide{break-before:auto}.na53-tabs,.na53-navigation,.na53-done-toggle{display:none!important}.na53-step,.na53-step[hidden]{display:grid!important;break-inside:avoid;border-color:#aaa;background:#fff}.na53-image-side img{max-width:100%}.na53-guidance,.na53-situation{background:#fff;border-color:#999}}