/* skip-hop Skipping Awards: assessment and evaluation pages (12 Oct 2026) */
.asx [hidden]{display:none!important}
.asx{--g:#F5A623;--n:#16213A;--c:#FFF4E0;--l:#EADFC8;--m:#5B6782;--ok:#2FA84F;--okl:#E8F5EC;--aw:#FFFFFF;--awi:#16213A;--ring:#AEB5C2;
  max-width:1060px;margin:0 auto;padding:4px 24px 64px;font-family:Nunito,system-ui,sans-serif;color:var(--n);font-size:17px;line-height:1.6}
.asx h2{font-size:clamp(24px,3vw,30px);line-height:1.2;font-weight:900;margin:46px 0 10px;scroll-margin-top:130px}
.asx h2 .no{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--g);color:var(--n);font-size:20px;margin-right:10px;vertical-align:3px}
.asx h3{font-size:20px;font-weight:900;margin:0 0 6px;line-height:1.3}
.asx p{margin:0 0 14px}
.asx a{color:var(--n);text-decoration:underline;text-decoration-color:var(--g);text-underline-offset:3px}
.asx .small{font-size:15px;color:var(--m)}
.asx-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 16px}
.asx-facts div{background:var(--c);border-radius:14px;padding:10px 14px}
.asx-facts b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--m);font-weight:800}
.asx-facts span{font-weight:900}
.asx-btn{display:inline-block;background:var(--g);color:var(--n)!important;text-decoration:none!important;border:0;border-radius:999px;font:900 16px Nunito,sans-serif;padding:12px 22px;cursor:pointer;line-height:1.2}
.asx-btn:hover{background:#e8951a}
.asx-btn.ghost{background:#fff;box-shadow:inset 0 0 0 2px var(--g)}
.asx-btn.ghost:hover{background:#FFF9EE}
.asx-btn.small{padding:8px 14px;font-size:14px}
.asx-btn:disabled{background:#EDE6D9;color:#9A9384!important;box-shadow:none;cursor:not-allowed}
.asx-btn.big{font-size:19px;padding:15px 28px}
.asx-link{font:inherit;font-weight:800;font-size:15px;background:none;border:0;color:var(--n);text-decoration:underline;text-decoration-color:var(--g);text-underline-offset:3px;cursor:pointer;padding:0}
.asx-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.asx-box{border:2px solid var(--l);border-radius:18px;padding:16px 20px;background:#fff}
.asx-box.gold{border-color:var(--g)}
.asx-box.cream{background:var(--c);border-color:var(--c)}
.asx ul.tk{list-style:none;padding:0;margin:0}
.asx ul.tk li{position:relative;padding-left:24px;margin:5px 0}
.asx ul.tk li:before{content:"✓";position:absolute;left:0;color:var(--g);font-weight:900}
.asx ul.dot{margin:0;padding-left:20px}.asx ul.dot li{margin:4px 0}

/* steps nav */
.asx-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0 6px;counter-reset:s}
.asx-steps a{display:block;background:#fff;border:2px solid var(--l);border-radius:14px;padding:9px 12px;text-decoration:none!important;font-weight:900;font-size:15px;line-height:1.25}
.asx-steps a small{display:block;font-weight:700;color:var(--m);font-size:13px}
.asx-steps a:hover{border-color:var(--g)}
.asx-steps a b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c);font-size:13px;margin-right:6px}

/* you will need */
.asx-need{border:2px solid var(--g);border-radius:20px;padding:16px 18px;margin:0 0 16px;background:#fff}
.asx-need h2{margin:0 0 12px;font-size:24px}
.asx-eq{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.asx-eq a{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center;background:var(--c);border-radius:16px;padding:10px;text-decoration:none!important;color:var(--n)!important}
.asx-eq a:hover{box-shadow:inset 0 0 0 2px var(--g)}
.asx-eq img{width:104px;height:70px;object-fit:contain;background:#fff;border-radius:12px}
.asx-eq b{display:block;font-size:17px;line-height:1.25}
.asx-eq span{display:block;font-size:14px;line-height:1.4;margin:3px 0 4px}
.asx-eq em{font-style:normal;font-weight:900;font-size:14px}.asx-eq em::after{content:" ›";color:var(--g)}
.asx-member{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#16213A;color:#fff;border-radius:16px;padding:12px 16px;margin:12px 0 0;font-weight:700}
.asx-member p{margin:0;flex:1;min-width:220px}
.asx-member .asx-btn{padding:9px 18px;font-size:15px}

/* app panels */
.asx-app{background:#fff;border-radius:20px;box-shadow:0 6px 22px rgba(22,33,58,.10);border:1px solid #F3ECDD;padding:20px 22px}
.asx-tabs{display:flex;gap:6px;background:var(--c);border-radius:999px;padding:5px;width:fit-content;max-width:100%;flex-wrap:wrap;margin:0 0 16px}
.asx-tabs button{font:inherit;font-weight:900;font-size:15px;border:0;border-radius:999px;padding:8px 16px;background:none;color:var(--n);cursor:pointer}
.asx-tabs button[aria-selected="true"]{background:#fff;box-shadow:0 2px 6px rgba(22,33,58,.12)}
.asx-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:0 0 12px}
.asx label.f{display:grid;gap:5px;font-weight:800;font-size:14px}
.asx select,.asx input[type=text],.asx input[type=date],.asx textarea{font:inherit;font-weight:700;font-size:16px;width:100%;padding:10px 12px;border:1.5px solid #E4D5B8;border-radius:10px;background:#fff;color:var(--n);box-sizing:border-box}
.asx textarea{min-height:140px;resize:vertical;line-height:1.45}
.asx select:focus,.asx input:focus,.asx textarea:focus{outline:2px solid var(--g);border-color:var(--n)}
.asx-note{font-size:14px;font-weight:600;color:var(--m);line-height:1.45;background:var(--c);border-radius:10px;padding:8px 12px;margin:0 0 12px}
.asx-warn{font-size:14px;font-weight:700;line-height:1.45;background:#FFF0F0;color:#8A1C1C;border-radius:10px;padding:8px 12px;margin:10px 0 0}
.asx-okmsg{font-size:14px;font-weight:700;line-height:1.45;background:var(--okl);color:#1B6E32;border-radius:10px;padding:8px 12px;margin:10px 0 0}
.asx-preview{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;min-height:10px}
.asx-preview span{background:var(--c);border-radius:999px;padding:3px 11px;font-weight:800;font-size:14px}
.asx-preview span.dup{background:#FFF0F0;color:#8A1C1C}
.asx-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
.asx-row .grow{flex:1}
.asx-signin{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--c);border-radius:14px;padding:12px 14px}
.asx-signin p{margin:0;flex:1;min-width:220px;font-weight:700}
.asx-saved{margin:16px 0 0;border-top:1px solid #F3ECDD;padding-top:12px}
.asx-saved h3{font-size:16px;margin:0 0 6px}
.asx-saved ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.asx-saved li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#FAF7F0;border-radius:12px;padding:7px 12px;font-size:15px}
.asx-saved li b{flex:1;min-width:160px}
.asx-cur{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--okl);border-radius:14px;padding:10px 14px;font-weight:800;margin:14px 0 0}
.asx-cur span{flex:1;min-width:200px}

/* lesson */
.asx-step{display:grid;grid-template-columns:84px 1fr;gap:14px;border:2px solid var(--l);border-radius:18px;padding:14px 16px;margin:0 0 10px;background:#fff}
.asx-step .n{background:var(--c);border-radius:12px;text-align:center;padding:8px 4px;font-weight:900;font-size:18px;align-self:start;line-height:1.2}
.asx-step p{margin:0}
.asx-stations{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.asx-st{border:2px solid var(--l);border-radius:18px;padding:14px 18px;background:#fff;display:flex;flex-direction:column}
.asx-st .tag{display:inline-block;background:var(--n);color:#fff;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:900;margin:0 0 8px;width:fit-content}
.asx-st h3{font-size:18px}
.asx-st .set{font-size:15.5px}
.asx-st .lf{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--m);font-weight:900;margin:6px 0 2px}
.asx-st ul.tk li{font-size:15.5px;margin:3px 0}
.asx-st .eh{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.asx-st .eh div{background:var(--c);border-radius:12px;padding:7px 10px;font-size:14px;line-height:1.4}
.asx-st .eh b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--m)}
.asx-control{border-left:6px solid var(--g);background:#FFF9EE;border-radius:0 14px 14px 0;padding:12px 16px;font-weight:700;margin:0 0 16px}

/* tracker */
.asx-tbar{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.asx-sess{display:flex;gap:6px;background:var(--c);border-radius:999px;padding:5px}
.asx-sess button{font:inherit;font-weight:900;font-size:15px;border:0;border-radius:999px;padding:8px 14px;background:none;color:var(--n);cursor:pointer;line-height:1.2;text-align:left}
.asx-sess button small{display:block;font-size:12px;font-weight:700;color:var(--m)}
.asx-sess button[aria-pressed="true"]{background:var(--n);color:#fff}
.asx-sess button[aria-pressed="true"] small{color:#D9DEE8}
.asx-date{display:flex;gap:8px;align-items:center;font-weight:800;font-size:14px}
.asx-date input{width:auto!important;padding:7px 10px!important;font-size:15px!important}
.asx-tw{overflow-x:auto;border:1px solid #F3ECDD;border-radius:16px;-webkit-overflow-scrolling:touch}
.asx-tt{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;font-size:15px}
.asx-tt th,.asx-tt td{border-bottom:1px solid #F3ECDD;padding:7px 8px;text-align:center;vertical-align:middle;background:#fff}
.asx-tt thead th{background:var(--c);font-size:13.5px;line-height:1.25;position:sticky;top:0;z-index:1}
.asx-tt thead th .all{display:block;margin:5px auto 0;font:inherit;font-size:12px;font-weight:900;border:1.5px solid var(--g);background:#fff;border-radius:999px;padding:2px 9px;cursor:pointer;color:var(--n)}
.asx-tt th.pn,.asx-tt td.pn{text-align:left;position:sticky;left:0;z-index:2;min-width:150px;font-weight:900}
.asx-tt thead th.pn{z-index:3}
.asx-tt td.num{color:var(--m);font-weight:800;width:30px}
.asx-tt tr.passed td{background:#F3FAF5}
.asx-cell{font:inherit;display:inline-flex;gap:5px;align-items:center;justify-content:center;border:1.5px solid #E4D5B8;background:#fff;border-radius:12px;padding:7px 10px;cursor:pointer;min-width:74px;min-height:40px}
.asx-cell:hover{border-color:var(--n)}
.asx-cell i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid #D8CDB6;font-style:normal;font-size:12px;font-weight:900;color:#B0A58E}
.asx-cell i.on{background:var(--ok);border-color:var(--ok);color:#fff}
.asx-cell i.cur{box-shadow:0 0 0 3px rgba(245,166,35,.45)}
.asx-cell.done{border-color:var(--ok);background:var(--okl)}
.asx-pass{display:inline-flex;gap:6px;align-items:center;font-weight:900;cursor:pointer;white-space:nowrap}
.asx-pass input{width:22px;height:22px;accent-color:var(--ok)}
.asx-pass small{display:block;font-weight:700;color:var(--m);font-size:11.5px}
.asx-rm{font:inherit;font-size:18px;line-height:1;width:32px;height:32px;border-radius:9px;border:1.5px solid #E4D5B8;background:#fff;color:var(--m);cursor:pointer}
.asx-rm:hover{color:#B3261E;border-color:#B3261E}
.asx-addp{display:flex;gap:8px;align-items:center;margin:12px 0 0;flex-wrap:wrap}
.asx-addp input{max-width:300px}
.asx-key{display:flex;gap:14px;flex-wrap:wrap;font-size:13.5px;color:var(--m);font-weight:700;margin:10px 0 0}
.asx-key i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:2px solid #D8CDB6;font-style:normal;font-size:10px;font-weight:900;vertical-align:-4px;margin-right:4px}
.asx-key i.on{background:var(--ok);border-color:var(--ok);color:#fff}
.asx-empty{text-align:center;padding:26px 16px;color:var(--m);font-weight:700;background:#FAF7F0;border-radius:16px}

/* evaluate */
.asx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
.asx-stats div{background:var(--c);border-radius:14px;padding:12px 14px}
.asx-stats b{display:block;font-size:30px;line-height:1.1;font-weight:900}
.asx-stats span{font-weight:800;color:var(--m);font-size:14px}
.asx-stats .ok{background:var(--okl)}
.asx-bars{display:grid;gap:8px;margin:6px 0 14px}
.asx-bar{display:grid;grid-template-columns:170px 1fr 92px;gap:10px;align-items:center;font-size:15px;font-weight:800}
.asx-bar .tr{height:16px;background:#F3ECDD;border-radius:999px;overflow:hidden;display:flex}
.asx-bar .tr span{display:block;height:100%}
.asx-bar .tr .t2{background:var(--ok)}.asx-bar .tr .t1{background:#A8E3B8}
.asx-bar small{color:var(--m);font-weight:700;text-align:right}
.asx-near{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.asx-near li{background:#FAF7F0;border-radius:12px;padding:7px 12px;font-size:15px}
.asx-near li b{margin-right:6px}

/* certificates */
.asx-certs{border:3px solid var(--ok);border-radius:22px;padding:18px 20px;background:#fff}
.asx-plist{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.asx-plist label{display:inline-flex;gap:7px;align-items:center;background:var(--okl);border-radius:999px;padding:6px 14px 6px 10px;font-weight:900;cursor:pointer}
.asx-plist label.made{background:#F3F1EC;color:var(--m)}
.asx-plist label small{font-weight:700;font-size:12px;color:var(--m)}
.asx-plist input{width:18px;height:18px;accent-color:var(--ok)}
.asx-sticky{position:sticky;bottom:12px;z-index:20;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#16213A;color:#fff;border-radius:16px;padding:9px 14px;margin:20px 0 0;box-shadow:0 8px 24px rgba(22,33,58,.25);font-weight:800;font-size:15px}
.asx-sticky a{color:#fff;text-decoration-color:var(--g)}
.asx-sticky .asx-btn{padding:8px 16px;font-size:14px}
.asx-printhead{display:none}

@media (max-width:820px){
  .asx-facts{grid-template-columns:1fr 1fr}
  .asx-steps{grid-template-columns:1fr 1fr}
  .asx-fields,.asx-two,.asx-stations{grid-template-columns:1fr}
  .asx-stats{grid-template-columns:1fr 1fr}
  .asx-bar{grid-template-columns:110px 1fr 70px}
}
@media (max-width:560px){
  .asx{padding:4px 16px 56px;font-size:16px}
  .asx-step{grid-template-columns:1fr}
  .asx-st .eh{grid-template-columns:1fr}
  .asx-sticky{flex-wrap:nowrap;padding:8px 10px 8px 14px;font-size:14px;bottom:8px}
  .asx-sticky .lk{display:none}
  .asx-tbar .asx-btn{display:none}
}
/* print: the class tracker and evaluation only */
@media print{
  @page{size:A4 landscape;margin:12mm}
  body.asx-printing header,body.asx-printing footer,body.asx-printing .sh-hd,body.asx-printing .skip-link,
  body.asx-printing .asx > *:not(.asx-print){display:none!important}
  body.asx-printing .asx{padding:0;max-width:none;font-size:12px}
  body.asx-printing .asx-print{display:block!important;box-shadow:none;border:0;padding:0}
  body.asx-printing .asx-print .noprint,body.asx-printing .asx-rm,body.asx-printing .all,body.asx-printing .asx-addp,body.asx-printing .asx-tbar,body.asx-printing .asx-sticky{display:none!important}
  body.asx-printing .asx-printhead{display:block;font-weight:900;font-size:16px;margin:0 0 8px}
  body.asx-printing .asx-tw{overflow:visible;border:0}
  body.asx-printing .asx-tt{min-width:0;font-size:12px}
  body.asx-printing .asx-tt th,body.asx-printing .asx-tt td{position:static;border:1px solid #999;padding:4px}
  body.asx-printing .asx-cell{border:0;padding:0;min-height:0}
  body.asx-printing *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.asx-printing h2{margin:14px 0 6px;font-size:18px}
}

/* Bronze, Silver and Gold: tracker by stage (12 Oct 2026) */
.asx-tt tr.cur td{background:#FFF9EE}
.asx-pick{font:inherit;font-weight:900;background:none;border:0;padding:0;color:var(--n);cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--g);text-underline-offset:3px}
.asx-chip{font:inherit;font-weight:900;font-size:14px;min-width:54px;padding:6px 10px;border-radius:999px;border:1.5px solid #E4D5B8;background:#fff;color:var(--n);cursor:pointer}
.asx-chip.done{background:var(--ok);border-color:var(--ok);color:#fff}
.asx-chip.locked{color:#B0A58E;background:#FAF7F0}
.asx-mp{margin:18px 0 0;border-top:2px solid #F3ECDD;padding-top:16px}
.asx-mphead{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px;position:sticky;top:0;background:#fff;z-index:3;padding:6px 0}
.asx-mpstat{font-weight:800;font-size:14px;background:var(--c);border-radius:999px;padding:6px 12px}
.asx-mpstat.ok{background:var(--okl);color:#1B6E32}
.asx-mst{border:2px solid var(--l);border-radius:18px;padding:14px 16px;margin:0 0 12px;scroll-margin-top:140px}
.asx-mst.done{border-color:var(--ok);background:#FBFEFC}
.asx-mst.locked{opacity:.6}
.asx-mst h4{margin:0 0 8px;font-size:18px;font-weight:900;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.asx-mst h4 .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c);font-size:14px}
.asx-mst.done h4 .n{background:var(--ok);color:#fff}
.asx-mst h4 small{font-size:13px;font-weight:800;color:var(--m)}
.asx-mis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.asx-mi{font:inherit;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;text-align:left;border:1.5px solid #E4D5B8;background:#fff;border-radius:12px;padding:9px 11px;cursor:pointer;color:var(--n)}
.asx-mi:hover:not(:disabled){border-color:var(--n)}
.asx-mi:disabled{cursor:not-allowed}
.asx-mi i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid #D8CDB6;font-style:normal;font-weight:900;font-size:13px;color:transparent}
.asx-mi.on{border-color:var(--ok);background:var(--okl)}
.asx-mi.on i{background:var(--ok);border-color:var(--ok);color:#fff}
.asx-mi b{display:block;font-size:15px;line-height:1.3}
.asx-mi small{display:block;font-size:13px;line-height:1.4;color:var(--m);margin-top:2px}
.asx-mi em{font-style:normal;font-size:12px;font-weight:800;color:#1B6E32;white-space:nowrap}
.asx-mi.safe{grid-column:1/-1;border-style:dashed}
.asx-restart{margin:10px 0 0;color:#8A1C1C!important;text-decoration-color:#E8A0A0!important;font-size:14px}
.asx-skip{border:2px solid var(--l);border-radius:16px;padding:12px 16px;background:#fff}
.asx-skip h4{margin:0 0 4px;font-size:17px;font-weight:900}
.asx-skip p{margin:0 0 6px;font-size:15px;line-height:1.5}
.asx-skip dl{display:grid;grid-template-columns:96px 1fr;gap:3px 10px;margin:6px 0 0;font-size:14.5px;line-height:1.45}
.asx-skip dt{font-weight:900;color:var(--m);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}
.asx-skip dd{margin:0}
.asx-skips{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.asx-sp{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 0}
.asx-sp th,.asx-sp td{border-bottom:1px solid #F3ECDD;padding:7px 8px;text-align:left;vertical-align:top}
.asx-sp th{background:var(--c);font-size:13px}
.asx-stg{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 6px}
.asx-stg div{background:var(--c);border-radius:14px;padding:10px 12px;font-size:14.5px;line-height:1.4}
.asx-stg b{display:block;font-size:16px}
.asx-stg span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--n);color:#fff;font-weight:900;font-size:12px;margin-bottom:4px}
@media (max-width:820px){.asx-mis,.asx-skips{grid-template-columns:1fr}.asx-stg{grid-template-columns:1fr 1fr}}
@media print{body.asx-printing .asx-mp{display:none!important}}
/* adapted pass (13 Oct 2026) */
.asx-ad{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px}
.asx-adb{font:inherit;font-size:12px;font-weight:800;border:1.5px dashed #C9B48A;background:#fff;color:#5B6782;border-radius:999px;padding:3px 10px;cursor:pointer;white-space:nowrap}
.asx-adb.on{border-style:solid;border-color:#7B4FB3;background:#F3ECFB;color:#4F2D78}
.asx-adn{font:inherit;font-size:12.5px;width:170px;max-width:100%;padding:5px 8px;border:1.5px solid #E4D5B8;border-radius:8px}
.asx-adp{display:none;font-size:12px;color:#4F2D78;font-weight:700}
@media print{.asx-adb:not(.on),.asx-adn{display:none!important}.asx-adp{display:block}.asx-adb.on{border:0;padding:0;background:none}}
body.asx-printing .asx-adb:not(.on),body.asx-printing .asx-adn{display:none!important}
body.asx-printing .asx-adp{display:block}